@chai-ui/vue 0.10.0 → 0.11.0

package/DESIGN.md

@@ -60,6 +60,11 @@ use these names: `Results`, `Compare`, `ModelPicker`,
 8. **Only show what's real.** Show cost only when the engine reports it.
    Don't show model rankings or leaderboard positions you can't keep up to
    date. Don't show a control the selected model can't honor.
+9. **Say where the bar is docked.** A `Composer` fixed to the bottom of
+   the screen gets `menuPlacement="above"`, one fixed to the top
+   `menuPlacement="below"`, so its menus always open into the page. Leave
+   it out for a bar in the page flow: `"auto"` picks the side with room
+   each time a menu opens.
 
 ### In Vue
 
@@ -155,6 +160,7 @@ Rules:
 | No use case picked | The prompt is a text request and gets a text reply | Set `defaultUseCase` if your app's default should be image or video |
 | Voice input | A mic left of submit; while recording, a live waveform replaces the prompt and the mic becomes stop; the transcript is added to the prompt, never sent; submit hides until it's in; inline messages for a blocked or missing mic | Pass `voiceInput={{ model: "fal-ai/wizper" }}` (any Fal speech-to-text model, through your `/api/chai/fal` route) or `voiceInput={{ transcribe }}` for another provider. Chai never picks the model. |
 | Create world | Two prompts, Environment (required) and Character (optional), each with its own Enhance; a frame rate menu from the models' `frameRates`; submit waits for an environment and says so | Add `"create-world"` to `attachMenuActions`, pass your world models, `character` + `onCharacterChange`, and route `engineByKind.world` to your world engine. Show the world in your own viewer. |
+| Create speech, Create music | The attach menu's audio group, under a divider; speech asks for the words to speak, music for a description; Enhance keeps a speech script's words and only makes them read aloud well; once one model is picked, a Voice menu from its `voices` (speech), or a multi-select Genre menu from the picked models' `genres` (music, written into the prompt) | Add `"create-speech"` / `"create-music"` to `attachMenuActions`, set `CREATE_SPEECH_USE_CASE` / `CREATE_MUSIC_USE_CASE` on the pick, pass your audio models (with `voices` or `genres`) and `engineByKind.audio`, and wire `speechVoice` / `genres`. No duration, instrumental or reference-audio controls yet |
 | Result pending | `ResultCard` shows a spinner for `queued` / `running` | Nothing. `useComposer` sets the status. |
 | Long text answer | `ResultCard` keeps line breaks, scrolls past 400px with a visible scrollbar, and follows streaming text unless the person scrolls up | Change the height with `textMaxHeight` if needed |
 | Text streaming in | `ResultCard` renders partial text with a caret, marked `aria-busy` | Use an engine that calls `onText` (OpenRouter does, and so does the mock text engine). `useComposer` wires it. |

package/README.md

@@ -12,8 +12,8 @@
 
 # @chai-ui/vue
 
-Vue components for the input and output surfaces of generative-media
-apps: a prompt composer, a media-to-prompt analyzer, a result card and an
+Chai UI for Vue: drop-in components for the input and output surfaces of
+generative-media apps: a prompt composer, a media-to-prompt analyzer, a result card and an
 edit card, with the AI work built in and wired to Fal.ai, OpenRouter, Vercel
 AI Gateway or your own engine. Everything is controlled: you own the state with
 `v-model`, and the components render it.
@@ -91,6 +91,10 @@ The props are React's, with Vue's conventions:
 Some controls show only with a listener, as in React: the optimize button
 with `@enhance`, stop with `@abort`, the Model menu with `@update:model-id`.
 
+Docked the bar? Set `menu-placement="above"` for a bar fixed to the bottom
+of the screen, or `"below"` for one fixed to the top, so every menu opens
+into the page. Left out, it's `"auto"`: each menu goes where it fits.
+
 ## What's in the package
 
 - **`Composer`**: prompt, attachments, use cases, model and aspect-ratio

package/dist/Composer.vue.d.ts

@@ -14,7 +14,7 @@
  * while submitting) and `@attach-menu-select` (the + menu's use cases).
  */
 import "@material/web/fab/fab.js";
-import { type ComposerAttachment, type ComposerAttachMenuAction, type ComposerPromptField, type GenerationUseCase, type ComposerSubmitPayload, type ComposerUseCase, type EditRegion, type ModelOption, type OutputKind, type ParameterOption, type VoiceInputConfig } from "@chai-ui/core";
+import { type ComposerAttachment, type ComposerAttachMenuAction, type ComposerPromptField, type GenerationUseCase, type ComposerSubmitPayload, type ComposerUseCase, type EditRegion, type MenuPlacement, type ModelOption, type OutputKind, type ParameterOption, type VoiceInputConfig } from "@chai-ui/core";
 type __VLS_Props = {
     /** The prompt text. Controlled: use `v-model`. */
     modelValue: string;
@@ -62,6 +62,19 @@ type __VLS_Props = {
     /** A world's frame rate menu, from the selected models' `frameRates`. */
     frameRate?: number | null;
     "onUpdate:frameRate"?: (value: number) => void;
+    /** Create speech's Voice menu, from the one picked model's `voices` (`v-model:speech-voice`). Not `voiceInput`, which is dictation. */
+    speechVoice?: string | null;
+    "onUpdate:speechVoice"?: (value: string) => void;
+    /** Create music's Genre menu, several at once, from the picked models' `genres` (`v-model:genres`). */
+    genres?: string[];
+    "onUpdate:genres"?: (values: string[]) => void;
+    /**
+     * Which way the bar's menus open. "above" for a bar docked to the bottom
+     * of the screen, "below" for one docked to the top. "auto" (default)
+     * measures when a menu opens: below if it fits, else above if that fits,
+     * else toward the side with more room.
+     */
+    menuPlacement?: MenuPlacement;
     /** The last submit's failure: submit becomes retry, and the message shows inline. */
     submitError?: string | null;
     /** Overrides the built-in "empty prompt and no attachments" check. Ignored while `submitError` is set. */
@@ -101,6 +114,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     modelId: string | null;
     aspectRatio: string | null;
     frameRate: number | null;
+    speechVoice: string | null;
+    genres: string[];
+    menuPlacement: MenuPlacement;
     submitError: string | null;
     submitDisabled: boolean;
     regions: EditRegion[];

package/dist/Composer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.vue.d.ts","sourceRoot":"","sources":["../src/Composer.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.vue.d.ts","sourceRoot":"","sources":["../src/Composer.vue"],"names":[],"mappings":"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"}

package/dist/composer/AttachMenu.vue.d.ts

@@ -1,9 +1,10 @@
-import type { ComposerAttachMenuAction, composerAttachMenuItems } from "@chai-ui/core";
+import { type ComposerAttachMenuAction, type composerAttachMenuItems, type MenuPlacement } from "@chai-ui/core";
 type __VLS_Props = {
     items: ReturnType<typeof composerAttachMenuItems>;
     /** Edit mode: one image file at a time. */
     imagesOnly?: boolean;
     disabled?: boolean;
+    placement: MenuPlacement;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (action: ComposerAttachMenuAction) => any;

package/dist/composer/AttachMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachMenu.vue.d.ts","sourceRoot":"","sources":["../../src/composer/AttachMenu.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAIvF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;IAClD,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoJF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AttachMenu.vue.d.ts","sourceRoot":"","sources":["../../src/composer/AttachMenu.vue"],"names":[],"mappings":"AAyFA,OAAO,EAAkB,KAAK,wBAAwB,EAAE,KAAK,uBAAuB,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAIhI,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;IAClD,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,aAAa,CAAC;CAC1B,CAAC;AAuKF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/icons.d.ts

@@ -43,5 +43,6 @@ export declare const ImageIcon: FunctionalComponent<{}, {}, any, {}>;
 export declare const GlobeIcon: FunctionalComponent<{}, {}, any, {}>;
 export declare const VideocamIcon: FunctionalComponent<{}, {}, any, {}>;
 export declare const ContentCutIcon: FunctionalComponent<{}, {}, any, {}>;
+export declare const VolumeUpIcon: FunctionalComponent<{}, {}, any, {}>;
 export declare const MusicNoteIcon: FunctionalComponent<{}, {}, any, {}>;
 //# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAK,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAclD,eAAO,MAAM,YAAY,sCAAoR,CAAC;AAC9S,eAAO,MAAM,SAAS,sCAAsT,CAAC;AAC7U,eAAO,MAAM,UAAU,sCAAuL,CAAC;AAC/M,eAAO,MAAM,UAAU,sCAAwb,CAAC;AAChd,eAAO,MAAM,WAAW,sCAAuU,CAAC;AAChW,eAAO,MAAM,OAAO,sCAAyH,CAAC;AAC9I,eAAO,MAAM,UAAU,sCAA6Q,CAAC;AACrS,eAAO,MAAM,cAAc,sCAA8hB,CAAC;AAC1jB,eAAO,MAAM,iBAAiB,sCAAkmB,CAAC;AACjoB,eAAO,MAAM,eAAe,sCAAqH,CAAC;AAClJ,eAAO,MAAM,eAAe,sCAAiK,CAAC;AAC9L,4CAA4C;AAC5C,eAAO,MAAM,OAAO,sCAAse,CAAC;AAC3f,eAAO,MAAM,QAAQ,sCAA0F,CAAC;AAChH,eAAO,MAAM,WAAW,sCAAqW,CAAC;AAC9X,eAAO,MAAM,aAAa,sCAAw4B,CAAC;AACn6B,eAAO,MAAM,WAAW,sCAAy4B,CAAC;AACl6B,eAAO,MAAM,aAAa,sCAAilC,CAAC;AAC5mC,eAAO,MAAM,QAAQ,sCAAwf,CAAC;AAC9gB,eAAO,MAAM,SAAS,sCAAsK,CAAC;AAC7L,eAAO,MAAM,QAAQ,sCAAwrB,CAAC;AAC9sB,eAAO,MAAM,SAAS,sCAAmK,CAAC;AAC1L,eAAO,MAAM,QAAQ,sCAA8F,CAAC;AACpH,eAAO,MAAM,gBAAgB,sCAAiI,CAAC;AAC/J,eAAO,MAAM,UAAU,sCAAyI,CAAC;AACjK,eAAO,MAAM,SAAS,sCAA+N,CAAC;AACtP,eAAO,MAAM,SAAS,sCAAoO,CAAC;AAC3P,eAAO,MAAM,cAAc,sCAAgpQ,CAAC;AAC5qQ,eAAO,MAAM,QAAQ,sCAAyH,CAAC;AAC/I,eAAO,MAAM,SAAS,sCAAmS,CAAC;AAC1T,eAAO,MAAM,SAAS,sCAAymB,CAAC;AAChoB,eAAO,MAAM,YAAY,sCAAwuB,CAAC;AAClwB,eAAO,MAAM,QAAQ,sCAAqO,CAAC;AAC3P,eAAO,MAAM,cAAc,sCAA+b,CAAC;AAC3d,eAAO,MAAM,SAAS,sCAAoP,CAAC;AAC3Q,+CAA+C;AAC/C,eAAO,MAAM,SAAS,sCAA+mB,CAAC;AACtoB,eAAO,MAAM,YAAY,sCAA8N,CAAC;AACxP,eAAO,MAAM,cAAc,sCAAkoB,CAAC;AAC9pB,eAAO,MAAM,aAAa,sCAA0M,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAK,KAAK,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAclD,eAAO,MAAM,YAAY,sCAAoR,CAAC;AAC9S,eAAO,MAAM,SAAS,sCAAsT,CAAC;AAC7U,eAAO,MAAM,UAAU,sCAAuL,CAAC;AAC/M,eAAO,MAAM,UAAU,sCAAwb,CAAC;AAChd,eAAO,MAAM,WAAW,sCAAuU,CAAC;AAChW,eAAO,MAAM,OAAO,sCAAyH,CAAC;AAC9I,eAAO,MAAM,UAAU,sCAA6Q,CAAC;AACrS,eAAO,MAAM,cAAc,sCAA8hB,CAAC;AAC1jB,eAAO,MAAM,iBAAiB,sCAAkmB,CAAC;AACjoB,eAAO,MAAM,eAAe,sCAAqH,CAAC;AAClJ,eAAO,MAAM,eAAe,sCAAiK,CAAC;AAC9L,4CAA4C;AAC5C,eAAO,MAAM,OAAO,sCAAse,CAAC;AAC3f,eAAO,MAAM,QAAQ,sCAA0F,CAAC;AAChH,eAAO,MAAM,WAAW,sCAAqW,CAAC;AAC9X,eAAO,MAAM,aAAa,sCAAw4B,CAAC;AACn6B,eAAO,MAAM,WAAW,sCAAy4B,CAAC;AACl6B,eAAO,MAAM,aAAa,sCAAilC,CAAC;AAC5mC,eAAO,MAAM,QAAQ,sCAAwf,CAAC;AAC9gB,eAAO,MAAM,SAAS,sCAAsK,CAAC;AAC7L,eAAO,MAAM,QAAQ,sCAAwrB,CAAC;AAC9sB,eAAO,MAAM,SAAS,sCAAmK,CAAC;AAC1L,eAAO,MAAM,QAAQ,sCAA8F,CAAC;AACpH,eAAO,MAAM,gBAAgB,sCAAiI,CAAC;AAC/J,eAAO,MAAM,UAAU,sCAAyI,CAAC;AACjK,eAAO,MAAM,SAAS,sCAA+N,CAAC;AACtP,eAAO,MAAM,SAAS,sCAAoO,CAAC;AAC3P,eAAO,MAAM,cAAc,sCAAgpQ,CAAC;AAC5qQ,eAAO,MAAM,QAAQ,sCAAyH,CAAC;AAC/I,eAAO,MAAM,SAAS,sCAAmS,CAAC;AAC1T,eAAO,MAAM,SAAS,sCAAymB,CAAC;AAChoB,eAAO,MAAM,YAAY,sCAAwuB,CAAC;AAClwB,eAAO,MAAM,QAAQ,sCAAqO,CAAC;AAC3P,eAAO,MAAM,cAAc,sCAA+b,CAAC;AAC3d,eAAO,MAAM,SAAS,sCAAoP,CAAC;AAC3Q,+CAA+C;AAC/C,eAAO,MAAM,SAAS,sCAA+mB,CAAC;AACtoB,eAAO,MAAM,YAAY,sCAA8N,CAAC;AACxP,eAAO,MAAM,cAAc,sCAAkoB,CAAC;AAC9pB,eAAO,MAAM,YAAY,sCAAmU,CAAC;AAC7V,eAAO,MAAM,aAAa,sCAA0M,CAAC"}

package/dist/index.d.ts

@@ -11,6 +11,6 @@ export type { ResultCardMoreAction, ResultCardVote } from "./result-card/types.j
 export * from "./reasoning.js";
 export * from "./useComposer.js";
 export * from "./useMediaAnalyzer.js";
-export { createFalEngine, createFalTranscriber, createOpenRouterEngine, createMockEngine, mockEngine, buildRegionEditPrompt, DEFAULT_MAX_ATTACHMENTS_BY_KIND, DEFAULT_MAX_REGIONS, DEFAULT_MODEL_ID, DEFAULT_REASONING_MODEL, DEFAULT_REASONING_MODEL_BY_KIND, EDIT_IMAGE_USE_CASE, TEXT_USE_CASE, PRECISE_EDIT_MODELS, ROUTING_MODEL_ID, GenerationError, isMediaAnalyzerAtCap, nextMediaAnalyzerAttachments, DEFAULT_MEDIA_ANALYSIS_PROMPT_LENGTH, MEDIA_ANALYSIS_PROMPTS, MEDIA_ANALYSIS_PROMPT_LENGTHS, SUGGESTED_IMAGE_MODELS, SUGGESTED_TEXT_TO_VIDEO_MODELS, SUGGESTED_IMAGE_TO_VIDEO_MODELS, SUGGESTED_EDIT_MODELS, SUGGESTED_ANALYSIS_MODELS, reasoningModelFor, suggestedModels, checkSuggestedModels, } from "@chai-ui/core";
-export type { ComposerAttachMenuAction, ComposerPromptField, ComposerAttachment, ComposerSelection, ComposerSubmitPayload, ComposerUseCase, DroppedMedia, EditRegion, EditVersion, Evaluation, GenerationEngine, GenerationUseCase, MediaAnalysisKind, MediaAnalysisPromptLength, MediaAnalyzerAttachment, MediaAnalyzerSubmitPayload, MediaKind, ModelOption, OutputKind, Transcribe, VoiceClip, VoiceInputConfig, ParameterOption, Reasoning, RegionBox, RegionFormat, Request, Result, ResultStatus, Run, SuggestedModelProblem, SuggestedModelsCheck, FalInputFormat, Usage, } from "@chai-ui/core";
+export { createFalEngine, createFalTranscriber, createOpenRouterEngine, createMockEngine, mockEngine, buildRegionEditPrompt, DEFAULT_MAX_ATTACHMENTS_BY_KIND, DEFAULT_MAX_REGIONS, DEFAULT_MODEL_ID, DEFAULT_REASONING_MODEL, DEFAULT_REASONING_MODEL_BY_KIND, CREATE_MUSIC_USE_CASE, CREATE_SPEECH_USE_CASE, EDIT_IMAGE_USE_CASE, TEXT_USE_CASE, PRECISE_EDIT_MODELS, ROUTING_MODEL_ID, GenerationError, isMediaAnalyzerAtCap, nextMediaAnalyzerAttachments, DEFAULT_MEDIA_ANALYSIS_PROMPT_LENGTH, MEDIA_ANALYSIS_PROMPTS, MEDIA_ANALYSIS_PROMPT_LENGTHS, SUGGESTED_IMAGE_MODELS, SUGGESTED_TEXT_TO_VIDEO_MODELS, SUGGESTED_IMAGE_TO_VIDEO_MODELS, SUGGESTED_EDIT_MODELS, SUGGESTED_ANALYSIS_MODELS, reasoningModelFor, suggestedModels, promptWithGenres, checkSuggestedModels, } from "@chai-ui/core";
+export type { AudioUseCase, ComposerAttachMenuAction, ComposerPromptField, ComposerAttachment, ComposerSelection, ComposerSubmitPayload, ComposerUseCase, DroppedMedia, EditRegion, EditVersion, Evaluation, GenerationEngine, GenerationUseCase, MediaAnalysisKind, MediaAnalysisPromptLength, MediaAnalyzerAttachment, MediaAnalyzerSubmitPayload, MediaKind, MenuPlacement, ModelOption, OutputKind, Transcribe, VoiceClip, VoiceInputConfig, VoiceOption, ParameterOption, Reasoning, RegionBox, RegionFormat, Request, Result, ResultStatus, Run, SuggestedModelProblem, SuggestedModelsCheck, FalInputFormat, Usage, } from "@chai-ui/core";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC/G,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnF,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAItC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,+BAA+B,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,+BAA+B,EAC/B,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,oCAAoC,EACpC,sBAAsB,EACtB,6BAA6B,EAC7B,sBAAsB,EACtB,8BAA8B,EAC9B,+BAA+B,EAC/B,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,YAAY,EACZ,GAAG,EACH,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC/G,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnF,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAItC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACV,qBAAqB,EACrB,+BAA+B,EAC/B,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,+BAA+B,EAC/B,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,4BAA4B,EAC5B,oCAAoC,EACpC,sBAAsB,EACtB,6BAA6B,EAC7B,sBAAsB,EACtB,8BAA8B,EAC9B,+BAA+B,EAC/B,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,yBAAyB,EACzB,uBAAuB,EACvB,0BAA0B,EAC1B,SAAS,EACT,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,YAAY,EACZ,GAAG,EACH,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,eAAe,CAAC"}

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, 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 { inject, computed, defineComponent, provide, renderSlot, watch, onScopeDispose, h, ref, nextTick, openBlock, createElementBlock, createElementVNode, normalizeClass, createBlock, unref, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, createVNode, useId, shallowRef, mergeProps, onMounted, onUnmounted, withModifiers, withCtx, withDirectives, vModelText, reactive, toValue } from "vue";
+import { reasoningEngineFor, createReasoning, menuOpensAbove, 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 { CREATE_MUSIC_USE_CASE, CREATE_SPEECH_USE_CASE, 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, promptWithGenres, 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";
@@ -90,36 +90,49 @@ const ImageIcon = icon("0 -960 960 960", [{ "d": "M180-120q-24 0-42-18t-18-42v-6
 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 VolumeUpIcon = icon("0 -960 960 960", [{ "d": "M560-131v-62q97-28 158.5-107.5T780-481q0-101-61-181T560-769v-62q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm420 48v-337q55 17 87.5 64T660-480q0 57-33 104t-87 64ZM420-648 307-540H180v120h127l113 109v-337Zm-94 168Z", "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$j = ["disabled", "aria-expanded", "aria-label"];
-const _hoisted_2$e = {
-  key: 0,
-  class: "chai-composer__attach-menu",
-  role: "menu"
-};
-const _hoisted_3$c = ["onClick"];
-const _hoisted_4$9 = { class: "chai-composer__attach-menu-icon" };
-const _hoisted_5$7 = {
+const _hoisted_2$e = ["onClick"];
+const _hoisted_3$c = { class: "chai-composer__attach-menu-icon" };
+const _hoisted_4$9 = {
   key: 0,
   class: "chai-composer__attach-menu-divider",
   role: "separator"
 };
-const _hoisted_6$7 = ["accept", "multiple", "disabled"];
+const _hoisted_5$7 = ["accept", "multiple", "disabled"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "AttachMenu",
   props: {
     items: {},
     imagesOnly: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    placement: {}
   },
   emits: ["select", "files"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
-    const ICONS = { "add-media": AttachFileIcon, "create-image": ImageIcon, "create-video": VideocamIcon, "create-world": GlobeIcon, "edit-media": ContentCutIcon };
+    const ICONS = {
+      "add-media": AttachFileIcon,
+      "create-image": ImageIcon,
+      "create-video": VideocamIcon,
+      "create-world": GlobeIcon,
+      "edit-image": ContentCutIcon,
+      "create-speech": VolumeUpIcon,
+      "create-music": MusicNoteIcon
+    };
     const open = ref(false);
+    const above = ref(false);
     const root = ref();
+    const menu = ref();
     const input = ref();
     useDismiss(root, open, () => open.value = false);
+    watch(open, async (isOpen) => {
+      if (!isOpen) return;
+      await nextTick();
+      above.value = menuOpensAbove(props.placement, root.value.getBoundingClientRect(), menu.value.offsetHeight, document.documentElement.clientHeight);
+    });
     function pick(action) {
       open.value = false;
       if (action === "add-media") input.value?.click();
@@ -147,7 +160,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         }, [
           open.value ? (openBlock(), createBlock(unref(CloseSymbolIcon), { key: 0 })) : (openBlock(), createBlock(unref(PlusIcon), { key: 1 }))
         ], 10, _hoisted_1$j),
-        open.value ? (openBlock(), createElementBlock("ul", _hoisted_2$e, [
+        open.value ? (openBlock(), createElementBlock("ul", {
+          key: 0,
+          ref_key: "menu",
+          ref: menu,
+          class: normalizeClass(["chai-composer__attach-menu", { "chai-composer__attach-menu--above": above.value }]),
+          role: "menu"
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
             return openBlock(), createElementBlock("li", {
               key: item.action,
@@ -159,15 +178,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 class: "chai-composer__attach-menu-item",
                 onClick: ($event) => pick(item.action)
               }, [
-                createElementVNode("span", _hoisted_4$9, [
+                createElementVNode("span", _hoisted_3$c, [
                   (openBlock(), createBlock(resolveDynamicComponent(ICONS[item.action])))
                 ]),
                 createTextVNode(toDisplayString(item.label), 1)
-              ], 8, _hoisted_3$c),
-              item.divider && i < __props.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_5$7)) : createCommentVNode("", true)
+              ], 8, _hoisted_2$e),
+              item.divider && i < __props.items.length - 1 ? (openBlock(), createElementBlock("hr", _hoisted_4$9)) : createCommentVNode("", true)
             ]);
           }), 128))
-        ])) : createCommentVNode("", true),
+        ], 2)) : createCommentVNode("", true),
         createElementVNode("input", {
           ref_key: "input",
           ref: input,
@@ -177,7 +196,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           hidden: "",
           disabled: __props.disabled,
           onChange: onFileChange
-        }, null, 40, _hoisted_6$7)
+        }, null, 40, _hoisted_5$7)
       ], 512);
     };
   }
@@ -546,13 +565,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean },
     searchable: { type: Boolean, default: true },
     triggerVariant: { default: "outlined" },
-    panelWidth: { default: 280 }
+    panelWidth: { default: 280 },
+    placement: { default: "auto" }
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const open = ref(false);
+    const above = ref(false);
     const search = ref("");
     const root = ref();
     const panel = ref();
@@ -567,6 +588,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       const rect = el.getBoundingClientRect();
       const over = rect.right - (document.documentElement.clientWidth - 16);
       if (over > 0) el.style.left = `${-Math.min(over, Math.max(0, rect.left - 16))}px`;
+      above.value = menuOpensAbove(props.placement, root.value.getBoundingClientRect(), el.offsetHeight, document.documentElement.clientHeight);
     });
     useDismiss(root, open, close);
     const groups = computed(() => {
@@ -617,7 +639,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           key: 0,
           ref_key: "panel",
           ref: panel,
-          class: "chai-search-menu__panel",
+          class: normalizeClass(["chai-search-menu__panel", { "chai-search-menu__panel--above": above.value }]),
           role: "group",
           "aria-label": __props.menuLabel,
           style: normalizeStyle({ width: `${__props.panelWidth}px` })
@@ -637,7 +659,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             key: 1,
             class: "chai-search-menu__search",
             label: __props.menuLabel,
-            placeholder: "Input",
+            placeholder: "Search",
             ".value": search.value,
             onInput: _cache[2] || (_cache[2] = ($event) => search.value = $event.target.value)
           }, [
@@ -734,7 +756,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             }), 128)),
             !hasAnyOption.value ? (openBlock(), createElementBlock("li", _hoisted_16$2, "No matches.")) : createCommentVNode("", true)
           ])
-        ], 12, _hoisted_3$8)) : createCommentVNode("", true)
+        ], 14, _hoisted_3$8)) : createCommentVNode("", true)
       ], 512);
     };
   }
@@ -807,6 +829,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     "onUpdate:character": {},
     frameRate: { default: null },
     "onUpdate:frameRate": {},
+    speechVoice: { default: null },
+    "onUpdate:speechVoice": {},
+    genres: { default: () => [] },
+    "onUpdate:genres": {},
+    menuPlacement: { default: "auto" },
     submitError: { default: null },
     submitDisabled: { type: Boolean, default: void 0 },
     submitting: { type: Boolean },
@@ -839,6 +866,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const modelMenuOptions = computed(
       () => props.multiSelectUseCases ? { sections: view.value.modelSections.map((s) => ({ label: s.label, options: s.options })) } : { options: view.value.modelSections[0]?.options }
     );
+    const toMenuOption = (o) => ({ id: o.value, label: o.label });
+    const voiceMenuOptions = computed(
+      () => view.value.voiceSections ? { sections: view.value.voiceSections.map((s) => ({ label: s.label, options: s.options.map(toMenuOption) })) } : { options: view.value.voiceOptions.map(toMenuOption) }
+    );
     watch(
       () => props.autoSelectModel,
       (on, was) => {
@@ -985,9 +1016,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               items: menuItems.value,
               "images-only": view.value.editing,
               disabled: __props.disabled,
+              placement: __props.menuPlacement,
               onSelect: _cache[3] || (_cache[3] = ($event) => __props.onAttachMenuSelect?.($event)),
               onFiles
-            }, null, 8, ["items", "images-only", "disabled"])) : createCommentVNode("", true),
+            }, null, 8, ["items", "images-only", "disabled", "placement"])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(view.value.pickedUseCases, (u) => {
               return openBlock(), createBlock(_sfc_main$i, {
                 key: u.kind,
@@ -997,7 +1029,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 onRemove: ($event) => removeUseCase(u)
               }, null, 8, ["label", "removable", "disabled", "onRemove"]);
             }), 128)),
-            view.value.modelSections.length > 0 && view.value.canPickModel ? (openBlock(), createBlock(_sfc_main$d, mergeProps({ key: 1 }, modelMenuOptions.value, {
+            view.value.modelSections.length > 0 && view.value.canPickModel ? (openBlock(), createBlock(_sfc_main$d, mergeProps({
+              key: 1,
+              placement: __props.menuPlacement
+            }, modelMenuOptions.value, {
               value: view.value.multiModel ? view.value.pickedModelIds : __props.modelId,
               multiple: view.value.multiModel,
               "toggle-header": __props.showAutoSelectToggle ? { label: "Auto-select model", value: __props.autoSelectModel, onChange: (v) => props["onUpdate:autoSelectModel"]?.(v) } : void 0,
@@ -1008,9 +1043,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               disabled: __props.disabled || __props.autoSelectModel && !__props.showAutoSelectToggle,
               "panel-width": __props.showAutoSelectToggle ? 320 : void 0,
               onSelect: _cache[4] || (_cache[4] = ($event) => toggleModel($event.id))
-            }), null, 16, ["value", "multiple", "toggle-header", "trigger-label", "menu-label", "disabled", "panel-width"])) : createCommentVNode("", true),
+            }), null, 16, ["placement", "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,
+              placement: __props.menuPlacement,
               options: view.value.aspectOptions.map((o) => ({ id: o.value, label: o.label })),
               value: view.value.offeredAspect,
               "trigger-label": view.value.selectedAspect?.label ?? "Aspect ratio",
@@ -1019,9 +1055,35 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "trigger-variant": "text",
               disabled: __props.disabled,
               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, {
+            }, null, 8, ["placement", "options", "value", "trigger-label", "disabled"])) : createCommentVNode("", true),
+            view.value.voiceOptions.length > 0 && props["onUpdate:speechVoice"] ? (openBlock(), createBlock(_sfc_main$d, mergeProps({
               key: 3,
+              placement: __props.menuPlacement
+            }, voiceMenuOptions.value, {
+              value: view.value.offeredVoice,
+              "trigger-label": view.value.voiceTriggerLabel,
+              "menu-label": "Voice",
+              searchable: view.value.voiceOptions.length > view.value.searchableAt,
+              "trigger-variant": "text",
+              disabled: __props.disabled,
+              onSelect: _cache[6] || (_cache[6] = ($event) => props["onUpdate:speechVoice"]?.($event.id))
+            }), null, 16, ["placement", "value", "trigger-label", "searchable", "disabled"])) : createCommentVNode("", true),
+            view.value.genreOptions.length > 0 && props["onUpdate:genres"] ? (openBlock(), createBlock(_sfc_main$d, {
+              key: 4,
+              placement: __props.menuPlacement,
+              options: view.value.genreOptions.map(toMenuOption),
+              value: view.value.offeredGenres,
+              multiple: "",
+              "trigger-label": view.value.genreTriggerLabel,
+              "menu-label": "Genre",
+              searchable: view.value.genreOptions.length > view.value.searchableAt,
+              "trigger-variant": "text",
+              disabled: __props.disabled,
+              onSelect: _cache[7] || (_cache[7] = ($event) => props["onUpdate:genres"]?.(view.value.toggledGenres($event.id)))
+            }, null, 8, ["placement", "options", "value", "trigger-label", "searchable", "disabled"])) : createCommentVNode("", true),
+            view.value.frameRateOptions.length > 0 && props["onUpdate:frameRate"] ? (openBlock(), createBlock(_sfc_main$d, {
+              key: 5,
+              placement: __props.menuPlacement,
               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`,
@@ -1029,8 +1091,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               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)
+              onSelect: _cache[8] || (_cache[8] = ($event) => props["onUpdate:frameRate"]?.(Number($event.id)))
+            }, null, 8, ["placement", "options", "value", "trigger-label", "disabled"])) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_12$3, [
             __props.voiceInput ? (openBlock(), createBlock(_sfc_main$g, {
@@ -2748,6 +2810,8 @@ function useMediaAnalyzer(options = {}) {
   };
 }
 export {
+  CREATE_MUSIC_USE_CASE,
+  CREATE_SPEECH_USE_CASE,
   _sfc_main$k as ChaiProvider,
   _sfc_main$c as Composer,
   DEFAULT_MAX_ATTACHMENTS_BY_KIND2 as DEFAULT_MAX_ATTACHMENTS_BY_KIND,
@@ -2783,6 +2847,7 @@ export {
   isMediaAnalyzerAtCap2 as isMediaAnalyzerAtCap,
   mockEngine,
   nextMediaAnalyzerAttachments2 as nextMediaAnalyzerAttachments,
+  promptWithGenres,
   reasoningKey,
   reasoningModelFor,
   suggestedModels,