veryfront 0.1.647 → 0.1.649

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.647",
+    "version": "0.1.649",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "workspace": [

package/esm/src/react/components/chat/chat/components/tool-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/tool-ui.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAU1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AA4B7F,gCAAgC;AAChC,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAS/E;AA8ED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,GACL,EAAE;IACD,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAC;CAC1C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiEpB"}
+{"version":3,"file":"tool-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/src/react/components/chat/chat/components/tool-ui.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,kCAAkC,CAAC;AAU1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AA4B7F,gCAAgC;AAChC,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAS/E;AAkFD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,GACL,EAAE;IACD,IAAI,EAAE,YAAY,GAAG,mBAAmB,CAAC;CAC1C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiEpB"}

package/esm/src/react/components/chat/chat/components/tool-ui.js

@@ -72,13 +72,19 @@ function renderOutputAsTable(output) {
                 return (React.createElement("tr", { key: i, className: "border-b border-[var(--border)]" }, keys.map((key) => (React.createElement("td", { key: key, className: "px-4 py-2 text-[var(--card-foreground)]" }, String(record?.[key] ?? ""))))));
             })))));
 }
+function hasVisibleToolOutput(output) {
+    return output !== undefined && output !== null;
+}
 /**
  * Tool call card component - renders tool invocations with parameters and results
  * Styled to match AI Elements (https://ai-sdk.dev/elements)
  */
 export function ToolCallCard({ tool, }) {
-    const [isExpanded, setIsExpanded] = React.useState(true);
-    const tableOutput = tool.output === undefined ? null : renderOutputAsTable(tool.output);
+    const hasOutput = hasVisibleToolOutput(tool.output);
+    const hasError = Boolean(tool.errorText);
+    const shouldExpandByDefault = tool.state !== "output-available" || hasOutput || hasError;
+    const [isExpanded, setIsExpanded] = React.useState(shouldExpandByDefault);
+    const tableOutput = hasOutput ? renderOutputAsTable(tool.output) : null;
     return (React.createElement("div", { className: "not-prose w-full rounded-xl border border-[var(--border)] bg-[var(--card)]" },
         React.createElement("button", { type: "button", onClick: () => setIsExpanded((v) => !v), className: "group flex w-full items-center justify-between gap-4 p-3 hover:bg-[var(--accent)] transition-all rounded-t-xl" },
             React.createElement("div", { className: "flex items-center gap-2" },
@@ -90,11 +96,9 @@ export function ToolCallCard({ tool, }) {
             tool.input === undefined ? null : (React.createElement("div", { className: "space-y-2 overflow-hidden p-4" },
                 React.createElement("h4", { className: "font-medium text-[var(--muted-foreground)] text-xs uppercase tracking-wide" }, "Parameters"),
                 React.createElement("div", { className: "rounded-lg bg-[var(--accent)] p-3" }, formatJsonWithHighlight(tool.input)))),
-            tool.output === undefined
-                ? null
-                : (React.createElement("div", { className: "space-y-2 p-4 border-t border-[var(--border)]" },
-                    React.createElement("h4", { className: "font-medium text-[var(--muted-foreground)] text-xs uppercase tracking-wide" }, "Result"),
-                    React.createElement("div", { className: "overflow-x-auto rounded-lg bg-[var(--accent)] text-[var(--foreground)]" }, tableOutput ?? React.createElement("div", { className: "p-3" }, formatJsonWithHighlight(tool.output))))),
+            !hasOutput ? null : (React.createElement("div", { className: "space-y-2 p-4 border-t border-[var(--border)]" },
+                React.createElement("h4", { className: "font-medium text-[var(--muted-foreground)] text-xs uppercase tracking-wide" }, "Result"),
+                React.createElement("div", { className: "overflow-x-auto rounded-lg bg-[var(--accent)] text-[var(--foreground)]" }, tableOutput ?? React.createElement("div", { className: "p-3" }, formatJsonWithHighlight(tool.output))))),
             !tool.errorText ? null : (React.createElement("div", { className: "space-y-2 p-4 border-t border-[var(--border)]" },
                 React.createElement("h4", { className: "font-medium text-[var(--destructive)] text-xs uppercase tracking-wide" }, "Error"),
                 React.createElement("div", { className: "rounded-lg bg-[var(--destructive)]/10 text-[var(--destructive)] p-3 text-sm" }, tool.errorText)))))));

package/esm/src/react/components/chat/chat/composition/chat-composer.js

@@ -15,14 +15,14 @@ export const ChatComposer = React.forwardRef(function ChatComposer({ input, onCh
     const fileInputRef = React.useRef(null);
     const [attachmentMenuOpen, setAttachmentMenuOpen] = React.useState(false);
     return (React.createElement("div", { ref: ref, className: cn("flex-shrink-0 pb-6 pt-2", className) },
-        React.createElement("div", { className: "max-w-2xl mx-auto px-4" },
+        React.createElement("div", { className: "mx-auto w-full max-w-3xl px-4" },
             children && (React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 pb-3" }, children)),
             attachments && attachments.length > 0 && (React.createElement("div", { className: "flex flex-wrap gap-1.5 px-2 pb-2" }, attachments.map((file) => (React.createElement(AttachmentPill, { key: file.id, attachment: file, onRemove: onRemoveAttachment }))))),
             React.createElement("form", { onSubmit: (e) => {
                     e.preventDefault();
                     onSubmit?.(e);
                 } },
-                React.createElement("div", { className: "relative bg-[var(--card)] px-3 py-1.5 shadow-sm transition-all", style: { borderRadius: 24 } },
+                React.createElement("div", { className: "relative rounded-full border border-[var(--input-border)] bg-[var(--card)] px-3 py-1.5 shadow-sm transition-[border-color,box-shadow] focus-within:border-[var(--foreground)] focus-within:shadow-md" },
                     React.createElement("div", { className: "flex min-h-[42px] items-end gap-2" },
                         (onAttach || onSelectAttachment) && (React.createElement("div", { className: "relative flex shrink-0 items-center" },
                             onAttach && (React.createElement("input", { ref: fileInputRef, type: "file", accept: attachAccept, multiple: true, "aria-label": "Upload file", onChange: (e) => {
@@ -57,7 +57,7 @@ export const ChatComposer = React.forwardRef(function ChatComposer({ input, onCh
                                         setAttachmentMenuOpen(false);
                                         onSelectAttachment();
                                     } }, "Select document")))))),
-                        React.createElement(InputBox, { value: isListening ? transcript || input : input, onChange: onChange, onSubmit: () => onSubmit?.(), placeholder: isListening ? "Listening..." : placeholder, disabled: isLoading || isListening, multiline: true, className: cn("min-h-9 flex-1 py-2", theme?.input) }),
+                        React.createElement(InputBox, { value: isListening ? transcript || input : input, onChange: onChange, onSubmit: () => onSubmit?.(), placeholder: isListening ? "Listening..." : placeholder, disabled: isLoading || isListening, multiline: true, className: cn("min-h-9 min-w-0 flex-1 py-2 text-[15px] leading-normal text-[var(--foreground)] placeholder:text-[var(--input-placeholder)]", theme?.input) }),
                         React.createElement("div", { className: "flex items-center gap-2" },
                             models && models.length > 0 && onModelChange && (React.createElement(ModelSelector, { models: models, value: model, onChange: onModelChange, disabled: isLoading })),
                             showExport && messages && messages.length > 0 && (React.createElement("button", { type: "button", onClick: () => downloadMarkdown(messages), className: "size-9 flex items-center justify-center rounded-full text-[var(--muted-foreground)] hover:text-[var(--foreground)] hover:bg-[var(--foreground)]/5 transition-colors shrink-0", "aria-label": "Export conversation", title: "Export as Markdown" },
@@ -65,6 +65,6 @@ export const ChatComposer = React.forwardRef(function ChatComposer({ input, onCh
                                     React.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
                                     React.createElement("polyline", { points: "7 10 12 15 17 10" }),
                                     React.createElement("line", { x1: "12", y1: "15", x2: "12", y2: "3" })))),
-                            React.createElement(SubmitButton, { isLoading: isLoading || isListening, hasInput: !!input.trim(), onStop: isListening ? undefined : stop, onVoice: onVoice, disabled: !input.trim(), className: theme?.button }))))))));
+                            React.createElement(SubmitButton, { isLoading: isLoading || isListening, hasInput: !!input.trim(), onStop: isListening ? undefined : stop, onVoice: onVoice, disabled: !input.trim(), className: cn("size-9 shrink-0 rounded-full bg-[var(--foreground)] text-[var(--background)] transition-[background-color,color,box-shadow] hover:bg-[var(--card)] hover:text-[var(--foreground)] hover:shadow-[inset_0_0_0_1px_var(--foreground)] disabled:opacity-100", theme?.button) }))))))));
 });
 ChatComposer.displayName = "ChatComposer";

package/esm/src/react/components/chat/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAMpD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+LD,uBAAuB;AACvB,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,eAAe,GAChB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2FpC"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAMpD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAiMD,uBAAuB;AACvB,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,aAAoB,EACpB,eAAe,GAChB,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2FpC"}

package/esm/src/react/components/chat/markdown.js

@@ -7,6 +7,7 @@ const ESM_REACT_MARKDOWN = "https://esm.sh/react-markdown@9.0.3?target=es2022&pi
 const ESM_REMARK_GFM = "https://esm.sh/remark-gfm@4.0.1?target=es2022&pin=v135";
 const ESM_REHYPE_HIGHLIGHT = "https://esm.sh/rehype-highlight@7.0.2?target=es2022&pin=v135";
 const ESM_MERMAID = "https://esm.sh/mermaid@11.4.1?pin=v135";
+const MARKDOWN_CONTAINER_CLASS = "prose prose-sm max-w-none min-w-0 overflow-hidden break-words [overflow-wrap:anywhere] [&_*]:max-w-full";
 async function importFromUrl(url) {
     return await import(/* @vite-ignore */ url);
 }
@@ -88,7 +89,7 @@ function CodeBlock({ language, code, inline, enableMermaid, renderCodeBlock, })
     return React.createElement(RichCodeBlock, { language: language, code: code });
 }
 function FallbackMarkdown({ children, className, }) {
-    return (React.createElement("div", { className: cn("prose prose-sm max-w-none", className) },
+    return (React.createElement("div", { className: cn(MARKDOWN_CONTAINER_CLASS, className) },
         React.createElement("p", { className: "whitespace-pre-wrap" }, children)));
 }
 /** Render markdown. */
@@ -119,7 +120,7 @@ export function Markdown({ children, className, enableMermaid = true, renderCode
     if (!isLoaded || !ReactMarkdown) {
         return React.createElement(FallbackMarkdown, { className: className }, children);
     }
-    return (React.createElement("div", { className: cn("prose prose-sm max-w-none", className) },
+    return (React.createElement("div", { className: cn(MARKDOWN_CONTAINER_CLASS, className) },
         React.createElement(ReactMarkdown, { remarkPlugins: remarkGfm ? [remarkGfm] : [], rehypePlugins: rehypeHighlight ? [rehypeHighlight] : [], components: {
                 code(props) {
                     const { className: codeClassName, children: codeChildren, node } = props;
@@ -130,11 +131,11 @@ export function Markdown({ children, className, enableMermaid = true, renderCode
                     return (React.createElement(CodeBlock, { language: language, code: code, inline: isInline, enableMermaid: enableMermaid, renderCodeBlock: renderCodeBlock }));
                 },
                 table(props) {
-                    return (React.createElement("div", { className: "my-4 overflow-auto" },
-                        React.createElement("table", { className: "min-w-full divide-y divide-[var(--border)]" }, props.children)));
+                    return (React.createElement("div", { className: "my-4 max-w-full overflow-x-auto rounded-md border border-[var(--border)]" },
+                        React.createElement("table", { className: "w-full divide-y divide-[var(--border)]" }, props.children)));
                 },
                 a(props) {
-                    return (React.createElement("a", { href: props.href, className: "text-blue-600 hover:underline", target: "_blank", rel: "noopener noreferrer" }, props.children));
+                    return (React.createElement("a", { href: props.href, className: "break-words text-blue-600 hover:underline [overflow-wrap:anywhere]", target: "_blank", rel: "noopener noreferrer" }, props.children));
                 },
                 blockquote(props) {
                     return (React.createElement("blockquote", { className: "border-l-4 border-[var(--border)] pl-4 my-4 text-[var(--card-foreground)] italic" }, props.children));

package/esm/src/server/handlers/dev/framework-candidates.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework-candidates.generated.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/framework-candidates.generated.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EAujLjD,CAAC"}
+{"version":3,"file":"framework-candidates.generated.d.ts","sourceRoot":"","sources":["../../../../../src/src/server/handlers/dev/framework-candidates.generated.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,oBAAoB,EAAE,SAAS,MAAM,EA8mLjD,CAAC"}

package/esm/src/server/handlers/dev/framework-candidates.generated.js

@@ -27,6 +27,7 @@ export const FRAMEWORK_CANDIDATES = [
     "!gap-0",
     "!hasError",
     "!hasInput",
+    "!hasOutput",
     "!hideTabSwitcher",
     "!isActive",
     "!isBrowserEnvironment())",
@@ -635,6 +636,7 @@ export const FRAMEWORK_CANDIDATES = [
     "Blob([md],",
     "BlockRendererProps",
     "BlockRendererProps)",
+    "Boolean(tool.errorText);",
     "Boundary",
     "BrainIcon",
     "BrainIcon({",
@@ -1059,6 +1061,7 @@ export const FRAMEWORK_CANDIDATES = [
     "HTML",
     "HTMLButtonElement,",
     "HTMLDivElement,",
+    "HTMLElement).className.includes(",
     "HTMLElement).style.minWidth,",
     "HTMLElement:",
     "HTMLInputElement",
@@ -1072,6 +1075,7 @@ export const FRAMEWORK_CANDIDATES = [
     "Head-managed",
     "Head.tsx",
     "Head>",
+    "Hej",
     "Hello",
     "Helpful",
     "Hide",
@@ -1171,6 +1175,7 @@ export const FRAMEWORK_CANDIDATES = [
     "M7",
     "M8",
     "M9",
+    "MARKDOWN_CONTAINER_CLASS",
     "MB",
     "MCP,",
     "MESSAGE_SQUARE_ICON_ELEMENTS);",
@@ -1179,6 +1184,7 @@ export const FRAMEWORK_CANDIDATES = [
     "Markdown",
     "Markdown({",
     "Markdown>",
+    "Markdown>,",
     "MarkdownPlugin",
     "MarkdownPlugin[];",
     "MarkdownProps",
@@ -1507,6 +1513,7 @@ export const FRAMEWORK_CANDIDATES = [
     "React.useState(-1);",
     "React.useState(false);",
     "React.useState(initialContent);",
+    "React.useState(shouldExpandByDefault);",
     "React.useState(thread.title);",
     "React.useState(true);",
     "React.useState<ChatTab>(",
@@ -1683,6 +1690,7 @@ export const FRAMEWORK_CANDIDATES = [
     "Svg,",
     "SvgProps",
     "SvgProps):",
+    "Swedish",
     "Switch",
     "Sync",
     "System",
@@ -1869,6 +1877,7 @@ export const FRAMEWORK_CANDIDATES = [
     "Yesterday",
     "[",
     "[${i",
+    "[&_*]:max-w-full",
     "[&_.hljs]:bg-transparent",
     "[&_.hljs]:p-0",
     "[&_svg]:shrink-0",
@@ -1937,6 +1946,7 @@ export const FRAMEWORK_CANDIDATES = [
     "[onVoice,",
     "[open,",
     "[open]);",
+    "[overflow-wrap:anywhere]",
     "[persistThreads]);",
     "[persistThreads],",
     "[pos,",
@@ -1989,6 +1999,7 @@ export const FRAMEWORK_CANDIDATES = [
     "actions?:",
     "active",
     "active:",
+    "active:scale",
     "active:scale-95",
     "active:scale-[0.98]",
     "active?:",
@@ -2076,9 +2087,11 @@ export const FRAMEWORK_CANDIDATES = [
     "as",
     "asking",
     "assert(",
+    "assert((composer",
     "assert(attachButton,",
     "assert(button,",
     "assert(button.includes(",
+    "assert(composer,",
     "assert(menu,",
     "assert(reactProps.onKeyDown,",
     "assert(reactPropsKey,",
@@ -2087,6 +2100,8 @@ export const FRAMEWORK_CANDIDATES = [
     "assert(script,",
     "assert(selectAction,",
     "assert(style,",
+    "assert(submitButton,",
+    "assert(submitButton.className.includes(",
     "assert(textarea,",
     "assert(theme.messageVariants({",
     "assert(uploadAction,",
@@ -2099,6 +2114,7 @@ export const FRAMEWORK_CANDIDATES = [
     "assertEquals(getTextContent(message),",
     "assertEquals(groupPartsInOrder([]).length,",
     "assertEquals(groups.length,",
+    "assertEquals(html.includes(",
     "assertEquals(isReasoningPart(part),",
     "assertEquals(isToolPart(part),",
     "assertEquals(nonce,",
@@ -2106,6 +2122,7 @@ export const FRAMEWORK_CANDIDATES = [
     "assertEquals(removedExport",
     "assertEquals(second.type,",
     "assertEquals(selectCalls,",
+    "assertEquals(submitButton.className.includes(",
     "assertEquals(submitCalls,",
     "assertEquals(theme.messageVariants({",
     "assertEquals(third.type,",
@@ -2114,6 +2131,8 @@ export const FRAMEWORK_CANDIDATES = [
     "assertExists(first);",
     "assertExists(second);",
     "assertExists(third);",
+    "assertStringIncludes",
+    "assertStringIncludes(html,",
     "assistant",
     "assistant:",
     "assistant?:",
@@ -2261,7 +2280,6 @@ export const FRAMEWORK_CANDIDATES = [
     "border-t",
     "border-t-transparent",
     "border:",
-    "borderRadius:",
     "both",
     "bottom-11",
     "bottom-4",
@@ -2281,6 +2299,7 @@ export const FRAMEWORK_CANDIDATES = [
     "branches.total",
     "branching,",
     "brand",
+    "break-words",
     "break;",
     "browser",
     "browserStatus",
@@ -2306,6 +2325,7 @@ export const FRAMEWORK_CANDIDATES = [
     "buttonRef",
     "buttonRef.current;",
     "button[aria-label=",
+    "button[data-submit-button=",
     "buttons,",
     "button{cursor:pointer;}",
     "by",
@@ -2419,6 +2439,7 @@ export const FRAMEWORK_CANDIDATES = [
     "className={className}",
     "className={className}>{children}</FallbackMarkdown>;",
     "className={cn(",
+    "className={cn(MARKDOWN_CONTAINER_CLASS,",
     "className={cn(chat?.theme.message?.assistant,",
     "className={cn(chat?.theme.message?.user,",
     "className={cn(containerClassName,",
@@ -2433,7 +2454,6 @@ export const FRAMEWORK_CANDIDATES = [
     "className={theme.thinking}>",
     "className={theme.toolResult}",
     "className={theme.tool}",
-    "className={theme?.button}",
     "className={theme?.message?.user}>",
     "className?:",
     "classes.push(options.class,",
@@ -2484,6 +2504,7 @@ export const FRAMEWORK_CANDIDATES = [
     "color-scheme:",
     "colorClass",
     "colorClass,",
+    "column",
     "combine",
     "commitRename():",
     "commitRename();",
@@ -2786,6 +2807,7 @@ export const FRAMEWORK_CANDIDATES = [
     "document.querySelector(",
     "document.querySelector('[data-hydrated=",
     "document.querySelector('[role=",
+    "document.querySelector<HTMLButtonElement>(",
     "document.querySelector<HTMLElement>(",
     "document.removeEventListener(",
     "document:",
@@ -3041,6 +3063,9 @@ export const FRAMEWORK_CANDIDATES = [
     "focus-visible:ring-2",
     "focus-visible:ring-[var(--ring)]",
     "focus-visible:ring-offset-2",
+    "focus-within:border",
+    "focus-within:border-[var(--foreground)]",
+    "focus-within:shadow-md",
     "focus:outline-none",
     "focus:ring-0",
     "focused",
@@ -3239,15 +3264,20 @@ export const FRAMEWORK_CANDIDATES = [
     "handles",
     "has",
     "hasBranches",
+    "hasError",
     "hasError,",
     "hasError:",
+    "hasError;",
     "hasGroups",
     "hasInput,",
     "hasInput={!!input.trim()}",
     "hasInput?:",
     "hasMessages",
+    "hasOutput",
     "hasThreads",
     "hasToolCalls",
+    "hasVisibleToolOutput(output:",
+    "hasVisibleToolOutput(tool.output);",
     "head>",
     "height:",
     "height=",
@@ -3282,6 +3312,8 @@ export const FRAMEWORK_CANDIDATES = [
     "hover:border-[var(--input-border)]",
     "hover:opacity-80",
     "hover:opacity-90",
+    "hover:shadow",
+    "hover:shadow-[inset_0_0_0_1px_var(--foreground)]",
     "hover:text-[var(--destructive)]",
     "hover:text-[var(--foreground)]",
     "hover:text-emerald-500",
@@ -3600,6 +3632,7 @@ export const FRAMEWORK_CANDIDATES = [
     "lines.push(toolSummaries.join(",
     "lines:",
     "link[nonce]",
+    "links",
     "list",
     "list.",
     "listbox",
@@ -3639,6 +3672,8 @@ export const FRAMEWORK_CANDIDATES = [
     "log",
     "logomark",
     "logomarks",
+    "long",
+    "long-source-link-without-natural-break-points",
     "loop",
     "loop.",
     "lower",
@@ -3679,9 +3714,11 @@ export const FRAMEWORK_CANDIDATES = [
     "max-sm:shadow-xl",
     "max-sm:z-20",
     "max-w-2xl",
+    "max-w-3xl",
     "max-w-[120px]",
     "max-w-[160px]",
     "max-w-[80%]",
+    "max-w-full",
     "max-w-md",
     "max-w-none",
     "max-w-sm",
@@ -3907,6 +3944,7 @@ export const FRAMEWORK_CANDIDATES = [
     "node",
     "node?:",
     "non-renderable",
+    "non-scaling",
     "non-text",
     "nonce",
     "nonce-123",
@@ -4399,6 +4437,7 @@ export const FRAMEWORK_CANDIDATES = [
     "primary:",
     "primitives/index.ts",
     "process</span>;",
+    "prompt",
     "prompt?:",
     "prop)",
     "properties",
@@ -4439,6 +4478,7 @@ export const FRAMEWORK_CANDIDATES = [
     "py-4",
     "py-5",
     "py-6",
+    "query:",
     "questions",
     "quick",
     "quickActions",
@@ -4586,11 +4626,13 @@ export const FRAMEWORK_CANDIDATES = [
     "renderOutput,",
     "renderOutput?:",
     "renderOutputAsTable(output:",
-    "renderOutputAsTable(tool.output);",
+    "renderOutputAsTable(tool.output)",
     "renderReasoning)",
     "renderReasoning,",
     "renderReasoning?:",
     "renderToString",
+    "renderToString(",
+    "renderToString(<ToolCallCard",
     "renderToString(element);",
     "renderTool",
     "renderTool(group.tool)",
@@ -4618,6 +4660,7 @@ export const FRAMEWORK_CANDIDATES = [
     "requestAnimationFrame:",
     "reset",
     "reset:",
+    "residency",
     "resize",
     "resize();",
     "resize-none",
@@ -4853,9 +4896,11 @@ export const FRAMEWORK_CANDIDATES = [
     "shadow-xl",
     "shape",
     "shared",
+    "shell",
     "shiftKey:",
     "shiftKey?:",
     "shimmer.",
+    "shouldExpandByDefault",
     "shouldRender",
     "shouldShowSources",
     "show",
@@ -5076,6 +5121,7 @@ export const FRAMEWORK_CANDIDATES = [
     "submit",
     "submit.",
     "submit?:",
+    "submitButton",
     "submitCalls",
     "submits",
     "suggestion,",
@@ -5146,6 +5192,7 @@ export const FRAMEWORK_CANDIDATES = [
     "take",
     "target",
     "target=",
+    "tax",
     "tbody>",
     "tc1",
     "td",
@@ -5241,6 +5288,7 @@ export const FRAMEWORK_CANDIDATES = [
     "theme:",
     "theme={theme}",
     "theme={userTheme}",
+    "theme?.button,",
     "theme?.input,",
     "theme?:",
     "themes",
@@ -5337,6 +5385,8 @@ export const FRAMEWORK_CANDIDATES = [
     "tool-primitives.tsx",
     "tool-result",
     "tool-search",
+    "tool-ui.tsx",
+    "tool-web-search",
     "tool.",
     "tool.error",
     "tool.errorText}",
@@ -5350,6 +5400,7 @@ export const FRAMEWORK_CANDIDATES = [
     "tool.type",
     "tool:",
     "tool={group.tool}",
+    "tool={tool}",
     "tool?:",
     "toolCall:",
     "toolCallId",
@@ -5392,6 +5443,8 @@ export const FRAMEWORK_CANDIDATES = [
     "transcript?:",
     "transform",
     "transform:",
+    "transition-[background-color,color,box-shadow]",
+    "transition-[border-color,box-shadow]",
     "transition-all",
     "transition-colors",
     "transition-transform",
@@ -5540,6 +5593,7 @@ export const FRAMEWORK_CANDIDATES = [
     "userToggledRef",
     "userToggledRef.current",
     "userToggledRef.current)",
+    "uses",
     "using",
     "utility",
     "utils",
@@ -5640,6 +5694,7 @@ export const FRAMEWORK_CANDIDATES = [
     "waitFor(condition:",
     "waiting",
     "we",
+    "web_search",
     "when",
     "which",
     "while",

package/esm/src/utils/version-constant.d.ts

@@ -1,3 +1,3 @@
 /** Shared version value. */
-export declare const VERSION = "0.1.647";
+export declare const VERSION = "0.1.649";
 //# sourceMappingURL=version-constant.d.ts.map

package/esm/src/utils/version-constant.js

@@ -1,4 +1,4 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
 /** Shared version value. */
-export const VERSION = "0.1.647";
+export const VERSION = "0.1.649";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.647",
+  "version": "0.1.649",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",