@chai-ui/vue 0.13.0 → 0.14.1

package/DESIGN.md

@@ -36,7 +36,8 @@ use these names: `Results`, `Compare`, `ModelPicker`,
    your app.
 3. **Advanced selection is the builder's opt-in.** `multiSelectModels`
    and `multiSelectUseCases` are off by default. Turn them on only where
-   comparing models or making several media types at once is the point.
+   comparing models, or making an image and a video from one prompt, is the
+   point. With both use cases, show each run in its own `ResultCard`.
 4. **A callback's presence is the opt-in.** Omit `onEnhance` and there's
    no optimize button. Omit `onAbort` and there's no stop button. Omit
    `moreActions` and there's no ⋯ menu. Don't pass no-op handlers just to
@@ -171,6 +172,7 @@ Rules:
 | Feedback | Like/dislike fire `onAction`, and the displayed vote comes from `getVote` | Store votes yourself |
 | Details | The flip side shows prompt, model, tokens, cost and duration | Supply `models` so ids resolve to labels |
 | Quality checks | Each result's `evaluations` render on the flip side: green with a check if it passed, red with a cross if it failed | Run your checks in your backend proxy and add a top-level `evaluations: [{ id, label, passed }]` field to the JSON it returns (for a stream, send it as its own `data:` chunk). The built-in Fal and OpenRouter engines read that field, a custom engine returns it from `generate`, and `useComposer` puts it on the matching `Result`. Or turn on the opt-in judge: `useComposer({ judgeModel, judgeChecks })` has a model you name check each text or image result against your criteria, one tag per check, after your backend's. It's off by default, with no default model, and there are no confidence scores. |
+| Analytics | Nothing visible: `Composer` and `ResultCard` report interactions through `onEvent` (`@event` in Vue), one `ChaiEvent` each | Pass one function to each component, e.g. `(e) => posthog.capture(e.name, e.properties)`. Events are front end only (what the person did and saw), with no prompt text, file names, URLs or outputs. Track model calls, latency and cost on your server. |
 
 `ResultCard` is where a run ends. Don't add a "use as input" action that
 feeds a result back into a `Composer`. Chaining steps like that is

package/README.md

@@ -105,6 +105,9 @@ into the page. Left out, it's `"auto"`: each menu goes where it fits.
 - **`ResultCard`**: one prompt's results, paged, with votes, retry,
   download, share, details, streaming text and quality-check tags (from
   your backend, or the opt-in judge: `useComposer({ judgeModel, judgeChecks })`).
+- **Analytics:** `@event` on `Composer` and `ResultCard` reports what the
+  person does and sees, one `ChaiEvent` each, for any analytics tool:
+  `@event="(e) => posthog.capture(e.name, e.properties)"`.
 - **`EditCard`**: marked regions with their own instructions, and each
   edit as a new version.
 - **`useComposer`**, **`ChaiProvider`**, and the `Toggle`, `SearchMenu`

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 MenuPlacement, 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 ChaiEvent, 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;
@@ -83,6 +83,8 @@ type __VLS_Props = {
     submitting?: boolean;
     onAbort?: () => void;
     onAttachMenuSelect?: (action: ComposerAttachMenuAction) => void;
+    /** Front-end analytics (`@event`): what the person does in the bar, one `ChaiEvent` each, for any analytics tool. No prompt text or file contents, only lengths and counts. */
+    onEvent?: (event: ChaiEvent) => void;
     /** Which + menu items to show. Each still shows only when it can work. */
     attachMenuActions?: ComposerAttachMenuAction[];
     /** An edit's regions (from `useComposer`'s `edit`), shown as colored chips while editing. */

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/ResultCard.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ModelOption, type Result } from "@chai-ui/core";
+import { type ChaiEvent, type ModelOption, type Result } from "@chai-ui/core";
 import type { ResultCardMoreAction, ResultCardVote } from "./result-card/types.js";
 type __VLS_Props = {
     /** The results from one prompt: `results[0]` if there's only one, paged internally if more. */
@@ -18,6 +18,8 @@ type __VLS_Props = {
     /** Extra items in the ⋯ menu. Omit to hide the menu. */
     moreActions?: ResultCardMoreAction[];
     disabled?: boolean;
+    /** Front-end analytics (`@event`): a result appearing, result actions, paging and opening the details side, one `ChaiEvent` each. */
+    onEvent?: (event: ChaiEvent) => void;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (action: string, result: Result) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"ResultCard.vue.d.ts","sourceRoot":"","sources":["../src/ResultCard.vue"],"names":[],"mappings":"AAmTA,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AASvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,+FAA+F;IAC/F,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,uFAAuF;IACvF,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,kFAAkF;IAClF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C,wDAAwD;IACxD,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsuBF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ResultCard.vue.d.ts","sourceRoot":"","sources":["../src/ResultCard.vue"],"names":[],"mappings":"AAsVA,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AASvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,+FAA+F;IAC/F,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,uFAAuF;IACvF,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,kFAAkF;IAClF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C,wDAAwD;IACxD,WAAW,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qIAAqI;IACrI,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC,CAAC;AA4vBF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -8,6 +8,8 @@ type __VLS_Props = {
     /** Shown under a headed field, e.g. why submit can't go yet. */
     hint?: string | null;
     onEnhance?: (value: string) => void;
+    /** After an Enhance, the button's "Revert to original" click. */
+    onRevert?: () => void;
     enhancing: boolean;
     disabled: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PromptField.vue.d.ts","sourceRoot":"","sources":["../../src/composer/PromptField.vue"],"names":[],"mappings":"AA0KA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AA2QF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PromptField.vue.d.ts","sourceRoot":"","sources":["../../src/composer/PromptField.vue"],"names":[],"mappings":"AA6KA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AA4QF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     voice: VoiceInput;
     state: VoiceInputState;
     disabled?: boolean;
+    onStart?: () => void;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"VoiceButton.vue.d.ts","sourceRoot":"","sources":["../../src/composer/VoiceButton.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGjE,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA4FrF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"VoiceButton.vue.d.ts","sourceRoot":"","sources":["../../src/composer/VoiceButton.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGjE,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AA6F3G,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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, 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, nextUseCases, combinesWithOthers, buildJudgePrompt, DEFAULT_EVALUATION_CHECKS, } from "@chai-ui/core";
-export type { AudioUseCase, ComposerAttachMenuAction, ComposerPromptField, ComposerAttachment, ComposerSelection, ComposerSubmitPayload, ComposerUseCase, DroppedMedia, EditRegion, EditVersion, Evaluation, EvaluationCheck, JudgePromptInput, 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";
+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, nextUseCases, combinesWithOthers, buildJudgePrompt, DEFAULT_EVALUATION_CHECKS, composerEvents, resultCardEvents, } from "@chai-ui/core";
+export type { AudioUseCase, ComposerAttachMenuAction, ComposerPromptField, ComposerAttachment, ComposerSelection, ComposerSubmitPayload, ComposerUseCase, DroppedMedia, EditRegion, EditVersion, Evaluation, EvaluationCheck, JudgePromptInput, ChaiEvent, ChaiEventName, 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,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,EACpB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,GAC1B,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,eAAe,EACf,gBAAgB,EAChB,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"}
+{"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,EACpB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,cAAc,EACd,gBAAgB,GACjB,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,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,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, 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_EVALUATION_CHECKS, 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, buildJudgePrompt, buildRegionEditPrompt, checkSuggestedModels, combinesWithOthers, createFalEngine, createFalTranscriber, createMockEngine, createOpenRouterEngine, isMediaAnalyzerAtCap as isMediaAnalyzerAtCap2, mockEngine, nextMediaAnalyzerAttachments as nextMediaAnalyzerAttachments2, nextUseCases, promptWithGenres, reasoningModelFor, suggestedModels } from "@chai-ui/core";
+import { reasoningEngineFor, createReasoning, menuOpensAbove, regionColor, MAX_ANIMATE_ENHANCE_LENGTH, enhanceRevealDurationMs, VOICE_LEVEL_COUNT, formatVoiceElapsed, composerView, composerAttachMenuItems, createVoiceInput, composerEvents, 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, resultCardEvents, 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_EVALUATION_CHECKS, 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, buildJudgePrompt, buildRegionEditPrompt, checkSuggestedModels, combinesWithOthers, composerEvents as composerEvents2, createFalEngine, createFalTranscriber, createMockEngine, createOpenRouterEngine, isMediaAnalyzerAtCap as isMediaAnalyzerAtCap2, mockEngine, nextMediaAnalyzerAttachments as nextMediaAnalyzerAttachments2, nextUseCases, promptWithGenres, reasoningModelFor, resultCardEvents as resultCardEvents2, 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";
@@ -277,6 +277,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     note: {},
     hint: {},
     onEnhance: { type: Function },
+    onRevert: { type: Function },
     enhancing: { type: Boolean },
     disabled: { type: Boolean }
   },
@@ -333,6 +334,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         enhancedValue.value = null;
         originalValue.value = null;
         if (original != null) emit("change", original);
+        props.onRevert?.();
         return;
       }
       originalValue.value = props.value;
@@ -429,7 +431,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     voice: {},
     state: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    onStart: { type: Function }
   },
   setup(__props) {
     const props = __props;
@@ -442,6 +445,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       else if (status === "transcribing") props.voice.cancel();
       else {
         props.voice.dismiss();
+        props.onStart?.();
         void props.voice.start();
       }
     }
@@ -839,6 +843,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     submitting: { type: Boolean },
     onAbort: {},
     onAttachMenuSelect: {},
+    onEvent: {},
     attachMenuActions: {},
     regions: { default: () => [] },
     "onUpdate:regions": {},
@@ -882,11 +887,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     );
     function pickModel(menu, id) {
+      props.onEvent?.(composerEvents.modelPicked(menu.key, id));
       if (view.value.multiModel) props["onUpdate:modelIds"]?.(menu.next(id));
       else props["onUpdate:modelId"]?.(id);
     }
     const enhancingField = ref("prompt");
     const enhanceField = (field) => props.onEnhance && ((current) => {
+      props.onEvent?.(composerEvents.enhanceClicked(field, current.length));
       enhancingField.value = field;
       props.onEnhance?.(current, field, view.value.enhanceMode);
     });
@@ -906,17 +913,44 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     async function onFiles(files) {
       const onAttachments = props["onUpdate:attachments"];
       if (!files || files.length === 0 || !onAttachments) return;
+      const picked = files.length;
       const { attachments, unsupported } = await composerAttachmentsFromFiles(files, props.attachments, view.value.editing);
       unsupported.forEach((name) => emit("unsupportedFile", name));
+      props.onEvent?.(composerEvents.mediaAttached(picked - unsupported.length, unsupported.length));
       if (attachments) onAttachments(attachments);
     }
     function removeUseCase(useCase) {
+      props.onEvent?.(composerEvents.useCaseRemoved(useCase));
       if (props.multiSelectUseCases) props["onUpdate:useCases"]?.(props.useCases.filter((u) => u.kind !== useCase.kind));
       else props.onClearUseCase?.();
     }
     function onSubmitClick() {
-      if (view.value.showStop) props.onAbort?.();
-      else if (!view.value.isSubmitDisabled && !props.submitting) emit("submit", view.value.payload());
+      if (view.value.showStop) {
+        props.onEvent?.(composerEvents.stopped());
+        props.onAbort?.();
+      } else if (!view.value.isSubmitDisabled && !props.submitting) {
+        const payload = view.value.payload();
+        props.onEvent?.(composerEvents.submitted(payload, Boolean(props.submitError)));
+        emit("submit", payload);
+      }
+    }
+    function onMenuSelect(action) {
+      if (action !== "add-media") props.onEvent?.(composerEvents.useCasePicked(action));
+      props.onAttachMenuSelect?.(action);
+    }
+    function toggleAutoSelect(on) {
+      props.onEvent?.(composerEvents.autoSelectToggled(on));
+      props["onUpdate:autoSelectModel"]?.(on);
+    }
+    function revertField(field) {
+      props.onEvent?.(composerEvents.enhanceReverted(field));
+    }
+    function onVoiceStart() {
+      props.onEvent?.(composerEvents.voiceStarted());
+    }
+    function pickOption(option, id, apply) {
+      props.onEvent?.(composerEvents.optionPicked(option, id));
+      apply();
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
@@ -973,10 +1007,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             note: "(required)",
             hint: view.value.environmentHint,
             "on-enhance": enhanceField("environment"),
+            "on-revert": () => revertField("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"]),
+          }, null, 8, ["value", "placeholder", "hint", "on-enhance", "on-revert", "enhancing", "disabled"]),
           props["onUpdate:character"] ? (openBlock(), createBlock(_sfc_main$h, {
             key: 0,
             value: __props.character,
@@ -984,20 +1019,22 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             heading: "Character",
             note: "(optional)",
             "on-enhance": enhanceField("character"),
+            "on-revert": () => revertField("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)
+          }, null, 8, ["value", "placeholder", "on-enhance", "on-revert", "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"),
+          "on-revert": () => revertField("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"])),
+        }, null, 8, ["value", "placeholder", "label", "on-enhance", "on-revert", "enhancing", "disabled"])),
         __props.submitError ? (openBlock(), createElementBlock("p", _hoisted_8$4, [
           createVNode(unref(ErrorIcon)),
           createTextVNode(toDisplayString(__props.submitError), 1)
@@ -1014,7 +1051,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               "images-only": view.value.editing,
               disabled: __props.disabled,
               placement: __props.menuPlacement,
-              onSelect: _cache[3] || (_cache[3] = ($event) => __props.onAttachMenuSelect?.($event)),
+              onSelect: _cache[3] || (_cache[3] = ($event) => onMenuSelect($event)),
               onFiles
             }, null, 8, ["items", "images-only", "disabled", "placement"])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(view.value.pickedUseCases, (u) => {
@@ -1033,7 +1070,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 options: menu.options,
                 value: menu.value,
                 multiple: menu.multiple,
-                "toggle-header": __props.showAutoSelectToggle && view.value.offersAutoSelect ? { label: "Auto-select model", value: view.value.autoSelectModel, onChange: (v) => props["onUpdate:autoSelectModel"]?.(v) } : void 0,
+                "toggle-header": __props.showAutoSelectToggle && view.value.offersAutoSelect ? { label: "Auto-select model", value: view.value.autoSelectModel, onChange: toggleAutoSelect } : void 0,
                 "trigger-label": menu.triggerLabel,
                 "menu-label": menu.menuLabel,
                 searchable: false,
@@ -1053,7 +1090,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               searchable: false,
               "trigger-variant": "text",
               disabled: __props.disabled,
-              onSelect: _cache[4] || (_cache[4] = ($event) => props["onUpdate:aspectRatio"]?.($event.id))
+              onSelect: _cache[4] || (_cache[4] = ($event) => pickOption("aspect_ratio", $event.id, () => props["onUpdate:aspectRatio"]?.($event.id)))
             }, 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: 2,
@@ -1065,7 +1102,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               searchable: view.value.voiceOptions.length > view.value.searchableAt,
               "trigger-variant": "text",
               disabled: __props.disabled,
-              onSelect: _cache[5] || (_cache[5] = ($event) => props["onUpdate:speechVoice"]?.($event.id))
+              onSelect: _cache[5] || (_cache[5] = ($event) => pickOption("voice", $event.id, () => 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: 3,
@@ -1078,7 +1115,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               searchable: view.value.genreOptions.length > view.value.searchableAt,
               "trigger-variant": "text",
               disabled: __props.disabled,
-              onSelect: _cache[6] || (_cache[6] = ($event) => props["onUpdate:genres"]?.(view.value.toggledGenres($event.id)))
+              onSelect: _cache[6] || (_cache[6] = ($event) => pickOption("genre", $event.id, () => 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: 4,
@@ -1090,7 +1127,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               searchable: false,
               "trigger-variant": "text",
               disabled: __props.disabled,
-              onSelect: _cache[7] || (_cache[7] = ($event) => props["onUpdate:frameRate"]?.(Number($event.id)))
+              onSelect: _cache[7] || (_cache[7] = ($event) => pickOption("frame_rate", $event.id, () => props["onUpdate:frameRate"]?.(Number($event.id))))
             }, null, 8, ["placement", "options", "value", "trigger-label", "disabled"])) : createCommentVNode("", true)
           ]),
           createElementVNode("div", _hoisted_12$3, [
@@ -1098,7 +1135,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               key: 0,
               voice: unref(voice),
               state: voiceState.value,
-              disabled: __props.disabled
+              disabled: __props.disabled,
+              "on-start": onVoiceStart
             }, null, 8, ["voice", "state", "disabled"])) : createCommentVNode("", true),
             !(__props.voiceInput && (voiceState.value.status === "recording" || voiceState.value.status === "transcribing")) ? (openBlock(), createElementBlock("md-fab", {
               key: 1,
@@ -2234,7 +2272,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     models: {},
     getVote: { type: Function },
     moreActions: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    onEvent: { type: Function }
   },
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -2279,7 +2318,32 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       index: index.value,
       image: kind.value === "image" ? result.value.output.src : void 0
     }));
-    const act = (action) => emit("action", action, result.value);
+    function report(action, r) {
+      props.onEvent?.(resultCardEvents.action(action));
+      emit("action", action, r);
+    }
+    const act = (action) => report(action, result.value);
+    function goTo(next) {
+      if (next !== index.value) props.onEvent?.(resultCardEvents.paged(next, props.results.length));
+      activeIndex.value = next;
+    }
+    function openInfo() {
+      props.onEvent?.(resultCardEvents.infoOpened());
+      flipped.value = true;
+    }
+    const shownIds = /* @__PURE__ */ new Set();
+    watch(
+      () => props.results,
+      (results) => {
+        for (const r of results) {
+          if ((r.status === "done" || r.status === "error") && !shownIds.has(r.id)) {
+            shownIds.add(r.id);
+            props.onEvent?.(resultCardEvents.shown(r.status, r.output?.kind, results.length));
+          }
+        }
+      },
+      { immediate: true, deep: true }
+    );
     function flash(flag) {
       flag.value = true;
       setTimeout(() => flag.value = false, 1500);
@@ -2293,12 +2357,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     async function download() {
       const r = result.value;
       if (r.output) await downloadMedia(r.output.src, downloadFilename(r.id, r.output.kind, r.output.src));
-      emit("action", "download", r);
+      report("download", r);
     }
     async function share() {
       const r = result.value;
       if (r.output && await shareMedia(r.output.src) === "copied") flash(linkCopied);
-      emit("action", "share", r);
+      report("share", r);
     }
     watch(
       flipped,
@@ -2384,7 +2448,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   index: index.value,
                   label: "Results",
                   disabled: __props.disabled,
-                  "onUpdate:index": _cache[3] || (_cache[3] = ($event) => activeIndex.value = $event)
+                  "onUpdate:index": _cache[3] || (_cache[3] = ($event) => goTo($event))
                 }, null, 8, ["count", "index", "disabled"])
               ], 2)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_6$1, [
@@ -2436,7 +2500,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     variant: "round",
                     label: "Show details",
                     disabled: __props.disabled,
-                    onClick: _cache[8] || (_cache[8] = ($event) => flipped.value = true)
+                    onClick: openInfo
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(InfoIcon))
@@ -2457,7 +2521,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 type: "button",
                 class: "chai-result-card__close",
                 "aria-label": "Close details",
-                onClick: _cache[9] || (_cache[9] = ($event) => flipped.value = false)
+                onClick: _cache[8] || (_cache[8] = ($event) => flipped.value = false)
               }, [
                 createVNode(unref(CloseIcon))
               ]),
@@ -2511,7 +2575,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: "chai-result-card__expand-scrim",
             role: "presentation",
-            onClick: _cache[10] || (_cache[10] = ($event) => mediaExpanded.value = false)
+            onClick: _cache[9] || (_cache[9] = ($event) => mediaExpanded.value = false)
           }),
           createElementVNode("div", _hoisted_17, [
             kind.value === "video" ? (openBlock(), createBlock(_sfc_main$3, {
@@ -2520,7 +2584,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               expanded: "",
               time: videoTime,
               "was-playing": videoWasPlaying.value,
-              onPlayingChange: _cache[11] || (_cache[11] = ($event) => videoWasPlaying.value = $event)
+              onPlayingChange: _cache[10] || (_cache[10] = ($event) => videoWasPlaying.value = $event)
             }, null, 8, ["src", "time", "was-playing"])) : (openBlock(), createElementBlock("img", {
               key: 1,
               class: "chai-result-card__image",
@@ -2531,7 +2595,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               type: "button",
               class: "chai-result-card__collapse",
               "aria-label": "Collapse",
-              onClick: _cache[12] || (_cache[12] = ($event) => mediaExpanded.value = false)
+              onClick: _cache[11] || (_cache[11] = ($event) => mediaExpanded.value = false)
             }, [
               createVNode(unref(CloseIcon))
             ])
@@ -2842,6 +2906,7 @@ export {
   buildRegionEditPrompt,
   checkSuggestedModels,
   combinesWithOthers,
+  composerEvents2 as composerEvents,
   createFalEngine,
   createFalTranscriber,
   createMockEngine,
@@ -2853,6 +2918,7 @@ export {
   promptWithGenres,
   reasoningKey,
   reasoningModelFor,
+  resultCardEvents2 as resultCardEvents,
   suggestedModels,
   useComposer,
   useMediaAnalyzer,