@meistrari/chat-nuxt 4.10.0-rc.3 → 4.10.0-rc.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "4.10.0-rc.3",
+  "version": "4.10.0-rc.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -2,6 +2,7 @@ import { existsSync, readFileSync, mkdirSync, symlinkSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { join, dirname, isAbsolute } from 'node:path';
 import { defineNuxtModule, createResolver, addTemplate, addTypeTemplate, addPlugin, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
+import { registerOpenuiWidget } from '@meistrari/chat-ui-lang/nuxt';
 import { TOOL_ICON_SAFELIST } from '../dist/runtime/messages/tool-registry.js';
 export { ChatMessageStatus } from '../dist/runtime/types/message-status.js';
 
@@ -454,6 +455,7 @@ const module$1 = defineNuxtModule({
       const runtimeDirRegExp = new RegExp(runtimeDir.replace(/\\/g, "/").replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
       normalizedImports.transform.include.push(runtimeDirRegExp);
     }
+    registerOpenuiWidget(nuxt);
     const rc = nuxt.options.runtimeConfig;
     rc.chatApiUrl = options.chatApiUrl || rc.chatApiUrl || process.env.CHAT_API_URL || "";
     rc.public = rc.public || {};

package/dist/runtime/embed/components/mobile/chat-mobile-shell.d.vue.ts

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSettings?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

package/dist/runtime/embed/components/mobile/chat-mobile-shell.vue.d.ts

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +93,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSettings?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

package/dist/runtime/rendering/components/openui/{markdown.d.vue.ts → markdown-prose.d.vue.ts}

@@ -1,7 +1,5 @@
 type __VLS_Props = {
-    props: {
-        text: string;
-    };
+    text: string;
     partial?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/rendering/components/openui/{markdown.vue → markdown-prose.vue}

@@ -2,13 +2,13 @@
 import { OPENUI_MARKDOWN_COMPONENTS_KEY } from "../../openui/context";
 import { useWidgetProse } from "../../openui/use-widget-prose";
 const props = defineProps({
-  props: { type: Object, required: true },
+  text: { type: String, required: true },
   partial: { type: Boolean, required: false }
 });
 const customComponents = inject(OPENUI_MARKDOWN_COMPONENTS_KEY, ref({}));
-const content = useWidgetProse(() => props.props.text);
+const content = useWidgetProse(() => props.text);
 </script>
 
 <template>
-    <AppMarkdownRender :content="content" :final="!partial" :typewriter="false" :custom-components="customComponents" data-openui="markdown" />
+    <AppMarkdownRender :content="content" :final="!partial" :typewriter="false" :custom-components="customComponents" />
 </template>

package/dist/runtime/rendering/components/openui/{markdown.vue.d.ts → markdown-prose.vue.d.ts}

@@ -1,7 +1,5 @@
 type __VLS_Props = {
-    props: {
-        text: string;
-    };
+    text: string;
     partial?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/rendering/components/openui-block.vue

@@ -1,73 +1,47 @@
 <script setup>
-import { formatWidgetContext, isSafeUrl } from "@meistrari/chat-ui-lang";
 import { CHAT_MESSAGE_CONTEXT_KEY, CHAT_MESSAGE_SEND_KEY } from "../../types/messages";
 import { useStatusToast } from "../../shared/composables/status-toast";
-import { copyWidgetText, runActionPlan } from "../openui/actions";
-import { OPENUI_CONTEXT_KEY, OPENUI_ERROR_REPORTER_KEY } from "../openui/context";
-import { useOpenuiProgram } from "../openui/program";
-import { renderNode } from "../openui/render";
+import { OPENUI_ERROR_REPORTER_KEY } from "../openui/context";
+import OpenuiCitation from "./openui/citation.vue";
+import OpenuiFileCard from "./openui/file-card.vue";
+import OpenuiImage from "./openui/image.vue";
+import OpenuiMarkdownProse from "./openui/markdown-prose.vue";
 const props = defineProps({
   node: { type: Object, required: true },
   loading: { type: Boolean, required: false }
 });
 const code = computed(() => props.node.code ?? props.node.content ?? "");
 const complete = computed(() => !props.loading && !props.node.loading);
-const program = useOpenuiProgram(code, complete);
 const send = inject(CHAT_MESSAGE_SEND_KEY, null);
 const message = inject(CHAT_MESSAGE_CONTEXT_KEY, null);
 const reportErrors = inject(OPENUI_ERROR_REPORTER_KEY, null);
-const answered = ref(false);
 const statusToast = useStatusToast();
 const interactive = computed(() => Boolean(
-  send && complete.value && !program.incomplete.value && !answered.value && (!message || message.role === "assistant" && message.isLatestMessage.value && !message.streaming.value)
+  send && (!message || message.role === "assistant" && message.isLatestMessage.value && !message.streaming.value)
 ));
-async function triggerAction(label, plan) {
-  if (!send || !interactive.value)
-    return false;
-  let sent = false;
-  const accepted = await runActionPlan(label, plan, {
-    send: async (text, context) => {
-      const ok = await send(`${text}${formatWidgetContext(context, { onDrop: (drop) => console.warn("[chat-nuxt] widget context dropped", drop) })}`);
-      sent = sent || ok;
-      return ok;
-    },
-    openUrl: (url) => {
-      if (isSafeUrl(url))
-        window.open(url, "_blank", "noopener");
-    },
-    custom: runCustomAction,
-    store: program.store,
-    stateDefaults: program.stateDefaults.value
-  });
-  if (sent)
-    answered.value = true;
-  return accepted;
+const host = {
+  prose: OpenuiMarkdownProse,
+  components: { FileCard: OpenuiFileCard, Image: OpenuiImage, Citation: OpenuiCitation }
+};
+async function sendMessage(text) {
+  return send ? await send(text) : false;
 }
-async function runCustomAction(name, params) {
-  if (name === "CopyText" && typeof params.text === "string") {
-    const copied = await copyWidgetText(params.text, (text) => navigator.clipboard.writeText(text));
-    if (!copied)
-      statusToast.update({ text: "N\xE3o foi poss\xEDvel copiar", icon: "i-ph-warning" });
-    return copied;
-  }
-  console.warn("[chat-nuxt] unsupported widget action", { name });
-  return false;
+function onErrors(errors, source) {
+  reportErrors?.(errors, source);
+}
+function onCopyFailed() {
+  statusToast.update({ text: "N\xE3o foi poss\xEDvel copiar", icon: "i-ph-warning" });
 }
-provide(OPENUI_CONTEXT_KEY, { renderNode, interactive, triggerAction });
-watch([program.errors, complete], ([errors, done]) => {
-  if (done && errors.length)
-    reportErrors?.(errors, code.value);
-}, { immediate: true });
-const Root = () => renderNode(program.root.value);
 </script>
 
 <template>
-    <div my-12px data-openui="block" :data-openui-incomplete="program.incomplete.value || void 0">
-        <Root v-if="program.root.value" />
-        <div v-else-if="!complete" flex flex-col gap-8px>
-            <TelaSkeleton h-20px w-40per />
-            <TelaSkeleton h-80px w-full />
-        </div>
-        <pre v-else body-12-regular text-secondary whitespace-pre-wrap data-openui="fallback">{{ code }}</pre>
-    </div>
+    <OpenuiWidget
+        :code="code"
+        :complete="complete"
+        :interactive="interactive"
+        :send="sendMessage"
+        :host="host"
+        @errors="onErrors"
+        @copy-failed="onCopyFailed"
+    />
 </template>

package/dist/runtime/rendering/openui/context.d.ts

@@ -1,22 +1,7 @@
-import type { ActionPlan, OpenUIError } from '@openuidev/lang-core';
-import type { Component, InjectionKey, Ref, VNode } from 'vue';
-export type RenderedNode = VNode | string | null | Array<VNode | string | null>;
-export interface OpenuiContext {
-    renderNode: (value: unknown) => RenderedNode;
-    /** Clicks are honoured only on the latest assistant message, after streaming ends. */
-    interactive: Ref<boolean>;
-    /** Resolves once the action finished; returns false when it was rejected. A widget answers once: after an accepted send, `interactive` turns false. */
-    triggerAction: (label: string, plan?: ActionPlan) => Promise<boolean>;
-}
-export declare const OPENUI_CONTEXT_KEY: InjectionKey<OpenuiContext>;
+import type { OpenUIError } from '@openuidev/lang-core';
+import type { Component, InjectionKey, Ref } from 'vue';
 export type OpenuiErrorReporter = (errors: OpenUIError[], code: string) => void;
 /** Optional: hosts inject this to collect parse and runtime errors per widget. */
 export declare const OPENUI_ERROR_REPORTER_KEY: InjectionKey<OpenuiErrorReporter>;
 /** Markdown node overrides of the surrounding message (vault links, citations), so prose inside widgets renders the same way. */
 export declare const OPENUI_MARKDOWN_COMPONENTS_KEY: InjectionKey<Ref<Record<string, Component>>>;
-export interface OpenuiFormState {
-    get: (name: string) => unknown;
-    set: (name: string, value: unknown) => void;
-}
-/** Provided by Form so its fields share one state bag. */
-export declare const OPENUI_FORM_KEY: InjectionKey<OpenuiFormState>;

package/dist/runtime/rendering/openui/context.js

@@ -1,4 +1,2 @@
-export const OPENUI_CONTEXT_KEY = Symbol("openui-context");
 export const OPENUI_ERROR_REPORTER_KEY = Symbol("openui-error-reporter");
 export const OPENUI_MARKDOWN_COMPONENTS_KEY = Symbol("openui-markdown-components");
-export const OPENUI_FORM_KEY = Symbol("openui-form");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.10.0-rc.3",
+  "version": "4.10.0-rc.5",
   "type": "module",
   "exports": {
     ".": {

package/dist/runtime/rendering/components/openui/bar-chart.d.vue.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        title: string;
-        bars: unknown[];
-        tone?: 'neutral' | 'positive' | 'negative';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/bar-chart.vue

@@ -1,39 +0,0 @@
-<script setup>
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-const bars = computed(() => (Array.isArray(props.props.bars) ? props.props.bars : []).map((node) => {
-  const bar = node;
-  if (bar?.typeName !== "Bar" || !bar.props || typeof bar.props.value !== "number" || !Number.isFinite(bar.props.value))
-    return null;
-  return {
-    label: typeof bar.props.label === "string" ? bar.props.label : "",
-    value: bar.props.value,
-    display: typeof bar.props.display === "string" ? bar.props.display : String(bar.props.value)
-  };
-}).filter((bar) => bar !== null));
-const max = computed(() => Math.max(0, ...bars.value.map((bar) => Math.abs(bar.value))));
-const fillClass = computed(() => ({
-  neutral: "bg-gray-800",
-  positive: "bg-green-600",
-  negative: "bg-red-600"
-})[props.props.tone ?? "neutral"]);
-function width(bar) {
-  return bar.value === 0 || max.value === 0 ? "0%" : `${Math.max(2, Math.round(Math.abs(bar.value) / max.value * 100))}%`;
-}
-</script>
-
-<template>
-    <div flex flex-col gap-12px rounded-12px border-0.5px border p-16px data-openui="bar-chart">
-        <span body-12-medium text-secondary>{{ props.props.title }}</span>
-        <div flex flex-col gap-8px>
-            <div v-for="(bar, index) in bars" :key="index" grid grid-cols="[minmax(96px,1fr)_3fr_auto]" items-center gap-12px>
-                <span body-14-regular text-primary truncate>{{ bar.label }}</span>
-                <div h-8px rounded-4px bg-muted overflow-hidden>
-                    <div h-full rounded-4px :class="bar.value < 0 ? 'bg-red-600' : fillClass" :style="{ width: width(bar) }" />
-                </div>
-                <span body-12-medium text-secondary tabular-nums>{{ bar.display }}</span>
-            </div>
-        </div>
-    </div>
-</template>

package/dist/runtime/rendering/components/openui/bar-chart.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        title: string;
-        bars: unknown[];
-        tone?: 'neutral' | 'positive' | 'negative';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/bar.d.vue.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        label: string;
-        value: number;
-        display?: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/bar.vue

@@ -1,12 +0,0 @@
-<script setup>
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-</script>
-
-<template>
-    <div flex justify-between gap-12px body-14-regular text-primary data-openui="bar">
-        <span>{{ props.props.label }}</span>
-        <span text-secondary>{{ props.props.display ?? props.props.value }}</span>
-    </div>
-</template>

package/dist/runtime/rendering/components/openui/bar.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        label: string;
-        value: number;
-        display?: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/button.d.vue.ts

@@ -1,11 +0,0 @@
-import type { ActionPlan } from '@openuidev/lang-core';
-type __VLS_Props = {
-    props: {
-        label: string;
-        action?: ActionPlan;
-        variant?: 'primary' | 'secondary';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/button.vue

@@ -1,30 +0,0 @@
-<script setup>
-import { useOpenuiContext } from "../../openui/use-openui-context";
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-const { interactive, triggerAction } = useOpenuiContext();
-const sending = ref(false);
-async function click() {
-  if (!interactive.value || sending.value)
-    return;
-  sending.value = true;
-  try {
-    await triggerAction(props.props.label, props.props.action);
-  } finally {
-    sending.value = false;
-  }
-}
-</script>
-
-<template>
-    <TelaButton
-        :variant="props.props.variant === 'primary' ? 'primary' : 'secondary'"
-        :disabled="!interactive"
-        :loading="sending"
-        data-openui="button"
-        @click="click"
-    >
-        {{ props.props.label }}
-    </TelaButton>
-</template>

package/dist/runtime/rendering/components/openui/button.vue.d.ts

@@ -1,11 +0,0 @@
-import type { ActionPlan } from '@openuidev/lang-core';
-type __VLS_Props = {
-    props: {
-        label: string;
-        action?: ActionPlan;
-        variant?: 'primary' | 'secondary';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/buttons.d.vue.ts

@@ -1,8 +0,0 @@
-type __VLS_Props = {
-    props: {
-        buttons: unknown[];
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/buttons.vue

@@ -1,14 +0,0 @@
-<script setup>
-import { useOpenuiContext } from "../../openui/use-openui-context";
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-const { renderNode } = useOpenuiContext();
-const Children = () => renderNode(props.props.buttons);
-</script>
-
-<template>
-    <div flex flex-wrap gap-8px data-openui="buttons">
-        <Children />
-    </div>
-</template>

package/dist/runtime/rendering/components/openui/buttons.vue.d.ts

@@ -1,8 +0,0 @@
-type __VLS_Props = {
-    props: {
-        buttons: unknown[];
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/callout.d.vue.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    props: {
-        text: string;
-        tone?: 'info' | 'success' | 'warning' | 'error';
-        title?: string;
-    };
-    partial?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/callout.vue

@@ -1,27 +0,0 @@
-<script setup>
-import { OPENUI_MARKDOWN_COMPONENTS_KEY } from "../../openui/context";
-import { useWidgetProse } from "../../openui/use-widget-prose";
-const props = defineProps({
-  props: { type: Object, required: true },
-  partial: { type: Boolean, required: false }
-});
-const customComponents = inject(OPENUI_MARKDOWN_COMPONENTS_KEY, ref({}));
-const content = useWidgetProse(() => props.props.text);
-const TONES = {
-  info: { icon: "i-ph-info", color: "text-secondary" },
-  success: { icon: "i-ph-check-circle", color: "text-success" },
-  warning: { icon: "i-ph-warning", color: "text-warning" },
-  error: { icon: "i-ph-warning-octagon", color: "text-error" }
-};
-const tone = computed(() => TONES[props.props.tone ?? "info"]);
-</script>
-
-<template>
-    <div flex gap-10px rounded-12px border-0.5px border bg-subtle px-14px py-12px data-openui="callout">
-        <TelaIcon :name="tone.icon" size="16px" shrink-0 mt-2px :class="tone.color" />
-        <div flex flex-col gap-4px min-w-0>
-            <span v-if="props.props.title" body-14-medium text-primary>{{ props.props.title }}</span>
-            <AppMarkdownRender :content="content" :final="!partial" :typewriter="false" :custom-components="customComponents" body-14-regular text-primary />
-        </div>
-    </div>
-</template>

package/dist/runtime/rendering/components/openui/callout.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    props: {
-        text: string;
-        tone?: 'info' | 'success' | 'warning' | 'error';
-        title?: string;
-    };
-    partial?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/card.d.vue.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    props: {
-        children: unknown[];
-        title?: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/card.vue

@@ -1,19 +0,0 @@
-<script setup>
-import { useOpenuiContext } from "../../openui/use-openui-context";
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-const { renderNode } = useOpenuiContext();
-const Children = () => renderNode(props.props.children);
-</script>
-
-<template>
-    <TelaCard size="sm" h-full data-openui="card">
-        <div flex flex-col gap-12px>
-            <h4 v-if="props.props.title" heading-h5-semibold text-contrast>
-                {{ props.props.title }}
-            </h4>
-            <Children />
-        </div>
-    </TelaCard>
-</template>

package/dist/runtime/rendering/components/openui/card.vue.d.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    props: {
-        children: unknown[];
-        title?: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/checkbox.d.vue.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    props: {
-        name: string;
-        label: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/checkbox.vue

@@ -1,26 +0,0 @@
-<script setup>
-import { OPENUI_FORM_KEY } from "../../openui/context";
-import { useOpenuiContext } from "../../openui/use-openui-context";
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-const form = inject(OPENUI_FORM_KEY, null);
-const local = ref(false);
-const { interactive } = useOpenuiContext();
-const checked = computed({
-  get: () => (form ? form.get(props.props.name) : local.value) === true,
-  set: (next) => {
-    if (form)
-      form.set(props.props.name, next === true);
-    else
-      local.value = next === true;
-  }
-});
-</script>
-
-<template>
-    <label flex items-center gap-8px body-14-regular text-primary cursor-pointer data-openui="checkbox">
-        <TelaCheckbox v-model="checked" :disabled="!interactive" />
-        {{ props.props.label }}
-    </label>
-</template>

package/dist/runtime/rendering/components/openui/checkbox.vue.d.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    props: {
-        name: string;
-        label: string;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/col.d.vue.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        label: string;
-        values: Array<string | number>;
-        align?: 'left' | 'right';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/rendering/components/openui/col.vue

@@ -1,16 +0,0 @@
-<script setup>
-const props = defineProps({
-  props: { type: Object, required: true }
-});
-</script>
-
-<template>
-    <dl flex flex-col gap-4px data-openui="col">
-        <dt body-12-medium text-secondary>
-            {{ props.props.label }}
-        </dt>
-        <dd v-for="(value, index) in props.props.values" :key="index" body-14-regular text-primary>
-            {{ value }}
-        </dd>
-    </dl>
-</template>

package/dist/runtime/rendering/components/openui/col.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    props: {
-        label: string;
-        values: Array<string | number>;
-        align?: 'left' | 'right';
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;