@chai-ui/vue 0.8.0 → 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, useId, nextTick, mergeProps, onMounted, onUnmounted, withModifiers, withCtx, withDirectives, vModelText, reactive, toValue, shallowRef } from "vue";
-import { reasoningEngineFor, createReasoning, regionColor, MAX_ANIMATE_ENHANCE_LENGTH, enhanceRevealDurationMs, composerView, composerAttachMenuItems, 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$i = /* @__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);
@@ -90,21 +91,21 @@ const GlobeIcon = icon("0 -960 960 960", [{ "d": "M480.27-80q-82.74 0-155.5-31.5
 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$h = ["disabled", "aria-expanded", "aria-label"];
-const _hoisted_2$c = {
+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$a = ["onClick"];
-const _hoisted_4$8 = { class: "chai-composer__attach-menu-icon" };
+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$7 = ["accept", "multiple", "disabled"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "AttachMenu",
   props: {
     items: {},
@@ -145,8 +146,8 @@ const _sfc_main$h = /* @__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$h),
-        open.value ? (openBlock(), createElementBlock("ul", _hoisted_2$c, [
+        ], 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,
@@ -158,11 +159,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 class: "chai-composer__attach-menu-item",
                 onClick: ($event) => pick(item.action)
               }, [
-                createElementVNode("span", _hoisted_4$8, [
+                createElementVNode("span", _hoisted_4$9, [
                   (openBlock(), createBlock(resolveDynamicComponent(ICONS[item.action])))
                 ]),
                 createTextVNode(toDisplayString(item.label), 1)
-              ], 8, _hoisted_3$a),
+              ], 8, _hoisted_3$c),
               item.divider && i < __props.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_5$7)) : createCommentVNode("", true)
             ]);
           }), 128))
@@ -181,13 +182,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$i = {
   key: 0,
   class: "chai-composer__region-badge",
   "aria-hidden": "true"
 };
-const _hoisted_2$b = ["disabled", "aria-label"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_2$d = ["disabled", "aria-label"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Chip",
   props: {
     label: {},
@@ -203,7 +204,7 @@ const _sfc_main$g = /* @__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$g, 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,
@@ -214,18 +215,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
         }, [
           createVNode(unref(CloseSymbolIcon))
-        ], 8, _hoisted_2$b)) : createCommentVNode("", true)
+        ], 8, _hoisted_2$d)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   key: 0,
   class: "chai-composer__world-field"
 };
-const _hoisted_2$a = { class: "chai-composer__world-field-head" };
-const _hoisted_3$9 = ["for"];
-const _hoisted_4$7 = ["disabled", "aria-label", "title"];
+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 = {
@@ -245,9 +246,9 @@ const _hoisted_12$5 = {
   class: "chai-composer__reveal chai-composer__type",
   "aria-hidden": "true"
 };
-const _hoisted_13$4 = { class: "chai-composer__reveal-text" };
-const _hoisted_14$4 = ["disabled", "aria-label", "title"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+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: {},
@@ -319,15 +320,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       props.onEnhance?.(props.value);
     }
     return (_ctx, _cache) => {
-      return __props.heading ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", _hoisted_2$a, [
+      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$9),
+          ], 8, _hoisted_3$b),
           __props.onEnhance ? (openBlock(), createElementBlock("button", {
             key: 0,
             type: "button",
@@ -338,7 +339,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             onClick: onOptimizeClick
           }, [
             isEnhanced.value ? (openBlock(), createBlock(unref(UndoIcon), { key: 0 })) : (openBlock(), createBlock(unref(OptimizeIcon), { key: 1 }))
-          ], 10, _hoisted_4$7)) : createCommentVNode("", true)
+          ], 10, _hoisted_4$8)) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_5$6, [
           createElementVNode("textarea", {
@@ -376,7 +377,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           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$4, toDisplayString(animatingText.value.slice(0, revealedLength.value)), 1)
+          createElementVNode("span", _hoisted_13$5, toDisplayString(animatingText.value.slice(0, revealedLength.value)), 1)
         ])) : createCommentVNode("", true),
         __props.onEnhance ? (openBlock(), createElementBlock("button", {
           key: 1,
@@ -388,11 +389,98 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           onClick: onOptimizeClick
         }, [
           isEnhanced.value ? (openBlock(), createBlock(unref(UndoIcon), { key: 0 })) : (openBlock(), createBlock(unref(OptimizeIcon), { key: 1 }))
-        ], 10, _hoisted_14$4)) : createCommentVNode("", true)
+        ], 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",
@@ -434,8 +522,8 @@ const _hoisted_10$5 = {
 };
 const _hoisted_11$4 = ["aria-label"];
 const _hoisted_12$4 = ["aria-pressed", "disabled", "onClick"];
-const _hoisted_13$3 = [".checked", ".disabled"];
-const _hoisted_14$3 = { class: "chai-search-menu__option-label" };
+const _hoisted_13$4 = [".checked", ".disabled"];
+const _hoisted_14$4 = { class: "chai-search-menu__option-label" };
 const _hoisted_15$3 = {
   key: 1,
   class: "chai-search-menu__divider",
@@ -634,8 +722,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           ".disabled": __props.toggleHeader?.value ?? false,
                           tabindex: "-1",
                           "aria-hidden": "true"
-                        }, null, 40, _hoisted_13$3)) : createCommentVNode("", true),
-                        createElementVNode("span", _hoisted_14$3, toDisplayString(o.rowLabel ?? o.label), 1),
+                        }, null, 40, _hoisted_13$4)) : createCommentVNode("", true),
+                        createElementVNode("span", _hoisted_14$4, toDisplayString(o.rowLabel ?? o.label), 1),
                         !__props.multiple && isSelected(o.id) ? (openBlock(), createBlock(unref(CheckIcon), { key: 1 })) : createCommentVNode("", true)
                       ], 10, _hoisted_12$4)
                     ]);
@@ -668,18 +756,24 @@ const _hoisted_6$4 = {
   "aria-label": "Edit regions"
 };
 const _hoisted_7$4 = {
-  key: 2,
+  key: 3,
   class: "chai-composer__world-fields"
 };
 const _hoisted_8$4 = {
-  key: 4,
+  key: 5,
   class: "chai-composer__error",
   role: "alert"
 };
-const _hoisted_9$4 = { class: "chai-composer__controls" };
-const _hoisted_10$4 = { class: "chai-composer__controls-start" };
-const _hoisted_11$3 = ["data-ready", "data-error", "data-stop", "aria-label", "aria-disabled"];
-const _hoisted_12$3 = { 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: {
@@ -721,6 +815,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     attachMenuActions: {},
     regions: { default: () => [] },
     "onUpdate:regions": {},
+    voiceInput: {},
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "submit", "unsupportedFile"],
@@ -765,7 +860,20 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const enhancingField = ref("prompt");
     const enhanceField = (field) => props.onEnhance && ((current) => {
       enhancingField.value = field;
-      props.onEnhance?.(current, 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);
+      }
+    );
+    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"];
@@ -815,7 +923,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("li", {
               key: r.id
             }, [
-              createVNode(_sfc_main$g, {
+              createVNode(_sfc_main$i, {
                 label: `Region ${r.number}`,
                 "region-number": r.number,
                 removable: Boolean(props["onUpdate:regions"]),
@@ -825,8 +933,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
-        view.value.world ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
-          createVNode(_sfc_main$f, {
+        __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,
             heading: "Environment",
@@ -837,7 +949,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             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$f, {
+          props["onUpdate:character"] ? (openBlock(), createBlock(_sfc_main$h, {
             key: 0,
             value: __props.character,
             placeholder: view.value.characterPlaceholder,
@@ -848,8 +960,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             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$f, {
-          key: 3,
+        ])) : (openBlock(), createBlock(_sfc_main$h, {
+          key: 4,
           value: __props.modelValue,
           placeholder: view.value.placeholder,
           label: __props.promptLabel,
@@ -862,9 +974,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           createVNode(unref(ErrorIcon)),
           createTextVNode(toDisplayString(__props.submitError), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_9$4, [
-          createElementVNode("div", _hoisted_10$4, [
-            menuItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$h, {
+        __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,
@@ -873,7 +989,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               onFiles
             }, null, 8, ["items", "images-only", "disabled"])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(view.value.pickedUseCases, (u) => {
-              return openBlock(), createBlock(_sfc_main$g, {
+              return openBlock(), createBlock(_sfc_main$i, {
                 key: u.kind,
                 label: u.label,
                 removable: Boolean(__props.multiSelectUseCases ? props["onUpdate:useCases"] : __props.onClearUseCase),
@@ -916,22 +1032,31 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               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_12$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_11$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)
+          ])
         ])
       ]);
     };
@@ -2623,7 +2748,7 @@ function useMediaAnalyzer(options = {}) {
   };
 }
 export {
-  _sfc_main$i 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,
@@ -2652,6 +2777,7 @@ export {
   buildRegionEditPrompt,
   checkSuggestedModels,
   createFalEngine,
+  createFalTranscriber,
   createMockEngine,
   createOpenRouterEngine,
   isMediaAnalyzerAtCap2 as isMediaAnalyzerAtCap,