@marinoscar/platform-web 0.1.0-next.3 → 0.1.0-next.5

package/dist/ai/ui/playground/AiImageMode.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Playground's Image mode — issue #445 (API: #437).
+ *
+ * Generate: prompt + size/quality/count → `POST /ai/images`. Edit (only when
+ * the selected model declares `image_edit`): the same plus a source image and
+ * an optional PNG mask, uploaded first through the storage API
+ * (`services/storage.ts`) and named by `storageObjectId` →
+ * `POST /ai/images/edits`. Either answers 202 `{ runId }`; the run is polled
+ * by the shared `useAiRun` and shown in the shared `AiRunCard`, and a
+ * succeeded run's storage objects are shown by `AiImageGallery`.
+ *
+ * Image runs are ALWAYS asynchronous (whatever `allowBackgroundRuns` says),
+ * so there is no streaming path here.
+ */
+import { useState } from 'react';
+import { Alert, Box, Button, Divider, FormControlLabel, MenuItem, Stack, Switch, TextField, Typography, } from '@mui/material';
+import { Image as ImageIcon, UploadFile as UploadFileIcon } from '@mui/icons-material';
+import { AI_IMAGE_INPUT_MAX_BYTES, AI_IMAGE_INPUT_MIME_TYPES, AI_IMAGE_MASK_MIME_TYPES, AI_IMAGE_PROMPT_MAX_CHARS, AI_IMAGE_QUALITIES, AI_IMAGES_MAX_N, isAiImageRunOutput } from '../../headless/types.js';
+import { createAiImageEditRun, createAiImageRun } from '../../headless/client.js';
+import { useAiApi } from '../../headless/use-ai-api.js';
+import { useAiStorageObjects } from '../../headless/use-ai-storage.js';
+import { toAiErrorInfo } from '../../headless/errors.js';
+import { useAiRun } from '../../headless/use-ai-run.js';
+import { useIsMounted } from '../../internal/use-is-mounted.js';
+import { AiModelSelect, hasAiCapability } from '../shared/AiModelSelect.js';
+import { AiRunCard } from '../shared/AiRunCard.js';
+import { AiErrorAlert } from '../shared/AiErrorAlert.js';
+import { AiImageGallery } from '../shared/AiImageGallery.js';
+import { AiPlaygroundPanels } from './AiPlaygroundPanels.js';
+import { usePlaygroundModel } from './usePlaygroundModel.js';
+import { AiFilePicker } from './AiFilePicker.js';
+/** Common sizes; `''` leaves the choice to the provider. Not a per-model list — the provider validates. */
+export const AI_IMAGE_SIZE_OPTIONS = ['auto', '1024x1024', '1536x1024', '1024x1536'];
+/** Why `file` cannot be sent as the source (or mask), or `null` when it can. */
+export function aiImageFileProblem(file, kind) {
+    const allowed = kind === 'mask' ? AI_IMAGE_MASK_MIME_TYPES : AI_IMAGE_INPUT_MIME_TYPES;
+    if (!allowed.includes(file.type)) {
+        return kind === 'mask' ? 'The mask must be a PNG image' : 'Choose a PNG, JPEG or WebP image';
+    }
+    if (file.size > AI_IMAGE_INPUT_MAX_BYTES)
+        return 'Images must be 25 MB or smaller';
+    return null;
+}
+export function AiImageMode({ models, preferredModel, ready = true, runPollIntervalMs, uploadWaitOptions }) {
+    const { modelKey, setModelKey, selected } = usePlaygroundModel(models, preferredModel, ready);
+    const api = useAiApi();
+    const objects = useAiStorageObjects();
+    const run = useAiRun(runPollIntervalMs !== undefined ? { intervalMs: runPollIntervalMs } : {});
+    const isMounted = useIsMounted();
+    const [prompt, setPrompt] = useState('');
+    const [size, setSize] = useState('');
+    const [quality, setQuality] = useState('');
+    const [count, setCount] = useState(1);
+    const [editing, setEditing] = useState(false);
+    const [source, setSource] = useState(null);
+    const [mask, setMask] = useState(null);
+    const [phase, setPhase] = useState('idle');
+    const [uploadError, setUploadError] = useState(null);
+    // The prompt of the shown run — its card's text and its images' alt text.
+    const [runPrompt, setRunPrompt] = useState('');
+    const canEdit = hasAiCapability(selected, 'image_edit');
+    const editOn = canEdit && editing;
+    const sourceError = source ? aiImageFileProblem(source, 'source') : null;
+    const maskError = mask ? aiImageFileProblem(mask, 'mask') : null;
+    const busy = phase === 'uploading' || run.isActive;
+    const promptTooLong = prompt.length > AI_IMAGE_PROMPT_MAX_CHARS;
+    const canSubmit = !!selected &&
+        !busy &&
+        prompt.trim() !== '' &&
+        !promptTooLong &&
+        (!editOn || (source !== null && sourceError === null && maskError === null));
+    const submit = async (event) => {
+        event?.preventDefault();
+        if (!canSubmit || !selected)
+            return;
+        const text = prompt.trim();
+        const request = { provider: selected.provider, model: selected.modelId, prompt: text };
+        if (size)
+            request.size = size;
+        if (quality)
+            request.quality = quality;
+        if (count !== 1)
+            request.n = count;
+        setUploadError(null);
+        run.clear();
+        setRunPrompt(text);
+        if (!editOn) {
+            void run.startWith(() => createAiImageRun(api, request));
+            return;
+        }
+        setPhase('uploading');
+        let imageId;
+        let maskId;
+        try {
+            const [image, maskObject] = await Promise.all([
+                objects.uploadAndWait(source, uploadWaitOptions),
+                mask ? objects.uploadAndWait(mask, uploadWaitOptions) : Promise.resolve(null),
+            ]);
+            imageId = image.id;
+            maskId = maskObject?.id;
+        }
+        catch (err) {
+            if (isMounted()) {
+                setUploadError(toAiErrorInfo(err, 'Could not upload the image'));
+                setPhase('idle');
+            }
+            return;
+        }
+        if (!isMounted())
+            return;
+        setPhase('idle');
+        void run.startWith(() => createAiImageEditRun(api, {
+            ...request,
+            imageStorageObjectIds: [imageId],
+            ...(maskId ? { maskStorageObjectId: maskId } : {}),
+        }));
+    };
+    if (!selected)
+        return null;
+    const settings = (_jsxs(Stack, { spacing: 2, children: [_jsx(AiModelSelect, { models: models, value: modelKey, onChange: setModelKey, disabled: busy, capability: "image_generation" }), _jsxs(TextField, { select: true, size: "small", label: "Size", value: size, onChange: (event) => setSize(event.target.value), children: [_jsx(MenuItem, { value: "", children: "Model default" }), AI_IMAGE_SIZE_OPTIONS.map((option) => (_jsx(MenuItem, { value: option, children: option === 'auto' ? 'Auto' : option.replace('x', ' × ') }, option)))] }), _jsxs(TextField, { select: true, size: "small", label: "Quality", value: quality, onChange: (event) => setQuality(event.target.value), children: [_jsx(MenuItem, { value: "", children: "Model default" }), AI_IMAGE_QUALITIES.map((option) => (_jsx(MenuItem, { value: option, children: option.charAt(0).toUpperCase() + option.slice(1) }, option)))] }), _jsx(TextField, { select: true, size: "small", label: "Number of images", value: String(count), onChange: (event) => setCount(Number(event.target.value)), children: Array.from({ length: AI_IMAGES_MAX_N }, (_unused, index) => index + 1).map((n) => (_jsx(MenuItem, { value: String(n), children: n }, n))) }), canEdit && (_jsx(FormControlLabel, { control: _jsx(Switch, { checked: editing, onChange: (event) => setEditing(event.target.checked) }), label: "Edit an image" }))] }));
+    const output = run.run?.status === 'succeeded' && isAiImageRunOutput(run.run.output) ? run.run.output : null;
+    const showCard = runPrompt !== '' && (phase === 'uploading' || run.isActive || run.run || run.error);
+    return (_jsxs(AiPlaygroundPanels, { settings: settings, label: "Image", children: [!showCard && !output && !uploadError && (_jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { py: 4, textAlign: 'center' }, children: ["Describe the image you want", editOn ? ' and choose the image to edit' : '', "."] })), phase === 'uploading' && (_jsx(Alert, { severity: "info", icon: _jsx(UploadFileIcon, {}), children: "Uploading\u2026" })), uploadError && _jsx(AiErrorAlert, { error: uploadError, onClose: () => setUploadError(null) }), showCard && phase !== 'uploading' && (_jsx(AiRunCard, { title: "Image run", successMessage: null, prompt: runPrompt, run: run.run, error: run.error, stale: run.stale, isStarting: run.isStarting, isCancelling: run.isCancelling, onCancel: () => void run.cancel(), onDismiss: () => {
+                    run.clear();
+                    setRunPrompt('');
+                } })), output && _jsx(AiImageGallery, { output: output, prompt: runPrompt }), _jsx(Divider, {}), _jsxs(Box, { component: "form", onSubmit: submit, sx: { display: 'flex', flexDirection: 'column', gap: 1.5 }, children: [editOn && (_jsxs(Stack, { spacing: 1, children: [_jsx(AiFilePicker, { label: "Source image", accept: AI_IMAGE_INPUT_MIME_TYPES, file: source, error: sourceError, disabled: busy, onChange: setSource }), _jsx(AiFilePicker, { label: "Mask", accept: AI_IMAGE_MASK_MIME_TYPES, file: mask, error: maskError, disabled: busy, onChange: setMask }), _jsx(Typography, { variant: "caption", color: "text.secondary", children: "Optional mask: a PNG whose transparent areas mark what may change." })] })), _jsx(TextField, { label: "Prompt", placeholder: editOn ? 'Describe the change…' : 'Describe the image…', multiline: true, minRows: 2, maxRows: 8, fullWidth: true, value: prompt, onChange: (event) => setPrompt(event.target.value), error: promptTooLong, helperText: promptTooLong ? `At most ${AI_IMAGE_PROMPT_MAX_CHARS.toLocaleString()} characters` : undefined }), _jsx(Box, { sx: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { type: "submit", variant: "contained", endIcon: _jsx(ImageIcon, {}), disabled: !canSubmit, children: editOn ? 'Edit image' : count > 1 ? 'Generate images' : 'Generate image' }) })] })] }));
+}
+export default AiImageMode;
+//# sourceMappingURL=AiImageMode.js.map

package/dist/ai/ui/playground/AiImageMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiImageMode.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiImageMode.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/playground/AiPlaygroundModeSelector.d.ts

@@ -0,0 +1,14 @@
+import { type AiPlaygroundModeId } from './aiPlaygroundModes.js';
+export interface AiPlaygroundModeSelectorProps {
+    value: AiPlaygroundModeId;
+    onChange: (mode: AiPlaygroundModeId) => void;
+    /** Modes that cannot be selected, each with the reason shown in its tooltip. */
+    unavailable: ReadonlySet<AiPlaygroundModeId>;
+    /** Modes not offered at all (switched off by an administrator, #449). */
+    hidden?: ReadonlySet<AiPlaygroundModeId>;
+    /** Disables every mode (e.g. while a chat turn is streaming). */
+    disabled?: boolean;
+}
+export declare function AiPlaygroundModeSelector({ value, onChange, unavailable, hidden, disabled, }: AiPlaygroundModeSelectorProps): import("react").JSX.Element;
+export default AiPlaygroundModeSelector;
+//# sourceMappingURL=AiPlaygroundModeSelector.d.ts.map

package/dist/ai/ui/playground/AiPlaygroundModeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPlaygroundModeSelector.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiPlaygroundModeSelector.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAyB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAExF,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,gFAAgF;IAChF,WAAW,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC7C,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACzC,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAWD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,GACT,EAAE,6BAA6B,+BA0D/B;AAED,eAAe,wBAAwB,CAAC"}

package/dist/ai/ui/playground/AiPlaygroundModeSelector.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The Playground's mode switch — issue #445, epic #420.
+ *
+ * A segmented control, not a tab strip: the Playground is not a settings
+ * page, and each mode is a different kind of AI call on the same page
+ * (CLAUDE.md's "no tabs" rule governs settings destinations only).
+ *
+ * ACCESSIBILITY. Each mode is a toggle button (`aria-pressed`) in a labelled
+ * group. Tab reaches every button; Arrow Left/Right, Home and End move focus
+ * within the group; Enter/Space selects. A mode no usable model can serve is
+ * `aria-disabled` rather than `disabled`, so it stays focusable and its
+ * tooltip — the reason it cannot be used — is reachable from the keyboard
+ * and announced as the button's description, not its name.
+ */
+import { useRef } from 'react';
+import { Box, ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material';
+import { listAiPlaygroundModes } from './aiPlaygroundModes.js';
+const MOVES = {
+    ArrowRight: (index, count) => (index + 1) % count,
+    ArrowDown: (index, count) => (index + 1) % count,
+    ArrowLeft: (index, count) => (index - 1 + count) % count,
+    ArrowUp: (index, count) => (index - 1 + count) % count,
+    Home: () => 0,
+    End: (_index, count) => count - 1,
+};
+export function AiPlaygroundModeSelector({ value, onChange, unavailable, hidden, disabled, }) {
+    const groupRef = useRef(null);
+    const onKeyDown = (event) => {
+        const move = MOVES[event.key];
+        const buttons = Array.from(groupRef.current?.querySelectorAll('button') ?? []);
+        const index = buttons.findIndex((button) => button === document.activeElement);
+        if (!move || index === -1)
+            return;
+        event.preventDefault();
+        buttons[move(index, buttons.length)]?.focus();
+    };
+    return (_jsx(Box, { sx: { maxWidth: '100%', overflowX: 'auto' }, children: _jsx(ToggleButtonGroup, { ref: groupRef, exclusive: true, size: "small", color: "primary", "aria-label": "Playground mode", value: value, disabled: disabled, onKeyDown: onKeyDown, onChange: (_event, next) => {
+                // `null` is a click on the selected mode; an unavailable mode is inert.
+                if (next && !unavailable.has(next))
+                    onChange(next);
+            }, children: listAiPlaygroundModes().filter((mode) => !hidden?.has(mode.id)).map((mode) => {
+                const isUnavailable = unavailable.has(mode.id);
+                const button = (_jsx(ToggleButton, { value: mode.id, "aria-disabled": isUnavailable || undefined, "data-mode": mode.id, sx: {
+                        px: { xs: 1.25, sm: 2 },
+                        textTransform: 'none',
+                        whiteSpace: 'nowrap',
+                        ...(isUnavailable ? { color: 'text.disabled', cursor: 'not-allowed' } : {}),
+                    }, children: mode.label }, mode.id));
+                return isUnavailable ? (_jsx(Tooltip, { title: mode.unavailableReason, describeChild: true, children: button }, mode.id)) : (button);
+            }) }) }));
+}
+export default AiPlaygroundModeSelector;
+//# sourceMappingURL=AiPlaygroundModeSelector.js.map

package/dist/ai/ui/playground/AiPlaygroundModeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPlaygroundModeSelector.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiPlaygroundModeSelector.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/playground/AiPlaygroundPanels.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The Playground's two-panel layout, shared by every mode — issue #445
+ * (extracted from #434's chat layout).
+ *
+ * A settings panel beside the work area from `sm` up; below `sm` it stacks
+ * above and collapses behind a "Settings" toggle. The compact switch is
+ * `down('sm')` — the boundary of CLAUDE.md's five coupled breakpoint gates,
+ * none of which this component changes.
+ */
+import { type ReactNode } from 'react';
+export interface AiPlaygroundPanelsProps {
+    /** The settings panel's content (model select and the mode's options). */
+    settings: ReactNode;
+    /** Accessible name of the work area (`Chat`, `Image`, …). */
+    label: string;
+    children: ReactNode;
+}
+export declare function AiPlaygroundPanels({ settings, label, children }: AiPlaygroundPanelsProps): import("react").JSX.Element;
+export default AiPlaygroundPanels;
+//# sourceMappingURL=AiPlaygroundPanels.d.ts.map

package/dist/ai/ui/playground/AiPlaygroundPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPlaygroundPanels.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiPlaygroundPanels.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAqDxF;AAED,eAAe,kBAAkB,CAAC"}

package/dist/ai/ui/playground/AiPlaygroundPanels.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Playground's two-panel layout, shared by every mode — issue #445
+ * (extracted from #434's chat layout).
+ *
+ * A settings panel beside the work area from `sm` up; below `sm` it stacks
+ * above and collapses behind a "Settings" toggle. The compact switch is
+ * `down('sm')` — the boundary of CLAUDE.md's five coupled breakpoint gates,
+ * none of which this component changes.
+ */
+import { useId, useState } from 'react';
+import { Box, Button, Collapse, Paper, useMediaQuery, useTheme } from '@mui/material';
+import { Tune as TuneIcon } from '@mui/icons-material';
+export function AiPlaygroundPanels({ settings, label, children }) {
+    const theme = useTheme();
+    const isCompact = useMediaQuery(theme.breakpoints.down('sm'));
+    const settingsPanelId = useId();
+    const [settingsOpen, setSettingsOpen] = useState(false);
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: { xs: 'stretch', sm: 'flex-start' },
+            gap: 2,
+            minWidth: 0,
+        }, children: [_jsx(Paper, { component: "aside", variant: "outlined", "aria-label": "Playground settings", sx: { width: { xs: '100%', sm: 260, md: 320 }, flexShrink: 0, p: 2, minWidth: 0 }, children: isCompact ? (_jsxs(_Fragment, { children: [_jsx(Button, { fullWidth: true, startIcon: _jsx(TuneIcon, {}), onClick: () => setSettingsOpen((open) => !open), "aria-expanded": settingsOpen, "aria-controls": settingsPanelId, sx: { justifyContent: 'flex-start' }, children: "Settings" }), _jsx(Collapse, { in: settingsOpen, id: settingsPanelId, children: _jsx(Box, { sx: { pt: 2 }, children: settings }) })] })) : (_jsx(Box, { id: settingsPanelId, children: settings })) }), _jsx(Paper, { component: "section", variant: "outlined", "aria-label": label, sx: { flex: 1, minWidth: 0, p: { xs: 1.5, sm: 2 }, display: 'flex', flexDirection: 'column', gap: 2 }, children: children })] }));
+}
+export default AiPlaygroundPanels;
+//# sourceMappingURL=AiPlaygroundPanels.js.map

package/dist/ai/ui/playground/AiPlaygroundPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPlaygroundPanels.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiPlaygroundPanels.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAUvD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAA2B;IACvF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE;YAC1C,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE;YAC/C,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,CAAC;SACZ,aAED,KAAC,KAAK,IACJ,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,UAAU,gBACP,qBAAqB,EAChC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,YAEhF,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,MAAM,IACL,SAAS,QACT,SAAS,EAAE,KAAC,QAAQ,KAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,mBAChC,YAAY,mBACZ,eAAe,EAC9B,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,yBAG7B,EACT,KAAC,QAAQ,IAAC,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,eAAe,YAC7C,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,GAC3B,IACV,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,EAAE,EAAE,eAAe,YAAG,QAAQ,GAAO,CAC3C,GACK,EAER,KAAC,KAAK,IACJ,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,UAAU,gBACN,KAAK,EACjB,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAEpG,QAAQ,GACH,IACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/ai/ui/playground/AiSpeechMode.d.ts

@@ -0,0 +1,14 @@
+import { type UsableAiModel } from '../../headless/types.js';
+export interface AiSpeechModeProps {
+    /** The usable models declaring `audio_speech`. */
+    models: UsableAiModel[];
+    preferredModel?: {
+        provider: string;
+        modelId: string;
+    } | null;
+    ready?: boolean;
+    runPollIntervalMs?: number;
+}
+export declare function AiSpeechMode({ models, preferredModel, ready, runPollIntervalMs }: AiSpeechModeProps): import("react").JSX.Element | null;
+export default AiSpeechMode;
+//# sourceMappingURL=AiSpeechMode.d.ts.map

package/dist/ai/ui/playground/AiSpeechMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSpeechMode.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiSpeechMode.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAgH,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAU3K,MAAM,WAAW,iBAAiB;IAChC,kDAAkD;IAClD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,KAAY,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,sCAuI1G;AAED,eAAe,YAAY,CAAC"}

package/dist/ai/ui/playground/AiSpeechMode.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Playground's Speech mode — issue #445 (API: #439,
+ * docs/specs/ai-platform.md §2.14).
+ *
+ * Text (1–4096 characters, with a live counter), a voice from the selected
+ * model's own `capabilities.voices`, an output format and optional style
+ * instructions → `POST /ai/audio/speech`. The run is polled by the shared
+ * `useAiRun`; a succeeded run's audio plays in `AiSpeechPlayer`, which always
+ * shows the "AI-generated audio" disclosure.
+ *
+ * VOICES FOLLOW THE MODEL. A model that lists no voices gets no voice field
+ * and the request omits `voice` — the API then uses the model's first. No
+ * voice name is hard-coded here.
+ */
+import { useEffect, useState } from 'react';
+import { Box, Button, Divider, MenuItem, Stack, TextField, Typography } from '@mui/material';
+import { RecordVoiceOver as SpeakIcon } from '@mui/icons-material';
+import { AI_SPEECH_FORMATS, AI_SPEECH_INPUT_MAX_CHARS, isAiSpeechRunOutput } from '../../headless/types.js';
+import { createAiSpeechRun } from '../../headless/client.js';
+import { useAiApi } from '../../headless/use-ai-api.js';
+import { useAiRun } from '../../headless/use-ai-run.js';
+import { AiModelSelect } from '../shared/AiModelSelect.js';
+import { AiRunCard } from '../shared/AiRunCard.js';
+import { AiSpeechPlayer } from '../shared/AiSpeechPlayer.js';
+import { AiPlaygroundPanels } from './AiPlaygroundPanels.js';
+import { usePlaygroundModel } from './usePlaygroundModel.js';
+export function AiSpeechMode({ models, preferredModel, ready = true, runPollIntervalMs }) {
+    const { modelKey, setModelKey, selected } = usePlaygroundModel(models, preferredModel, ready);
+    const api = useAiApi();
+    const run = useAiRun(runPollIntervalMs !== undefined ? { intervalMs: runPollIntervalMs } : {});
+    const voices = selected?.capabilities.voices ?? [];
+    const [voice, setVoice] = useState('');
+    const [format, setFormat] = useState('mp3');
+    const [instructions, setInstructions] = useState('');
+    const [text, setText] = useState('');
+    const [runText, setRunText] = useState('');
+    // Keep the voice one the selected model speaks: its first, until the user picks another.
+    useEffect(() => {
+        if (voices.length === 0) {
+            if (voice !== '')
+                setVoice('');
+        }
+        else if (!voices.includes(voice)) {
+            setVoice(voices[0] ?? '');
+        }
+    }, [voices, voice]);
+    const length = text.length;
+    const tooLong = length > AI_SPEECH_INPUT_MAX_CHARS;
+    const busy = run.isActive;
+    const canSubmit = !!selected && !busy && text.trim() !== '' && !tooLong;
+    const submit = (event) => {
+        event?.preventDefault();
+        if (!canSubmit || !selected)
+            return;
+        const request = { provider: selected.provider, model: selected.modelId, input: text, format };
+        if (voice)
+            request.voice = voice;
+        if (instructions.trim())
+            request.instructions = instructions.trim();
+        setRunText(text);
+        void run.startWith(() => createAiSpeechRun(api, request));
+    };
+    if (!selected)
+        return null;
+    const settings = (_jsxs(Stack, { spacing: 2, children: [_jsx(AiModelSelect, { models: models, value: modelKey, onChange: setModelKey, disabled: busy, capability: "audio_speech" }), voices.length > 0 && (_jsx(TextField, { select: true, size: "small", label: "Voice", value: voice, onChange: (event) => setVoice(event.target.value), children: voices.map((name) => (_jsx(MenuItem, { value: name, children: name }, name))) })), _jsx(TextField, { select: true, size: "small", label: "Format", value: format, onChange: (event) => setFormat(event.target.value), children: AI_SPEECH_FORMATS.map((option) => (_jsx(MenuItem, { value: option, children: option.toUpperCase() }, option))) }), _jsx(TextField, { size: "small", label: "Style instructions", placeholder: "Calm and slow", multiline: true, minRows: 2, maxRows: 6, value: instructions, onChange: (event) => setInstructions(event.target.value), helperText: "Optional; not every model supports it" })] }));
+    const output = run.run?.status === 'succeeded' && isAiSpeechRunOutput(run.run.output) ? run.run.output : null;
+    const showCard = runText !== '' && (run.isActive || run.run || run.error);
+    return (_jsxs(AiPlaygroundPanels, { settings: settings, label: "Speech", children: [!showCard && !output && (_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { py: 4, textAlign: 'center' }, children: "Enter text to hear it spoken. The audio is AI-generated and labelled as such." })), showCard && (_jsx(AiRunCard, { title: "Speech run", successMessage: null, prompt: runText, run: run.run, error: run.error, stale: run.stale, isStarting: run.isStarting, isCancelling: run.isCancelling, onCancel: () => void run.cancel(), onDismiss: () => {
+                    run.clear();
+                    setRunText('');
+                } })), output && _jsx(AiSpeechPlayer, { output: output }), _jsx(Divider, {}), _jsxs(Box, { component: "form", onSubmit: submit, sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: [_jsx(TextField, { label: "Text to speak", multiline: true, minRows: 3, maxRows: 10, fullWidth: true, value: text, onChange: (event) => setText(event.target.value), error: tooLong, helperText: _jsxs("span", { "aria-live": "polite", children: [length.toLocaleString(), " / ", AI_SPEECH_INPUT_MAX_CHARS.toLocaleString(), " characters", tooLong ? ' — shorten the text or split it into several runs' : ''] }) }), _jsx(Box, { sx: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { type: "submit", variant: "contained", endIcon: _jsx(SpeakIcon, {}), disabled: !canSubmit, children: "Generate speech" }) })] })] }));
+}
+export default AiSpeechMode;
+//# sourceMappingURL=AiSpeechMode.js.map

package/dist/ai/ui/playground/AiSpeechMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSpeechMode.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiSpeechMode.tsx"],"names":[],"mappings":"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"}

package/dist/ai/ui/playground/AiTranscribeMode.d.ts

@@ -0,0 +1,41 @@
+import { type AiDefaultModel, type UsableAiModel } from '../../headless/types.js';
+import type { WaitForReadyOptions } from '../../../storage/index.js';
+/** Why `file` cannot be transcribed, or `null` when it can (mirrors the API's resolver). */
+export declare function audioFileProblem(file: File): string | null;
+/**
+ * The props of {@link AiTranscribeMode}: the playground panel props plus the
+ * knobs a test or an app's own mode turns.
+ *
+ * @stability experimental
+ */
+export interface AiTranscribeModeProps {
+    /** The usable models declaring `audio_transcription`. */
+    models: UsableAiModel[];
+    /** The viewer's default model, when set. */
+    preferredModel?: AiDefaultModel | null;
+    /** Whether the models and settings finished loading. */
+    ready?: boolean;
+    /** How often the run is polled, in milliseconds. */
+    runPollIntervalMs?: number;
+    /** How the upload waits for the storage object to be ready. */
+    uploadWaitOptions?: WaitForReadyOptions;
+    /**
+     * `providerOptions` sent with every request (PP-14.17): how an app's playground
+     * mode reuses this panel for a provider feature the neutral request does not
+     * model, such as `{ 'example-transcribe': { diarize: true } }`. Keep the
+     * object's identity stable. Absent: none are sent.
+     */
+    providerOptions?: Record<string, Record<string, unknown>>;
+}
+/**
+ * The Playground's Transcribe panel: choose a recording, upload it, transcribe
+ * it and read the transcript. An app's own mode reuses it with `providerOptions`
+ * (`registerAiPlaygroundMode`).
+ *
+ * @param props - see {@link AiTranscribeModeProps}.
+ *
+ * @stability experimental
+ */
+export declare function AiTranscribeMode({ models, preferredModel, ready, runPollIntervalMs, uploadWaitOptions, providerOptions, }: AiTranscribeModeProps): import("react").JSX.Element | null;
+export default AiTranscribeMode;
+//# sourceMappingURL=AiTranscribeMode.d.ts.map

package/dist/ai/ui/playground/AiTranscribeMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiTranscribeMode.d.ts","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiTranscribeMode.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,cAAc,EAAyJ,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIzO,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAcrE,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAM1D;AAED;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC,yDAAyD;IACzD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,cAAc,EACd,KAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,EAAE,qBAAqB,sCAwJvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/ai/ui/playground/AiTranscribeMode.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Playground's Transcribe mode — issue #445 (API: #438,
+ * docs/specs/ai-platform.md §2.13).
+ *
+ * Choose a recording (any `audio/*`, or MP4/WebM video, at most 25 MiB —
+ * checked here before anything is uploaded), upload it through the storage
+ * API and wait for it to be `ready`, then `POST /ai/audio/transcriptions`
+ * with its `storageObjectId`. The run is polled by the shared `useAiRun` and
+ * shown in the shared `AiRunCard`; a succeeded run's transcript renders in
+ * `AiTranscript` (segments with timestamps when the model produced them).
+ *
+ * Transcription is always asynchronous, whatever `allowBackgroundRuns` says.
+ */
+import { useState } from 'react';
+import { Alert, Box, Button, Divider, FormControlLabel, Stack, Switch, TextField, Typography } from '@mui/material';
+import { GraphicEq as TranscribeIcon, UploadFile as UploadFileIcon } from '@mui/icons-material';
+import { AI_TRANSCRIPTION_INPUT_ACCEPT, AI_TRANSCRIPTION_MAX_BYTES, AI_TRANSCRIPTION_PROMPT_MAX_CHARS, isAiTranscriptionRunOutput } from '../../headless/types.js';
+import { createAiTranscriptionRun } from '../../headless/client.js';
+import { useAiApi } from '../../headless/use-ai-api.js';
+import { useAiStorageObjects } from '../../headless/use-ai-storage.js';
+import { toAiErrorInfo } from '../../headless/errors.js';
+import { useAiRun } from '../../headless/use-ai-run.js';
+import { useIsMounted } from '../../internal/use-is-mounted.js';
+import { AiModelSelect } from '../shared/AiModelSelect.js';
+import { AiRunCard } from '../shared/AiRunCard.js';
+import { AiErrorAlert } from '../shared/AiErrorAlert.js';
+import { AiTranscript } from '../shared/AiTranscript.js';
+import { AiPlaygroundPanels } from './AiPlaygroundPanels.js';
+import { AiFilePicker } from './AiFilePicker.js';
+import { usePlaygroundModel } from './usePlaygroundModel.js';
+const LANGUAGE_CODE = /^[a-z]{2}$/i;
+/** Why `file` cannot be transcribed, or `null` when it can (mirrors the API's resolver). */
+export function audioFileProblem(file) {
+    const type = (file.type.split(';')[0] ?? '').trim().toLowerCase();
+    const allowed = (type.startsWith('audio/') && type.length > 'audio/'.length) || type === 'video/mp4' || type === 'video/webm';
+    if (!allowed)
+        return 'Choose an audio file (or an MP4/WebM video)';
+    if (file.size > AI_TRANSCRIPTION_MAX_BYTES)
+        return 'Recordings must be 25 MB or smaller';
+    return null;
+}
+/**
+ * The Playground's Transcribe panel: choose a recording, upload it, transcribe
+ * it and read the transcript. An app's own mode reuses it with `providerOptions`
+ * (`registerAiPlaygroundMode`).
+ *
+ * @param props - see {@link AiTranscribeModeProps}.
+ *
+ * @stability experimental
+ */
+export function AiTranscribeMode({ models, preferredModel, ready = true, runPollIntervalMs, uploadWaitOptions, providerOptions, }) {
+    const { modelKey, setModelKey, selected } = usePlaygroundModel(models, preferredModel, ready);
+    const api = useAiApi();
+    const objects = useAiStorageObjects();
+    const run = useAiRun(runPollIntervalMs !== undefined ? { intervalMs: runPollIntervalMs } : {});
+    const isMounted = useIsMounted();
+    const [file, setFile] = useState(null);
+    const [language, setLanguage] = useState('');
+    const [prompt, setPrompt] = useState('');
+    const [timestamps, setTimestamps] = useState(true);
+    const [isUploading, setIsUploading] = useState(false);
+    const [uploadError, setUploadError] = useState(null);
+    // The name of the recording the shown run is transcribing.
+    const [runLabel, setRunLabel] = useState('');
+    const fileError = file ? audioFileProblem(file) : null;
+    const languageInvalid = language.trim() !== '' && !LANGUAGE_CODE.test(language.trim());
+    const promptTooLong = prompt.length > AI_TRANSCRIPTION_PROMPT_MAX_CHARS;
+    const busy = isUploading || run.isActive;
+    const canSubmit = !!selected && !busy && file !== null && fileError === null && !languageInvalid && !promptTooLong;
+    const submit = async (event) => {
+        event?.preventDefault();
+        if (!canSubmit || !selected || !file)
+            return;
+        setUploadError(null);
+        run.clear();
+        setRunLabel(file.name);
+        setIsUploading(true);
+        let storageObjectId;
+        try {
+            storageObjectId = (await objects.uploadAndWait(file, uploadWaitOptions)).id;
+        }
+        catch (err) {
+            if (isMounted()) {
+                setUploadError(toAiErrorInfo(err, 'Could not upload the recording'));
+                setIsUploading(false);
+            }
+            return;
+        }
+        if (!isMounted())
+            return;
+        setIsUploading(false);
+        const request = { provider: selected.provider, model: selected.modelId, storageObjectId };
+        if (language.trim())
+            request.language = language.trim().toLowerCase();
+        if (prompt.trim())
+            request.prompt = prompt.trim();
+        if (timestamps)
+            request.timestampGranularities = ['segment'];
+        if (providerOptions)
+            request.providerOptions = providerOptions;
+        void run.startWith(() => createAiTranscriptionRun(api, request));
+    };
+    if (!selected)
+        return null;
+    const settings = (_jsxs(Stack, { spacing: 2, children: [_jsx(AiModelSelect, { models: models, value: modelKey, onChange: setModelKey, disabled: busy, capability: "audio_transcription" }), _jsx(TextField, { size: "small", label: "Language", placeholder: "en", value: language, onChange: (event) => setLanguage(event.target.value), error: languageInvalid, helperText: languageInvalid ? 'A two-letter ISO-639-1 code, such as "en"' : 'Optional; blank detects it', slotProps: { htmlInput: { maxLength: 2 } } }), _jsx(TextField, { size: "small", label: "Vocabulary hint", placeholder: "Names or jargon to expect", multiline: true, minRows: 2, maxRows: 6, value: prompt, onChange: (event) => setPrompt(event.target.value), error: promptTooLong, helperText: promptTooLong ? `At most ${AI_TRANSCRIPTION_PROMPT_MAX_CHARS.toLocaleString()} characters` : 'Optional' }), _jsx(FormControlLabel, { control: _jsx(Switch, { checked: timestamps, onChange: (event) => setTimestamps(event.target.checked) }), label: "Timestamps" })] }));
+    const output = run.run?.status === 'succeeded' && isAiTranscriptionRunOutput(run.run.output) ? run.run.output : null;
+    const showCard = runLabel !== '' && !isUploading && (run.isActive || run.run || run.error);
+    return (_jsxs(AiPlaygroundPanels, { settings: settings, label: "Transcribe", children: [!showCard && !output && !uploadError && !isUploading && (_jsx(Typography, { variant: "body2", color: "text.secondary", sx: { py: 4, textAlign: 'center' }, children: "Choose a recording to transcribe." })), isUploading && (_jsx(Alert, { severity: "info", icon: _jsx(UploadFileIcon, {}), children: "Uploading\u2026" })), uploadError && _jsx(AiErrorAlert, { error: uploadError, onClose: () => setUploadError(null) }), showCard && (_jsx(AiRunCard, { title: "Transcription run", successMessage: null, prompt: runLabel, run: run.run, error: run.error, stale: run.stale, isStarting: run.isStarting, isCancelling: run.isCancelling, onCancel: () => void run.cancel(), onDismiss: () => {
+                    run.clear();
+                    setRunLabel('');
+                } })), output && _jsx(AiTranscript, { output: output }), _jsx(Divider, {}), _jsxs(Box, { component: "form", onSubmit: (event) => void submit(event), sx: { display: 'flex', flexDirection: 'column', gap: 1.5 }, children: [_jsx(AiFilePicker, { label: "Recording", accept: AI_TRANSCRIPTION_INPUT_ACCEPT, file: file, error: fileError, disabled: busy, onChange: setFile }), _jsx(Box, { sx: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { type: "submit", variant: "contained", endIcon: _jsx(TranscribeIcon, {}), disabled: !canSubmit, children: "Transcribe" }) })] })] }));
+}
+export default AiTranscribeMode;
+//# sourceMappingURL=AiTranscribeMode.js.map

package/dist/ai/ui/playground/AiTranscribeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiTranscribeMode.js","sourceRoot":"","sources":["../../../../src/ai/ui/playground/AiTranscribeMode.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpH,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChG,OAAO,EAAuB,6BAA6B,EAAE,0BAA0B,EAAE,iCAAiC,EAAE,0BAA0B,EAAmD,MAAM,yBAAyB,CAAC;AACzO,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAoB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,aAAa,GAAG,aAAa,CAAC;AAEpC,4FAA4F;AAC5F,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,YAAY,CAAC;IAC9H,IAAI,CAAC,OAAO;QAAE,OAAO,6CAA6C,CAAC;IACnE,IAAI,IAAI,CAAC,IAAI,GAAG,0BAA0B;QAAE,OAAO,qCAAqC,CAAC;IACzF,OAAO,IAAI,CAAC;AACd,CAAC;AA4BD;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,MAAM,EACN,cAAc,EACd,KAAK,GAAG,IAAI,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GACO;IACtB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IAC9F,MAAM,GAAG,GAAG,QAAQ,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,GAAG,GAAG,QAAQ,CAAC,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACzE,2DAA2D;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvD,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACvF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,iCAAiC,CAAC;IACxE,MAAM,IAAI,GAAG,WAAW,IAAI,GAAG,CAAC,QAAQ,CAAC;IACzC,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,aAAa,CAAC;IAEnH,MAAM,MAAM,GAAG,KAAK,EAAE,KAAiB,EAAE,EAAE;QACzC,KAAK,EAAE,cAAc,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI;YAAE,OAAO;QAC7C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,eAAuB,CAAC;QAC5B,IAAI,CAAC;YACH,eAAe,GAAG,CAAC,MAAM,OAAO,CAAC,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9E,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,SAAS,EAAE,EAAE,CAAC;gBAChB,cAAc,CAAC,aAAa,CAAC,GAAG,EAAE,gCAAgC,CAAC,CAAC,CAAC;gBACrE,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,SAAS,EAAE;YAAE,OAAO;QACzB,cAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,MAAM,OAAO,GAA2B,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC;QAClH,IAAI,QAAQ,CAAC,IAAI,EAAE;YAAE,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACtE,IAAI,MAAM,CAAC,IAAI,EAAE;YAAE,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;QAClD,IAAI,UAAU;YAAE,OAAO,CAAC,sBAAsB,GAAG,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,eAAe;YAAE,OAAO,CAAC,eAAe,GAAG,eAAe,CAAC;QAC/D,KAAK,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,MAAM,QAAQ,GAAG,CACf,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,aACf,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAC,qBAAqB,GAChC,EACF,KAAC,SAAS,IACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,4BAA4B,EACxG,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,GAC1C,EACF,KAAC,SAAS,IACR,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,2BAA2B,EACvC,SAAS,QACT,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,CAAC,EACV,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,WAAW,iCAAiC,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,UAAU,GACnH,EACF,KAAC,gBAAgB,IACf,OAAO,EAAE,KAAC,MAAM,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAI,EAClG,KAAK,EAAC,YAAY,GAClB,IACI,CACT,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,WAAW,IAAI,0BAA0B,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACrH,MAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,MAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,YAAY,aACvD,CAAC,QAAQ,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,CACvD,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kDAExE,CACd,EAEA,WAAW,IAAI,CACd,KAAC,KAAK,IAAC,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAE,KAAC,cAAc,KAAG,gCAEvC,CACT,EAEA,WAAW,IAAI,KAAC,YAAY,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAI,EAExF,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,KAAK,EAAC,mBAAmB,EACzB,cAAc,EAAE,IAAI,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,YAAY,EAAE,GAAG,CAAC,YAAY,EAC9B,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,MAAM,EAAE,EACjC,SAAS,EAAE,GAAG,EAAE;oBACd,GAAG,CAAC,KAAK,EAAE,CAAC;oBACZ,WAAW,CAAC,EAAE,CAAC,CAAC;gBAClB,CAAC,GACD,CACH,EAEA,MAAM,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,EAE3C,KAAC,OAAO,KAAG,EAEX,MAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,EACvC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,aAE1D,KAAC,YAAY,IACX,KAAK,EAAC,WAAW,EACjB,MAAM,EAAE,6BAA6B,EACrC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,OAAO,GACjB,EACF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,YACtD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,KAAC,cAAc,KAAG,EAAE,QAAQ,EAAE,CAAC,SAAS,2BAElF,GACL,IACF,IACa,CACtB,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}