- {(["TEXT", "IMAGE", "VIDEO", "AUDIO"] as const).map((type, index) => (
-
- ))}
+ {promptType === "SKILL" ? (
+ /* SKILL type shows a code output preview - code generated BY the skill */
+
+
+
{t("outputType")}
+
{t("outputTypeSkillNote")}
+
+
+ {/* Code output preview - what the agent generates */}
+
+ {/* Editor title bar */}
+
+ {/* Code output content */}
+
+
// Code generated by skill...
+
export function handler() {'{'}
+
return "...";
+
{'}'}
+
+
+
+
{t("outputType")}
+
{t("outputTypeDescription")}
+
+
+ {/* Output Type selector as grouped buttons */}
+
+ {(["TEXT", "IMAGE", "VIDEO", "AUDIO"] as const).map((type, index) => (
+
+ ))}
+
- {/* Output Preview based on type */}
-
- {promptType === "TEXT" && (
-
- {t("outputPreview.text")}
-
- )}
- {promptType === "IMAGE" && (
-
-
-
-
{t("outputPreview.imageUpload")}
+ {/* Output Preview based on type */}
+
+ {promptType === "TEXT" && (
+
+ {t("outputPreview.text")}
-
-
- )}
- {promptType === "VIDEO" && (
-
-
-
- {t("outputPreview.videoUpload")}
-
-
-
- )}
- {promptType === "AUDIO" && (
-
-
-
- {t("outputPreview.audio")}
-
- {/* Fake audio player bar */}
-
-
-
-
+ )}
+ {promptType === "IMAGE" && (
+
+
+
+ {t("outputPreview.imageUpload")}
-
0:00
+
-
- )}
+ )}
+ {promptType === "VIDEO" && (
+
+
+
+ {t("outputPreview.videoUpload")}
+
+
+
+ )}
+ {promptType === "AUDIO" && (
+
+
+
+ {t("outputPreview.audio")}
+
+ {/* Fake audio player bar */}
+
+
+ )}
+
-
+ )}