@wildo-ai/presets-components 1.0.1 → 1.1.1

package/dist/esm/components/ai-elements/artifacts/image.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelAiImageLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=image.labels.d.ts.map

package/dist/esm/components/ai-elements/artifacts/image.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/image.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/ai-elements/artifacts/image.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelAiImageLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_AI_IMAGE, LowLevelAiImageLabels);
+//# sourceMappingURL=image.labels.js.map

package/dist/esm/components/ai-elements/artifacts/image.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.labels.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/image.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,qBAAqB,GAA0B,EAAE,CAAC;AAC/D,uBAAuB,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiImageLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_IMAGE, LowLevelAiImageLabels);\n"]}

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter-runtime.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The syntax-highlighting RUNTIME — the single dynamic-import target behind `shiki-highlighter.lazy`.
+ *
+ * It re-exports the shorthand from `~wildo-presets/shiki-subset`, the first-party Shiki bundle that
+ * registers only the 31 `CommonCodeLanguages` grammars and the 4 themes Wildo renders. Read that
+ * module's header for what the subset keeps out (295 grammar/theme chunks, 1,507 kB gzipped on
+ * `examples/wonder-crm`) and why the JavaScript regex engine is used instead of the Oniguruma WASM.
+ *
+ * This module previously re-exported `createHighlighter` from `shiki/bundle/web`, which carried its
+ * own ~60-language registry and the Oniguruma engine. Both call sites and `streamdown` now converge
+ * on the one subset, so a grammar is bundled once for the whole application rather than once per
+ * shiki entrypoint.
+ *
+ * ## The rule
+ *
+ * Nothing may statically import this module except `shiki-highlighter.lazy.ts`. Rollup merges a
+ * module that is both statically and dynamically imported into the static importer's chunk, and
+ * every dynamic import then quietly resolves to it — zero errors, zero warnings, the highlighter
+ * shipped eagerly again. Enforced by `pnpm check:lazy-boundaries`.
+ */
+export { codeToHtml } from '../../../shiki-subset';
+export type { BundledLanguage, BundledTheme, Highlighter, ShikiTransformer } from '../../../shiki-subset';
+//# sourceMappingURL=shiki-highlighter-runtime.d.ts.map

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-highlighter-runtime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/shiki-highlighter-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter-runtime.js

@@ -0,0 +1,22 @@
+/**
+ * The syntax-highlighting RUNTIME — the single dynamic-import target behind `shiki-highlighter.lazy`.
+ *
+ * It re-exports the shorthand from `~wildo-presets/shiki-subset`, the first-party Shiki bundle that
+ * registers only the 31 `CommonCodeLanguages` grammars and the 4 themes Wildo renders. Read that
+ * module's header for what the subset keeps out (295 grammar/theme chunks, 1,507 kB gzipped on
+ * `examples/wonder-crm`) and why the JavaScript regex engine is used instead of the Oniguruma WASM.
+ *
+ * This module previously re-exported `createHighlighter` from `shiki/bundle/web`, which carried its
+ * own ~60-language registry and the Oniguruma engine. Both call sites and `streamdown` now converge
+ * on the one subset, so a grammar is bundled once for the whole application rather than once per
+ * shiki entrypoint.
+ *
+ * ## The rule
+ *
+ * Nothing may statically import this module except `shiki-highlighter.lazy.ts`. Rollup merges a
+ * module that is both statically and dynamically imported into the static importer's chunk, and
+ * every dynamic import then quietly resolves to it — zero errors, zero warnings, the highlighter
+ * shipped eagerly again. Enforced by `pnpm check:lazy-boundaries`.
+ */
+export { codeToHtml } from '../../../shiki-subset.js';
+//# sourceMappingURL=shiki-highlighter-runtime.js.map

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-highlighter-runtime.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/shiki-highlighter-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA","sourcesContent":["/**\n * The syntax-highlighting RUNTIME — the single dynamic-import target behind `shiki-highlighter.lazy`.\n *\n * It re-exports the shorthand from `~wildo-presets/shiki-subset`, the first-party Shiki bundle that\n * registers only the 31 `CommonCodeLanguages` grammars and the 4 themes Wildo renders. Read that\n * module's header for what the subset keeps out (295 grammar/theme chunks, 1,507 kB gzipped on\n * `examples/wonder-crm`) and why the JavaScript regex engine is used instead of the Oniguruma WASM.\n *\n * This module previously re-exported `createHighlighter` from `shiki/bundle/web`, which carried its\n * own ~60-language registry and the Oniguruma engine. Both call sites and `streamdown` now converge\n * on the one subset, so a grammar is bundled once for the whole application rather than once per\n * shiki entrypoint.\n *\n * ## The rule\n *\n * Nothing may statically import this module except `shiki-highlighter.lazy.ts`. Rollup merges a\n * module that is both statically and dynamically imported into the static importer's chunk, and\n * every dynamic import then quietly resolves to it — zero errors, zero warnings, the highlighter\n * shipped eagerly again. Enforced by `pnpm check:lazy-boundaries`.\n */\n\nexport { codeToHtml } from '~wildo-presets/shiki-subset'\nexport type { BundledLanguage, BundledTheme, Highlighter, ShikiTransformer } from '~wildo-presets/shiki-subset'\n"]}

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter.lazy.d.ts

@@ -0,0 +1,56 @@
+/**
+ * The ONLY door onto the Shiki syntax highlighter.
+ *
+ * Lazy-boundary wrapper (`*.lazy.*` convention). Unlike its `graph.lazy` / `markdown-stream.lazy`
+ * siblings this door needs no `React.lazy` and no Suspense, because the payload is not a component:
+ * `AI_CodeBlock` already highlights ASYNCHRONOUSLY inside a `useEffect`, rendering empty `<pre>`
+ * shells until the promise resolves. Moving the module resolution into that same already-async
+ * path therefore changes NOTHING a user can observe — no extra fallback, no extra component layer,
+ * no change to the render tree — while taking **31.2 kB gzipped** (measured on
+ * `examples/wonder-crm`) out of first load.
+ *
+ * ## Why this is a `codeToHtml` shorthand rather than a hand-memoized highlighter
+ *
+ * It used to build one highlighter with `langs: ['text']` and hold it in a module-level promise. The
+ * language was therefore not a parameter at all — and `AI_CodeBlock` passed `lang: "text"`
+ * unconditionally, discarding its own `language` prop, so a JSON tool payload rendered as
+ * unhighlighted text through a highlighter that had been loaded to do exactly nothing.
+ *
+ * `~wildo-presets/shiki-subset`'s singleton shorthand already does the memoization this file used to
+ * do by hand — one highlighter per document, grammars and themes loaded incrementally as they are
+ * first requested — so passing the language through costs one extra grammar chunk on first use and
+ * nothing else. See that module for the closed language/theme set.
+ */
+import type { BundledTheme, ShikiTransformer } from '../../../shiki-subset';
+/** Options forwarded to the subset's `codeToHtml`, with a dual-theme pair fixed by the caller. */
+export interface HighlightToHtmlOptions {
+    /** Source text to highlight. */
+    readonly code: string;
+    /** Language id or alias. Anything outside the subset falls back to plain text. */
+    readonly language: string;
+    /** Theme to render with. */
+    readonly theme: BundledTheme;
+    /** Shiki transformers (line numbers, decorations). */
+    readonly transformers?: readonly ShikiTransformer[];
+}
+/**
+ * Highlights `code` to HTML, loading the highlighter on first call.
+ *
+ * An unknown language is coerced to `plaintext` BEFORE it reaches shiki, rather than being allowed
+ * to reject: the subset is closed by design, and a fence naming a language outside
+ * `CommonCodeLanguages` should render as readable plain text, not as a failed promise the caller has
+ * to turn back into plain text. This mirrors what `streamdown` does with its own `bundledLanguages`
+ * membership test.
+ */
+export declare function highlightToHtml({ code, language, theme, transformers }: HighlightToHtmlOptions): Promise<string>;
+/**
+ * Language ids and aliases the subset registers.
+ *
+ * Deliberately a literal set rather than `Object.keys(bundledLanguages)`: reading the subset's
+ * runtime export here would put a STATIC edge from this lazy door onto the highlighter module, which
+ * is precisely what the door exists to prevent. Exported so `src/__tests__/shiki-subset.test.ts` can
+ * pin it against the real export — a test file is outside the shipped graph, so the pin costs no
+ * runtime edge — and a divergence then fails a test instead of silently un-highlighting a language.
+ */
+export declare const SUPPORTED_LANGUAGE_IDS: ReadonlySet<string>;
+//# sourceMappingURL=shiki-highlighter.lazy.d.ts.map

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter.lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-highlighter.lazy.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/shiki-highlighter.lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAmB,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAQlG,kGAAkG;AAClG,MAAM,WAAW,sBAAsB;IACrC,gCAAgC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,kFAAkF;IAClF,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAA;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;CACpD;AAED;;;;;;;;GAQG;AACH,wBAAsB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,CAUtH;AAaD;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,MAAM,CAMrD,CAAA"}

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter.lazy.js

@@ -0,0 +1,75 @@
+/**
+ * The ONLY door onto the Shiki syntax highlighter.
+ *
+ * Lazy-boundary wrapper (`*.lazy.*` convention). Unlike its `graph.lazy` / `markdown-stream.lazy`
+ * siblings this door needs no `React.lazy` and no Suspense, because the payload is not a component:
+ * `AI_CodeBlock` already highlights ASYNCHRONOUSLY inside a `useEffect`, rendering empty `<pre>`
+ * shells until the promise resolves. Moving the module resolution into that same already-async
+ * path therefore changes NOTHING a user can observe — no extra fallback, no extra component layer,
+ * no change to the render tree — while taking **31.2 kB gzipped** (measured on
+ * `examples/wonder-crm`) out of first load.
+ *
+ * ## Why this is a `codeToHtml` shorthand rather than a hand-memoized highlighter
+ *
+ * It used to build one highlighter with `langs: ['text']` and hold it in a module-level promise. The
+ * language was therefore not a parameter at all — and `AI_CodeBlock` passed `lang: "text"`
+ * unconditionally, discarding its own `language` prop, so a JSON tool payload rendered as
+ * unhighlighted text through a highlighter that had been loaded to do exactly nothing.
+ *
+ * `~wildo-presets/shiki-subset`'s singleton shorthand already does the memoization this file used to
+ * do by hand — one highlighter per document, grammars and themes loaded incrementally as they are
+ * first requested — so passing the language through costs one extra grammar chunk on first use and
+ * nothing else. See that module for the closed language/theme set.
+ */
+/**
+ * Memoized module resolution. Holds the PROMISE rather than the resolved namespace so concurrent
+ * first renders share one dynamic import rather than racing.
+ */
+let runtimePromise = null;
+/**
+ * Highlights `code` to HTML, loading the highlighter on first call.
+ *
+ * An unknown language is coerced to `plaintext` BEFORE it reaches shiki, rather than being allowed
+ * to reject: the subset is closed by design, and a fence naming a language outside
+ * `CommonCodeLanguages` should render as readable plain text, not as a failed promise the caller has
+ * to turn back into plain text. This mirrors what `streamdown` does with its own `bundledLanguages`
+ * membership test.
+ */
+export async function highlightToHtml({ code, language, theme, transformers }) {
+    if (!runtimePromise) {
+        runtimePromise = import('./shiki-highlighter-runtime.js');
+    }
+    const runtime = await runtimePromise;
+    return runtime.codeToHtml(code, {
+        lang: resolveSubsetLanguage(language),
+        theme,
+        transformers: transformers === undefined ? undefined : [...transformers],
+    });
+}
+/**
+ * Narrows a caller-supplied language to one the subset can highlight.
+ *
+ * The check is a runtime membership test against the subset's own `bundledLanguages`, not a type
+ * assertion, because the value reaching here is an arbitrary string: a markdown fence info-string, a
+ * `z_code()` value's `language` field, or a model-authored label.
+ */
+function resolveSubsetLanguage(language) {
+    return SUPPORTED_LANGUAGE_IDS.has(language) ? language : 'plaintext';
+}
+/**
+ * Language ids and aliases the subset registers.
+ *
+ * Deliberately a literal set rather than `Object.keys(bundledLanguages)`: reading the subset's
+ * runtime export here would put a STATIC edge from this lazy door onto the highlighter module, which
+ * is precisely what the door exists to prevent. Exported so `src/__tests__/shiki-subset.test.ts` can
+ * pin it against the real export — a test file is outside the shipped graph, so the pin costs no
+ * runtime edge — and a divergence then fails a test instead of silently un-highlighting a language.
+ */
+export const SUPPORTED_LANGUAGE_IDS = new Set([
+    'apache', 'c', 'cpp', 'csharp', 'css', 'docker', 'go', 'graphql', 'html', 'java', 'javascript',
+    'json', 'kotlin', 'less', 'markdown', 'nginx', 'php', 'powershell', 'python', 'ruby', 'rust',
+    'scala', 'scss', 'shellscript', 'sql', 'swift', 'typescript', 'xml', 'yaml',
+    'bash', 'shell', 'sh', 'zsh', 'console', 'dockerfile', 'js', 'cjs', 'mjs', 'ts', 'cts', 'mts',
+    'py', 'rb', 'rs', 'kt', 'kts', 'c#', 'cs', 'c++', 'yml', 'md', 'gql', 'ps', 'ps1',
+]);
+//# sourceMappingURL=shiki-highlighter.lazy.js.map

package/dist/esm/components/ai-elements/artifacts/shiki-highlighter.lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-highlighter.lazy.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/shiki-highlighter.lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH;;;GAGG;AACH,IAAI,cAAc,GAAiE,IAAI,CAAA;AAcvF;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAA0B;IACnG,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,cAAc,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAA;IACxD,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,cAAc,CAAA;IACpC,OAAO,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE;QAC9B,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC;QACrC,KAAK;QACL,YAAY,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC;KACzE,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,SAAS,qBAAqB,CAAC,QAAgB;IAC7C,OAAO,sBAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,QAA4B,CAAC,CAAC,CAAC,WAAW,CAAA;AAC3F,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAwB,IAAI,GAAG,CAAC;IACjE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;IAC9F,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;IAC5F,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;IAC3E,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;IAC7F,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK;CAClF,CAAC,CAAA","sourcesContent":["/**\n * The ONLY door onto the Shiki syntax highlighter.\n *\n * Lazy-boundary wrapper (`*.lazy.*` convention). Unlike its `graph.lazy` / `markdown-stream.lazy`\n * siblings this door needs no `React.lazy` and no Suspense, because the payload is not a component:\n * `AI_CodeBlock` already highlights ASYNCHRONOUSLY inside a `useEffect`, rendering empty `<pre>`\n * shells until the promise resolves. Moving the module resolution into that same already-async\n * path therefore changes NOTHING a user can observe — no extra fallback, no extra component layer,\n * no change to the render tree — while taking **31.2 kB gzipped** (measured on\n * `examples/wonder-crm`) out of first load.\n *\n * ## Why this is a `codeToHtml` shorthand rather than a hand-memoized highlighter\n *\n * It used to build one highlighter with `langs: ['text']` and hold it in a module-level promise. The\n * language was therefore not a parameter at all — and `AI_CodeBlock` passed `lang: \"text\"`\n * unconditionally, discarding its own `language` prop, so a JSON tool payload rendered as\n * unhighlighted text through a highlighter that had been loaded to do exactly nothing.\n *\n * `~wildo-presets/shiki-subset`'s singleton shorthand already does the memoization this file used to\n * do by hand — one highlighter per document, grammars and themes loaded incrementally as they are\n * first requested — so passing the language through costs one extra grammar chunk on first use and\n * nothing else. See that module for the closed language/theme set.\n */\n\nimport type { BundledLanguage, BundledTheme, ShikiTransformer } from '~wildo-presets/shiki-subset'\n\n/**\n * Memoized module resolution. Holds the PROMISE rather than the resolved namespace so concurrent\n * first renders share one dynamic import rather than racing.\n */\nlet runtimePromise: Promise<typeof import('./shiki-highlighter-runtime')> | null = null\n\n/** Options forwarded to the subset's `codeToHtml`, with a dual-theme pair fixed by the caller. */\nexport interface HighlightToHtmlOptions {\n  /** Source text to highlight. */\n  readonly code: string\n  /** Language id or alias. Anything outside the subset falls back to plain text. */\n  readonly language: string\n  /** Theme to render with. */\n  readonly theme: BundledTheme\n  /** Shiki transformers (line numbers, decorations). */\n  readonly transformers?: readonly ShikiTransformer[]\n}\n\n/**\n * Highlights `code` to HTML, loading the highlighter on first call.\n *\n * An unknown language is coerced to `plaintext` BEFORE it reaches shiki, rather than being allowed\n * to reject: the subset is closed by design, and a fence naming a language outside\n * `CommonCodeLanguages` should render as readable plain text, not as a failed promise the caller has\n * to turn back into plain text. This mirrors what `streamdown` does with its own `bundledLanguages`\n * membership test.\n */\nexport async function highlightToHtml({ code, language, theme, transformers }: HighlightToHtmlOptions): Promise<string> {\n  if (!runtimePromise) {\n    runtimePromise = import('./shiki-highlighter-runtime')\n  }\n  const runtime = await runtimePromise\n  return runtime.codeToHtml(code, {\n    lang: resolveSubsetLanguage(language),\n    theme,\n    transformers: transformers === undefined ? undefined : [...transformers],\n  })\n}\n\n/**\n * Narrows a caller-supplied language to one the subset can highlight.\n *\n * The check is a runtime membership test against the subset's own `bundledLanguages`, not a type\n * assertion, because the value reaching here is an arbitrary string: a markdown fence info-string, a\n * `z_code()` value's `language` field, or a model-authored label.\n */\nfunction resolveSubsetLanguage(language: string): BundledLanguage | 'plaintext' {\n  return SUPPORTED_LANGUAGE_IDS.has(language) ? (language as BundledLanguage) : 'plaintext'\n}\n\n/**\n * Language ids and aliases the subset registers.\n *\n * Deliberately a literal set rather than `Object.keys(bundledLanguages)`: reading the subset's\n * runtime export here would put a STATIC edge from this lazy door onto the highlighter module, which\n * is precisely what the door exists to prevent. Exported so `src/__tests__/shiki-subset.test.ts` can\n * pin it against the real export — a test file is outside the shipped graph, so the pin costs no\n * runtime edge — and a divergence then fails a test instead of silently un-highlighting a language.\n */\nexport const SUPPORTED_LANGUAGE_IDS: ReadonlySet<string> = new Set([\n  'apache', 'c', 'cpp', 'csharp', 'css', 'docker', 'go', 'graphql', 'html', 'java', 'javascript',\n  'json', 'kotlin', 'less', 'markdown', 'nginx', 'php', 'powershell', 'python', 'ruby', 'rust',\n  'scala', 'scss', 'shellscript', 'sql', 'swift', 'typescript', 'xml', 'yaml',\n  'bash', 'shell', 'sh', 'zsh', 'console', 'dockerfile', 'js', 'cjs', 'mjs', 'ts', 'cts', 'mts',\n  'py', 'rb', 'rs', 'kt', 'kts', 'c#', 'cs', 'c++', 'yml', 'md', 'gql', 'ps', 'ps1',\n])\n"]}

package/dist/esm/components/ai-elements/artifacts/web-preview.d.ts

@@ -1,5 +1,4 @@
-import { Button } from "@wildo-ai/saas-frontend-lib";
-import type { AI_WebPreviewCompound } from "@wildo-ai/saas-frontend-lib";
+import { Button, AI_WebPreviewCompound } from '@wildo-ai/saas-frontend-lib';
 import * as React from "react";
 import type { ComponentProps, ReactNode } from "react";
 export type WebPreviewContextValue = {

package/dist/esm/components/ai-elements/artifacts/web-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/artifacts/web-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EAeP,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAYF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AA2CF,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAejE,MAAM,MAAM,kCAAkC,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAiCF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AA4ClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AA2BF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;QAChC,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,IAAI,CAAC;KACjB,CAAC,CAAC;CACJ,CAAC;AA0EF,eAAO,MAAM,aAAa,uBAMxB,CAAC"}
+{"version":3,"file":"web-preview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/web-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EAgBN,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AAYF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AA6CF,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAejE,MAAM,MAAM,kCAAkC,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAiCF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AA4ClE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AA2BF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;QAChC,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,IAAI,CAAC;KACjB,CAAC,CAAC;CACJ,CAAC;AA4EF,eAAO,MAAM,aAAa,uBAMxB,CAAC"}

package/dist/esm/components/ai-elements/artifacts/web-preview.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger, InputRoot, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useUI, useI18n, useIconRegistry, StandardIconReference, createCompoundPreset, } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType, UIBehavior, SurfaceVariant, TypographyVariant } from "@wildo-ai/presets-components-models";
+import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger, InputRoot, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useUI, useI18n, useIconRegistry, StandardIconReference, createCompoundPreset, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { createContext, useContext, useEffect, useState } from "react";
 const WebPreviewContext = createContext(null);
 const useWebPreview = () => {
@@ -26,7 +26,7 @@ const AI_WebPreviewRoot = ({ className, children, defaultUrl = "", onUrlChange,
     };
     const { getRecipe } = useUI();
     const baseRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);
-    return (_jsx(WebPreviewContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("flex size-full flex-col", baseRecipe.base, className), ...props, children: children }) }));
+    return (_jsx(WebPreviewContext.Provider, { value: contextValue, children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsx("div", { className: cn("flex size-full flex-col", baseRecipe.base, className), ...props, children: children }) }) }));
 };
 const AI_WebPreviewNavigation = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-item-xs border-b p-card-sm", className), ...props, children: children }));
 const AI_WebPreviewNavigationButton = ({ onClick, disabled, tooltip, children, ...props }) => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { ...{
@@ -76,12 +76,12 @@ const AI_WebPreviewConsole = ({ className, logs = [], children, ...props }) => {
     const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
     if (!isReady)
         return null;
-    return (_jsxs(Collapsible, { className: cn("border-t font-mono text-sm", insetRecipe.base, className), onOpenChange: setConsoleOpen, open: consoleOpen, ...props, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { ...{
-                        className: "flex w-full items-center justify-between p-card text-start font-medium hover:bg-muted/50",
-                        variant: "ghost",
-                    }, children: [tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'console'), renderIcon(StandardIconReference.CHEVRON_DOWN, {
-                            className: cn("size-4 transition-transform duration-[var(--motion-duration-fast)]", consoleOpen && "rotate-180")
-                        })] }) }), _jsx(CollapsibleContent, { className: cn("px-card pb-card", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in"), children: _jsxs("div", { className: "max-h-48 space-y-item-xs overflow-y-auto", children: [logs.length === 0 ? (_jsx("p", { className: descRecipe.base, children: tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'noConsoleOutput') })) : (logs.map((log, index) => (_jsxs("div", { className: cn("text-xs", log.level === "error" && "text-destructive", log.level === "warn" && "text-warning", log.level === "log" && "text-foreground"), children: [_jsx("span", { className: descRecipe.base, children: log.timestamp.toLocaleTimeString() }), " ", log.message] }, `${log.timestamp.getTime()}-${index}`)))), children] }) })] }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs(Collapsible, { className: cn("border-t font-mono text-sm", insetRecipe.base, className), onOpenChange: setConsoleOpen, open: consoleOpen, ...props, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { ...{
+                            className: "flex w-full items-center justify-between p-card text-start font-medium hover:bg-muted/50",
+                            variant: "ghost",
+                        }, children: [tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'console'), renderIcon(StandardIconReference.CHEVRON_DOWN, {
+                                className: cn("size-4 transition-transform duration-[var(--motion-duration-fast)]", consoleOpen && "rotate-180")
+                            })] }) }), _jsx(CollapsibleContent, { className: cn("px-card pb-card", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in"), children: _jsxs("div", { className: "max-h-48 space-y-item-xs overflow-y-auto", children: [logs.length === 0 ? (_jsx("p", { className: descRecipe.base, children: tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'noConsoleOutput') })) : (logs.map((log, index) => (_jsxs("div", { className: cn("text-xs", log.level === "error" && "text-destructive", log.level === "warn" && "text-warning", log.level === "log" && "text-foreground"), children: [_jsx("span", { className: descRecipe.base, children: log.timestamp.toLocaleTimeString() }), " ", log.message] }, `${log.timestamp.getTime()}-${index}`)))), children] }) })] }) }));
 };
 export const AI_WebPreview = createCompoundPreset(AI_WebPreviewRoot, {
     Navigation: AI_WebPreviewNavigation,
@@ -90,4 +90,4 @@ export const AI_WebPreview = createCompoundPreset(AI_WebPreviewRoot, {
     Body: AI_WebPreviewBody,
     Console: AI_WebPreviewConsole,
 });
-//# sourceMappingURL=web-preview.js.map
+//# sourceMappingURL=web-preview.js.map

package/dist/esm/components/ai-elements/artifacts/web-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-preview.js","sourceRoot":"","sources":["../../../../../src/components/ai-elements/artifacts/web-preview.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"web-preview.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/web-preview.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport {\n  Button,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  InputRoot,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n  cn,\n  useUI,\n  useI18n,\n  useIconRegistry,\n  StandardIconReference,\n  createCompoundPreset,\n  Surface,\n  AI_WebPreviewCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport * as React from \"react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { createContext, useContext, useEffect, useState } from \"react\";\n\nexport type WebPreviewContextValue = {\n  url: string;\n  setUrl: (url: string) => void;\n  consoleOpen: boolean;\n  setConsoleOpen: (open: boolean) => void;\n};\n\nconst WebPreviewContext = createContext<WebPreviewContextValue | null>(null);\n\nconst useWebPreview = () => {\n  const context = useContext(WebPreviewContext);\n  if (!context) {\n    throw new Error(\"WebPreview components must be used within a WebPreview\");\n  }\n  return context;\n};\n\nexport type AI_WebPreviewProps = ComponentProps<\"div\"> & {\n  defaultUrl?: string;\n  onUrlChange?: (url: string) => void;\n};\n\nconst AI_WebPreviewRoot = ({\n  className,\n  children,\n  defaultUrl = \"\",\n  onUrlChange,\n  ...props\n}: AI_WebPreviewProps): React.JSX.Element => {\n  const [url, setUrl] = useState(defaultUrl);\n  const [consoleOpen, setConsoleOpen] = useState(false);\n\n  const handleUrlChange = (newUrl: string) => {\n    setUrl(newUrl);\n    onUrlChange?.(newUrl);\n  };\n\n  const contextValue: WebPreviewContextValue = {\n    url,\n    setUrl: handleUrlChange,\n    consoleOpen,\n    setConsoleOpen,\n  };\n\n  const { getRecipe } = useUI();\n  const baseRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);\n\n  return (\n    <WebPreviewContext.Provider value={contextValue}>\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        <div\n          className={cn(\n            \"flex size-full flex-col\",\n            baseRecipe.base,\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </Surface>\n    </WebPreviewContext.Provider>\n  );\n};\n\nexport type AI_WebPreviewNavigationProps = ComponentProps<\"div\">;\n\nconst AI_WebPreviewNavigation = ({\n  className,\n  children,\n  ...props\n}: AI_WebPreviewNavigationProps): React.JSX.Element => (\n  <div\n    className={cn(\"flex items-center gap-item-xs border-b p-card-sm\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type AI_WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n};\n\nconst AI_WebPreviewNavigationButton = ({\n  onClick,\n  disabled,\n  tooltip,\n  children,\n  ...props\n}: AI_WebPreviewNavigationButtonProps): React.JSX.Element => (\n  <TooltipProvider>\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          {...({\n            \"aria-label\": tooltip,\n            className: \"size-8 p-0 hover:text-foreground\",\n            disabled: disabled,\n            onClick: onClick,\n            size: \"icon-sm\" as const,\n            variant: \"ghost\" as const,\n            ...props,\n          } as React.ComponentProps<typeof Button>)}\n        >\n          {children}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <p>{tooltip}</p>\n      </TooltipContent>\n    </Tooltip>\n  </TooltipProvider>\n);\n\nexport type AI_WebPreviewUrlProps = React.ComponentProps<\"input\">;\n\nconst AI_WebPreviewUrl = ({\n  value,\n  onChange,\n  onKeyDown,\n  className,\n  ...props\n}: AI_WebPreviewUrlProps): React.JSX.Element | null => {\n  const { url, setUrl } = useWebPreview();\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_ARTIFACT });\n  const [inputValue, setInputValue] = useState(url);\n\n  useEffect(() => {\n    setInputValue(url);\n  }, [url]);\n\n  if (!isReady) return null;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      const target = event.target as HTMLInputElement;\n      setUrl(target.value);\n    }\n    onKeyDown?.(event);\n  };\n\n  return (\n    <InputRoot\n      className={cn(\"h-8 flex-1 text-sm\", className)}\n      onChange={onChange ?? handleChange}\n      onKeyDown={handleKeyDown}\n      placeholder={tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'enterUrl')}\n      value={value ?? inputValue}\n      {...props}\n    />\n  );\n};\n\nexport type AI_WebPreviewBodyProps = ComponentProps<\"iframe\"> & {\n  loading?: ReactNode;\n};\n\nconst AI_WebPreviewBody = ({\n  className,\n  loading,\n  src,\n  ...props\n}: AI_WebPreviewBodyProps): React.JSX.Element | null => {\n  const { url } = useWebPreview();\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_ARTIFACT });\n\n  if (!isReady) return null;\n\n  return (\n    <div className=\"flex-1\">\n      <iframe\n        className={cn(\"size-full\", className)}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-presentation\"\n        src={(src ?? url) || undefined}\n        title={tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'preview')}\n        {...props}\n      />\n      {loading}\n    </div>\n  );\n};\n\nexport type AI_WebPreviewConsoleProps = ComponentProps<\"div\"> & {\n  logs?: Array<{\n    level: \"log\" | \"warn\" | \"error\";\n    message: string;\n    timestamp: Date;\n  }>;\n};\n\nconst AI_WebPreviewConsole = ({\n  className,\n  logs = [],\n  children,\n  ...props\n}: AI_WebPreviewConsoleProps): React.JSX.Element | null => {\n  const { consoleOpen, setConsoleOpen } = useWebPreview();\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_ARTIFACT });\n  const { getRecipe } = useUI();\n  const insetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  if (!isReady) return null;\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <Collapsible\n        className={cn(\"border-t font-mono text-sm\", insetRecipe.base, className)}\n        onOpenChange={setConsoleOpen}\n        open={consoleOpen}\n        {...props}\n      >\n        <CollapsibleTrigger asChild>\n          <Button\n            {...({\n              className: \"flex w-full items-center justify-between p-card text-start font-medium hover:bg-muted/50\",\n              variant: \"ghost\" as const,\n            } as React.ComponentProps<typeof Button>)}\n          >\n            {tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'console')}\n            {renderIcon(StandardIconReference.CHEVRON_DOWN, {\n              className: cn(\n                \"size-4 transition-transform duration-[var(--motion-duration-fast)]\",\n                consoleOpen && \"rotate-180\"\n              )\n            })}\n          </Button>\n        </CollapsibleTrigger>\n        <CollapsibleContent\n          className={cn(\n            \"px-card pb-card\",\n            \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\"\n          )}\n        >\n          <div className=\"max-h-48 space-y-item-xs overflow-y-auto\">\n            {logs.length === 0 ? (\n              <p className={descRecipe.base}>{tComponent(FrontendComponentType.LOW_LEVEL_AI_ARTIFACT, 'noConsoleOutput')}</p>\n            ) : (\n              logs.map((log, index) => (\n                <div\n                  className={cn(\n                    \"text-xs\",\n                    log.level === \"error\" && \"text-destructive\",\n                    log.level === \"warn\" && \"text-warning\",\n                    log.level === \"log\" && \"text-foreground\"\n                  )}\n                  key={`${log.timestamp.getTime()}-${index}`}\n                >\n                  <span className={descRecipe.base}>\n                    {log.timestamp.toLocaleTimeString()}\n                  </span>{\" \"}\n                  {log.message}\n                </div>\n              ))\n            )}\n            {children}\n          </div>\n        </CollapsibleContent>\n      </Collapsible>\n    </Surface>\n  );\n};\n\nexport const AI_WebPreview = createCompoundPreset<AI_WebPreviewCompound>(AI_WebPreviewRoot, {\n  Navigation: AI_WebPreviewNavigation,\n  NavigationButton: AI_WebPreviewNavigationButton,\n  Url: AI_WebPreviewUrl,\n  Body: AI_WebPreviewBody,\n  Console: AI_WebPreviewConsole,\n});\n"]}

package/dist/esm/components/ai-elements/artifacts/web-preview.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelAiWebPreviewLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=web-preview.labels.d.ts.map

package/dist/esm/components/ai-elements/artifacts/web-preview.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-preview.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/web-preview.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAM3D,CAAC"}

package/dist/esm/components/ai-elements/artifacts/web-preview.labels.js

@@ -0,0 +1,13 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelAiWebPreviewLabels = [
+    {
+        ref: 'preview',
+        kind: LabelKind.LABEL,
+        purpose: 'Title for the iframe that renders the previewed web page',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_AI_WEB_PREVIEW, LowLevelAiWebPreviewLabels);
+//# sourceMappingURL=web-preview.labels.js.map

package/dist/esm/components/ai-elements/artifacts/web-preview.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-preview.labels.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/artifacts/web-preview.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,0DAA0D;KACpE;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,0BAA0B,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiWebPreviewLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'preview',\n    kind: LabelKind.LABEL,\n    purpose: 'Title for the iframe that renders the previewed web page',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_WEB_PREVIEW, LowLevelAiWebPreviewLabels);\n"]}

package/dist/esm/components/ai-elements/chat/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/chat/conversation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAwFrC,eAAO,MAAM,eAAe,yBAI1B,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/conversation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAwFrC,eAAO,MAAM,eAAe,yBAI1B,CAAC"}

package/dist/esm/components/ai-elements/chat/conversation.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, cn, useIconRegistry, StandardIconReference, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
-import { UIBehavior, TypographyVariant } from "@wildo-ai/presets-components-models";
+import { TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { useCallback } from "react";
 import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
 const AI_ConversationRoot = ({ className, ...props }) => (_jsx(StickToBottom, { className: cn("relative flex-1 overflow-y-hidden", className), initial: "smooth", resize: "smooth", role: "log", ...props }));
@@ -29,4 +29,4 @@ export const AI_Conversation = createCompoundPreset(AI_ConversationRoot, {
     EmptyState: AI_ConversationEmptyState,
     ScrollButton: AI_ConversationScrollButton,
 });
-//# sourceMappingURL=conversation.js.map
+//# sourceMappingURL=conversation.js.map

package/dist/esm/components/ai-elements/chat/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../../../../src/components/ai-elements/chat/conversation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/conversation.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button, cn, useIconRegistry, StandardIconReference, useUI, createCompoundPreset } from \"@wildo-ai/saas-frontend-lib\";\nimport { FrontendComponentType, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport { useCallback } from \"react\";\nimport { StickToBottom, useStickToBottomContext } from \"use-stick-to-bottom\";\nimport type {\n  AI_ConversationProps,\n  AI_ConversationContentProps,\n  AI_ConversationEmptyStateProps,\n  AI_ConversationScrollButtonProps,\n  AI_ConversationCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nconst AI_ConversationRoot = ({ className, ...props }: AI_ConversationProps): React.JSX.Element => (\n  <StickToBottom\n    className={cn(\"relative flex-1 overflow-y-hidden\", className)}\n    initial=\"smooth\"\n    resize=\"smooth\"\n    role=\"log\"\n    {...props}\n  />\n);\n\nconst AI_ConversationContent = ({\n  className,\n  ...props\n}: AI_ConversationContentProps): React.JSX.Element => (\n  <StickToBottom.Content\n    className={cn(\"flex flex-col gap-region p-card\", className)}\n    {...props}\n  />\n);\n\nconst AI_ConversationEmptyState = ({\n  className,\n  title = \"No messages yet\",\n  description = \"Start a conversation to see messages here\",\n  icon,\n  children,\n  ...props\n}: AI_ConversationEmptyStateProps): React.JSX.Element => {\n  const { getRecipe } = useUI();\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  return (\n    <div\n      className={cn(\n        \"flex size-full flex-col items-center justify-center gap-group p-region text-center\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {icon && <div className={descRecipe.base}>{icon}</div>}\n          <div className=\"space-y-item-xs\">\n            <h3 className=\"font-medium text-sm\">{title}</h3>\n            {description && (\n              <p className={cn(descRecipe.base, \"text-sm\")}>{description}</p>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nconst AI_ConversationScrollButton = ({\n  className,\n  ...props\n}: AI_ConversationScrollButtonProps): React.JSX.Element | null => {\n  const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n  const { renderIcon } = useIconRegistry();\n\n  const handleScrollToBottom = useCallback((): void => {\n    scrollToBottom();\n  }, [scrollToBottom]);\n\n  return (\n    !isAtBottom && (\n      <Button\n        className={cn(\n          \"absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full\",\n          className\n        )}\n        onClick={handleScrollToBottom}\n        {...({\n          size: \"icon\" as const,\n          type: \"button\" as const,\n          variant: \"outline\" as const,\n          ...props,\n        } as React.ComponentProps<typeof Button>)}\n      >\n        {renderIcon(StandardIconReference.ARROW_DOWN, { className: \"size-4\" })}\n      </Button>\n    )\n  );\n};\n\nexport const AI_Conversation = createCompoundPreset<AI_ConversationCompound>(AI_ConversationRoot, {\n  Content: AI_ConversationContent,\n  EmptyState: AI_ConversationEmptyState,\n  ScrollButton: AI_ConversationScrollButton,\n});\n"]}

package/dist/esm/components/ai-elements/chat/conversation.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelAiConversationLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=conversation.labels.d.ts.map

package/dist/esm/components/ai-elements/chat/conversation.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/conversation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAuB7D,CAAC"}

package/dist/esm/components/ai-elements/chat/conversation.labels.js

@@ -0,0 +1,30 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelAiConversationLabels = [
+    {
+        ref: 'usedSources',
+        kind: LabelKind.LABEL,
+        purpose: 'Count of citation sources the assistant drew on for its answer',
+        params: [{ key: 'count', meaning: 'number of sources used' }],
+    },
+    {
+        ref: 'thinking',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Live indicator shown while the assistant is still reasoning',
+    },
+    {
+        ref: 'thoughtFewSeconds',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Summary shown when reasoning completed in only a few seconds',
+    },
+    {
+        ref: 'thoughtForDuration',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Summary of how long the assistant spent reasoning before answering',
+        params: [{ key: 'duration', meaning: 'elapsed reasoning time, formatted for display' }],
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_AI_CONVERSATION, LowLevelAiConversationLabels);
+//# sourceMappingURL=conversation.labels.js.map

package/dist/esm/components/ai-elements/chat/conversation.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.labels.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/conversation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gEAAgE;QACzE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,wBAAwB,EAAE,CAAC;KAC9D;IACD;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,6DAA6D;KACvE;IACD;QACE,GAAG,EAAE,mBAAmB;QACxB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,8DAA8D;KACxE;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oEAAoE;QAC7E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,+CAA+C,EAAE,CAAC;KACxF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelAiConversationLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'usedSources',\n    kind: LabelKind.LABEL,\n    purpose: 'Count of citation sources the assistant drew on for its answer',\n    params: [{ key: 'count', meaning: 'number of sources used' }],\n  },\n  {\n    ref: 'thinking',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Live indicator shown while the assistant is still reasoning',\n  },\n  {\n    ref: 'thoughtFewSeconds',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Summary shown when reasoning completed in only a few seconds',\n  },\n  {\n    ref: 'thoughtForDuration',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Summary of how long the assistant spent reasoning before answering',\n    params: [{ key: 'duration', meaning: 'elapsed reasoning time, formatted for display' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_AI_CONVERSATION, LowLevelAiConversationLabels);\n"]}

package/dist/esm/components/ai-elements/chat/message.d.ts

@@ -1,3 +1,3 @@
-import type { AI_MessageCompound } from "@wildo-ai/saas-frontend-lib";
+import { AI_MessageCompound } from '@wildo-ai/saas-frontend-lib';
 export declare const AI_Message: AI_MessageCompound;
 //# sourceMappingURL=message.d.ts.map

package/dist/esm/components/ai-elements/chat/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/chat/message.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAuatE,eAAO,MAAM,UAAU,oBAcrB,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/chat/message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,kBAAkB,EAgBnB,MAAM,6BAA6B,CAAC;AAyarC,eAAO,MAAM,UAAU,oBAcrB,CAAC"}

package/dist/esm/components/ai-elements/chat/message.js

@@ -1,13 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, ButtonGroup, ButtonGroupText, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useIconRegistry, StandardIconReference, useI18n, useUI, createCompoundPreset, } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType, UIBehavior, SurfaceVariant, TypographyVariant, ButtonSize } from "@wildo-ai/presets-components-models";
-import { ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { Button, ButtonGroup, ButtonGroupText, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useIconRegistry, StandardIconReference, useI18n, useUI, createCompoundPreset, Surface, ButtonVariants_Variant, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { DisplayDirection } from "@wildo-ai/zod-decorators";
 import { createContext, memo, useContext, useEffect, useState } from "react";
-import { Streamdown } from "streamdown";
+// The markdown pipeline (~210 kB gzipped) resolves on first render through this door — a chat
+// transcript is never on the first-paint path. See `data-display/markdown-stream.lazy`.
+import { MarkdownStream } from "../../../components/data-display/markdown-stream.lazy.js";
 const AI_MessageRoot = ({ className, from, ...props }) => (_jsx("div", { className: cn("group flex w-full max-w-[80%] flex-col gap-element", from === "user" ? "is-user ms-auto justify-end" : "is-assistant", className), ...props }));
-const AI_MessageContent = ({ children, className, ...props }) => (_jsx("div", { className: cn("is-user:dark flex w-fit flex-col gap-element overflow-hidden text-sm", "group-[.is-user]:ms-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-card group-[.is-user]:py-card-sm group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children }));
+const AI_MessageContent = ({ children, className, ...props }) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: cn("is-user:dark flex w-fit flex-col gap-element overflow-hidden text-sm", "group-[.is-user]:ms-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-card group-[.is-user]:py-card-sm group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children }) }));
 const AI_MessageActions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-item-xs", className), ...props, children: children }));
 const AI_MessageAction = ({ tooltip, children, label, variant = ButtonVariants_Variant.GHOST, size = ButtonSize.ICON_SM, ...props }) => {
     const button = (_jsxs(Button, { size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
@@ -72,6 +73,8 @@ const AI_MessageBranchPrevious = ({ children, ...props }) => {
     const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_AI_MESSAGE,
     });
+    if (!isReady)
+        return null;
     return (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'previousBranch'), disabled: totalBranches <= 1, onClick: goToPrevious, size: ButtonSize.ICON_SM, type: "button", variant: ButtonVariants_Variant.GHOST, ...props, children: children ?? renderIcon(StandardIconReference.CHEVRON_LEFT, { className: "size-3.5 rtl:rotate-180" }) }));
 };
 const AI_MessageBranchNext = ({ children, className, ...props }) => {
@@ -80,6 +83,8 @@ const AI_MessageBranchNext = ({ children, className, ...props }) => {
     const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_AI_MESSAGE,
     });
+    if (!isReady)
+        return null;
     return (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'nextBranch'), disabled: totalBranches <= 1, onClick: goToNext, size: ButtonSize.ICON_SM, type: "button", variant: ButtonVariants_Variant.GHOST, ...props, children: children ?? renderIcon(StandardIconReference.CHEVRON_RIGHT, { className: "size-3.5 rtl:rotate-180" }) }));
 };
 const AI_MessageBranchPage = ({ className, ...props }) => {
@@ -89,9 +94,11 @@ const AI_MessageBranchPage = ({ className, ...props }) => {
     });
     const { getRecipe } = useUI();
     const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    if (!isReady)
+        return null;
     return (_jsx(ButtonGroupText, { className: cn(descRecipe.base, "border-none bg-transparent shadow-none", className), ...props, children: tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'branchPage', { current: currentBranch + 1, total: totalBranches }) }));
 };
-const AI_MessageResponse = memo(({ className, ...props }) => (_jsx(Streamdown, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), ...props })), (prevProps, nextProps) => prevProps.children === nextProps.children);
+const AI_MessageResponse = memo(({ className, ...props }) => (_jsx(MarkdownStream, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), ...props })), (prevProps, nextProps) => prevProps.children === nextProps.children);
 AI_MessageResponse.displayName = "AI_MessageResponse";
 function AI_MessageAttachment({ data, className, onRemove, ...props }) {
     const { renderIcon } = useIconRegistry();
@@ -104,14 +111,16 @@ function AI_MessageAttachment({ data, className, onRemove, ...props }) {
     const filename = data.filename || "";
     const mediaType = data.mediaType?.startsWith("image/") && data.url ? "image" : "file";
     const isImage = mediaType === "image";
+    if (!isReady)
+        return null;
     const attachmentLabel = filename || (isImage ? tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, "image") : tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, "attachment"));
-    return (_jsx("div", { className: cn("group relative size-24 overflow-hidden rounded-lg", className), ...props, children: isImage ? (_jsxs(_Fragment, { children: [_jsx("img", { alt: filename || tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, "attachment"), className: "size-full object-cover", height: 100, src: data.url, width: 100 }), onRemove && (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'removeAttachment'), className: "absolute top-2 end-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
-                        e.stopPropagation();
-                        onRemove();
-                    }, type: "button", variant: ButtonVariants_Variant.GHOST, children: renderIcon(StandardIconReference.CLOSE, { className: "size-3" }) }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: cn(insetRecipe.base, descRecipe.base, "flex size-full shrink-0 items-center justify-center rounded-lg"), children: renderIcon(StandardIconReference.PAPERCLIP, { className: "size-4" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: attachmentLabel }) })] }), onRemove && (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'removeAttachment'), className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
-                        e.stopPropagation();
-                        onRemove();
-                    }, type: "button", variant: ButtonVariants_Variant.GHOST, children: renderIcon(StandardIconReference.CLOSE, { className: "size-3" }) }))] })) }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: cn("group relative size-24 overflow-hidden rounded-lg", className), ...props, children: isImage ? (_jsxs(_Fragment, { children: [_jsx("img", { alt: filename || tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, "attachment"), className: "size-full object-cover", height: 100, src: data.url, width: 100 }), onRemove && (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'removeAttachment'), className: "absolute top-2 end-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
+                            e.stopPropagation();
+                            onRemove();
+                        }, type: "button", variant: ButtonVariants_Variant.GHOST, children: renderIcon(StandardIconReference.CLOSE, { className: "size-3" }) }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: cn(insetRecipe.base, descRecipe.base, "flex size-full shrink-0 items-center justify-center rounded-lg"), children: renderIcon(StandardIconReference.PAPERCLIP, { className: "size-4" }) }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: attachmentLabel }) })] }), onRemove && (_jsx(Button, { "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_AI_MESSAGE, 'removeAttachment'), className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
+                            e.stopPropagation();
+                            onRemove();
+                        }, type: "button", variant: ButtonVariants_Variant.GHOST, children: renderIcon(StandardIconReference.CLOSE, { className: "size-3" }) }))] })) }) }));
 }
 function AI_MessageAttachments({ children, className, ...props }) {
     if (!children) {
@@ -135,4 +144,4 @@ export const AI_Message = createCompoundPreset(AI_MessageRoot, {
     Attachments: AI_MessageAttachments,
     Toolbar: AI_MessageToolbar,
 });
-//# sourceMappingURL=message.js.map
+//# sourceMappingURL=message.js.map