@sero-ai/ui 0.4.1 → 0.4.2

package/dist/components/ai-elements/test-results.cjs

@@ -113,7 +113,7 @@ const TestResultsDuration = ({
   if (!_optionalChain([summary, 'optionalAccess', _ => _.duration])) {
     return null;
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "text-muted-foreground text-sm", className), ...props, children: _nullishCoalesce(children, () => ( formatDuration(summary.duration))) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "text-muted-foreground text-base", className), ...props, children: _nullishCoalesce(children, () => ( formatDuration(summary.duration))) });
 };
 const TestResultsProgress = ({
   className,
@@ -193,7 +193,7 @@ const TestSuiteName = ({
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestStatusIcon, { status }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: _nullishCoalesce(children, () => ( name)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-base", children: _nullishCoalesce(children, () => ( name)) })
       ]
     }
   );
@@ -250,7 +250,7 @@ const Test = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _utils.cn.call(void 0, "flex items-center gap-2 px-4 py-2 text-sm", className),
+      className: _utils.cn.call(void 0, "flex items-center gap-2 px-4 py-2 text-base", className),
       ...props,
       children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestStatus, {}),
@@ -333,7 +333,7 @@ const TestErrorMessage = ({
   "p",
   {
     className: _utils.cn.call(void 0, 
-      "font-medium text-red-700 text-sm dark:text-red-400",
+      "font-medium text-red-700 text-base dark:text-red-400",
       className
     ),
     ...props,

package/dist/components/ai-elements/test-results.js

@@ -113,7 +113,7 @@ const TestResultsDuration = ({
   if (!summary?.duration) {
     return null;
   }
-  return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-sm", className), ...props, children: children ?? formatDuration(summary.duration) });
+  return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground text-base", className), ...props, children: children ?? formatDuration(summary.duration) });
 };
 const TestResultsProgress = ({
   className,
@@ -193,7 +193,7 @@ const TestSuiteName = ({
       children: [
         /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
         /* @__PURE__ */ jsx(TestStatusIcon, { status }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: children ?? name })
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-base", children: children ?? name })
       ]
     }
   );
@@ -250,7 +250,7 @@ const Test = ({
   return /* @__PURE__ */ jsx(TestContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn("flex items-center gap-2 px-4 py-2 text-sm", className),
+      className: cn("flex items-center gap-2 px-4 py-2 text-base", className),
       ...props,
       children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(TestStatus, {}),
@@ -333,7 +333,7 @@ const TestErrorMessage = ({
   "p",
   {
     className: cn(
-      "font-medium text-red-700 text-sm dark:text-red-400",
+      "font-medium text-red-700 text-base dark:text-red-400",
       className
     ),
     ...props,

package/dist/components/ai-elements/tool.cjs

@@ -65,7 +65,7 @@ const ToolHeader = ({
       ...props,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.WrenchIcon, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.WrenchIcon, { className: "size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: _nullishCoalesce(title, () => ( derivedName)) }),
           getStatusBadge(state)
         ] }),
@@ -86,7 +86,7 @@ const ToolContent = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx
 );
 const ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2 overflow-hidden", className), ...props, children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { code: JSON.stringify(input, null, 2), language: "json" }) })
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { className: "text-sm", code: JSON.stringify(input, null, 2), language: "json" }) })
 ] });
 const ToolOutput = ({
   className,
@@ -99,9 +99,9 @@ const ToolOutput = ({
   }
   let Output = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: output });
   if (typeof output === "object" && !_react.isValidElement.call(void 0, output)) {
-    Output = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { code: JSON.stringify(output, null, 2), language: "json" });
+    Output = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { className: "text-sm", code: JSON.stringify(output, null, 2), language: "json" });
   } else if (typeof output === "string") {
-    Output = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { code: output, language: "json" });
+    Output = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _codeblock.CodeBlock, { className: "text-sm", code: output, language: "json" });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2", className), ...props, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),

package/dist/components/ai-elements/tool.js

@@ -65,7 +65,7 @@ const ToolHeader = ({
       ...props,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(WrenchIcon, { className: "size-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(WrenchIcon, { className: "size-3.5 text-muted-foreground" }),
           /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: title ?? derivedName }),
           getStatusBadge(state)
         ] }),
@@ -86,7 +86,7 @@ const ToolContent = ({ className, ...props }) => /* @__PURE__ */ jsx(
 );
 const ToolInput = ({ className, input, ...props }) => /* @__PURE__ */ jsxs("div", { className: cn("space-y-2 overflow-hidden", className), ...props, children: [
   /* @__PURE__ */ jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }),
-  /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(input, null, 2), language: "json" }) })
+  /* @__PURE__ */ jsx("div", { className: "rounded-md bg-muted/50", children: /* @__PURE__ */ jsx(CodeBlock, { className: "text-sm", code: JSON.stringify(input, null, 2), language: "json" }) })
 ] });
 const ToolOutput = ({
   className,
@@ -99,9 +99,9 @@ const ToolOutput = ({
   }
   let Output = /* @__PURE__ */ jsx("div", { children: output });
   if (typeof output === "object" && !isValidElement(output)) {
-    Output = /* @__PURE__ */ jsx(CodeBlock, { code: JSON.stringify(output, null, 2), language: "json" });
+    Output = /* @__PURE__ */ jsx(CodeBlock, { className: "text-sm", code: JSON.stringify(output, null, 2), language: "json" });
   } else if (typeof output === "string") {
-    Output = /* @__PURE__ */ jsx(CodeBlock, { code: output, language: "json" });
+    Output = /* @__PURE__ */ jsx(CodeBlock, { className: "text-sm", code: output, language: "json" });
   }
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), ...props, children: [
     /* @__PURE__ */ jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? "Error" : "Result" }),

package/dist/components/ai-elements/transcription.cjs

@@ -36,7 +36,7 @@ const Transcription = ({
     "div",
     {
       className: _utils.cn.call(void 0, 
-        "flex flex-wrap gap-1 text-sm leading-relaxed",
+        "flex flex-wrap gap-1 text-base leading-relaxed",
         className
       ),
       "data-slot": "transcription",

package/dist/components/ai-elements/transcription.js

@@ -36,7 +36,7 @@ const Transcription = ({
     "div",
     {
       className: cn(
-        "flex flex-wrap gap-1 text-sm leading-relaxed",
+        "flex flex-wrap gap-1 text-base leading-relaxed",
         className
       ),
       "data-slot": "transcription",

package/dist/components/ai-elements/web-preview.cjs

@@ -130,7 +130,7 @@ const WebPreviewUrl = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _input.Input,
     {
-      className: "h-8 flex-1 text-sm",
+      className: "h-8 flex-1 text-base",
       onChange: _nullishCoalesce(onChange, () => ( handleChange)),
       onKeyDown: handleKeyDown,
       placeholder: "Enter URL...",
@@ -170,7 +170,7 @@ const WebPreviewConsole = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _collapsible.Collapsible,
     {
-      className: _utils.cn.call(void 0, "border-t bg-muted/50 font-mono text-sm", className),
+      className: _utils.cn.call(void 0, "border-t bg-muted/50 font-mono text-base", className),
       onOpenChange: setConsoleOpen,
       open: consoleOpen,
       ...props,

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

@@ -130,7 +130,7 @@ const WebPreviewUrl = ({
   return /* @__PURE__ */ jsx(
     Input,
     {
-      className: "h-8 flex-1 text-sm",
+      className: "h-8 flex-1 text-base",
       onChange: onChange ?? handleChange,
       onKeyDown: handleKeyDown,
       placeholder: "Enter URL...",
@@ -170,7 +170,7 @@ const WebPreviewConsole = ({
   return /* @__PURE__ */ jsxs(
     Collapsible,
     {
-      className: cn("border-t bg-muted/50 font-mono text-sm", className),
+      className: cn("border-t bg-muted/50 font-mono text-base", className),
       onOpenChange: setConsoleOpen,
       open: consoleOpen,
       ...props,

package/dist/components/context-editor/CapabilitySection.cjs

@@ -27,7 +27,7 @@ function CapabilitySection({
       defaultOpen: false,
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
         items.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-1 flex items-center justify-between rounded-md border-b border-border/20 px-2 pb-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: includeAllLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: includeAllLabel }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _switch.Switch,
             {
@@ -47,7 +47,7 @@ function CapabilitySection({
           },
           item.name
         )),
-        items.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] italic text-[var(--text-muted)]", children: emptyLabel })
+        items.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm italic text-[var(--text-muted)]", children: emptyLabel })
       ] })
     }
   );

package/dist/components/context-editor/CapabilitySection.js

@@ -27,7 +27,7 @@ function CapabilitySection({
       defaultOpen: false,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between rounded-md border-b border-border/20 px-2 pb-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-[var(--text-secondary)]", children: includeAllLabel }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: includeAllLabel }),
           /* @__PURE__ */ jsx(
             Switch,
             {
@@ -47,7 +47,7 @@ function CapabilitySection({
           },
           item.name
         )),
-        items.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-[11px] italic text-[var(--text-muted)]", children: emptyLabel })
+        items.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-sm italic text-[var(--text-muted)]", children: emptyLabel })
       ] })
     }
   );

package/dist/components/context-editor/ContextEditor.cjs

@@ -49,7 +49,7 @@ function ContextEditor({
       showCloseButton: true,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.DialogHeader, { children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.DialogTitle, { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.DialogTitle, { className: "flex items-center gap-2 text-base", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Settings2, { className: "size-4 text-[var(--text-muted)]" }),
             title
           ] }),
@@ -74,7 +74,7 @@ function ContextEditor({
         ] }) }),
         applyError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-2 rounded-md border border-status-error-border bg-status-error-muted px-3 py-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "mt-0.5 size-3.5 shrink-0 text-status-error" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] text-status-error", children: applyError })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-status-error", children: applyError })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _dialog.DialogFooter, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/components/context-editor/ContextEditor.js

@@ -49,7 +49,7 @@ function ContextEditor({
       showCloseButton: true,
       children: [
         /* @__PURE__ */ jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2 text-base", children: [
             /* @__PURE__ */ jsx(Settings2, { className: "size-4 text-[var(--text-muted)]" }),
             title
           ] }),
@@ -74,7 +74,7 @@ function ContextEditor({
         ] }) }),
         applyError && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border border-status-error-border bg-status-error-muted px-3 py-2", children: [
           /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 size-3.5 shrink-0 text-status-error" }),
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-status-error", children: applyError })
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-status-error", children: applyError })
         ] }),
         /* @__PURE__ */ jsxs(DialogFooter, { children: [
           /* @__PURE__ */ jsx(

package/dist/components/context-editor/PresetBar.cjs

@@ -23,7 +23,7 @@ function PresetBar({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] font-medium text-[var(--text-muted)]", children: "Preset:" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium text-[var(--text-muted)]", children: "Preset:" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _select.Select, { value: _nullishCoalesce(activePresetId, () => ( "")), onValueChange: onPresetChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectTrigger, { size: "sm", className: "h-7 w-40 text-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectValue, { placeholder: "Custom" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectContent, { children: allPresets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _select.SelectItem, { value: preset.id, children: preset.name }, preset.id)) })
@@ -43,7 +43,7 @@ function PresetBar({
         {
           type: "button",
           onClick: onShowSave,
-          className: "flex items-center gap-1 rounded-md px-2 py-1 text-[11px] text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
+          className: "flex items-center gap-1 rounded-md px-2 py-1 text-sm text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Save, { className: "size-3" }),
             "Save as"
@@ -55,7 +55,7 @@ function PresetBar({
         {
           type: "button",
           onClick: onReset,
-          className: "ml-auto flex items-center gap-1 rounded-md px-2 py-1 text-[11px] text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
+          className: "ml-auto flex items-center gap-1 rounded-md px-2 py-1 text-sm text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RotateCcw, { className: "size-3" }),
             "Reset"

package/dist/components/context-editor/PresetBar.js

@@ -23,7 +23,7 @@ function PresetBar({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-[var(--text-muted)]", children: "Preset:" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-muted)]", children: "Preset:" }),
       /* @__PURE__ */ jsxs(Select, { value: activePresetId ?? "", onValueChange: onPresetChange, children: [
         /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "h-7 w-40 text-xs", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Custom" }) }),
         /* @__PURE__ */ jsx(SelectContent, { children: allPresets.map((preset) => /* @__PURE__ */ jsx(SelectItem, { value: preset.id, children: preset.name }, preset.id)) })
@@ -43,7 +43,7 @@ function PresetBar({
         {
           type: "button",
           onClick: onShowSave,
-          className: "flex items-center gap-1 rounded-md px-2 py-1 text-[11px] text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
+          className: "flex items-center gap-1 rounded-md px-2 py-1 text-sm text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
           children: [
             /* @__PURE__ */ jsx(Save, { className: "size-3" }),
             "Save as"
@@ -55,7 +55,7 @@ function PresetBar({
         {
           type: "button",
           onClick: onReset,
-          className: "ml-auto flex items-center gap-1 rounded-md px-2 py-1 text-[11px] text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
+          className: "ml-auto flex items-center gap-1 rounded-md px-2 py-1 text-sm text-[var(--text-muted)] transition-colors hover:bg-[var(--bg-elevated)] hover:text-[var(--text-secondary)]",
           children: [
             /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
             "Reset"

package/dist/components/context-editor/SystemPromptSection.cjs

@@ -27,13 +27,13 @@ function SystemPromptSection({
       defaultOpen: false,
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[10px] text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
           systemPrompt !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
               type: "button",
               onClick: () => onSystemPromptChange(null),
-              className: "text-[10px] text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
+              className: "text-sm text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
               children: "Reset to default"
             }
           )
@@ -44,11 +44,11 @@ function SystemPromptSection({
             "aria-label": "System prompt",
             value: displayedPrompt,
             onChange: (event) => onSystemPromptChange(event.target.value),
-            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-[11px] text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
+            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-sm text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
             placeholder: c.placeholder
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-[10px] text-[var(--text-muted)]", children: c.footnote })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-[var(--text-muted)]", children: c.footnote })
       ] })
     }
   );

package/dist/components/context-editor/SystemPromptSection.js

@@ -27,13 +27,13 @@ function SystemPromptSection({
       defaultOpen: false,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-muted)]", children: systemPrompt === null ? c.defaultHint : systemPrompt === "" ? c.emptyHint : c.customHint }),
           systemPrompt !== null && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: () => onSystemPromptChange(null),
-              className: "text-[10px] text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
+              className: "text-sm text-[var(--text-muted)] transition-colors hover:text-[var(--text-secondary)]",
               children: "Reset to default"
             }
           )
@@ -44,11 +44,11 @@ function SystemPromptSection({
             "aria-label": "System prompt",
             value: displayedPrompt,
             onChange: (event) => onSystemPromptChange(event.target.value),
-            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-[11px] text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
+            className: "h-80 w-full resize-y rounded-md border border-border/30 bg-[var(--bg-base)] p-2 font-mono text-sm text-[var(--text-secondary)] placeholder:text-[var(--text-muted)] outline-none focus:border-[var(--accent-primary)]",
             placeholder: c.placeholder
           }
         ),
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-[var(--text-muted)]", children: c.footnote })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-muted)]", children: c.footnote })
       ] })
     }
   );

package/dist/components/context-editor/parts.cjs

@@ -68,7 +68,7 @@ function ContextSection({
               ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: _utils.cn.call(void 0, "size-3.5", iconTintClass[tint]) }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium text-[var(--text-secondary)]", children: title }),
-              count !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-[11px] text-[var(--text-muted)]", children: [
+              count !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-sm text-[var(--text-muted)]", children: [
                 "(",
                 count,
                 ")"
@@ -77,7 +77,7 @@ function ContextSection({
                 "span",
                 {
                   className: _utils.cn.call(void 0, 
-                    "ml-auto rounded-full px-2 py-0.5 text-[10px] font-medium",
+                    "ml-auto rounded-full px-2 py-0.5 text-sm font-medium",
                     badgeClass[badgeVariant]
                   ),
                   children: badge
@@ -117,10 +117,10 @@ function ToggleRow({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, 
-            "text-[11px] font-medium",
+            "text-sm font-medium",
             enabled ? "text-[var(--text-secondary)]" : "text-[var(--text-muted)]"
           ), children: name }),
-          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-0.5 text-[10px] leading-snug text-[var(--text-muted)]/60", children: description })
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-0.5 text-sm leading-snug text-[var(--text-muted)]/60", children: description })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _switch.Switch,
@@ -162,7 +162,7 @@ function SavePresetInput({
         type: "button",
         onClick: () => name.trim() && onSave(name.trim()),
         disabled: !name.trim(),
-        className: "rounded-md bg-[var(--accent-primary)] px-2 py-1 text-[11px] font-medium text-white disabled:opacity-50",
+        className: "rounded-md bg-[var(--accent-primary)] px-2 py-1 text-sm font-medium text-white disabled:opacity-50",
         children: "Save"
       }
     ),
@@ -171,7 +171,7 @@ function SavePresetInput({
       {
         type: "button",
         onClick: onCancel,
-        className: "text-[11px] text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
+        className: "text-sm text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
         children: "Cancel"
       }
     )

package/dist/components/context-editor/parts.js

@@ -68,7 +68,7 @@ function ContextSection({
               ),
               /* @__PURE__ */ jsx(Icon, { className: cn("size-3.5", iconTintClass[tint]) }),
               /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-secondary)]", children: title }),
-              count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-[var(--text-muted)]", children: [
+              count !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--text-muted)]", children: [
                 "(",
                 count,
                 ")"
@@ -77,7 +77,7 @@ function ContextSection({
                 "span",
                 {
                   className: cn(
-                    "ml-auto rounded-full px-2 py-0.5 text-[10px] font-medium",
+                    "ml-auto rounded-full px-2 py-0.5 text-sm font-medium",
                     badgeClass[badgeVariant]
                   ),
                   children: badge
@@ -117,10 +117,10 @@ function ToggleRow({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("div", { className: cn(
-            "text-[11px] font-medium",
+            "text-sm font-medium",
             enabled ? "text-[var(--text-secondary)]" : "text-[var(--text-muted)]"
           ), children: name }),
-          description && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] leading-snug text-[var(--text-muted)]/60", children: description })
+          description && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-sm leading-snug text-[var(--text-muted)]/60", children: description })
         ] }),
         /* @__PURE__ */ jsx(
           Switch,
@@ -162,7 +162,7 @@ function SavePresetInput({
         type: "button",
         onClick: () => name.trim() && onSave(name.trim()),
         disabled: !name.trim(),
-        className: "rounded-md bg-[var(--accent-primary)] px-2 py-1 text-[11px] font-medium text-white disabled:opacity-50",
+        className: "rounded-md bg-[var(--accent-primary)] px-2 py-1 text-sm font-medium text-white disabled:opacity-50",
         children: "Save"
       }
     ),
@@ -171,7 +171,7 @@ function SavePresetInput({
       {
         type: "button",
         onClick: onCancel,
-        className: "text-[11px] text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
+        className: "text-sm text-[var(--text-muted)] hover:text-[var(--text-secondary)]",
         children: "Cancel"
       }
     )

package/dist/components/dashboard/activity-list.cjs

@@ -22,7 +22,7 @@ function ActivityListItem({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-xs text-[var(--text-primary)]", children: label }),
-            timestamp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: timestamp })
+            timestamp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: timestamp })
           ] }),
           detail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: detail })
         ] })
@@ -44,7 +44,7 @@ function ActivityList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "pl-5 pt-0.5 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "pl-5 pt-0.5 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"

package/dist/components/dashboard/activity-list.js

@@ -22,7 +22,7 @@ function ActivityListItem({
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
             /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-[var(--text-primary)]", children: label }),
-            timestamp && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: timestamp })
+            timestamp && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: timestamp })
           ] }),
           detail && /* @__PURE__ */ jsx("span", { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: detail })
         ] })
@@ -44,7 +44,7 @@ function ActivityList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ jsxs("li", { className: "pl-5 pt-0.5 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ jsxs("li", { className: "pl-5 pt-0.5 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"

package/dist/components/dashboard/empty-state.cjs

@@ -36,7 +36,7 @@ function EmptyState({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typography.Icon, { icon, size: "md", className: "text-current" })
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _empty.EmptyTitle, { className: "text-sm font-medium text-[var(--text-primary)]", children: title }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _empty.EmptyTitle, { className: "text-base font-medium text-[var(--text-primary)]", children: title }),
           message && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _empty.EmptyDescription, { className: "text-xs text-[var(--text-muted)]", children: message })
         ] }),
         action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _empty.EmptyContent, { className: "gap-2", children: action })

package/dist/components/dashboard/empty-state.js

@@ -36,7 +36,7 @@ function EmptyState({
               children: /* @__PURE__ */ jsx(Icon, { icon, size: "md", className: "text-current" })
             }
           ),
-          /* @__PURE__ */ jsx(EmptyTitle, { className: "text-sm font-medium text-[var(--text-primary)]", children: title }),
+          /* @__PURE__ */ jsx(EmptyTitle, { className: "text-base font-medium text-[var(--text-primary)]", children: title }),
           message && /* @__PURE__ */ jsx(EmptyDescription, { className: "text-xs text-[var(--text-muted)]", children: message })
         ] }),
         action && /* @__PURE__ */ jsx(EmptyContent, { className: "gap-2", children: action })

package/dist/components/dashboard/item-list.cjs

@@ -35,7 +35,7 @@ function ItemListItem({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _item.ItemTitle, { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: primary }),
           secondary && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _item.ItemDescription, { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: secondary })
         ] }),
-        trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: trailing }),
+        trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: trailing }),
         actions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _item.ItemActions, { children: actions })
       ]
     }
@@ -56,7 +56,7 @@ function ItemList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "px-2 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "px-2 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"

package/dist/components/dashboard/item-list.js

@@ -35,7 +35,7 @@ function ItemListItem({
           /* @__PURE__ */ jsx(ItemTitle, { className: "truncate text-xs font-medium text-[var(--text-primary)]", children: primary }),
           secondary && /* @__PURE__ */ jsx(ItemDescription, { className: "line-clamp-1 text-xs text-[var(--text-muted)]", children: secondary })
         ] }),
-        trailing && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] tabular-nums text-[var(--text-muted)]", children: trailing }),
+        trailing && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-[var(--text-muted)]", children: trailing }),
         actions && /* @__PURE__ */ jsx(ItemActions, { children: actions })
       ]
     }
@@ -56,7 +56,7 @@ function ItemList({
       ...props,
       children: [
         children,
-        overflowCount > 0 && /* @__PURE__ */ jsxs("span", { className: "px-2 text-[11px] text-[var(--text-muted)]", children: [
+        overflowCount > 0 && /* @__PURE__ */ jsxs("span", { className: "px-2 text-sm text-[var(--text-muted)]", children: [
           "+",
           overflowCount,
           " more"

package/dist/components/dashboard/layout.cjs

@@ -153,7 +153,7 @@ function Section({
       children: [
         (heading || action) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-            heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "truncate text-[11px] font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
+            heading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "truncate text-sm font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
             description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-xs text-[var(--text-muted)]", children: description })
           ] }),
           action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: action })

package/dist/components/dashboard/layout.js

@@ -153,7 +153,7 @@ function Section({
       children: [
         (heading || action) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-            heading && /* @__PURE__ */ jsx("h3", { className: "truncate text-[11px] font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
+            heading && /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold uppercase tracking-wider text-[var(--text-muted)]", children: heading }),
             description && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-[var(--text-muted)]", children: description })
           ] }),
           action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })

package/dist/components/dashboard/metric.cjs

@@ -34,7 +34,7 @@ function Metric({
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5", children: [
           icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typography.Icon, { icon, size: "sm" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-[11px] font-medium uppercase tracking-wide text-[var(--text-muted)]", children: label })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-sm font-medium uppercase tracking-wide text-[var(--text-muted)]", children: label })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline gap-1.5", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0,