@chai-ui/vue 0.7.1 → 0.9.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { inject, computed, defineComponent, provide, renderSlot, watch, onScopeDispose, h, ref, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, unref, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, createVNode, nextTick, mergeProps, onMounted, onUnmounted, withModifiers, withCtx, withDirectives, vModelText, reactive, toValue, shallowRef } from "vue";
-import { reasoningEngineFor, createReasoning, regionColor, composerView, composerAttachMenuItems, MAX_ANIMATE_ENHANCE_LENGTH, enhanceRevealDurationMs, composerAttachmentsFromFiles, regionBoxStyle, REGION_CORNERS, DEFAULT_MAX_REGIONS, freeRegionNumber, EDIT_ZOOM_STEPS, regionPopoverPosition, editCardWidth, newRegion, panForZoom, clampPan, fitBox, resizeBox, regionBoxForKey, panForKey, downloadMedia, downloadFilename, shareMedia, resultModelLabel, formatTokens, formatCost, formatDuration, formatAspectRatio, SUGGESTED_ANALYSIS_MODELS, DEFAULT_MAX_ATTACHMENTS_BY_KIND, isMediaAnalyzerAtCap, mediaAnalyzerModelSections, PROMPT_LENGTH_HINT, readMediaFiles, nextMediaAnalyzerAttachments, replacedNote, createComposerStore, pickReasoning, createMediaAnalyzerStore } from "@chai-ui/core";
-import { DEFAULT_MAX_ATTACHMENTS_BY_KIND as DEFAULT_MAX_ATTACHMENTS_BY_KIND2, DEFAULT_MAX_REGIONS as DEFAULT_MAX_REGIONS2, DEFAULT_MEDIA_ANALYSIS_PROMPT_LENGTH, DEFAULT_MODEL_ID, DEFAULT_REASONING_MODEL, DEFAULT_REASONING_MODEL_BY_KIND, EDIT_IMAGE_USE_CASE, GenerationError, MEDIA_ANALYSIS_PROMPTS, MEDIA_ANALYSIS_PROMPT_LENGTHS, PRECISE_EDIT_MODELS, ROUTING_MODEL_ID, SUGGESTED_ANALYSIS_MODELS as SUGGESTED_ANALYSIS_MODELS2, SUGGESTED_EDIT_MODELS, SUGGESTED_IMAGE_MODELS, SUGGESTED_IMAGE_TO_VIDEO_MODELS, SUGGESTED_TEXT_TO_VIDEO_MODELS, TEXT_USE_CASE, buildRegionEditPrompt, checkSuggestedModels, createFalEngine, createMockEngine, createOpenRouterEngine, isMediaAnalyzerAtCap as isMediaAnalyzerAtCap2, mockEngine, nextMediaAnalyzerAttachments as nextMediaAnalyzerAttachments2, reasoningModelFor, suggestedModels } from "@chai-ui/core";
+import { inject, computed, defineComponent, provide, renderSlot, watch, onScopeDispose, h, ref, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, unref, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, createVNode, useId, nextTick, shallowRef, mergeProps, onMounted, onUnmounted, withModifiers, withCtx, withDirectives, vModelText, reactive, toValue } from "vue";
+import { reasoningEngineFor, createReasoning, regionColor, MAX_ANIMATE_ENHANCE_LENGTH, enhanceRevealDurationMs, VOICE_LEVEL_COUNT, formatVoiceElapsed, composerView, composerAttachMenuItems, createVoiceInput, composerAttachmentsFromFiles, regionBoxStyle, REGION_CORNERS, DEFAULT_MAX_REGIONS, freeRegionNumber, EDIT_ZOOM_STEPS, regionPopoverPosition, editCardWidth, newRegion, panForZoom, clampPan, fitBox, resizeBox, regionBoxForKey, panForKey, downloadMedia, downloadFilename, shareMedia, resultModelLabel, formatTokens, formatCost, formatDuration, formatAspectRatio, SUGGESTED_ANALYSIS_MODELS, DEFAULT_MAX_ATTACHMENTS_BY_KIND, isMediaAnalyzerAtCap, mediaAnalyzerModelSections, PROMPT_LENGTH_HINT, readMediaFiles, nextMediaAnalyzerAttachments, replacedNote, createComposerStore, pickReasoning, createMediaAnalyzerStore } from "@chai-ui/core";
+import { DEFAULT_MAX_ATTACHMENTS_BY_KIND as DEFAULT_MAX_ATTACHMENTS_BY_KIND2, DEFAULT_MAX_REGIONS as DEFAULT_MAX_REGIONS2, DEFAULT_MEDIA_ANALYSIS_PROMPT_LENGTH, DEFAULT_MODEL_ID, DEFAULT_REASONING_MODEL, DEFAULT_REASONING_MODEL_BY_KIND, EDIT_IMAGE_USE_CASE, GenerationError, MEDIA_ANALYSIS_PROMPTS, MEDIA_ANALYSIS_PROMPT_LENGTHS, PRECISE_EDIT_MODELS, ROUTING_MODEL_ID, SUGGESTED_ANALYSIS_MODELS as SUGGESTED_ANALYSIS_MODELS2, SUGGESTED_EDIT_MODELS, SUGGESTED_IMAGE_MODELS, SUGGESTED_IMAGE_TO_VIDEO_MODELS, SUGGESTED_TEXT_TO_VIDEO_MODELS, TEXT_USE_CASE, buildRegionEditPrompt, checkSuggestedModels, createFalEngine, createFalTranscriber, createMockEngine, createOpenRouterEngine, isMediaAnalyzerAtCap as isMediaAnalyzerAtCap2, mockEngine, nextMediaAnalyzerAttachments as nextMediaAnalyzerAttachments2, reasoningModelFor, suggestedModels } from "@chai-ui/core";
 import "@material/web/fab/fab.js";
 import "@material/web/checkbox/checkbox.js";
 import "@material/web/textfield/outlined-text-field.js";
@@ -10,7 +10,7 @@ function useReasoning() {
   const provided = inject(reasoningKey, null);
   return computed(() => provided?.value);
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ChaiProvider",
   props: {
     reasoningModel: {},
@@ -64,6 +64,7 @@ const VisibilityIcon = icon("0 -960 960 960", [{ "d": "M600.5-379.5Q650-429 650-
 const VisibilityOffIcon = icon("0 -960 960 960", [{ "d": "m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Zm305 142Zm-116 58Z", "fill": "currentColor" }]);
 const CheckSymbolIcon = icon("0 -960 960 960", [{ "d": "M378-246 154-470l43-43 181 181 384-384 43 43-427 427Z", "fill": "currentColor" }]);
 const CloseSymbolIcon = icon("0 -960 960 960", [{ "d": "m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z", "fill": "currentColor" }]);
+const MicIcon = icon("0 -960 960 960", [{ "d": "M408-453.92q-29-30.91-29-75.08v-251q0-41.67 29.44-70.83Q437.88-880 479.94-880t71.56 29.17Q581-821.67 581-780v251q0 44.17-29 75.08Q523-423 480-423t-72-30.92ZM480-651Zm-30 531v-136q-106-11-178-89t-72-184h60q0 91 64.29 153t155.5 62q91.21 0 155.71-62Q700-438 700-529h60q0 106-72 184t-178 89v136h-60Zm59.5-376.5Q521-510 521-529v-251q0-17-11.79-28.5T480-820q-17.42 0-29.21 11.5T439-780v251q0 19 11.5 32.5T480-483q18 0 29.5-13.5Z", "fill": "currentColor" }]);
 const StopIcon = icon("0 -960 960 960", [{ "d": "M240-240v-480h480v480H240Z", "fill": "currentColor" }]);
 const ThumbUpIcon = icon("0 0 18 18", [{ "d": "M5.25039 15.7502V6.00019L10.5004 0.750193L11.8879 2.13769L10.9129 6.00019H17.2504V9.30019L14.5129 15.7502H5.25039ZM6.75039 14.2502H13.5004L15.7504 9.00019V7.50019H9.00039L10.0129 3.37519L6.75039 6.63769V14.2502ZM1.50039 15.7502V6.00019H5.25039V7.50019H3.00039V14.2502H5.25039V15.7502H1.50039Z", "fill": "currentColor" }], true);
 const ThumbDownIcon = icon("0 0 18 18", [{ "d": "M2.24961 12C1.84961 12 1.49961 11.85 1.19961 11.55C0.899615 11.25 0.749615 10.9 0.749615 10.5V9C0.749615 8.9125 0.762115 8.81875 0.787115 8.71875C0.812115 8.61875 0.837115 8.525 0.862115 8.4375L3.11211 3.15C3.22461 2.9 3.41211 2.6875 3.67461 2.5125C3.93711 2.3375 4.21211 2.25 4.49961 2.25H12.7496V12L8.24961 16.4625C8.06211 16.65 7.84024 16.7594 7.58399 16.7906C7.32774 16.8219 7.08086 16.775 6.84336 16.65C6.60586 16.525 6.43086 16.35 6.31836 16.125C6.20586 15.9 6.18086 15.6688 6.24336 15.4313L7.08711 12H2.24961ZM11.2496 11.3625V3.75H4.49961L2.24961 9V10.5H8.99961L7.98711 14.625L11.2496 11.3625ZM14.9996 2.25C15.4121 2.25 15.7652 2.39688 16.059 2.69063C16.3527 2.98438 16.4996 3.3375 16.4996 3.75V10.5C16.4996 10.9125 16.3527 11.2656 16.059 11.5594C15.7652 11.8531 15.4121 12 14.9996 12H12.7496V10.5H14.9996V3.75H12.7496V2.25H14.9996Z", "fill": "currentColor" }], true);
@@ -86,24 +87,25 @@ const OptimizeIcon = icon("0 0 25 24", [{ "d": "M5 19H6.425L16.2 9.225L14.775 7.
 const UndoIcon = icon("0 -960 960 960", [{ "d": "M259-200v-60h310q70 0 120.5-46.5T740-422q0-69-50.5-115.5T569-584H274l114 114-42 42-186-186 186-186 42 42-114 114h294q95 0 163.5 64T800-422q0 94-68.5 158T568-200H259Z", "fill": "currentColor" }]);
 const AttachFileIcon = icon("0 -960 960 960", [{ "d": "M728-326q0 103-72.18 174.5-72.17 71.5-175 71.5Q378-80 305.5-151.5T233-326v-380q0-72.5 51.5-123.25T408-880q72 0 123.5 50.75T583-706v360q0 42-30 72t-72.5 30q-42.5 0-72.5-29.67-30-29.68-30-72.33v-370h60v370q0 17 12.5 29.5t30.64 12.5q18.14 0 30-12.5T523-346v-360q0-48-33.5-81t-81.71-33q-48.21 0-81.5 33.06T293-706v380q0 78 54.97 132T481-140q77.92 0 132.46-54Q668-248 668-326v-390h60v390Z", "fill": "currentColor" }]);
 const ImageIcon = icon("0 -960 960 960", [{ "d": "M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm56-97h489L578-473 446-302l-93-127-117 152Zm-56 97v-600 600Z", "fill": "currentColor" }]);
+const GlobeIcon = icon("0 -960 960 960", [{ "d": "M480.27-80q-82.74 0-155.5-31.5Q252-143 197.5-197.5t-86-127.34Q80-397.68 80-480.5t31.5-155.66Q143-709 197.5-763t127.34-85.5Q397.68-880 480.5-880t155.66 31.5Q709-817 763-763t85.5 127Q880-563 880-480.27q0 82.74-31.5 155.5Q817-252 763-197.68q-54 54.31-127 86Q563-80 480.27-80Zm-.27-60q142.38 0 241.19-99.5T820-480v-13q-6 26-27.41 43.5Q771.19-432 742-432h-80q-33 0-56.5-23.5T582-512v-40H422v-80q0-33 23.5-56.5T502-712h40v-22q0-16 13.5-40t30.5-29q-25-8-51.36-12.5Q508.29-820 480-820q-141 0-240.5 98.81T140-480h150q66 0 113 47t47 113v40H330v105q34 17 71.7 26t78.3 9Z", "fill": "currentColor" }]);
 const VideocamIcon = icon("0 -960 960 960", [{ "d": "M140-160q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h520q24 0 42 18t18 42v215l160-160v410L720-435v215q0 24-18 42t-42 18H140Zm0-60h520v-520H140v520Zm0 0v-520 520Z", "fill": "currentColor" }]);
 const ContentCutIcon = icon("0 -960 960 960", [{ "d": "M782-114 481-415 364-298q11 17 13.5 33t2.5 35q0 64-43 107T230-80q-64 0-107-43T80-230q0-64 43-107t107-43q18 0 35.5 5t36.5 15l116-116-118-118q-17 8-34.5 11t-35.5 3q-64 0-107-43T80-730q0-64 43-107t107-43q64 0 107 43t43 107q0 19-2.5 36T367-662l514 514v34h-99ZM599-527l-66-66 249-249h99v33L599-527ZM294-666q26-26 26-64t-26-64q-26-26-64-26t-64 26q-26 26-26 64t26 64q26 26 64 26t64-26Zm202.5 203.5Q502-468 502-476t-5.5-13.5Q491-495 483-495t-13.5 5.5Q464-484 464-476t5.5 13.5Q475-457 483-457t13.5-5.5ZM294-166q26-26 26-64t-26-64q-26-26-64-26t-64 26q-26 26-26 64t26 64q26 26 64 26t64-26Z", "fill": "currentColor" }]);
 const MusicNoteIcon = icon("0 -960 960 960", [{ "d": "M286.5-163.5Q243-207 243-270t43.5-106.5Q330-420 393-420q28 0 50.5 8t39.5 22v-450h234v135H543v435q0 63-43.5 106.5T393-120q-63 0-106.5-43.5Z", "fill": "currentColor" }]);
-const _hoisted_1$g = ["disabled", "aria-expanded", "aria-label"];
-const _hoisted_2$b = {
+const _hoisted_1$j = ["disabled", "aria-expanded", "aria-label"];
+const _hoisted_2$e = {
   key: 0,
   class: "chai-composer__attach-menu",
   role: "menu"
 };
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$7 = { class: "chai-composer__attach-menu-icon" };
-const _hoisted_5$6 = {
+const _hoisted_3$c = ["onClick"];
+const _hoisted_4$9 = { class: "chai-composer__attach-menu-icon" };
+const _hoisted_5$7 = {
   key: 0,
   class: "chai-composer__attach-menu-divider",
   role: "separator"
 };
-const _hoisted_6$6 = ["accept", "multiple", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_6$7 = ["accept", "multiple", "disabled"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "AttachMenu",
   props: {
     items: {},
@@ -113,7 +115,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   emits: ["select", "files"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const ICONS = { "add-media": AttachFileIcon, "create-image": ImageIcon, "create-video": VideocamIcon, "edit-media": ContentCutIcon };
+    const ICONS = { "add-media": AttachFileIcon, "create-image": ImageIcon, "create-video": VideocamIcon, "create-world": GlobeIcon, "edit-media": ContentCutIcon };
     const open = ref(false);
     const root = ref();
     const input = ref();
@@ -144,8 +146,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
         }, [
           open.value ? (openBlock(), createBlock(unref(CloseSymbolIcon), { key: 0 })) : (openBlock(), createBlock(unref(PlusIcon), { key: 1 }))
-        ], 10, _hoisted_1$g),
-        open.value ? (openBlock(), createElementBlock("ul", _hoisted_2$b, [
+        ], 10, _hoisted_1$j),
+        open.value ? (openBlock(), createElementBlock("ul", _hoisted_2$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
             return openBlock(), createElementBlock("li", {
               key: item.action,
@@ -157,12 +159,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 class: "chai-composer__attach-menu-item",
                 onClick: ($event) => pick(item.action)
               }, [
-                createElementVNode("span", _hoisted_4$7, [
+                createElementVNode("span", _hoisted_4$9, [
                   (openBlock(), createBlock(resolveDynamicComponent(ICONS[item.action])))
                 ]),
                 createTextVNode(toDisplayString(item.label), 1)
-              ], 8, _hoisted_3$9),
-              item.divider && i < __props.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_5$6)) : createCommentVNode("", true)
+              ], 8, _hoisted_3$c),
+              item.divider && i < __props.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_5$7)) : createCommentVNode("", true)
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
@@ -175,18 +177,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           hidden: "",
           disabled: __props.disabled,
           onChange: onFileChange
-        }, null, 40, _hoisted_6$6)
+        }, null, 40, _hoisted_6$7)
       ], 512);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$i = {
   key: 0,
   class: "chai-composer__region-badge",
   "aria-hidden": "true"
 };
-const _hoisted_2$a = ["disabled", "aria-label"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_2$d = ["disabled", "aria-label"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Chip",
   props: {
     label: {},
@@ -202,7 +204,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["chai-composer__chip", { "chai-composer__chip--region": __props.regionNumber != null }]),
         style: normalizeStyle(__props.regionNumber != null ? { "--chai-region-color": unref(regionColor)(__props.regionNumber) } : void 0)
       }, [
-        __props.regionNumber != null ? (openBlock(), createElementBlock("span", _hoisted_1$f, toDisplayString(__props.regionNumber), 1)) : createCommentVNode("", true),
+        __props.regionNumber != null ? (openBlock(), createElementBlock("span", _hoisted_1$i, toDisplayString(__props.regionNumber), 1)) : createCommentVNode("", true),
         createTextVNode(toDisplayString(__props.label), 1),
         __props.removable ? (openBlock(), createElementBlock("button", {
           key: 1,
@@ -213,11 +215,272 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
         }, [
           createVNode(unref(CloseSymbolIcon))
-        ], 8, _hoisted_2$a)) : createCommentVNode("", true)
+        ], 8, _hoisted_2$d)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
+const _hoisted_1$h = {
+  key: 0,
+  class: "chai-composer__world-field"
+};
+const _hoisted_2$c = { class: "chai-composer__world-field-head" };
+const _hoisted_3$b = ["for"];
+const _hoisted_4$8 = ["disabled", "aria-label", "title"];
+const _hoisted_5$6 = { class: "chai-composer__field chai-composer__field--boxed" };
+const _hoisted_6$6 = ["id", "value", "placeholder", "aria-describedby", "disabled"];
+const _hoisted_7$6 = {
+  key: 0,
+  class: "chai-composer__reveal chai-composer__type",
+  "aria-hidden": "true"
+};
+const _hoisted_8$6 = { class: "chai-composer__reveal-text" };
+const _hoisted_9$6 = ["id"];
+const _hoisted_10$6 = {
+  key: 1,
+  class: "chai-composer__field"
+};
+const _hoisted_11$5 = ["id", "value", "placeholder", "aria-label", "disabled"];
+const _hoisted_12$5 = {
+  key: 0,
+  class: "chai-composer__reveal chai-composer__type",
+  "aria-hidden": "true"
+};
+const _hoisted_13$5 = { class: "chai-composer__reveal-text" };
+const _hoisted_14$5 = ["disabled", "aria-label", "title"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "PromptField",
+  props: {
+    value: {},
+    placeholder: {},
+    label: {},
+    heading: {},
+    note: {},
+    hint: {},
+    onEnhance: { type: Function },
+    enhancing: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const id = useId();
+    const textarea = ref();
+    watch(
+      () => props.value,
+      () => {
+        const el = textarea.value;
+        if (!el) return;
+        el.style.height = "auto";
+        el.style.height = `${el.scrollHeight}px`;
+      },
+      { flush: "post", immediate: true }
+    );
+    const originalValue = ref(null);
+    const enhancedValue = ref(null);
+    const animatingText = ref(null);
+    const revealedLength = ref(0);
+    let raf = 0;
+    watch(
+      () => props.enhancing,
+      (now, was) => {
+        if (!was || now || originalValue.value == null || props.value === originalValue.value) return;
+        const value = props.value;
+        enhancedValue.value = value;
+        if (value.length > MAX_ANIMATE_ENHANCE_LENGTH || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+        animatingText.value = value;
+        revealedLength.value = 0;
+        const duration = enhanceRevealDurationMs(value.length);
+        const start = performance.now();
+        const tick = (time) => {
+          revealedLength.value = Math.min(value.length, Math.floor((time - start) / duration * value.length));
+          if (revealedLength.value < value.length) raf = requestAnimationFrame(tick);
+          else animatingText.value = null;
+        };
+        raf = requestAnimationFrame(tick);
+      }
+    );
+    onScopeDispose(() => cancelAnimationFrame(raf));
+    const animating = computed(() => animatingText.value != null);
+    const isEnhanced = computed(() => !animating.value && enhancedValue.value != null && props.value === enhancedValue.value);
+    const enhanceBusy = computed(() => props.enhancing || animating.value);
+    const optimizeName = computed(
+      () => `${isEnhanced.value ? "Revert to original" : "Optimize"} ${props.heading ? props.heading.toLowerCase() : "prompt"}`
+    );
+    function onOptimizeClick() {
+      if (isEnhanced.value) {
+        const original = originalValue.value;
+        enhancedValue.value = null;
+        originalValue.value = null;
+        if (original != null) emit("change", original);
+        return;
+      }
+      originalValue.value = props.value;
+      props.onEnhance?.(props.value);
+    }
+    return (_ctx, _cache) => {
+      return __props.heading ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("label", {
+            for: unref(id),
+            class: "chai-composer__world-field-label"
+          }, [
+            createElementVNode("strong", null, toDisplayString(__props.heading), 1),
+            createTextVNode(" " + toDisplayString(__props.note), 1)
+          ], 8, _hoisted_3$b),
+          __props.onEnhance ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: normalizeClass(["chai-composer__optimize", { "chai-composer__optimize--active": enhanceBusy.value }]),
+            disabled: __props.disabled || (isEnhanced.value ? false : !__props.value.trim() || enhanceBusy.value),
+            "aria-label": optimizeName.value,
+            title: optimizeName.value,
+            onClick: onOptimizeClick
+          }, [
+            isEnhanced.value ? (openBlock(), createBlock(unref(UndoIcon), { key: 0 })) : (openBlock(), createBlock(unref(OptimizeIcon), { key: 1 }))
+          ], 10, _hoisted_4$8)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_5$6, [
+          createElementVNode("textarea", {
+            id: unref(id),
+            ref_key: "textarea",
+            ref: textarea,
+            class: normalizeClass(["chai-composer__input chai-composer__type", { "chai-composer__input--revealing": animating.value }]),
+            value: __props.value,
+            placeholder: __props.placeholder,
+            "aria-describedby": __props.hint ? `${unref(id)}-hint` : void 0,
+            rows: "1",
+            disabled: __props.disabled || animating.value,
+            onInput: _cache[0] || (_cache[0] = ($event) => emit("change", $event.target.value))
+          }, null, 42, _hoisted_6$6),
+          animating.value ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
+            createElementVNode("span", _hoisted_8$6, toDisplayString(animatingText.value.slice(0, revealedLength.value)), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        __props.hint ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          id: `${unref(id)}-hint`,
+          class: "chai-composer__field-hint"
+        }, toDisplayString(__props.hint), 9, _hoisted_9$6)) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("div", _hoisted_10$6, [
+        createElementVNode("textarea", {
+          id: unref(id),
+          ref_key: "textarea",
+          ref: textarea,
+          class: normalizeClass(["chai-composer__input chai-composer__type", { "chai-composer__input--revealing": animating.value }]),
+          value: __props.value,
+          placeholder: __props.placeholder,
+          "aria-label": __props.label ?? __props.placeholder,
+          rows: "1",
+          disabled: __props.disabled || animating.value,
+          onInput: _cache[1] || (_cache[1] = ($event) => emit("change", $event.target.value))
+        }, null, 42, _hoisted_11$5),
+        animating.value ? (openBlock(), createElementBlock("div", _hoisted_12$5, [
+          createElementVNode("span", _hoisted_13$5, toDisplayString(animatingText.value.slice(0, revealedLength.value)), 1)
+        ])) : createCommentVNode("", true),
+        __props.onEnhance ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          type: "button",
+          class: normalizeClass(["chai-composer__optimize", { "chai-composer__optimize--active": enhanceBusy.value }]),
+          disabled: __props.disabled || (isEnhanced.value ? false : !__props.value.trim() || enhanceBusy.value),
+          "aria-label": optimizeName.value,
+          title: optimizeName.value,
+          onClick: onOptimizeClick
+        }, [
+          isEnhanced.value ? (openBlock(), createBlock(unref(UndoIcon), { key: 0 })) : (openBlock(), createBlock(unref(OptimizeIcon), { key: 1 }))
+        ], 10, _hoisted_14$5)) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+const _hoisted_1$g = ["data-status"];
+const _hoisted_2$b = ["disabled", "aria-label", "title"];
+const _hoisted_3$a = {
+  key: 0,
+  class: "chai-composer__voice-spinner",
+  "aria-hidden": "true"
+};
+const _hoisted_4$7 = {
+  class: "chai-visually-hidden",
+  role: "status"
+};
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "VoiceButton",
+  props: {
+    voice: {},
+    state: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const label = computed(
+      () => props.state.status === "recording" ? "Stop recording and transcribe" : props.state.status === "transcribing" ? "Cancel transcription" : "Start voice input"
+    );
+    function onClick() {
+      const { status } = props.state;
+      if (status === "recording") props.voice.stop();
+      else if (status === "transcribing") props.voice.cancel();
+      else {
+        props.voice.dismiss();
+        void props.voice.start();
+      }
+    }
+    function onKeydown(e) {
+      if (e.key === "Escape" && props.state.status === "recording") props.voice.cancel();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "chai-composer__voice",
+        "data-status": __props.state.status
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: "chai-composer__voice-button",
+          disabled: __props.disabled,
+          "aria-label": label.value,
+          title: label.value,
+          onClick,
+          onKeydown
+        }, [
+          __props.state.status === "transcribing" ? (openBlock(), createElementBlock("span", _hoisted_3$a)) : __props.state.status === "recording" ? (openBlock(), createBlock(unref(StopIcon), { key: 1 })) : (openBlock(), createBlock(unref(MicIcon), { key: 2 }))
+        ], 40, _hoisted_2$b),
+        createElementVNode("span", _hoisted_4$7, toDisplayString(__props.state.status === "recording" ? "Recording" : __props.state.status === "transcribing" ? "Transcribing" : ""), 1)
+      ], 8, _hoisted_1$g);
+    };
+  }
+});
+const _hoisted_1$f = {
+  class: "chai-composer__waveform",
+  "aria-hidden": "true"
+};
+const _hoisted_2$a = { class: "chai-composer__waveform-bars" };
+const _hoisted_3$9 = { class: "chai-composer__waveform-time" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "VoiceWaveform",
+  props: {
+    levels: {},
+    elapsedMs: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const bars = computed(() => [...Array(Math.max(0, VOICE_LEVEL_COUNT - props.levels.length)).fill(0), ...props.levels]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$a, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(bars.value, (level, i) => {
+            return openBlock(), createElementBlock("span", {
+              key: i,
+              class: "chai-composer__waveform-bar",
+              style: normalizeStyle({ height: `${Math.max(20, level * 100)}%` })
+            }, null, 4);
+          }), 128))
+        ]),
+        createElementVNode("span", _hoisted_3$9, toDisplayString(unref(formatVoiceElapsed)(__props.elapsedMs)), 1)
+      ]);
+    };
+  }
+});
 const _hoisted_1$e = ["aria-label", ".selected", ".disabled"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
@@ -261,12 +524,12 @@ const _hoisted_11$4 = ["aria-label"];
 const _hoisted_12$4 = ["aria-pressed", "disabled", "onClick"];
 const _hoisted_13$4 = [".checked", ".disabled"];
 const _hoisted_14$4 = { class: "chai-search-menu__option-label" };
-const _hoisted_15$4 = {
+const _hoisted_15$3 = {
   key: 1,
   class: "chai-search-menu__divider",
   role: "separator"
 };
-const _hoisted_16$3 = {
+const _hoisted_16$2 = {
   key: 0,
   class: "chai-search-menu__empty"
 };
@@ -466,10 +729,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     ]);
                   }), 128))
                 ], 8, _hoisted_11$4),
-                i < groups.value.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_15$4)) : createCommentVNode("", true)
+                i < groups.value.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_15$3)) : createCommentVNode("", true)
               ]);
             }), 128)),
-            !hasAnyOption.value ? (openBlock(), createElementBlock("li", _hoisted_16$3, "No matches.")) : createCommentVNode("", true)
+            !hasAnyOption.value ? (openBlock(), createElementBlock("li", _hoisted_16$2, "No matches.")) : createCommentVNode("", true)
           ])
         ], 12, _hoisted_3$8)) : createCommentVNode("", true)
       ], 512);
@@ -492,24 +755,25 @@ const _hoisted_6$4 = {
   class: "chai-composer__regions",
   "aria-label": "Edit regions"
 };
-const _hoisted_7$4 = { class: "chai-composer__field" };
-const _hoisted_8$4 = ["value", "placeholder", "aria-label", "disabled"];
-const _hoisted_9$4 = {
-  key: 0,
-  class: "chai-composer__reveal chai-composer__type",
-  "aria-hidden": "true"
+const _hoisted_7$4 = {
+  key: 3,
+  class: "chai-composer__world-fields"
 };
-const _hoisted_10$4 = { class: "chai-composer__reveal-text" };
-const _hoisted_11$3 = ["disabled", "aria-label", "title"];
-const _hoisted_12$3 = {
-  key: 2,
+const _hoisted_8$4 = {
+  key: 5,
   class: "chai-composer__error",
   role: "alert"
 };
-const _hoisted_13$3 = { class: "chai-composer__controls" };
-const _hoisted_14$3 = { class: "chai-composer__controls-start" };
-const _hoisted_15$3 = ["data-ready", "data-error", "data-stop", "aria-label", "aria-disabled"];
-const _hoisted_16$2 = { slot: "icon" };
+const _hoisted_9$4 = {
+  key: 6,
+  class: "chai-composer__error",
+  role: "alert"
+};
+const _hoisted_10$4 = { class: "chai-composer__controls" };
+const _hoisted_11$3 = { class: "chai-composer__controls-start" };
+const _hoisted_12$3 = { class: "chai-composer__controls-end" };
+const _hoisted_13$3 = ["data-ready", "data-error", "data-stop", "aria-label", "aria-disabled"];
+const _hoisted_14$3 = { slot: "icon" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Composer",
   props: {
@@ -539,6 +803,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     "onUpdate:aspectRatio": {},
     onEnhance: {},
     enhancing: { type: Boolean },
+    character: { default: "" },
+    "onUpdate:character": {},
+    frameRate: { default: null },
+    "onUpdate:frameRate": {},
     submitError: { default: null },
     submitDisabled: { type: Boolean, default: void 0 },
     submitting: { type: Boolean },
@@ -547,6 +815,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     attachMenuActions: {},
     regions: { default: () => [] },
     "onUpdate:regions": {},
+    voiceInput: {},
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "submit", "unsupportedFile"],
@@ -588,56 +857,24 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       if (view.value.multiModel) props["onUpdate:modelIds"]?.(view.value.toggledModelIds(id));
       else props["onUpdate:modelId"]?.(id);
     }
-    const textarea = ref();
-    watch(
-      () => props.modelValue,
-      () => {
-        const el = textarea.value;
-        if (!el) return;
-        el.style.height = "auto";
-        el.style.height = `${el.scrollHeight}px`;
-      },
-      { flush: "post", immediate: true }
-    );
-    const originalValue = ref(null);
-    const enhancedValue = ref(null);
-    const animatingText = ref(null);
-    const revealedLength = ref(0);
-    let raf = 0;
-    watch(
-      () => props.enhancing,
-      (now, was) => {
-        if (!was || now || originalValue.value == null || props.modelValue === originalValue.value) return;
-        const value = props.modelValue;
-        enhancedValue.value = value;
-        if (value.length > MAX_ANIMATE_ENHANCE_LENGTH || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
-        animatingText.value = value;
-        revealedLength.value = 0;
-        const duration = enhanceRevealDurationMs(value.length);
-        const start = performance.now();
-        const tick = (time) => {
-          revealedLength.value = Math.min(value.length, Math.floor((time - start) / duration * value.length));
-          if (revealedLength.value < value.length) raf = requestAnimationFrame(tick);
-          else animatingText.value = null;
-        };
-        raf = requestAnimationFrame(tick);
+    const enhancingField = ref("prompt");
+    const enhanceField = (field) => props.onEnhance && ((current) => {
+      enhancingField.value = field;
+      props.onEnhance?.(current, field, view.value.enhanceMode);
+    });
+    const voice = createVoiceInput(
+      () => props.voiceInput ?? { transcribe: async () => "" },
+      (text) => {
+        const current = props.modelValue;
+        emit("update:modelValue", current.trim() ? `${current.trimEnd()} ${text}` : text);
       }
     );
-    onScopeDispose(() => cancelAnimationFrame(raf));
-    const animating = computed(() => animatingText.value != null);
-    const isEnhanced = computed(() => !animating.value && enhancedValue.value != null && props.modelValue === enhancedValue.value);
-    const enhanceBusy = computed(() => Boolean(props.enhancing) || animating.value);
-    function onOptimizeClick() {
-      if (isEnhanced.value) {
-        const original = originalValue.value;
-        enhancedValue.value = null;
-        originalValue.value = null;
-        if (original != null) emit("update:modelValue", original);
-        return;
-      }
-      originalValue.value = props.modelValue;
-      props.onEnhance?.(props.modelValue);
-    }
+    const voiceState = shallowRef(voice.getState());
+    const stopVoice = voice.subscribe(() => voiceState.value = voice.getState());
+    onScopeDispose(() => {
+      stopVoice();
+      voice.dispose();
+    });
     async function onFiles(files) {
       const onAttachments = props["onUpdate:attachments"];
       if (!files || files.length === 0 || !onAttachments) return;
@@ -686,7 +923,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("li", {
               key: r.id
             }, [
-              createVNode(_sfc_main$f, {
+              createVNode(_sfc_main$i, {
                 label: `Region ${r.number}`,
                 "region-number": r.number,
                 removable: Boolean(props["onUpdate:regions"]),
@@ -696,49 +933,63 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_7$4, [
-          createElementVNode("textarea", {
-            ref_key: "textarea",
-            ref: textarea,
-            class: normalizeClass(["chai-composer__input chai-composer__type", { "chai-composer__input--revealing": animating.value }]),
+        __props.voiceInput && voiceState.value.status === "recording" ? (openBlock(), createBlock(_sfc_main$f, {
+          key: 2,
+          levels: voiceState.value.levels,
+          "elapsed-ms": voiceState.value.elapsedMs
+        }, null, 8, ["levels", "elapsed-ms"])) : view.value.world ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+          createVNode(_sfc_main$h, {
             value: __props.modelValue,
             placeholder: view.value.placeholder,
-            "aria-label": __props.promptLabel ?? view.value.placeholder,
-            rows: "1",
-            disabled: __props.disabled || animating.value,
-            onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
-          }, null, 42, _hoisted_8$4),
-          animating.value ? (openBlock(), createElementBlock("div", _hoisted_9$4, [
-            createElementVNode("span", _hoisted_10$4, toDisplayString(animatingText.value.slice(0, revealedLength.value)), 1)
-          ])) : createCommentVNode("", true),
-          __props.onEnhance ? (openBlock(), createElementBlock("button", {
-            key: 1,
-            type: "button",
-            class: normalizeClass(["chai-composer__optimize", { "chai-composer__optimize--active": enhanceBusy.value }]),
-            disabled: __props.disabled || (isEnhanced.value ? false : !__props.modelValue.trim() || enhanceBusy.value),
-            "aria-label": isEnhanced.value ? "Revert to original prompt" : "Optimize prompt",
-            title: isEnhanced.value ? "Revert to original prompt" : "Optimize prompt",
-            onClick: onOptimizeClick
-          }, [
-            isEnhanced.value ? (openBlock(), createBlock(unref(UndoIcon), { key: 0 })) : (openBlock(), createBlock(unref(OptimizeIcon), { key: 1 }))
-          ], 10, _hoisted_11$3)) : createCommentVNode("", true)
-        ]),
-        __props.submitError ? (openBlock(), createElementBlock("p", _hoisted_12$3, [
+            heading: "Environment",
+            note: "(required)",
+            hint: view.value.environmentHint,
+            "on-enhance": enhanceField("environment"),
+            enhancing: Boolean(__props.enhancing) && enhancingField.value === "environment",
+            disabled: __props.disabled,
+            onChange: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+          }, null, 8, ["value", "placeholder", "hint", "on-enhance", "enhancing", "disabled"]),
+          props["onUpdate:character"] ? (openBlock(), createBlock(_sfc_main$h, {
+            key: 0,
+            value: __props.character,
+            placeholder: view.value.characterPlaceholder,
+            heading: "Character",
+            note: "(optional)",
+            "on-enhance": enhanceField("character"),
+            enhancing: Boolean(__props.enhancing) && enhancingField.value === "character",
+            disabled: __props.disabled,
+            onChange: _cache[1] || (_cache[1] = ($event) => props["onUpdate:character"]?.($event))
+          }, null, 8, ["value", "placeholder", "on-enhance", "enhancing", "disabled"])) : createCommentVNode("", true)
+        ])) : (openBlock(), createBlock(_sfc_main$h, {
+          key: 4,
+          value: __props.modelValue,
+          placeholder: view.value.placeholder,
+          label: __props.promptLabel,
+          "on-enhance": enhanceField("prompt"),
+          enhancing: Boolean(__props.enhancing),
+          disabled: __props.disabled,
+          onChange: _cache[2] || (_cache[2] = ($event) => emit("update:modelValue", $event))
+        }, null, 8, ["value", "placeholder", "label", "on-enhance", "enhancing", "disabled"])),
+        __props.submitError ? (openBlock(), createElementBlock("p", _hoisted_8$4, [
           createVNode(unref(ErrorIcon)),
           createTextVNode(toDisplayString(__props.submitError), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_13$3, [
-          createElementVNode("div", _hoisted_14$3, [
-            menuItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$g, {
+        __props.voiceInput && voiceState.value.status === "error" ? (openBlock(), createElementBlock("p", _hoisted_9$4, [
+          createVNode(unref(ErrorIcon)),
+          createTextVNode(toDisplayString(voiceState.value.error), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_10$4, [
+          createElementVNode("div", _hoisted_11$3, [
+            menuItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$j, {
               key: 0,
               items: menuItems.value,
               "images-only": view.value.editing,
               disabled: __props.disabled,
-              onSelect: _cache[1] || (_cache[1] = ($event) => __props.onAttachMenuSelect?.($event)),
+              onSelect: _cache[3] || (_cache[3] = ($event) => __props.onAttachMenuSelect?.($event)),
               onFiles
             }, null, 8, ["items", "images-only", "disabled"])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(view.value.pickedUseCases, (u) => {
-              return openBlock(), createBlock(_sfc_main$f, {
+              return openBlock(), createBlock(_sfc_main$i, {
                 key: u.kind,
                 label: u.label,
                 removable: Boolean(__props.multiSelectUseCases ? props["onUpdate:useCases"] : __props.onClearUseCase),
@@ -756,7 +1007,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "trigger-variant": "text",
               disabled: __props.disabled || __props.autoSelectModel && !__props.showAutoSelectToggle,
               "panel-width": __props.showAutoSelectToggle ? 320 : void 0,
-              onSelect: _cache[2] || (_cache[2] = ($event) => toggleModel($event.id))
+              onSelect: _cache[4] || (_cache[4] = ($event) => toggleModel($event.id))
             }), null, 16, ["value", "multiple", "toggle-header", "trigger-label", "menu-label", "disabled", "panel-width"])) : createCommentVNode("", true),
             view.value.showAspectRatio && view.value.aspectOptions.length > 0 && props["onUpdate:aspectRatio"] ? (openBlock(), createBlock(_sfc_main$d, {
               key: 2,
@@ -767,25 +1018,45 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               searchable: false,
               "trigger-variant": "text",
               disabled: __props.disabled,
-              onSelect: _cache[3] || (_cache[3] = ($event) => props["onUpdate:aspectRatio"]?.($event.id))
+              onSelect: _cache[5] || (_cache[5] = ($event) => props["onUpdate:aspectRatio"]?.($event.id))
+            }, null, 8, ["options", "value", "trigger-label", "disabled"])) : createCommentVNode("", true),
+            view.value.frameRateOptions.length > 0 && props["onUpdate:frameRate"] ? (openBlock(), createBlock(_sfc_main$d, {
+              key: 3,
+              options: view.value.frameRateOptions.map((r) => ({ id: String(r), label: `${r}fps` })),
+              value: view.value.offeredFrameRate == null ? null : String(view.value.offeredFrameRate),
+              "trigger-label": view.value.offeredFrameRate == null ? "Frame rate" : `${view.value.offeredFrameRate}fps`,
+              "menu-label": "Frame rate",
+              searchable: false,
+              "trigger-variant": "text",
+              disabled: __props.disabled,
+              onSelect: _cache[6] || (_cache[6] = ($event) => props["onUpdate:frameRate"]?.(Number($event.id)))
             }, null, 8, ["options", "value", "trigger-label", "disabled"])) : createCommentVNode("", true)
           ]),
-          createElementVNode("md-fab", {
-            class: "chai-composer__submit",
-            size: "small",
-            variant: "secondary",
-            label: "",
-            "data-ready": view.value.showStop || !view.value.isSubmitDisabled || void 0,
-            "data-error": Boolean(__props.submitError) || void 0,
-            "data-stop": view.value.showStop || void 0,
-            "aria-label": view.value.showStop ? "Stop" : __props.submitError ? "Retry" : "Submit",
-            "aria-disabled": view.value.showStop ? "false" : __props.submitting || view.value.isSubmitDisabled ? "true" : "false",
-            onClick: onSubmitClick
-          }, [
-            createElementVNode("span", _hoisted_16$2, [
-              view.value.showStop ? (openBlock(), createBlock(unref(StopIcon), { key: 0 })) : __props.submitError ? (openBlock(), createBlock(unref(RetryIcon), { key: 1 })) : (openBlock(), createBlock(unref(ArrowForwardIcon), { key: 2 }))
-            ])
-          ], 8, _hoisted_15$3)
+          createElementVNode("div", _hoisted_12$3, [
+            __props.voiceInput ? (openBlock(), createBlock(_sfc_main$g, {
+              key: 0,
+              voice: unref(voice),
+              state: voiceState.value,
+              disabled: __props.disabled
+            }, null, 8, ["voice", "state", "disabled"])) : createCommentVNode("", true),
+            !(__props.voiceInput && (voiceState.value.status === "recording" || voiceState.value.status === "transcribing")) ? (openBlock(), createElementBlock("md-fab", {
+              key: 1,
+              class: "chai-composer__submit",
+              size: "small",
+              variant: "secondary",
+              label: "",
+              "data-ready": view.value.showStop || !view.value.isSubmitDisabled || void 0,
+              "data-error": Boolean(__props.submitError) || void 0,
+              "data-stop": view.value.showStop || void 0,
+              "aria-label": view.value.showStop ? "Stop" : __props.submitError ? "Retry" : "Submit",
+              "aria-disabled": view.value.showStop ? "false" : __props.submitting || view.value.isSubmitDisabled ? "true" : "false",
+              onClick: onSubmitClick
+            }, [
+              createElementVNode("span", _hoisted_14$3, [
+                view.value.showStop ? (openBlock(), createBlock(unref(StopIcon), { key: 0 })) : __props.submitError ? (openBlock(), createBlock(unref(RetryIcon), { key: 1 })) : (openBlock(), createBlock(unref(ArrowForwardIcon), { key: 2 }))
+              ])
+            ], 8, _hoisted_13$3)) : createCommentVNode("", true)
+          ])
         ])
       ]);
     };
@@ -2477,7 +2748,7 @@ function useMediaAnalyzer(options = {}) {
   };
 }
 export {
-  _sfc_main$h as ChaiProvider,
+  _sfc_main$k as ChaiProvider,
   _sfc_main$c as Composer,
   DEFAULT_MAX_ATTACHMENTS_BY_KIND2 as DEFAULT_MAX_ATTACHMENTS_BY_KIND,
   DEFAULT_MAX_REGIONS2 as DEFAULT_MAX_REGIONS,
@@ -2506,6 +2777,7 @@ export {
   buildRegionEditPrompt,
   checkSuggestedModels,
   createFalEngine,
+  createFalTranscriber,
   createMockEngine,
   createOpenRouterEngine,
   isMediaAnalyzerAtCap2 as isMediaAnalyzerAtCap,