@toolr/ui-design 0.1.5 → 0.1.6

package/dist/index.js

@@ -166,7 +166,7 @@ function AiToolIcon({ tool, size, showName, className, style }) {
   if (!showName) return img;
   return /* @__PURE__ */ jsxs2("span", { style: { display: "inline-flex", flexDirection: "column", alignItems: "center", gap: 4 }, children: [
     img,
-    /* @__PURE__ */ jsx2("span", { className: "text-xss text-neutral-400", children: AI_TOOL_NAMES[tool] ?? tool })
+    /* @__PURE__ */ jsx2("span", { className: "text-xs text-neutral-400", children: AI_TOOL_NAMES[tool] ?? tool })
   ] });
 }
 
@@ -452,9 +452,9 @@ function Tooltip({
       onMouseEnter: interactive && trigger !== "click" ? show : void 0,
       onMouseLeave: interactive && trigger !== "click" ? hide : void 0,
       children: [
-        content.title && /* @__PURE__ */ jsx3("p", { className: "text-sm text-neutral-200 font-medium", children: content.title }),
-        /* @__PURE__ */ jsx3("div", { className: `text-xs text-neutral-400 ${content.title ? "mt-0.5" : ""}`, children: content.description }),
-        content.extra && /* @__PURE__ */ jsx3("p", { className: "text-xs text-orange-400/70 mt-0.5", children: content.extra }),
+        content.title && /* @__PURE__ */ jsx3("p", { className: "text-md text-neutral-200 font-medium", children: content.title }),
+        /* @__PURE__ */ jsx3("div", { className: `text-sm text-neutral-400 ${content.title ? "mt-0.5" : ""}`, children: content.description }),
+        content.extra && /* @__PURE__ */ jsx3("p", { className: "text-sm text-orange-400/70 mt-0.5", children: content.extra }),
         /* @__PURE__ */ jsx3("div", { className: arrowClasses })
       ]
     }
@@ -711,7 +711,7 @@ function IconButton({
     badge !== void 0 && /* @__PURE__ */ jsx4(
       "span",
       {
-        className: `absolute -top-1 -right-1 min-w-[18px] h-[18px] flex items-center justify-center px-1 text-xs font-bold text-white rounded-full ${badgeColorClasses[badgeColor]}`,
+        className: `absolute -top-1 -right-1 min-w-[18px] h-[18px] flex items-center justify-center px-1 text-sm font-bold text-white rounded-full ${badgeColorClasses[badgeColor]}`,
         children: typeof badge === "number" && badge > 99 ? "99+" : badge
       }
     )
@@ -799,10 +799,10 @@ var progressFillColors = {
 };
 var sizeConfig = {
   xss: { height: 14, padding: "px-1", text: "text-xss", iconSize: "w-2 h-2", gap: "gap-0.5" },
-  xs: { height: 16, padding: "px-1.5", text: "text-xss", iconSize: "w-2.5 h-2.5", gap: "gap-1" },
-  sm: { height: 18, padding: "px-1.5", text: "text-xss", iconSize: "w-2.5 h-2.5", gap: "gap-1.5" },
-  md: { height: 20, padding: "px-1.5", text: "text-xss", iconSize: "w-3 h-3", gap: "gap-1" },
-  lg: { height: 22, padding: "px-2", text: "text-xs", iconSize: "w-3 h-3", gap: "gap-1" }
+  xs: { height: 16, padding: "px-1.5", text: "text-xs", iconSize: "w-2.5 h-2.5", gap: "gap-1" },
+  sm: { height: 18, padding: "px-1.5", text: "text-xs", iconSize: "w-2.5 h-2.5", gap: "gap-1.5" },
+  md: { height: 20, padding: "px-1.5", text: "text-xs", iconSize: "w-3 h-3", gap: "gap-1" },
+  lg: { height: 22, padding: "px-2", text: "text-sm", iconSize: "w-3 h-3", gap: "gap-1" }
 };
 function smartCapitalize(value) {
   return value.replace(/(^|[\s-])(\w)/g, (_match, separator, char) => separator + char.toUpperCase());
@@ -907,10 +907,10 @@ var colorClasses3 = {
 };
 var sizeClasses2 = {
   xss: "min-w-[14px] h-[14px] px-0.5 text-xss",
-  xs: "min-w-[16px] h-[16px] px-1 text-xss",
-  sm: "min-w-[18px] h-[18px] px-1 text-xss",
-  md: "min-w-[20px] h-[20px] px-1.5 text-xss",
-  lg: "min-w-[22px] h-[22px] px-1.5 text-xs"
+  xs: "min-w-[16px] h-[16px] px-1 text-xs",
+  sm: "min-w-[18px] h-[18px] px-1 text-xs",
+  md: "min-w-[20px] h-[20px] px-1.5 text-xs",
+  lg: "min-w-[22px] h-[22px] px-1.5 text-sm"
 };
 function Badge({
   value,
@@ -1161,10 +1161,10 @@ import { Search as Search2, X as X2, Eye as Eye2, EyeOff as EyeOff2 } from "luci
 import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var sizeClasses4 = {
   xss: "px-1 py-0.5 text-xss",
-  xs: "px-1.5 py-0.5 text-xs",
-  sm: "px-2 py-1 text-xs",
-  md: "px-3 py-1.5 text-sm",
-  lg: "px-3 py-2 text-sm"
+  xs: "px-1.5 py-0.5 text-sm",
+  sm: "px-2 py-1 text-sm",
+  md: "px-3 py-1.5 text-md",
+  lg: "px-3 py-2 text-md"
 };
 var variantClasses = {
   filled: "bg-neutral-800",
@@ -1321,7 +1321,7 @@ var Input = forwardRef(function Input2({
             debounceKey
           )
         ] }),
-        typeof error === "string" && error && /* @__PURE__ */ jsx10("p", { className: "text-xs text-red-400 mt-1 text-right", children: error })
+        typeof error === "string" && error && /* @__PURE__ */ jsx10("p", { className: "text-sm text-red-400 mt-1 text-right", children: error })
       ]
     }
   );
@@ -1333,10 +1333,10 @@ import { ChevronUp as ChevronUp2, ChevronDown as ChevronDown2 } from "lucide-rea
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var SIZE_CONFIG = {
   xss: { wrapper: "h-[18px]", input: "px-1 text-xss", chevron: "w-2.5 h-2.5", stepperW: "w-4" },
-  xs: { wrapper: "h-6", input: "px-1.5 text-xs", chevron: "w-2.5 h-2.5", stepperW: "w-5" },
-  sm: { wrapper: "h-7", input: "px-2 text-xs", chevron: "w-3 h-3", stepperW: "w-5" },
-  md: { wrapper: "h-8", input: "px-3 text-sm", chevron: "w-3 h-3", stepperW: "w-6" },
-  lg: { wrapper: "h-9", input: "px-3 text-sm", chevron: "w-3.5 h-3.5", stepperW: "w-7" }
+  xs: { wrapper: "h-6", input: "px-1.5 text-sm", chevron: "w-2.5 h-2.5", stepperW: "w-5" },
+  sm: { wrapper: "h-7", input: "px-2 text-sm", chevron: "w-3 h-3", stepperW: "w-5" },
+  md: { wrapper: "h-8", input: "px-3 text-md", chevron: "w-3 h-3", stepperW: "w-6" },
+  lg: { wrapper: "h-9", input: "px-3 text-md", chevron: "w-3.5 h-3.5", stepperW: "w-7" }
 };
 var VARIANT_CLASSES = {
   filled: "bg-neutral-800",
@@ -1547,10 +1547,10 @@ var ICON_SIZE_CLASSES = {
 };
 var TEXT_SIZE_CLASSES = {
   xss: "h-[18px] px-1.5 text-xss",
-  xs: "h-6 px-2 text-xss",
-  sm: "h-7 px-2.5 text-xs",
-  md: "h-8 px-3 text-xs",
-  lg: "h-9 px-3.5 text-sm"
+  xs: "h-6 px-2 text-xs",
+  sm: "h-7 px-2.5 text-sm",
+  md: "h-8 px-3 text-sm",
+  lg: "h-9 px-3.5 text-md"
 };
 var ROUNDING_CLASSES = {
   xss: "rounded-[3px]",
@@ -1905,10 +1905,10 @@ var VARIANT_CLASSES2 = {
 };
 var SIZE_CLASSES = {
   xss: "h-[18px] px-1.5 text-xss",
-  xs: "h-6 px-2 text-xs",
-  sm: "h-7 px-2 text-xs",
-  md: "h-8 px-3 text-sm",
-  lg: "h-9 px-3 text-sm"
+  xs: "h-6 px-2 text-sm",
+  sm: "h-7 px-2 text-sm",
+  md: "h-8 px-3 text-md",
+  lg: "h-9 px-3 text-md"
 };
 function Select({
   value,
@@ -2020,7 +2020,7 @@ function Select({
                   close();
                 },
                 onPointerEnter: () => setHighlightIdx(idx),
-                className: `w-full flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors cursor-pointer ${isHighlighted ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : isSelected ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
+                className: `w-full flex items-center gap-2 px-3 py-1.5 text-sm text-left transition-colors cursor-pointer ${isHighlighted ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : isSelected ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
                 children: [
                   /* @__PURE__ */ jsx15(Check4, { className: `w-3 h-3 shrink-0 ${isSelected ? FORM_COLORS[color].accent : "invisible"}` }),
                   opt.icon,
@@ -2131,7 +2131,7 @@ function FilterDropdown({
       "button",
       {
         onClick: () => setIsOpen(!isOpen),
-        className: `flex items-center gap-1.5 h-7 px-2 rounded-md border ${v.bg} text-xs transition-colors cursor-pointer ${isActive ? `${clearable ? "rounded-r-none border-r-0" : ""} ${FORM_COLORS[color].border} text-neutral-200 ${FORM_COLORS[color].hover}` : isOpen ? `${FORM_COLORS[color].border} text-neutral-200` : `${FORM_COLORS[color].border} text-neutral-400 ${FORM_COLORS[color].hover} hover:text-neutral-200`}`,
+        className: `flex items-center gap-1.5 h-7 px-2 rounded-md border ${v.bg} text-sm transition-colors cursor-pointer ${isActive ? `${clearable ? "rounded-r-none border-r-0" : ""} ${FORM_COLORS[color].border} text-neutral-200 ${FORM_COLORS[color].hover}` : isOpen ? `${FORM_COLORS[color].border} text-neutral-200` : `${FORM_COLORS[color].border} text-neutral-400 ${FORM_COLORS[color].hover} hover:text-neutral-200`}`,
         children: [
           /* @__PURE__ */ jsx16(Filter2, { className: `w-3 h-3 ${isActive ? FORM_COLORS[color].accent : ""}` }),
           labelExtra,
@@ -2160,7 +2160,7 @@ function FilterDropdown({
             onChange: (e) => setSearch(e.target.value),
             onKeyDown: handleKeyDown,
             placeholder: "Search...",
-            className: `w-full pl-6 pr-2 py-1 text-xs bg-[var(--popover)] border border-neutral-600 rounded text-neutral-200 placeholder-neutral-500 outline-none ${FORM_COLORS[color].focus}`
+            className: `w-full pl-6 pr-2 py-1 text-sm bg-[var(--popover)] border border-neutral-600 rounded text-neutral-200 placeholder-neutral-500 outline-none ${FORM_COLORS[color].focus}`
           }
         )
       ] }) }),
@@ -2169,7 +2169,7 @@ function FilterDropdown({
         {
           "data-idx": 0,
           onClick: () => handleSelect("all"),
-          className: `w-full flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors cursor-pointer ${highlightIdx === 0 ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : !isActive ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
+          className: `w-full flex items-center gap-2 px-3 py-1.5 text-sm text-left transition-colors cursor-pointer ${highlightIdx === 0 ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : !isActive ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
           children: [
             /* @__PURE__ */ jsx16(Check5, { className: `w-3 h-3 shrink-0 ${!isActive ? FORM_COLORS[color].accent : "invisible"}` }),
             /* @__PURE__ */ jsx16("span", { children: "All" })
@@ -2185,7 +2185,7 @@ function FilterDropdown({
           {
             "data-idx": idx,
             onClick: () => handleSelect(opt.value),
-            className: `w-full flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors cursor-pointer ${isHighlighted ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : isSelected ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
+            className: `w-full flex items-center gap-2 px-3 py-1.5 text-sm text-left transition-colors cursor-pointer ${isHighlighted ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : isSelected ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
             children: [
               /* @__PURE__ */ jsx16(Check5, { className: `w-3 h-3 shrink-0 ${isSelected ? FORM_COLORS[color].accent : "invisible"}` }),
               /* @__PURE__ */ jsx16("span", { children: opt.label })
@@ -2194,7 +2194,7 @@ function FilterDropdown({
           opt.value
         );
       }),
-      showSearch && search && filtered.length === 0 && /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs text-neutral-500", children: "No matches" })
+      showSearch && search && filtered.length === 0 && /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-sm text-neutral-500", children: "No matches" })
     ] })
   ] });
 }
@@ -2249,7 +2249,7 @@ function SortDropdown({
       "button",
       {
         onClick: () => setIsOpen(!isOpen),
-        className: `flex items-center gap-1.5 h-7 px-2 rounded-md border ${v.bg} text-xs transition-colors cursor-pointer ${FORM_COLORS[color].border} text-neutral-200 ${FORM_COLORS[color].hover}`,
+        className: `flex items-center gap-1.5 h-7 px-2 rounded-md border ${v.bg} text-sm transition-colors cursor-pointer ${FORM_COLORS[color].border} text-neutral-200 ${FORM_COLORS[color].hover}`,
         children: [
           /* @__PURE__ */ jsx17(
             "span",
@@ -2276,7 +2276,7 @@ function SortDropdown({
           setIsOpen(false);
         },
         onPointerEnter: () => setHighlightIdx(idx),
-        className: `w-full flex items-center gap-2 px-3 py-1.5 text-xs text-left transition-colors cursor-pointer ${idx === highlightIdx ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : field === f.value ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
+        className: `w-full flex items-center gap-2 px-3 py-1.5 text-sm text-left transition-colors cursor-pointer ${idx === highlightIdx ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : field === f.value ? `${FORM_COLORS[color].selectedBg} text-neutral-200` : `text-neutral-400 ${v.hoverBg}`}`,
         children: [
           /* @__PURE__ */ jsx17(Check6, { className: `w-3 h-3 shrink-0 ${field === f.value ? FORM_COLORS[color].accent : "invisible"}` }),
           /* @__PURE__ */ jsx17("span", { children: f.label })
@@ -2333,7 +2333,7 @@ function FormActions({
           tooltip: { description: backTooltip }
         }
       ),
-      statusText && /* @__PURE__ */ jsx18("span", { className: "text-xs text-neutral-500", children: statusText })
+      statusText && /* @__PURE__ */ jsx18("span", { className: "text-sm text-neutral-500", children: statusText })
     ] }),
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
       onMinimize && /* @__PURE__ */ jsx18(
@@ -2479,8 +2479,8 @@ function ConfirmModal({
     /* @__PURE__ */ jsxs14("div", { className: "text-neutral-300 mb-6", children: [
       message,
       warning && /* @__PURE__ */ jsxs14("div", { className: "mt-3 p-3 bg-amber-500/10 border border-amber-500/30 rounded-lg", children: [
-        /* @__PURE__ */ jsx19("p", { className: "text-amber-300 text-sm font-medium", children: warning }),
-        warningItems && warningItems.length > 0 && /* @__PURE__ */ jsx19("ul", { className: "mt-2 space-y-1", children: warningItems.map((item, i) => /* @__PURE__ */ jsx19("li", { className: "text-amber-300/80 text-sm ml-4 list-disc", children: item }, i)) })
+        /* @__PURE__ */ jsx19("p", { className: "text-amber-300 text-md font-medium", children: warning }),
+        warningItems && warningItems.length > 0 && /* @__PURE__ */ jsx19("ul", { className: "mt-2 space-y-1", children: warningItems.map((item, i) => /* @__PURE__ */ jsx19("li", { className: "text-amber-300/80 text-md ml-4 list-disc", children: item }, i)) })
       ] })
     ] }),
     /* @__PURE__ */ jsx19(
@@ -2809,8 +2809,8 @@ function GridCard({ item, selected, onClick }) {
             style: { color: item.disabled ? void 0 : item.color || "#9ca3af" }
           }
         ),
-        /* @__PURE__ */ jsx20("span", { className: "text-xs font-medium text-neutral-200 block", children: item.name }),
-        item.description && /* @__PURE__ */ jsx20("span", { className: "text-xs text-neutral-500 block mt-0.5", children: item.description })
+        /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-neutral-200 block", children: item.name }),
+        item.description && /* @__PURE__ */ jsx20("span", { className: "text-sm text-neutral-500 block mt-0.5", children: item.description })
       ]
     }
   );
@@ -2838,8 +2838,8 @@ function ListCard({ item, selected, onClick }) {
           }
         ),
         /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx20("span", { className: "text-xs font-medium text-neutral-200 block", children: item.name }),
-          item.description && /* @__PURE__ */ jsx20("span", { className: "text-xs text-neutral-500 block mt-0.5", children: item.description })
+          /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-neutral-200 block", children: item.name }),
+          item.description && /* @__PURE__ */ jsx20("span", { className: "text-sm text-neutral-500 block mt-0.5", children: item.description })
         ] })
       ]
     }
@@ -2860,7 +2860,7 @@ function ExecutionDetailsPanel({
   return /* @__PURE__ */ jsxs16("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx21(Info3, { className: "w-4 h-4 text-neutral-500" }),
-      /* @__PURE__ */ jsx21("span", { className: "font-medium text-neutral-400 text-sm", children: "Execution Details" })
+      /* @__PURE__ */ jsx21("span", { className: "font-medium text-neutral-400 text-md", children: "Execution Details" })
     ] }),
     showToggle && /* @__PURE__ */ jsxs16(
       "div",
@@ -2877,22 +2877,22 @@ function ExecutionDetailsPanel({
             }
           ) }),
           /* @__PURE__ */ jsxs16("div", { children: [
-            /* @__PURE__ */ jsx21("span", { className: "text-neutral-300 text-sm", children: "Allow direct file edits" }),
-            /* @__PURE__ */ jsx21("p", { className: "text-neutral-500 text-xs mt-0.5", children: allowDirectEdits ? "AI will modify files directly. Changes saved immediately." : "Changes will be shown in editor for review." })
+            /* @__PURE__ */ jsx21("span", { className: "text-neutral-300 text-md", children: "Allow direct file edits" }),
+            /* @__PURE__ */ jsx21("p", { className: "text-neutral-500 text-sm mt-0.5", children: allowDirectEdits ? "AI will modify files directly. Changes saved immediately." : "Changes will be shown in editor for review." })
           ] })
         ]
       }
     ),
     warningMessage && /* @__PURE__ */ jsx21("div", { className: "rounded border border-red-500/50 bg-red-500/10 p-2", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2", children: [
       /* @__PURE__ */ jsx21(AlertTriangle3, { className: "h-4 w-4 text-red-400 shrink-0 mt-0.5" }),
-      /* @__PURE__ */ jsx21("p", { className: "text-red-300 text-xs", children: warningMessage })
+      /* @__PURE__ */ jsx21("p", { className: "text-red-300 text-sm", children: warningMessage })
     ] }) }),
     details.length > 0 && /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: details.map((row) => /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxs16("span", { className: "text-neutral-500 text-xs w-24 shrink-0", children: [
+      /* @__PURE__ */ jsxs16("span", { className: "text-neutral-500 text-sm w-24 shrink-0", children: [
         row.label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx21("span", { className: cn("text-neutral-300 text-xs", row.mono && "font-mono"), children: row.value })
+      /* @__PURE__ */ jsx21("span", { className: cn("text-neutral-300 text-sm", row.mono && "font-mono"), children: row.value })
     ] }, row.label)) })
   ] });
 }
@@ -3053,8 +3053,8 @@ function ActionDialog({
                 }
               ),
               /* @__PURE__ */ jsxs17("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx22("span", { className: "text-sm font-semibold text-neutral-200", children: title }),
-                subtitle && /* @__PURE__ */ jsx22("span", { className: "text-xs text-neutral-500", children: subtitle })
+                /* @__PURE__ */ jsx22("span", { className: "text-md font-semibold text-neutral-200", children: title }),
+                subtitle && /* @__PURE__ */ jsx22("span", { className: "text-sm text-neutral-500", children: subtitle })
               ] }),
               /* @__PURE__ */ jsx22("div", { className: "flex-1" }),
               onSettings && /* @__PURE__ */ jsx22(
@@ -3070,7 +3070,7 @@ function ActionDialog({
             ] }),
             /* @__PURE__ */ jsxs17("div", { className: "px-4 py-4 overflow-y-auto flex-1 min-h-0 space-y-4", children: [
               hasSelection && /* @__PURE__ */ jsxs17("div", { children: [
-                selectionLabel && /* @__PURE__ */ jsx22("div", { className: "text-xs text-neutral-500 mb-2", children: selectionLabel }),
+                selectionLabel && /* @__PURE__ */ jsx22("div", { className: "text-sm text-neutral-500 mb-2", children: selectionLabel }),
                 /* @__PURE__ */ jsx22(
                   SelectionGrid,
                   {
@@ -3086,13 +3086,13 @@ function ActionDialog({
               ] }),
               hasScenarios && /* @__PURE__ */ jsxs17("div", { children: [
                 /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between mb-2", children: [
-                  /* @__PURE__ */ jsx22("span", { className: "text-xs text-neutral-500", children: scenarioLabel }),
+                  /* @__PURE__ */ jsx22("span", { className: "text-sm text-neutral-500", children: scenarioLabel }),
                   /* @__PURE__ */ jsx22(
                     "button",
                     {
                       type: "button",
                       onClick: handleSelectAllScenarios,
-                      className: "text-xs text-blue-400 hover:text-blue-300 transition-colors cursor-pointer",
+                      className: "text-sm text-blue-400 hover:text-blue-300 transition-colors cursor-pointer",
                       children: allScenariosSelected ? "Deselect All" : "Select All"
                     }
                   )
@@ -3154,7 +3154,8 @@ var ACCENT_SELECTED = {
   amber: "bg-amber-400/20 text-neutral-200",
   emerald: "bg-emerald-400/20 text-neutral-200",
   teal: "bg-teal-400/20 text-neutral-200",
-  sky: "bg-sky-400/20 text-neutral-200"
+  sky: "bg-sky-400/20 text-neutral-200",
+  violet: "bg-violet-400/20 text-neutral-200"
 };
 var ACCENT_ICON = {
   blue: "text-blue-400",
@@ -3165,7 +3166,8 @@ var ACCENT_ICON = {
   amber: "text-amber-400",
   emerald: "text-emerald-400",
   teal: "text-teal-400",
-  sky: "text-sky-400"
+  sky: "text-sky-400",
+  violet: "text-violet-400"
 };
 function nodeHasFiles(node) {
   if (node.type === "file") return true;
@@ -3227,7 +3229,7 @@ function FileTreeNodeItem({ node, path, selectedPath, onSelectFile, expandedPath
   const isDir = node.type === "directory";
   const isSelected = !isDir && selectedPath === path;
   const expanded = isDir && expandedPaths.has(path);
-  const base = "flex items-center gap-1.5 py-0.5 px-1 rounded text-xs transition-colors overflow-hidden whitespace-nowrap";
+  const base = "flex items-center gap-1.5 py-0.5 px-1 rounded text-sm transition-colors overflow-hidden whitespace-nowrap";
   const selectedClass = ACCENT_SELECTED[accentColor] ?? ACCENT_SELECTED.blue;
   const iconColorClass = ACCENT_ICON[accentColor] ?? ACCENT_ICON.blue;
   const rowClass = isSelected ? `${base} ${selectedClass}` : isDir ? `${base} cursor-pointer text-white hover:text-neutral-200` : `${base} cursor-pointer text-white hover:bg-neutral-700/50 hover:text-neutral-200`;
@@ -3267,6 +3269,8 @@ function FileTreeNodeItem({ node, path, selectedPath, onSelectFile, expandedPath
 import { useState as useState9 } from "react";
 import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function EditorToolbar({
+  title,
+  description,
   isDirty,
   isSaving = false,
   onSave,
@@ -3295,7 +3299,13 @@ function EditorToolbar({
   }
   return /* @__PURE__ */ jsxs19(Fragment5, { children: [
     /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between px-4 py-1.5 bg-neutral-900 border-b border-neutral-800", children: [
-      /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2", children: leftActions?.map((a, i) => /* @__PURE__ */ jsx24(IconButton, { ...a }, i)) }),
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        (title || description) && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col mr-2", children: [
+          title && /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium text-neutral-200", children: title }),
+          description && /* @__PURE__ */ jsx24("span", { className: "text-xs text-neutral-500", children: description })
+        ] }),
+        leftActions?.map((a, i) => /* @__PURE__ */ jsx24(IconButton, { ...a }, i))
+      ] }),
       isDirty && /* @__PURE__ */ jsx24(
         Label,
         {
@@ -3425,7 +3435,7 @@ function BottomPanelHeader({
             {
               onClick: () => onTabChange(tab.id),
               "data-testid": tab.testId,
-              className: `h-[41px] flex items-center justify-center gap-2 ${compactTabs ? "px-3" : "px-4"} text-sm border-b-2 transition-colors cursor-pointer ${baseClasses}`,
+              className: `h-[41px] flex items-center justify-center gap-2 ${compactTabs ? "px-3" : "px-4"} text-md border-b-2 transition-colors cursor-pointer ${baseClasses}`,
               children: compactTabs ? /* @__PURE__ */ jsxs20("span", { className: "relative flex items-center justify-center w-[18px] h-[18px] flex-shrink-0", children: [
                 TabIcon2 && /* @__PURE__ */ jsx25(TabIcon2, { className: "w-[18px] h-[18px]" }),
                 tab.count !== void 0 && /* @__PURE__ */ jsx25("span", { className: "absolute -top-1.5 -right-2", children: /* @__PURE__ */ jsx25(Badge, { value: tab.count, color: tab.countColor, size: "xss" }) })
@@ -3442,7 +3452,7 @@ function BottomPanelHeader({
           }
           return tabButton;
         }) }),
-        /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0 flex items-center justify-center overflow-hidden", children: statusBanner && (compactBanner ? /* @__PURE__ */ jsx25(Tooltip, { content: { description: statusBanner.message }, position: "bottom", children: /* @__PURE__ */ jsx25("div", { className: `flex items-center px-2 py-1.5 ${bannerStyles} rounded text-xs`, children: /* @__PURE__ */ jsx25(RefreshCw3, { className: "w-3 h-3 flex-shrink-0" }) }) }) : /* @__PURE__ */ jsxs20("div", { className: `flex items-center gap-2 px-2.5 py-1.5 ${bannerStyles} rounded text-xs max-w-full`, children: [
+        /* @__PURE__ */ jsx25("div", { className: "flex-1 min-w-0 flex items-center justify-center overflow-hidden", children: statusBanner && (compactBanner ? /* @__PURE__ */ jsx25(Tooltip, { content: { description: statusBanner.message }, position: "bottom", children: /* @__PURE__ */ jsx25("div", { className: `flex items-center px-2 py-1.5 ${bannerStyles} rounded text-sm`, children: /* @__PURE__ */ jsx25(RefreshCw3, { className: "w-3 h-3 flex-shrink-0" }) }) }) : /* @__PURE__ */ jsxs20("div", { className: `flex items-center gap-2 px-2.5 py-1.5 ${bannerStyles} rounded text-sm max-w-full`, children: [
           /* @__PURE__ */ jsx25(RefreshCw3, { className: "w-3 h-3 flex-shrink-0" }),
           /* @__PURE__ */ jsx25("span", { className: "truncate", children: statusBanner.message })
         ] })) }),
@@ -3491,9 +3501,9 @@ function FrontmatterFormHeader({
               className: `w-3.5 h-3.5 text-neutral-500 transition-transform duration-150 ${collapsed ? "" : "rotate-90"}`
             }
           ),
-          /* @__PURE__ */ jsx26("span", { className: "text-xs font-medium text-neutral-400 uppercase tracking-wide", children: "Configuration" }),
-          collapsed && hasFm && /* @__PURE__ */ jsx26("span", { className: "text-xss text-neutral-500 font-mono ml-2 truncate", children: renderSummary() }),
-          collapsed && !hasFm && /* @__PURE__ */ jsx26("span", { className: "text-xss text-neutral-600 ml-2", children: "No frontmatter" })
+          /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium text-neutral-400 uppercase tracking-wide", children: "Configuration" }),
+          collapsed && hasFm && /* @__PURE__ */ jsx26("span", { className: "text-xs text-neutral-500 font-mono ml-2 truncate", children: renderSummary() }),
+          collapsed && !hasFm && /* @__PURE__ */ jsx26("span", { className: "text-xs text-neutral-600 ml-2", children: "No frontmatter" })
         ]
       }
     ),
@@ -3510,7 +3520,7 @@ function FrontmatterFormHeader({
         /* @__PURE__ */ jsx26(
           "span",
           {
-            className: "text-xs text-neutral-400 cursor-pointer",
+            className: "text-sm text-neutral-400 cursor-pointer",
             onClick: () => !readOnly && onFrontmatterToggle(!hasFm),
             children: "Add YAML frontmatter to file"
           }
@@ -3587,9 +3597,9 @@ function EditorPlaceholderCard({
   return /* @__PURE__ */ jsxs22("div", { className: `group px-3 py-2.5 ${!hasValue ? "opacity-60" : ""} ${className}`, children: [
     /* @__PURE__ */ jsxs22("div", { className: "flex items-start justify-between gap-2", children: [
       /* @__PURE__ */ jsxs22("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx27("code", { className: `text-xs font-mono px-1.5 py-0.5 rounded ${colors.name} ${colors.nameBg}`, children: "{{" + name + "}}" }),
-        required && /* @__PURE__ */ jsx27("span", { className: "ml-2 inline-block px-1.5 py-0.5 text-xs font-semibold uppercase bg-red-500/15 text-red-400 border border-red-500/30 rounded", children: "Required" }),
-        /* @__PURE__ */ jsx27("p", { className: "text-xs text-neutral-500 mt-1.5 line-clamp-2", children: description })
+        /* @__PURE__ */ jsx27("code", { className: `text-sm font-mono px-1.5 py-0.5 rounded ${colors.name} ${colors.nameBg}`, children: "{{" + name + "}}" }),
+        required && /* @__PURE__ */ jsx27("span", { className: "ml-2 inline-block px-1.5 py-0.5 text-sm font-semibold uppercase bg-red-500/15 text-red-400 border border-red-500/30 rounded", children: "Required" }),
+        /* @__PURE__ */ jsx27("p", { className: "text-sm text-neutral-500 mt-1.5 line-clamp-2", children: description })
       ] }),
       /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1 shrink-0", children: [
         showCopyPlaceholder && /* @__PURE__ */ jsx27(
@@ -3618,7 +3628,7 @@ function EditorPlaceholderCard({
       ] })
     ] }),
     hasValue && /* @__PURE__ */ jsx27("div", { className: "mt-2", children: hideValue ? /* @__PURE__ */ jsxs22(Fragment7, { children: [
-      /* @__PURE__ */ jsx27("span", { className: "text-xs text-neutral-500 font-medium", children: valueLabel }),
+      /* @__PURE__ */ jsx27("span", { className: "text-sm text-neutral-500 font-medium", children: valueLabel }),
       /* @__PURE__ */ jsx27("div", { className: "mt-1.5", children: /* @__PURE__ */ jsx27(
         Input,
         {
@@ -3634,7 +3644,7 @@ function EditorPlaceholderCard({
       ) })
     ] }) : /* @__PURE__ */ jsxs22(Fragment7, { children: [
       /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx27("span", { className: "text-xs text-neutral-500 font-medium", children: valueLabel }),
+        /* @__PURE__ */ jsx27("span", { className: "text-sm text-neutral-500 font-medium", children: valueLabel }),
         (isOverflowing || isExpanded) && /* @__PURE__ */ jsx27(
           IconButton,
           {
@@ -3649,12 +3659,12 @@ function EditorPlaceholderCard({
         "div",
         {
           ref: valueRef,
-          className: `mt-1.5 px-2 py-1.5 bg-neutral-800/50 rounded text-xs text-neutral-400 font-mono ${isExpanded ? "whitespace-pre-wrap break-all max-h-[190px] overflow-y-auto" : "truncate"}`,
+          className: `mt-1.5 px-2 py-1.5 bg-neutral-800/50 rounded text-sm text-neutral-400 font-mono ${isExpanded ? "whitespace-pre-wrap break-all max-h-[190px] overflow-y-auto" : "truncate"}`,
           children: value
         }
       )
     ] }) }),
-    !hasValue && /* @__PURE__ */ jsx27("p", { className: "mt-1.5 text-xs text-neutral-600 italic", children: "No value set - add one in Settings" })
+    !hasValue && /* @__PURE__ */ jsx27("p", { className: "mt-1.5 text-sm text-neutral-600 italic", children: "No value set - add one in Settings" })
   ] });
 }
 
@@ -3959,7 +3969,7 @@ function RegistryCard(props) {
         if (!count || count <= 0) return [];
         return [/* @__PURE__ */ jsx29(Tooltip, { content: { description: `${count} ${count === 1 ? label : labelPlural}` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-0.5", children: [
           /* @__PURE__ */ jsx29(Icon, { className: `w-3 h-3 ${color}` }),
-          /* @__PURE__ */ jsx29("span", { className: "text-xss text-neutral-500", children: count })
+          /* @__PURE__ */ jsx29("span", { className: "text-xs text-neutral-500", children: count })
         ] }) }, `pkg-${key}`)];
       });
     }
@@ -4011,11 +4021,11 @@ function RegistryCard(props) {
     const compatibleTools = props.compatibleTools ?? [];
     bottomLogos = compatibleTools.map((tool) => /* @__PURE__ */ jsx29(Tooltip, { content: { description: `Compatible with ${AI_TOOL_NAMES[tool] ?? tool}` }, position: "top", children: /* @__PURE__ */ jsx29(AiToolIcon, { tool, size: 16 }) }, tool));
     bottomStats = [
-      ...props.stars != null && props.stars > 0 ? [/* @__PURE__ */ jsx29(CardClickable, { onClick: () => props.onSortBy?.("stars"), children: /* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.stars.toLocaleString()} stars \xB7 Click to sort` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xss text-amber-400/80", children: [
+      ...props.stars != null && props.stars > 0 ? [/* @__PURE__ */ jsx29(CardClickable, { onClick: () => props.onSortBy?.("stars"), children: /* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.stars.toLocaleString()} stars \xB7 Click to sort` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-amber-400/80", children: [
         /* @__PURE__ */ jsx29(Star4, { className: "w-3 h-3" }),
         formatCount(props.stars)
       ] }) }) }, "stars")] : [],
-      ...props.downloads != null && props.downloads > 0 ? [/* @__PURE__ */ jsx29(CardClickable, { onClick: () => props.onSortBy?.("downloads"), children: /* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.downloads.toLocaleString()} downloads \xB7 Click to sort` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xss text-emerald-400/80", children: [
+      ...props.downloads != null && props.downloads > 0 ? [/* @__PURE__ */ jsx29(CardClickable, { onClick: () => props.onSortBy?.("downloads"), children: /* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.downloads.toLocaleString()} downloads \xB7 Click to sort` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-emerald-400/80", children: [
         /* @__PURE__ */ jsx29(Download3, { className: "w-3 h-3" }),
         formatCount(props.downloads)
       ] }) }) }, "downloads")] : []
@@ -4108,7 +4118,7 @@ function RegistryCard(props) {
     const allTools = props.allToolKeys ?? [];
     bottomLogos = allTools.map((tool) => /* @__PURE__ */ jsx29(Tooltip, { content: { description: `Compatible with ${AI_TOOL_NAMES[tool] ?? tool}` }, position: "top", children: /* @__PURE__ */ jsx29(AiToolIcon, { tool, size: 14 }) }, tool));
     if (props.installs != null && props.installs > 0) {
-      bottomStats = [/* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.installs.toLocaleString()} installs` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xss text-neutral-500", children: [
+      bottomStats = [/* @__PURE__ */ jsx29(Tooltip, { content: { description: `${props.installs.toLocaleString()} installs` }, position: "top", children: /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-1 text-xs text-neutral-500", children: [
         /* @__PURE__ */ jsx29(Download3, { className: "w-3 h-3" }),
         props.installs.toLocaleString()
       ] }) }, "installs")];
@@ -4136,15 +4146,15 @@ function RegistryCard(props) {
             installButton && /* @__PURE__ */ jsx29("div", { className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity", onClick: (e) => e.stopPropagation(), children: installButton })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx29("h3", { className: "text-sm font-medium text-white", children: name }),
-        subtitle && /* @__PURE__ */ jsx29("div", { className: "text-xs text-neutral-400 mb-1.5", children: subtitle }),
-        description && /* @__PURE__ */ jsx29("p", { className: "text-xs text-neutral-500 mb-3 flex-grow line-clamp-2", children: description }),
-        errorMessage && /* @__PURE__ */ jsx29("p", { className: `text-xss mb-2 break-all ${flash === "warning" ? "text-amber-400" : "text-red-400"}`, children: errorMessage }),
+        /* @__PURE__ */ jsx29("h3", { className: "text-md font-medium text-white", children: name }),
+        subtitle && /* @__PURE__ */ jsx29("div", { className: "text-sm text-neutral-400 mb-1.5", children: subtitle }),
+        description && /* @__PURE__ */ jsx29("p", { className: "text-sm text-neutral-500 mb-3 flex-grow line-clamp-2", children: description }),
+        errorMessage && /* @__PURE__ */ jsx29("p", { className: `text-xs mb-2 break-all ${flash === "warning" ? "text-amber-400" : "text-red-400"}`, children: errorMessage }),
         (bottomLogos.length > 0 || bottomStats.length > 0 || updatedAt) && (() => {
           const dateNode = updatedAt ? /* @__PURE__ */ jsx29(Tooltip, { content: { description: onDateClick ? `Last updated ${formatFullDate(updatedAt)} \xB7 Click to sort by date` : `Last updated ${formatFullDate(updatedAt)}` }, position: "top", children: /* @__PURE__ */ jsxs24(
             "span",
             {
-              className: `flex items-center gap-1 text-xss text-neutral-500 whitespace-nowrap${onDateClick ? " cursor-pointer hover:brightness-125 transition-all" : ""}`,
+              className: `flex items-center gap-1 text-xs text-neutral-500 whitespace-nowrap${onDateClick ? " cursor-pointer hover:brightness-125 transition-all" : ""}`,
               onClick: onDateClick ? (e) => {
                 e.stopPropagation();
                 onDateClick();
@@ -4167,17 +4177,17 @@ function RegistryCard(props) {
             return /* @__PURE__ */ jsx29("div", { onClick: (e) => e.stopPropagation(), children: props.renderScopeConfirm({ isOpen: true, onClose: () => setShowScopeConfirm(false), onConfirm: props.onInstall, name }) });
           }
           return /* @__PURE__ */ jsx29("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx29("div", { className: "fixed inset-0 bg-[var(--background)]/50 z-50 flex items-center justify-center", onClick: () => setShowScopeConfirm(false), children: /* @__PURE__ */ jsxs24("div", { className: "bg-neutral-800 border border-neutral-700 rounded-lg p-4 max-w-sm", onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ jsx29("h3", { className: "text-sm font-medium text-neutral-200 mb-2", children: ALREADY_AT_USER }),
-            /* @__PURE__ */ jsxs24("p", { className: "text-xs text-neutral-400 mb-4", children: [
+            /* @__PURE__ */ jsx29("h3", { className: "text-md font-medium text-neutral-200 mb-2", children: ALREADY_AT_USER }),
+            /* @__PURE__ */ jsxs24("p", { className: "text-sm text-neutral-400 mb-4", children: [
               /* @__PURE__ */ jsx29("strong", { className: "text-neutral-300", children: name }),
               " is already installed at user level and available to all projects. Do you also want to install it at project level?"
             ] }),
             /* @__PURE__ */ jsxs24("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsx29("button", { type: "button", onClick: () => setShowScopeConfirm(false), className: "px-3 py-1.5 text-xs text-neutral-400 hover:text-neutral-200 transition-colors cursor-pointer", children: "Cancel" }),
+              /* @__PURE__ */ jsx29("button", { type: "button", onClick: () => setShowScopeConfirm(false), className: "px-3 py-1.5 text-sm text-neutral-400 hover:text-neutral-200 transition-colors cursor-pointer", children: "Cancel" }),
               /* @__PURE__ */ jsx29("button", { type: "button", onClick: () => {
                 setShowScopeConfirm(false);
                 props.onInstall();
-              }, className: "px-3 py-1.5 text-xs bg-blue-600 text-white rounded hover:bg-blue-500 transition-colors cursor-pointer", children: "Install to project" })
+              }, className: "px-3 py-1.5 text-sm bg-blue-600 text-white rounded hover:bg-blue-500 transition-colors cursor-pointer", children: "Install to project" })
             ] })
           ] }) }) });
         })()
@@ -4301,7 +4311,7 @@ function renderMarkdownContent(content) {
     }
     i++;
     nodes.push(
-      /* @__PURE__ */ jsxs25("div", { className: "mb-3 font-mono text-xss text-neutral-500 border-l-2 border-neutral-700 pl-2 py-0.5", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "mb-3 font-mono text-xs text-neutral-500 border-l-2 border-neutral-700 pl-2 py-0.5", children: [
         /* @__PURE__ */ jsx30("div", { className: "text-neutral-600", children: "---" }),
         fmLines.map((l, j) => /* @__PURE__ */ jsx30("div", { children: l }, j)),
         /* @__PURE__ */ jsx30("div", { className: "text-neutral-600", children: "---" })
@@ -4318,18 +4328,18 @@ function renderMarkdownContent(content) {
         i++;
       }
       nodes.push(
-        /* @__PURE__ */ jsx30("pre", { className: "mb-2 p-2 bg-[var(--background)]/30 rounded text-xss font-mono text-neutral-300 overflow-x-auto", children: codeLines.join("\n") }, i)
+        /* @__PURE__ */ jsx30("pre", { className: "mb-2 p-2 bg-[var(--background)]/30 rounded text-xs font-mono text-neutral-300 overflow-x-auto", children: codeLines.join("\n") }, i)
       );
     } else if (line.startsWith("### ")) {
-      nodes.push(/* @__PURE__ */ jsx30("h3", { className: "text-xss font-semibold text-neutral-300 mt-2 mb-0.5", children: line.slice(4) }, i));
+      nodes.push(/* @__PURE__ */ jsx30("h3", { className: "text-xs font-semibold text-neutral-300 mt-2 mb-0.5", children: line.slice(4) }, i));
     } else if (line.startsWith("## ")) {
-      nodes.push(/* @__PURE__ */ jsx30("h2", { className: "text-xs font-semibold text-neutral-200 mt-2.5 mb-1", children: line.slice(3) }, i));
+      nodes.push(/* @__PURE__ */ jsx30("h2", { className: "text-sm font-semibold text-neutral-200 mt-2.5 mb-1", children: line.slice(3) }, i));
     } else if (line.startsWith("# ")) {
-      nodes.push(/* @__PURE__ */ jsx30("h1", { className: "text-sm font-semibold text-neutral-100 mb-1.5", children: line.slice(2) }, i));
+      nodes.push(/* @__PURE__ */ jsx30("h1", { className: "text-md font-semibold text-neutral-100 mb-1.5", children: line.slice(2) }, i));
     } else if (line === "" || line === "\r") {
       nodes.push(/* @__PURE__ */ jsx30("div", { className: "h-1.5" }, i));
     } else {
-      nodes.push(/* @__PURE__ */ jsx30("p", { className: "text-xss text-neutral-400 leading-relaxed", children: line }, i));
+      nodes.push(/* @__PURE__ */ jsx30("p", { className: "text-xs text-neutral-400 leading-relaxed", children: line }, i));
     }
     i++;
   }
@@ -4486,8 +4496,8 @@ function FileStructureSection({
   }, [variant, selectedFilePath]);
   if (isLoading) {
     return /* @__PURE__ */ jsxs25("div", { children: [
-      /* @__PURE__ */ jsx30("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-xs text-neutral-500 py-4", children: [
+      /* @__PURE__ */ jsx30("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-sm text-neutral-500 py-4", children: [
         /* @__PURE__ */ jsx30(Loader23, { className: "w-3.5 h-3.5 animate-spin" }),
         "Loading file tree..."
       ] })
@@ -4498,8 +4508,8 @@ function FileStructureSection({
   }
   if (error) {
     return /* @__PURE__ */ jsxs25("div", { children: [
-      /* @__PURE__ */ jsx30("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-xs text-red-400 py-4", children: [
+      /* @__PURE__ */ jsx30("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-sm text-red-400 py-4", children: [
         /* @__PURE__ */ jsx30(AlertCircle3, { className: "w-3.5 h-3.5 shrink-0" }),
         error
       ] })
@@ -4510,12 +4520,12 @@ function FileStructureSection({
   function renderContent(content, filePath) {
     if (mode === "format") return renderMarkdownContent(content);
     if (mode === "language" && renderPreview) return renderPreview(content, filePath, resolvedLanguage);
-    return /* @__PURE__ */ jsx30("pre", { className: "p-3 text-xs font-mono text-white leading-relaxed whitespace-pre-wrap", children: /* @__PURE__ */ jsx30("code", { children: content }) });
+    return /* @__PURE__ */ jsx30("pre", { className: "p-3 text-sm font-mono text-white leading-relaxed whitespace-pre-wrap", children: /* @__PURE__ */ jsx30("code", { children: content }) });
   }
   const treePanel = /* @__PURE__ */ jsxs25("div", { className: `flex flex-col bg-neutral-900 border ${ACCENT_BORDER[accentColor]} rounded-lg overflow-hidden ${variant === "split" && effectiveFilePath ? "w-1/3 shrink-0" : "flex-1"}`, children: [
     /* @__PURE__ */ jsxs25("div", { className: `flex items-center px-3 py-2 border-b ${ACCENT_BORDER[accentColor]} shrink-0 gap-2 min-w-0`, children: [
       /* @__PURE__ */ jsx30(FolderTree, { className: `w-3.5 h-3.5 shrink-0 ${ACCENT_ICON2[accentColor]}` }),
-      /* @__PURE__ */ jsx30("span", { className: "text-xs text-neutral-200 truncate flex-1", children: "Files" }),
+      /* @__PURE__ */ jsx30("span", { className: "text-sm text-neutral-200 truncate flex-1", children: "Files" }),
       /* @__PURE__ */ jsx30(
         CollapseButton,
         {
@@ -4541,7 +4551,7 @@ function FileStructureSection({
   const previewPanel = effectiveFilePath ? /* @__PURE__ */ jsxs25("div", { className: `flex-1 flex flex-col bg-neutral-900 border ${ACCENT_BORDER[accentColor]} rounded-lg overflow-hidden`, children: [
     /* @__PURE__ */ jsxs25("div", { className: `flex items-center px-3 py-2 border-b ${ACCENT_BORDER[accentColor]} shrink-0 gap-2 min-w-0`, children: [
       /* @__PURE__ */ jsx30(FileCode3, { className: `w-3.5 h-3.5 shrink-0 ${ACCENT_ICON2[accentColor]}` }),
-      /* @__PURE__ */ jsx30("span", { className: "text-xs text-neutral-200 truncate flex-1", children: selectedFileName }),
+      /* @__PURE__ */ jsx30("span", { className: "text-sm text-neutral-200 truncate flex-1", children: selectedFileName }),
       showToggle && /* @__PURE__ */ jsx30(
         SegmentedToggle,
         {
@@ -4553,10 +4563,10 @@ function FileStructureSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx30("div", { className: "flex-1 overflow-auto", children: fileIsLoading ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-xs text-neutral-500 p-3", children: [
+    /* @__PURE__ */ jsx30("div", { className: "flex-1 overflow-auto", children: fileIsLoading ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-sm text-neutral-500 p-3", children: [
       /* @__PURE__ */ jsx30(Loader23, { className: "w-3.5 h-3.5 animate-spin" }),
       "Loading..."
-    ] }) : fileError ? /* @__PURE__ */ jsx30("p", { className: "text-xs text-red-400 p-3", children: fileError }) : fileContent !== null ? renderContent(fileContent, effectiveFilePath) : null })
+    ] }) : fileError ? /* @__PURE__ */ jsx30("p", { className: "text-sm text-red-400 p-3", children: fileError }) : fileContent !== null ? renderContent(fileContent, effectiveFilePath) : null })
   ] }) : null;
   const resizeHandle = /* @__PURE__ */ jsx30(
     "div",
@@ -4568,7 +4578,7 @@ function FileStructureSection({
   );
   if (variant === "list") {
     return /* @__PURE__ */ jsxs25("div", { ref: sectionRef, children: [
-      /* @__PURE__ */ jsx30("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
+      /* @__PURE__ */ jsx30("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
       /* @__PURE__ */ jsxs25("div", { className: "space-y-3", children: [
         treePanel,
         previewPanel && /* @__PURE__ */ jsxs25("div", { children: [
@@ -4579,7 +4589,7 @@ function FileStructureSection({
     ] });
   }
   return /* @__PURE__ */ jsxs25("div", { ref: sectionRef, children: [
-    /* @__PURE__ */ jsx30("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
+    /* @__PURE__ */ jsx30("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "File Structure" }),
     /* @__PURE__ */ jsxs25("div", { className: "flex gap-3", style: { height: `${effectiveHeight}px` }, children: [
       treePanel,
       previewPanel
@@ -4590,7 +4600,7 @@ function FileStructureSection({
 
 // components/ui/registry-detail.tsx
 import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
-var MARKDOWN_CLASSES = "text-sm text-neutral-400 leading-relaxed [&_strong]:text-neutral-200 [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:bg-neutral-700/40 [&_code]:border [&_code]:border-neutral-500/40 [&_code]:text-neutral-200 [&_code]:font-mono [&_code]:text-xs [&_h1]:text-lg [&_h1]:font-semibold [&_h1]:text-neutral-200 [&_h1]:mb-2 [&_h2]:text-base [&_h2]:font-semibold [&_h2]:text-neutral-200 [&_h2]:mb-2 [&_h3]:text-sm [&_h3]:font-medium [&_h3]:text-neutral-200 [&_h3]:mb-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-1 [&_p]:mb-2 [&_pre]:bg-neutral-900 [&_pre]:rounded [&_pre]:p-3 [&_pre]:overflow-x-auto [&_pre]:text-xs";
+var MARKDOWN_CLASSES = "text-md text-neutral-400 leading-relaxed [&_strong]:text-neutral-200 [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:bg-neutral-700/40 [&_code]:border [&_code]:border-neutral-500/40 [&_code]:text-neutral-200 [&_code]:font-mono [&_code]:text-sm [&_h1]:text-lg [&_h1]:font-semibold [&_h1]:text-neutral-200 [&_h1]:mb-2 [&_h2]:text-base [&_h2]:font-semibold [&_h2]:text-neutral-200 [&_h2]:mb-2 [&_h3]:text-md [&_h3]:font-medium [&_h3]:text-neutral-200 [&_h3]:mb-1 [&_ul]:list-disc [&_ul]:pl-4 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-1 [&_p]:mb-2 [&_pre]:bg-neutral-900 [&_pre]:rounded [&_pre]:p-3 [&_pre]:overflow-x-auto [&_pre]:text-sm";
 var COLLAPSED_MAX_HEIGHT = 240;
 function CollapsibleTextSection({ children, header }) {
   const contentRef = useRef13(null);
@@ -4614,7 +4624,7 @@ function CollapsibleTextSection({ children, header }) {
   const showCollapsed = overflows && !expanded;
   return /* @__PURE__ */ jsxs26("div", { children: [
     (header || overflows) && /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between mb-2", children: [
-      header && /* @__PURE__ */ jsx31("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider", children: header }),
+      header && /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider", children: header }),
       overflows && /* @__PURE__ */ jsx31(
         IconButton,
         {
@@ -4642,10 +4652,10 @@ function CollapsibleTextSection({ children, header }) {
 function CompatibleWithSection({ tools }) {
   if (tools.length === 0) return null;
   return /* @__PURE__ */ jsxs26("div", { children: [
-    /* @__PURE__ */ jsx31("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-3", children: "Compatible with" }),
+    /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-3", children: "Compatible with" }),
     /* @__PURE__ */ jsx31("div", { className: "flex items-start gap-3", children: tools.map((tool) => /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-1", children: [
       /* @__PURE__ */ jsx31(AiToolIcon, { tool, size: 18 }),
-      /* @__PURE__ */ jsx31("span", { className: "text-xss text-neutral-400", children: AI_TOOL_NAMES[tool] ?? tool })
+      /* @__PURE__ */ jsx31("span", { className: "text-xs text-neutral-400", children: AI_TOOL_NAMES[tool] ?? tool })
     ] }, tool)) })
   ] });
 }
@@ -4684,8 +4694,8 @@ function RegistryDetail({
       actionButton && /* @__PURE__ */ jsx31("div", { className: "shrink-0", children: actionButton })
     ] }),
     description && /* @__PURE__ */ jsxs26("div", { children: [
-      /* @__PURE__ */ jsx31("h3", { className: "text-xs font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "Description" }),
-      /* @__PURE__ */ jsx31("p", { className: "text-sm text-neutral-400 leading-relaxed", children: description })
+      /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium text-neutral-500 uppercase tracking-wider mb-2", children: "Description" }),
+      /* @__PURE__ */ jsx31("p", { className: "text-md text-neutral-400 leading-relaxed", children: description })
     ] }),
     longDescription && /* @__PURE__ */ jsx31(CollapsibleTextSection, { header: "TL;DR", children: longDescription }),
     integration && /* @__PURE__ */ jsx31(CollapsibleTextSection, { header: "Info", children: [
@@ -4877,11 +4887,11 @@ function RegistryBrowser({
       loadingMessage
     ] }) : error ? /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center py-12 text-neutral-500", children: [
       /* @__PURE__ */ jsx32(AlertTriangle4, { className: "w-6 h-6 text-amber-400 mb-2" }),
-      /* @__PURE__ */ jsx32("p", { className: "text-sm", children: error }),
-      onRetry && /* @__PURE__ */ jsx32("button", { onClick: onRetry, className: "mt-2 text-xs text-blue-400 hover:underline cursor-pointer", children: "Try again" })
+      /* @__PURE__ */ jsx32("p", { className: "text-md", children: error }),
+      onRetry && /* @__PURE__ */ jsx32("button", { onClick: onRetry, className: "mt-2 text-sm text-blue-400 hover:underline cursor-pointer", children: "Try again" })
     ] }) : isEmpty ? /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center py-12 text-neutral-500", children: [
-      /* @__PURE__ */ jsx32("p", { className: "text-sm", children: emptyMessage }),
-      hasActiveFilters && onResetFilters && /* @__PURE__ */ jsx32("button", { onClick: onResetFilters, className: "mt-2 text-xs text-blue-400 hover:underline cursor-pointer", children: "Reset filters" })
+      /* @__PURE__ */ jsx32("p", { className: "text-md", children: emptyMessage }),
+      hasActiveFilters && onResetFilters && /* @__PURE__ */ jsx32("button", { onClick: onResetFilters, className: "mt-2 text-sm text-blue-400 hover:underline cursor-pointer", children: "Reset filters" })
     ] }) : /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2", children: [
       visibleItems.map((item) => /* @__PURE__ */ jsx32(RegistryCard, { ...item }, item.name)),
       hasMore && /* @__PURE__ */ jsx32("div", { ref: sentinelRef, className: "col-span-full h-1" })
@@ -5168,8 +5178,8 @@ function ScreenshotUploader({
         children: [
           /* @__PURE__ */ jsx35(ImagePlus, { className: cn("w-6 h-6", isDragging ? "text-blue-400" : "text-neutral-500") }),
           /* @__PURE__ */ jsxs29("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsx35("p", { className: "text-sm text-neutral-400", children: isDragging ? "Drop images here" : "Click or drag images to attach" }),
-            /* @__PURE__ */ jsxs29("p", { className: "text-xs text-neutral-500 mt-1", children: [
+            /* @__PURE__ */ jsx35("p", { className: "text-md text-neutral-400", children: isDragging ? "Drop images here" : "Click or drag images to attach" }),
+            /* @__PURE__ */ jsxs29("p", { className: "text-sm text-neutral-500 mt-1", children: [
               formatFileSize(remainingSize),
               " remaining of ",
               formatFileSize(maxTotalSize)
@@ -5190,7 +5200,7 @@ function ScreenshotUploader({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 text-sm text-red-400", children: [
+    error && /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 text-md text-red-400", children: [
       /* @__PURE__ */ jsx35(AlertCircle4, { className: "w-4 h-4 flex-shrink-0" }),
       /* @__PURE__ */ jsx35("span", { children: error })
     ] }),
@@ -5221,14 +5231,14 @@ function ScreenshotUploader({
                 children: /* @__PURE__ */ jsx35(X6, { className: "w-3 h-3" })
               }
             ),
-            /* @__PURE__ */ jsx35("span", { className: "text-xs text-white truncate", children: s.filename })
+            /* @__PURE__ */ jsx35("span", { className: "text-sm text-white truncate", children: s.filename })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "absolute bottom-1 right-1 px-1.5 py-0.5 bg-[var(--background)]/70 rounded text-xs text-neutral-400", children: formatFileSize(s.size) })
+          /* @__PURE__ */ jsx35("div", { className: "absolute bottom-1 right-1 px-1.5 py-0.5 bg-[var(--background)]/70 rounded text-sm text-neutral-400", children: formatFileSize(s.size) })
         ]
       },
       s.id
     )) }),
-    screenshots.length > 0 && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between text-xs text-neutral-500", children: [
+    screenshots.length > 0 && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between text-sm text-neutral-500", children: [
       /* @__PURE__ */ jsxs29("span", { children: [
         screenshots.length,
         " image",
@@ -5409,17 +5419,17 @@ function ReportBugForm({
   } = useReportBug(hookOptions);
   const hasErrors = (errorCount ?? 0) > 0 || (warnCount ?? 0) > 0;
   return /* @__PURE__ */ jsxs30("div", { className: cn("rounded-lg border border-neutral-700 bg-neutral-800", className), children: [
-    /* @__PURE__ */ jsx36("div", { className: "border-b border-neutral-700 px-4 py-3", children: /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium text-neutral-200", children: "Report a Bug" }) }),
+    /* @__PURE__ */ jsx36("div", { className: "border-b border-neutral-700 px-4 py-3", children: /* @__PURE__ */ jsx36("h3", { className: "text-md font-medium text-neutral-200", children: "Report a Bug" }) }),
     /* @__PURE__ */ jsxs30("div", { className: "space-y-4 p-4", children: [
       /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx36("label", { className: "mb-2 block text-xs text-neutral-400", children: "Issue Type" }),
+        /* @__PURE__ */ jsx36("label", { className: "mb-2 block text-sm text-neutral-400", children: "Issue Type" }),
         /* @__PURE__ */ jsx36("div", { className: "flex flex-wrap gap-2", children: ISSUE_TYPES.map((type) => /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
             onClick: () => setIssueType(type.value),
             className: cn(
-              "px-3 py-1.5 text-xs font-medium rounded-md transition-all",
+              "px-3 py-1.5 text-sm font-medium rounded-md transition-all",
               issueType === type.value ? "bg-blue-600 text-white" : "bg-neutral-700 text-neutral-400 hover:bg-neutral-600 hover:text-neutral-200"
             ),
             children: type.label
@@ -5428,7 +5438,7 @@ function ReportBugForm({
         )) })
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsxs30("label", { className: "mb-1.5 block text-xs text-neutral-400", children: [
+        /* @__PURE__ */ jsxs30("label", { className: "mb-1.5 block text-sm text-neutral-400", children: [
           "Title ",
           /* @__PURE__ */ jsx36("span", { className: "text-red-400", children: "*" })
         ] }),
@@ -5443,7 +5453,7 @@ function ReportBugForm({
         )
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsxs30("label", { className: "mb-1.5 block text-xs text-neutral-400", children: [
+        /* @__PURE__ */ jsxs30("label", { className: "mb-1.5 block text-sm text-neutral-400", children: [
           "Description ",
           /* @__PURE__ */ jsx36("span", { className: "text-red-400", children: "*" })
         ] }),
@@ -5454,12 +5464,12 @@ function ReportBugForm({
             onChange: (e) => setDescription(e.target.value),
             placeholder: "Describe the issue in detail. Include steps to reproduce if applicable.",
             rows: 6,
-            className: "w-full px-3 py-1.5 bg-neutral-800 border border-neutral-700 rounded-lg text-sm text-neutral-200 placeholder-neutral-500 focus:outline-none focus:border-blue-500 transition-colors resize-none min-h-[120px]"
+            className: "w-full px-3 py-1.5 bg-neutral-800 border border-neutral-700 rounded-lg text-md text-neutral-200 placeholder-neutral-500 focus:outline-none focus:border-blue-500 transition-colors resize-none min-h-[120px]"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx36("label", { className: "mb-1.5 block text-xs text-neutral-400", children: "Email (optional)" }),
+        /* @__PURE__ */ jsx36("label", { className: "mb-1.5 block text-sm text-neutral-400", children: "Email (optional)" }),
         /* @__PURE__ */ jsx36(
           Input,
           {
@@ -5473,7 +5483,7 @@ function ReportBugForm({
         )
       ] }),
       /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx36("label", { className: "mb-2 block text-xs text-neutral-400", children: "Screenshots (optional, max 20MB total)" }),
+        /* @__PURE__ */ jsx36("label", { className: "mb-2 block text-sm text-neutral-400", children: "Screenshots (optional, max 20MB total)" }),
         /* @__PURE__ */ jsx36(
           ScreenshotUploader,
           {
@@ -5489,7 +5499,7 @@ function ReportBugForm({
           /* @__PURE__ */ jsxs30(
             "span",
             {
-              className: "text-sm text-neutral-400 cursor-pointer select-none",
+              className: "text-md text-neutral-400 cursor-pointer select-none",
               onClick: () => setIncludeLogs(!includeLogs),
               children: [
                 "Include error logs",
@@ -5505,8 +5515,8 @@ function ReportBugForm({
           )
         ] }),
         includeLogs && capturedErrors && capturedErrors.length > 0 && /* @__PURE__ */ jsxs30("div", { className: "rounded-md border border-neutral-700 bg-neutral-900/50", children: [
-          /* @__PURE__ */ jsx36("div", { className: "px-3 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsx36("span", { className: "text-xs font-medium text-neutral-400", children: "Captured Errors" }) }),
-          /* @__PURE__ */ jsx36("div", { className: "max-h-[200px] overflow-y-auto divide-y divide-neutral-800", children: capturedErrors.map((error) => /* @__PURE__ */ jsx36("div", { className: "px-3 py-2 text-xs", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx36("div", { className: "px-3 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium text-neutral-400", children: "Captured Errors" }) }),
+          /* @__PURE__ */ jsx36("div", { className: "max-h-[200px] overflow-y-auto divide-y divide-neutral-800", children: capturedErrors.map((error) => /* @__PURE__ */ jsx36("div", { className: "px-3 py-2 text-sm", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-start gap-2", children: [
             error.count > 1 && /* @__PURE__ */ jsxs30("span", { className: "shrink-0 text-orange-400 font-mono font-medium", children: [
               "\xD7",
               error.count
@@ -5517,14 +5527,14 @@ function ReportBugForm({
       ] })
     ] }),
     /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-end gap-2 border-t border-neutral-700 px-4 py-3", children: [
-      isSubmitting && submissionStatus && /* @__PURE__ */ jsx36("span", { className: "text-xs text-neutral-400 mr-auto", children: submissionStatus }),
+      isSubmitting && submissionStatus && /* @__PURE__ */ jsx36("span", { className: "text-sm text-neutral-400 mr-auto", children: submissionStatus }),
       onCancel && /* @__PURE__ */ jsx36(
         "button",
         {
           type: "button",
           onClick: onCancel,
           disabled: isSubmitting,
-          className: "rounded-md border border-neutral-700 bg-transparent px-3 py-1.5 text-sm text-neutral-400 transition-colors hover:bg-neutral-700 hover:text-neutral-200 disabled:opacity-50",
+          className: "rounded-md border border-neutral-700 bg-transparent px-3 py-1.5 text-md text-neutral-400 transition-colors hover:bg-neutral-700 hover:text-neutral-200 disabled:opacity-50",
           children: "Cancel"
         }
       ),
@@ -5534,7 +5544,7 @@ function ReportBugForm({
           type: "button",
           onClick: handleSubmit,
           disabled: !canSubmit,
-          className: "flex items-center gap-1.5 rounded-md bg-blue-600 px-3 py-1.5 text-sm text-white transition-colors hover:bg-blue-500 disabled:cursor-not-allowed disabled:opacity-50",
+          className: "flex items-center gap-1.5 rounded-md bg-blue-600 px-3 py-1.5 text-md text-white transition-colors hover:bg-blue-500 disabled:cursor-not-allowed disabled:opacity-50",
           children: [
             isSubmitting ? /* @__PURE__ */ jsx36(Loader25, { className: "w-3.5 h-3.5 animate-spin" }) : /* @__PURE__ */ jsx36(Send4, { className: "w-3.5 h-3.5" }),
             "Submit"
@@ -6227,12 +6237,12 @@ function getComponentVersion(meta, component) {
 }
 function renderVersionBadge(meta, color) {
   if (!meta) return null;
-  return /* @__PURE__ */ jsx37("span", { className: `px-2 py-0.5 ${color} text-xs rounded font-mono`, children: meta.version });
+  return /* @__PURE__ */ jsx37("span", { className: `px-2 py-0.5 ${color} text-sm rounded font-mono`, children: meta.version });
 }
 function VersionStatus({ exists, version, mismatch, defaultColor = "text-green-400/70" }) {
   if (!exists) return /* @__PURE__ */ jsx37("span", { className: "text-red-400", children: "Missing" });
   if (!version) return /* @__PURE__ */ jsx37("span", { className: "text-green-400", children: "Found" });
-  return /* @__PURE__ */ jsxs31("span", { className: `text-xs font-mono ${mismatch ? "text-yellow-400" : defaultColor}`, children: [
+  return /* @__PURE__ */ jsxs31("span", { className: `text-sm font-mono ${mismatch ? "text-yellow-400" : defaultColor}`, children: [
     "v",
     version
   ] });
@@ -6245,10 +6255,10 @@ function SyncStatusBanner({ goldenMeta, liveMeta, components }) {
   }).length;
   return mismatches === 0 ? /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-green-500/5 border border-green-500/20", children: [
     /* @__PURE__ */ jsx37(Check10, { className: "w-4 h-4 text-green-400" }),
-    /* @__PURE__ */ jsx37("span", { className: "text-sm text-green-400", children: "Golden and Live versions are in sync" })
+    /* @__PURE__ */ jsx37("span", { className: "text-md text-green-400", children: "Golden and Live versions are in sync" })
   ] }) : /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-yellow-500/5 border border-yellow-500/20", children: [
     /* @__PURE__ */ jsx37(AlertTriangle5, { className: "w-4 h-4 text-yellow-400" }),
-    /* @__PURE__ */ jsxs31("span", { className: "text-sm text-yellow-400", children: [
+    /* @__PURE__ */ jsxs31("span", { className: "text-md text-yellow-400", children: [
       "Version mismatch \u2014 ",
       mismatches,
       " component",
@@ -6278,10 +6288,10 @@ function StatusOverview({
     /* @__PURE__ */ jsxs31("div", { className: "bg-neutral-900 rounded-lg p-4 border border-amber-500/30", children: [
       /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 mb-3", children: [
         /* @__PURE__ */ jsx37(Archive, { className: "w-5 h-5 text-amber-400" }),
-        /* @__PURE__ */ jsx37("h3", { className: "text-sm text-neutral-300 font-medium", children: "Bundled Seed (App Distribution)" }),
+        /* @__PURE__ */ jsx37("h3", { className: "text-md text-neutral-300 font-medium", children: "Bundled Seed (App Distribution)" }),
         status?.seed.meta && renderVersionBadge(status.seed.meta, "bg-amber-500/20 text-amber-400")
       ] }),
-      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-2 gap-4 text-md", children: [
         /* @__PURE__ */ jsxs31("div", { children: [
           /* @__PURE__ */ jsx37("p", { className: "text-neutral-500", children: "Status" }),
           /* @__PURE__ */ jsx37("p", { className: status?.seed.exists ? "text-green-400" : "text-red-400", children: status?.seed.exists ? "Found" : "Missing" })
@@ -6295,17 +6305,17 @@ function StatusOverview({
           /* @__PURE__ */ jsx37("p", { className: "text-neutral-300", children: status?.seed.modifiedAt ? formatDate(status.seed.modifiedAt) : "N/A" })
         ] })
       ] }),
-      !devtools && /* @__PURE__ */ jsx37("p", { className: "text-xs text-neutral-600 mt-3", children: "A compressed archive shipped with every release containing default configuration and templates. On first launch, the seed is extracted to initialize your local files." })
+      !devtools && /* @__PURE__ */ jsx37("p", { className: "text-sm text-neutral-600 mt-3", children: "A compressed archive shipped with every release containing default configuration and templates. On first launch, the seed is extracted to initialize your local files." })
     ] }),
     status?.goldenMeta && status?.liveMeta && /* @__PURE__ */ jsx37(SyncStatusBanner, { goldenMeta: status.goldenMeta, liveMeta: status.liveMeta, components }),
     /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxs31("div", { className: "bg-neutral-900 rounded-lg p-4 border border-blue-500/30", children: [
         /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 mb-3", children: [
           /* @__PURE__ */ jsx37("div", { className: "w-3 h-3 rounded-full bg-blue-400" }),
-          /* @__PURE__ */ jsx37("h4", { className: "text-sm text-neutral-300 font-medium", children: "Golden (Reference)" }),
+          /* @__PURE__ */ jsx37("h4", { className: "text-md text-neutral-300 font-medium", children: "Golden (Reference)" }),
           renderVersionBadge(status?.goldenMeta, "bg-blue-500/20 text-blue-400")
         ] }),
-        /* @__PURE__ */ jsx37("div", { className: "space-y-2 text-sm", children: components.map((comp) => {
+        /* @__PURE__ */ jsx37("div", { className: "space-y-2 text-md", children: components.map((comp) => {
           const version = getComponentVersion(status?.goldenMeta, comp);
           const dirKey = `${comp}Golden`;
           const dirExists = status?.directories[dirKey]?.exists ?? false;
@@ -6322,12 +6332,12 @@ function StatusOverview({
             )
           ] }, comp);
         }) }),
-        !devtools && /* @__PURE__ */ jsx37("p", { className: "text-xs text-neutral-600 mt-3", children: "Reference copy extracted from the bundled seed. Always overwritten during app updates to match the latest release. Do not edit directly." })
+        !devtools && /* @__PURE__ */ jsx37("p", { className: "text-sm text-neutral-600 mt-3", children: "Reference copy extracted from the bundled seed. Always overwritten during app updates to match the latest release. Do not edit directly." })
       ] }),
       /* @__PURE__ */ jsxs31("div", { className: "bg-neutral-900 rounded-lg p-4 border border-green-500/30", children: [
         /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 mb-3", children: [
           /* @__PURE__ */ jsx37("div", { className: "w-3 h-3 rounded-full bg-green-400" }),
-          /* @__PURE__ */ jsx37("h4", { className: "text-sm text-neutral-300 font-medium", children: "Live (Working Copy)" }),
+          /* @__PURE__ */ jsx37("h4", { className: "text-md text-neutral-300 font-medium", children: "Live (Working Copy)" }),
           renderVersionBadge(status?.liveMeta, "bg-green-500/20 text-green-400"),
           /* @__PURE__ */ jsxs31("div", { className: "ml-auto relative", ref: resetMenuRef, children: [
             /* @__PURE__ */ jsx37(
@@ -6349,7 +6359,7 @@ function StatusOverview({
                     onResetAll();
                     setShowResetMenu(false);
                   },
-                  className: "w-full text-left px-3 py-2 text-sm text-neutral-300 hover:bg-neutral-700 transition-colors",
+                  className: "w-full text-left px-3 py-2 text-md text-neutral-300 hover:bg-neutral-700 transition-colors",
                   children: "Reset All to Golden"
                 }
               ),
@@ -6361,7 +6371,7 @@ function StatusOverview({
                     onResetComponent(comp);
                     setShowResetMenu(false);
                   },
-                  className: "w-full text-left px-3 py-2 text-sm text-neutral-400 hover:bg-neutral-700 transition-colors",
+                  className: "w-full text-left px-3 py-2 text-md text-neutral-400 hover:bg-neutral-700 transition-colors",
                   children: [
                     "Reset ",
                     getLabel(comp)
@@ -6372,7 +6382,7 @@ function StatusOverview({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx37("div", { className: "space-y-2 text-sm", children: components.map((comp) => {
+        /* @__PURE__ */ jsx37("div", { className: "space-y-2 text-md", children: components.map((comp) => {
           const liveV = getComponentVersion(status?.liveMeta, comp);
           const goldenV = getComponentVersion(status?.goldenMeta, comp);
           const dirKey = `${comp}Live`;
@@ -6396,11 +6406,11 @@ function StatusOverview({
             ] })
           ] }, comp);
         }) }),
-        !devtools && /* @__PURE__ */ jsx37("p", { className: "text-xs text-neutral-600 mt-3", children: "Your active working copy \u2014 what the app uses at runtime. Customizations are made here and preserved across app updates." })
+        !devtools && /* @__PURE__ */ jsx37("p", { className: "text-sm text-neutral-600 mt-3", children: "Your active working copy \u2014 what the app uses at runtime. Customizations are made here and preserved across app updates." })
       ] })
     ] }),
     !devtools && /* @__PURE__ */ jsxs31("div", { className: "bg-neutral-900/50 border border-neutral-700 rounded-lg p-4", children: [
-      /* @__PURE__ */ jsxs31("p", { className: "text-xs font-medium text-neutral-400 mb-4", children: [
+      /* @__PURE__ */ jsxs31("p", { className: "text-sm font-medium text-neutral-400 mb-4", children: [
         "How updates work ",
         /* @__PURE__ */ jsxs31("span", { className: "font-normal text-neutral-600", children: [
           "\u2014 checked per component (",
@@ -6408,7 +6418,7 @@ function StatusOverview({
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-[auto_auto_auto_auto_auto_auto_auto] items-center gap-x-2 text-xs", children: [
+      /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-[auto_auto_auto_auto_auto_auto_auto] items-center gap-x-2 text-sm", children: [
         /* @__PURE__ */ jsx37("span", {}),
         /* @__PURE__ */ jsx37("span", {}),
         /* @__PURE__ */ jsx37("span", {}),
@@ -6446,14 +6456,14 @@ function StatusOverview({
           /* @__PURE__ */ jsx37("span", { className: "text-neutral-600 mt-0.5", children: "has changes" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx37("p", { className: "text-xs text-neutral-600 mt-3", children: "When a component has no local changes, it is automatically updated to match the new golden version. Components with customizations are left untouched to preserve your edits \u2014 use the File Diff tab to review differences and selectively apply changes. You can reset any component to its golden version at any time using the reset buttons above." })
+      /* @__PURE__ */ jsx37("p", { className: "text-sm text-neutral-600 mt-3", children: "When a component has no local changes, it is automatically updated to match the new golden version. Components with customizations are left untouched to preserve your edits \u2014 use the File Diff tab to review differences and selectively apply changes. You can reset any component to its golden version at any time using the reset buttons above." })
     ] }),
     devtools && manifest && /* @__PURE__ */ jsxs31("div", { className: "bg-neutral-900 rounded-lg p-4 border border-neutral-700", children: [
       /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 mb-3", children: [
         /* @__PURE__ */ jsx37(Archive, { className: "w-4 h-4 text-neutral-500" }),
-        /* @__PURE__ */ jsx37("h4", { className: "text-sm text-neutral-300 font-medium", children: "Local Snapshots" })
+        /* @__PURE__ */ jsx37("h4", { className: "text-md text-neutral-300 font-medium", children: "Local Snapshots" })
       ] }),
-      /* @__PURE__ */ jsx37("div", { className: "flex gap-6 text-sm", children: /* @__PURE__ */ jsxs31("div", { children: [
+      /* @__PURE__ */ jsx37("div", { className: "flex gap-6 text-md", children: /* @__PURE__ */ jsxs31("div", { children: [
         /* @__PURE__ */ jsx37("span", { className: "text-neutral-500", children: "Count: " }),
         /* @__PURE__ */ jsx37("span", { className: "text-neutral-300", children: manifest.snapshots.length })
       ] }) })
@@ -6513,11 +6523,11 @@ function DiffFileItem({ file, isSelected, onSelect, onReset, resettingFile, anyR
           "button",
           {
             onClick: () => onSelect(file),
-            className: `flex-1 flex items-center gap-2 px-3 py-1 text-xs ${isSelected ? "text-neutral-300" : "text-neutral-400"}`,
+            className: `flex-1 flex items-center gap-2 px-3 py-1 text-sm ${isSelected ? "text-neutral-300" : "text-neutral-400"}`,
             children: [
               icon,
               /* @__PURE__ */ jsx38("span", { className: "truncate", children: filename }),
-              statusLabel && /* @__PURE__ */ jsx38("span", { className: `text-xss font-medium ml-auto flex-shrink-0 ${statusColor}`, children: statusLabel })
+              statusLabel && /* @__PURE__ */ jsx38("span", { className: `text-xs font-medium ml-auto flex-shrink-0 ${statusColor}`, children: statusLabel })
             ]
           }
         ),
@@ -6563,9 +6573,9 @@ function DiffFileTreePanel({ sync, componentLabels, renderFileIcon }) {
     const fileCount = countFiles2(node);
     const color = getComponentColor(colorIndex);
     const displayLabel = isRoot ? componentLabels?.[label] ?? label.charAt(0).toUpperCase() + label.slice(1) : label;
-    const headerClasses = isRoot ? `${color.text} ${color.hoverBg} border-l-2 ${color.border} ${color.bg} px-3 py-2 text-sm font-medium` : "text-neutral-500 hover:bg-neutral-850 px-3 py-1.5";
+    const headerClasses = isRoot ? `${color.text} ${color.hoverBg} border-l-2 ${color.border} ${color.bg} px-3 py-2 text-md font-medium` : "text-neutral-500 hover:bg-neutral-850 px-3 py-1.5";
     const chevronSize = isRoot ? "w-4 h-4" : "w-3 h-3";
-    const countElement = isRoot ? /* @__PURE__ */ jsx38("span", { className: `ml-auto px-1.5 py-0.5 rounded-full text-xss font-medium ${color.pillBg} ${color.text}`, children: fileCount }) : /* @__PURE__ */ jsx38("span", { className: "text-neutral-600 ml-auto", children: fileCount });
+    const countElement = isRoot ? /* @__PURE__ */ jsx38("span", { className: `ml-auto px-1.5 py-0.5 rounded-full text-xs font-medium ${color.pillBg} ${color.text}`, children: fileCount }) : /* @__PURE__ */ jsx38("span", { className: "text-neutral-600 ml-auto", children: fileCount });
     const containerLineClass = isRoot ? color.line : lineClass;
     return /* @__PURE__ */ jsxs32("div", { children: [
       /* @__PURE__ */ jsxs32(
@@ -6602,7 +6612,7 @@ function DiffFileTreePanel({ sync, componentLabels, renderFileIcon }) {
     ] }, categoryKey);
   };
   return /* @__PURE__ */ jsxs32("div", { className: "w-72 flex-shrink-0 bg-neutral-900 rounded-lg border border-neutral-700 overflow-hidden flex flex-col", children: [
-    /* @__PURE__ */ jsx38("div", { className: "p-3 border-b border-neutral-700 flex-shrink-0", children: /* @__PURE__ */ jsxs32("div", { className: "flex gap-3 text-xs", children: [
+    /* @__PURE__ */ jsx38("div", { className: "p-3 border-b border-neutral-700 flex-shrink-0", children: /* @__PURE__ */ jsxs32("div", { className: "flex gap-3 text-sm", children: [
       /* @__PURE__ */ jsxs32("span", { className: "text-green-400", children: [
         "+",
         diff.summary.added
@@ -6625,7 +6635,7 @@ function DiffFileTreePanel({ sync, componentLabels, renderFileIcon }) {
         "button",
         {
           onClick: () => setDiffFilter(filter),
-          className: `px-2 py-1 rounded text-xs transition-colors cursor-pointer ${diffFilter === filter ? "bg-neutral-700 text-neutral-300" : "text-neutral-500 hover:text-neutral-400"}`,
+          className: `px-2 py-1 rounded text-sm transition-colors cursor-pointer ${diffFilter === filter ? "bg-neutral-700 text-neutral-300" : "text-neutral-500 hover:text-neutral-400"}`,
           children: filter === "all" ? "All" : filter.charAt(0).toUpperCase() + filter.slice(1)
         },
         filter
@@ -6662,21 +6672,21 @@ function DiffEditorPanel({ sync, componentLabels, monacoTheme }) {
     devtools
   } = sync;
   if (!selectedDiffFile) {
-    return /* @__PURE__ */ jsx38("div", { className: "flex-1 min-w-0 bg-neutral-900 rounded-lg border border-neutral-700 overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center h-full text-sm text-neutral-500", children: "Select a file from the tree to view differences" }) });
+    return /* @__PURE__ */ jsx38("div", { className: "flex-1 min-w-0 bg-neutral-900 rounded-lg border border-neutral-700 overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center h-full text-md text-neutral-500", children: "Select a file from the tree to view differences" }) });
   }
   const compLabel = componentLabels?.[selectedDiffFile.component] ?? selectedDiffFile.component;
   return /* @__PURE__ */ jsxs32("div", { className: "flex-1 min-w-0 bg-neutral-900 rounded-lg border border-neutral-700 overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between px-4 py-2 border-b border-neutral-700 flex-shrink-0", children: [
       /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx38(FileCode4, { className: "w-4 h-4 flex-shrink-0 text-blue-400/50" }),
-        /* @__PURE__ */ jsxs32("span", { className: "text-sm text-neutral-300 font-medium", children: [
+        /* @__PURE__ */ jsxs32("span", { className: "text-md text-neutral-300 font-medium", children: [
           selectedDiffFile.component,
           "/",
           selectedDiffFile.path
         ] }),
-        devtools && hasUnsavedChanges && /* @__PURE__ */ jsx38("span", { className: "px-2 py-0.5 bg-amber-500/20 text-amber-400 text-xs rounded", children: "Modified" })
+        devtools && hasUnsavedChanges && /* @__PURE__ */ jsx38("span", { className: "px-2 py-0.5 bg-amber-500/20 text-amber-400 text-sm rounded", children: "Modified" })
       ] }),
-      /* @__PURE__ */ jsx38("span", { className: "text-xs text-neutral-500", children: compLabel })
+      /* @__PURE__ */ jsx38("span", { className: "text-sm text-neutral-500", children: compLabel })
     ] }),
     /* @__PURE__ */ jsx38("div", { className: "flex-1 min-h-0", children: goldenContent !== null || liveContent !== null ? /* @__PURE__ */ jsx38(
       DiffEditor,
@@ -6708,7 +6718,7 @@ function DiffEditorPanel({ sync, componentLabels, monacoTheme }) {
         }
       },
       `diff-${selectedDiffFile.path}-${diffSideBySide}`
-    ) : /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center h-full text-sm text-neutral-500", children: "Loading file content..." }) })
+    ) : /* @__PURE__ */ jsx38("div", { className: "flex items-center justify-center h-full text-md text-neutral-500", children: "Loading file content..." }) })
   ] });
 }
 function FileDiffViewer({ sync, componentLabels, monacoTheme, renderFileIcon }) {
@@ -6735,10 +6745,10 @@ function FileDiffViewer({ sync, componentLabels, monacoTheme, renderFileIcon })
         }
       )
     ] }) }) }),
-    diffLoading ? /* @__PURE__ */ jsx38("div", { className: "text-sm text-neutral-500 text-center py-8", children: "Loading diff..." }) : diff ? /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 flex-1 min-h-[400px]", children: [
+    diffLoading ? /* @__PURE__ */ jsx38("div", { className: "text-md text-neutral-500 text-center py-8", children: "Loading diff..." }) : diff ? /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 flex-1 min-h-[400px]", children: [
       /* @__PURE__ */ jsx38(DiffFileTreePanel, { sync, componentLabels, renderFileIcon }),
       /* @__PURE__ */ jsx38(DiffEditorPanel, { sync, componentLabels, monacoTheme })
-    ] }) : /* @__PURE__ */ jsx38("div", { className: "text-sm text-neutral-500 text-center py-8", children: "No diff data available. Click refresh to load." })
+    ] }) : /* @__PURE__ */ jsx38("div", { className: "text-md text-neutral-500 text-center py-8", children: "No diff data available. Click refresh to load." })
   ] });
 }
 
@@ -6776,15 +6786,15 @@ function SnapshotManager({ sync }) {
     setDeleteTarget(null);
   };
   if (manifestLoading && !manifest) {
-    return /* @__PURE__ */ jsx39("div", { className: "text-sm text-neutral-500 text-center py-8", children: "Loading snapshots..." });
+    return /* @__PURE__ */ jsx39("div", { className: "text-md text-neutral-500 text-center py-8", children: "Loading snapshots..." });
   }
   return /* @__PURE__ */ jsxs33("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs33("div", { className: "bg-neutral-900 rounded-lg p-4 border border-neutral-700", children: [
       /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 mb-3", children: [
         /* @__PURE__ */ jsx39(Plus4, { className: "w-5 h-5 text-green-400" }),
-        /* @__PURE__ */ jsx39("h4", { className: "text-sm text-neutral-300 font-medium", children: "Create Snapshot" })
+        /* @__PURE__ */ jsx39("h4", { className: "text-md text-neutral-300 font-medium", children: "Create Snapshot" })
       ] }),
-      /* @__PURE__ */ jsx39("p", { className: "text-xs text-neutral-600 mb-3", children: "Archives the current live state. If components differ from golden, their patch version is auto-bumped." }),
+      /* @__PURE__ */ jsx39("p", { className: "text-sm text-neutral-600 mb-3", children: "Archives the current live state. If components differ from golden, their patch version is auto-bumped." }),
       /* @__PURE__ */ jsxs33("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39(
           Input,
@@ -6813,8 +6823,8 @@ function SnapshotManager({ sync }) {
       /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between px-4 py-3 border-b border-neutral-700", children: [
         /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx39(Archive2, { className: "w-4 h-4 text-neutral-500" }),
-          /* @__PURE__ */ jsx39("h4", { className: "text-sm text-neutral-300 font-medium", children: "Snapshots" }),
-          /* @__PURE__ */ jsxs33("span", { className: "text-xs text-neutral-500", children: [
+          /* @__PURE__ */ jsx39("h4", { className: "text-md text-neutral-300 font-medium", children: "Snapshots" }),
+          /* @__PURE__ */ jsxs33("span", { className: "text-sm text-neutral-500", children: [
             "(",
             manifest?.snapshots.length ?? 0,
             ")"
@@ -6832,24 +6842,24 @@ function SnapshotManager({ sync }) {
           }
         )
       ] }),
-      !manifest || manifest.snapshots.length === 0 ? /* @__PURE__ */ jsx39("div", { className: "text-sm text-neutral-500 text-center py-8", children: "No snapshots yet" }) : /* @__PURE__ */ jsx39("div", { className: "divide-y divide-neutral-700", children: [...manifest.snapshots].reverse().map((snap) => /* @__PURE__ */ jsxs33(
+      !manifest || manifest.snapshots.length === 0 ? /* @__PURE__ */ jsx39("div", { className: "text-md text-neutral-500 text-center py-8", children: "No snapshots yet" }) : /* @__PURE__ */ jsx39("div", { className: "divide-y divide-neutral-700", children: [...manifest.snapshots].reverse().map((snap) => /* @__PURE__ */ jsxs33(
         "div",
         {
           className: `flex items-center gap-3 px-4 py-3 ${snap.version === manifest.activeVersion ? "bg-green-500/5" : ""}`,
           children: [
             /* @__PURE__ */ jsxs33("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxs33("span", { className: "text-sm font-mono text-neutral-300", children: [
+                /* @__PURE__ */ jsxs33("span", { className: "text-md font-mono text-neutral-300", children: [
                   "v",
                   snap.version
                 ] }),
-                snap.version === manifest.activeVersion && /* @__PURE__ */ jsx39("span", { className: "px-1.5 py-0.5 bg-green-500/20 text-green-400 text-xss rounded font-medium", children: "active" }),
+                snap.version === manifest.activeVersion && /* @__PURE__ */ jsx39("span", { className: "px-1.5 py-0.5 bg-green-500/20 text-green-400 text-xs rounded font-medium", children: "active" }),
                 snap.pinned && /* @__PURE__ */ jsx39(Pin4, { className: "w-3 h-3 text-amber-400" }),
-                snap.metaVersion && /* @__PURE__ */ jsx39("span", { className: "text-xs text-neutral-600 font-mono", children: snap.metaVersion })
+                snap.metaVersion && /* @__PURE__ */ jsx39("span", { className: "text-sm text-neutral-600 font-mono", children: snap.metaVersion })
               ] }),
               /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ jsx39("span", { className: "text-xs text-neutral-600", children: formatDate(snap.createdAt) }),
-                snap.description && /* @__PURE__ */ jsx39("span", { className: "text-xs text-neutral-500 truncate", children: snap.description })
+                /* @__PURE__ */ jsx39("span", { className: "text-sm text-neutral-600", children: formatDate(snap.createdAt) }),
+                snap.description && /* @__PURE__ */ jsx39("span", { className: "text-sm text-neutral-500 truncate", children: snap.description })
               ] })
             ] }),
             /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
@@ -6971,10 +6981,10 @@ function VersionManager({ sync, components, componentLabels }) {
     /* @__PURE__ */ jsxs34("div", { className: "bg-neutral-900 rounded-lg p-4 border border-teal-500/30", children: [
       /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 mb-3", children: [
         /* @__PURE__ */ jsx40(Tag4, { className: "w-5 h-5 text-teal-400" }),
-        /* @__PURE__ */ jsx40("h4", { className: "text-sm text-neutral-300 font-medium", children: "Golden Version" }),
-        status?.goldenMeta && /* @__PURE__ */ jsx40("span", { className: "px-2 py-0.5 bg-teal-500/20 text-teal-400 text-xs rounded font-mono", children: status.goldenMeta.version })
+        /* @__PURE__ */ jsx40("h4", { className: "text-md text-neutral-300 font-medium", children: "Golden Version" }),
+        status?.goldenMeta && /* @__PURE__ */ jsx40("span", { className: "px-2 py-0.5 bg-teal-500/20 text-teal-400 text-sm rounded font-mono", children: status.goldenMeta.version })
       ] }),
-      /* @__PURE__ */ jsx40("p", { className: "text-xs text-neutral-600 mb-3", children: "Bump the overall golden version number. This updates the top-level version in meta.json." }),
+      /* @__PURE__ */ jsx40("p", { className: "text-sm text-neutral-600 mb-3", children: "Bump the overall golden version number. This updates the top-level version in meta.json." }),
       /* @__PURE__ */ jsxs34("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsx40("div", { className: "w-32", children: /* @__PURE__ */ jsx40(
           Input,
@@ -7012,8 +7022,8 @@ function VersionManager({ sync, components, componentLabels }) {
     ] }),
     /* @__PURE__ */ jsxs34("div", { className: "bg-neutral-900 rounded-lg border border-neutral-700 overflow-hidden", children: [
       /* @__PURE__ */ jsxs34("div", { className: "px-4 py-3 border-b border-neutral-700", children: [
-        /* @__PURE__ */ jsx40("h4", { className: "text-sm text-neutral-300 font-medium", children: "Component Versions" }),
-        /* @__PURE__ */ jsx40("p", { className: "text-xs text-neutral-600 mt-1", children: "Update individual component versions. Click a component to edit." })
+        /* @__PURE__ */ jsx40("h4", { className: "text-md text-neutral-300 font-medium", children: "Component Versions" }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-neutral-600 mt-1", children: "Update individual component versions. Click a component to edit." })
       ] }),
       /* @__PURE__ */ jsx40("div", { className: "divide-y divide-neutral-700", children: components.map((comp) => {
         const currentVersion = status?.goldenMeta?.components[comp]?.version;
@@ -7023,12 +7033,12 @@ function VersionManager({ sync, components, componentLabels }) {
         return /* @__PURE__ */ jsxs34("div", { className: "px-4 py-3", children: [
           /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx40("span", { className: "text-sm text-neutral-300", children: getLabel(comp) }),
-              currentVersion && /* @__PURE__ */ jsxs34("span", { className: "text-xs font-mono text-neutral-500", children: [
+              /* @__PURE__ */ jsx40("span", { className: "text-md text-neutral-300", children: getLabel(comp) }),
+              currentVersion && /* @__PURE__ */ jsxs34("span", { className: "text-sm font-mono text-neutral-500", children: [
                 "v",
                 currentVersion
               ] }),
-              mismatch && /* @__PURE__ */ jsxs34("span", { className: "text-xss text-yellow-400", children: [
+              mismatch && /* @__PURE__ */ jsxs34("span", { className: "text-xs text-yellow-400", children: [
                 "(live: v",
                 liveVersion,
                 ")"
@@ -7177,7 +7187,7 @@ function GoldenSyncPanel({
       /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between mb-4", children: [
         /* @__PURE__ */ jsxs35("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx41("h3", { className: "text-base font-semibold text-neutral-300", children: TAB_DESCRIPTIONS[activeTab].title }),
-          /* @__PURE__ */ jsx41("p", { className: "text-sm text-neutral-400", children: TAB_DESCRIPTIONS[activeTab].description })
+          /* @__PURE__ */ jsx41("p", { className: "text-md text-neutral-400", children: TAB_DESCRIPTIONS[activeTab].description })
         ] }),
         /* @__PURE__ */ jsx41(
           IconButton,
@@ -7195,7 +7205,7 @@ function GoldenSyncPanel({
         "button",
         {
           onClick: () => handleTabChange(tab.id),
-          className: `h-[41px] flex items-center gap-2 px-4 text-sm border-b-2 transition-colors cursor-pointer ${activeTab === tab.id ? `${tab.color} border-current bg-neutral-800/50` : "border-transparent text-neutral-500 hover:text-neutral-300 hover:bg-neutral-800/30"}`,
+          className: `h-[41px] flex items-center gap-2 px-4 text-md border-b-2 transition-colors cursor-pointer ${activeTab === tab.id ? `${tab.color} border-current bg-neutral-800/50` : "border-transparent text-neutral-500 hover:text-neutral-300 hover:bg-neutral-800/30"}`,
           children: [
             tab.icon,
             tab.label
@@ -7205,14 +7215,14 @@ function GoldenSyncPanel({
       )) }),
       error && /* @__PURE__ */ jsx41("div", { className: "bg-red-500/10 border border-red-500/30 rounded-lg p-4 mt-4", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx41(AlertCircle5, { className: "w-5 h-5 text-red-400 flex-shrink-0" }),
-        /* @__PURE__ */ jsx41("p", { className: "text-red-400 text-sm", children: error })
+        /* @__PURE__ */ jsx41("p", { className: "text-red-400 text-md", children: error })
       ] }) }),
       lastAction && /* @__PURE__ */ jsx41("div", { className: "bg-green-500/10 border border-green-500/30 rounded-lg p-4 mt-4", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx41(Check11, { className: "w-5 h-5 text-green-400 flex-shrink-0" }),
-        /* @__PURE__ */ jsx41("p", { className: "text-green-400 text-sm", children: lastAction })
+        /* @__PURE__ */ jsx41("p", { className: "text-green-400 text-md", children: lastAction })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx41("div", { className: activeTab === "diff" ? "flex-1 min-h-0 mt-4" : "space-y-6 mt-4", children: loading && activeTab === "status" ? /* @__PURE__ */ jsx41("div", { className: "text-sm text-neutral-500 text-center py-8", children: "Loading..." }) : activeTab === "status" ? /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx41("div", { className: activeTab === "diff" ? "flex-1 min-h-0 mt-4" : "space-y-6 mt-4", children: loading && activeTab === "status" ? /* @__PURE__ */ jsx41("div", { className: "text-md text-neutral-500 text-center py-8", children: "Loading..." }) : activeTab === "status" ? /* @__PURE__ */ jsx41(
       StatusOverview,
       {
         status,
@@ -7387,7 +7397,7 @@ function ToolsPathsPanel({
   } = useToolsPaths({ api, tools, onToolConfigChange });
   return /* @__PURE__ */ jsxs36("div", { className: cn("w-full", className), children: [
     /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ jsx42("p", { className: "text-xs text-neutral-500 leading-relaxed max-w-xl", children: "Configure CLI paths for AI coding assistants. Specify executable locations to enable integration with your development workflow." }),
+      /* @__PURE__ */ jsx42("p", { className: "text-sm text-neutral-500 leading-relaxed max-w-xl", children: "Configure CLI paths for AI coding assistants. Specify executable locations to enable integration with your development workflow." }),
       /* @__PURE__ */ jsx42(
         IconButton,
         {
@@ -7436,10 +7446,10 @@ function ToolsPathsPanel({
                 )
               ] }),
               /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3", children: [
-                tool.detected ? /* @__PURE__ */ jsxs36("span", { className: "flex items-center gap-1 text-xs text-green-400", children: [
+                tool.detected ? /* @__PURE__ */ jsxs36("span", { className: "flex items-center gap-1 text-sm text-green-400", children: [
                   /* @__PURE__ */ jsx42(Check12, { className: "w-3.5 h-3.5" }),
                   "Installed"
-                ] }) : /* @__PURE__ */ jsxs36("span", { className: "flex items-center gap-1 text-xs text-neutral-500", children: [
+                ] }) : /* @__PURE__ */ jsxs36("span", { className: "flex items-center gap-1 text-sm text-neutral-500", children: [
                   /* @__PURE__ */ jsx42(X7, { className: "w-3.5 h-3.5" }),
                   "Not Found"
                 ] }),
@@ -7481,11 +7491,11 @@ function ToolsPathsPanel({
                   }
                 )
               ] }),
-              isEnabled && !displayPath?.includes("/") && !tool.detected && /* @__PURE__ */ jsx42("p", { className: "text-xs text-red-400 pl-5", children: "Path required when enabled. Enter full path to binary." }),
-              tool.detected && !tool.binaryPath && /* @__PURE__ */ jsx42("p", { className: "text-xs text-neutral-500 pl-5", children: "Using auto-detected path" }),
-              !isEnabled && !displayPath?.includes("/") && !tool.detected && /* @__PURE__ */ jsx42("p", { className: "text-xs text-neutral-500 pl-5", children: "Tool disabled. Enter path to enable." })
+              isEnabled && !displayPath?.includes("/") && !tool.detected && /* @__PURE__ */ jsx42("p", { className: "text-sm text-red-400 pl-5", children: "Path required when enabled. Enter full path to binary." }),
+              tool.detected && !tool.binaryPath && /* @__PURE__ */ jsx42("p", { className: "text-sm text-neutral-500 pl-5", children: "Using auto-detected path" }),
+              !isEnabled && !displayPath?.includes("/") && !tool.detected && /* @__PURE__ */ jsx42("p", { className: "text-sm text-neutral-500 pl-5", children: "Tool disabled. Enter path to enable." })
             ] }),
-            tool.detected && !isEnabled && /* @__PURE__ */ jsx42("p", { className: "text-xs text-yellow-500", children: "Tool disabled \u2014 enable to use in your workflow" })
+            tool.detected && !isEnabled && /* @__PURE__ */ jsx42("p", { className: "text-sm text-yellow-500", children: "Tool disabled \u2014 enable to use in your workflow" })
           ]
         },
         tool.id
@@ -7592,7 +7602,7 @@ function CapturedIssuesPanel({
     hasErrors ? /* @__PURE__ */ jsxs37("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-4 space-y-4", children: [
       /* @__PURE__ */ jsx43("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx43(AlertTriangle6, { className: "w-4 h-4 text-red-400" }),
-        /* @__PURE__ */ jsxs37("span", { className: "text-sm text-neutral-300", children: [
+        /* @__PURE__ */ jsxs37("span", { className: "text-md text-neutral-300", children: [
           errorCount > 0 && /* @__PURE__ */ jsxs37("span", { className: "text-red-400", children: [
             errorCount,
             " error",
@@ -7607,14 +7617,14 @@ function CapturedIssuesPanel({
         ] })
       ] }) }),
       /* @__PURE__ */ jsxs37("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx43("p", { className: "text-sm text-neutral-400", children: "Captured Errors" }),
-        /* @__PURE__ */ jsx43("div", { className: "max-h-48 overflow-y-auto bg-neutral-950 border border-neutral-700 rounded-lg p-3 space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxs37("div", { className: "text-xs font-mono break-words", children: [
+        /* @__PURE__ */ jsx43("p", { className: "text-md text-neutral-400", children: "Captured Errors" }),
+        /* @__PURE__ */ jsx43("div", { className: "max-h-48 overflow-y-auto bg-neutral-950 border border-neutral-700 rounded-lg p-3 space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxs37("div", { className: "text-sm font-mono break-words", children: [
           /* @__PURE__ */ jsx43("span", { className: cn("mr-2 shrink-0", error.level === "warning" ? "text-yellow-400" : "text-red-400"), children: error.count > 1 ? `\xD7${error.count}` : "\u2022" }),
           /* @__PURE__ */ jsx43("span", { className: "text-neutral-400 break-all", children: error.message })
         ] }, error.fingerprint)) })
       ] }),
       /* @__PURE__ */ jsxs37("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx43("p", { className: "text-sm text-neutral-400", children: "Add context (optional)" }),
+        /* @__PURE__ */ jsx43("p", { className: "text-md text-neutral-400", children: "Add context (optional)" }),
         /* @__PURE__ */ jsx43(
           Input,
           {
@@ -7630,7 +7640,7 @@ function CapturedIssuesPanel({
             onChange: (e) => setDescription(e.target.value),
             placeholder: "What were you doing when this happened?",
             rows: 3,
-            className: "w-full px-3 py-1.5 bg-neutral-750 border border-neutral-600 rounded-lg text-neutral-300 placeholder-neutral-500 focus:outline-none focus:border-blue-500 transition-colors resize-none text-sm"
+            className: "w-full px-3 py-1.5 bg-neutral-750 border border-neutral-600 rounded-lg text-neutral-300 placeholder-neutral-500 focus:outline-none focus:border-blue-500 transition-colors resize-none text-md"
           }
         ),
         /* @__PURE__ */ jsx43(
@@ -7671,16 +7681,16 @@ function CapturedIssuesPanel({
     ] }) : /* @__PURE__ */ jsx43("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-6", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx43("div", { className: "w-10 h-10 bg-green-500/10 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx43(Check13, { className: "w-5 h-5 text-green-400" }) }),
       /* @__PURE__ */ jsxs37("div", { children: [
-        /* @__PURE__ */ jsx43("h3", { className: "text-sm text-neutral-300 font-medium", children: "No Issues Captured" }),
-        /* @__PURE__ */ jsx43("p", { className: "text-sm text-neutral-500", children: "Everything is running smoothly." })
+        /* @__PURE__ */ jsx43("h3", { className: "text-md text-neutral-300 font-medium", children: "No Issues Captured" }),
+        /* @__PURE__ */ jsx43("p", { className: "text-md text-neutral-500", children: "Everything is running smoothly." })
       ] })
     ] }) }),
     submittedErrors.length > 0 && /* @__PURE__ */ jsx43("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs37("details", { className: "group", children: [
       /* @__PURE__ */ jsxs37("summary", { className: "flex items-center justify-between p-4 cursor-pointer hover:bg-neutral-850 transition-colors", children: [
         /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx43(Check13, { className: "w-4 h-4 text-green-400" }),
-          /* @__PURE__ */ jsx43("span", { className: "text-sm text-neutral-300", children: "Previously Reported" }),
-          /* @__PURE__ */ jsxs37("span", { className: "text-xs text-neutral-500", children: [
+          /* @__PURE__ */ jsx43("span", { className: "text-md text-neutral-300", children: "Previously Reported" }),
+          /* @__PURE__ */ jsxs37("span", { className: "text-sm text-neutral-500", children: [
             "(",
             submittedErrors.length,
             ")"
@@ -7698,12 +7708,12 @@ function CapturedIssuesPanel({
               /* @__PURE__ */ jsx43(
                 "p",
                 {
-                  className: "text-sm text-neutral-300 font-mono truncate",
+                  className: "text-md text-neutral-300 font-mono truncate",
                   title: error.message,
                   children: error.message
                 }
               ),
-              /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 mt-1 text-xs text-neutral-500", children: [
+              /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-3 mt-1 text-sm text-neutral-500", children: [
                 error.count > 0 && /* @__PURE__ */ jsxs37("span", { className: "text-yellow-400/80", children: [
                   "+",
                   error.count,
@@ -7852,12 +7862,12 @@ function SnapshotEntryRow({
   return /* @__PURE__ */ jsxs38(
     "div",
     {
-      className: "flex items-center gap-2 px-2 py-1.5 text-sm rounded-md group transition-colors hover:bg-neutral-700/50 text-neutral-400",
+      className: "flex items-center gap-2 px-2 py-1.5 text-md rounded-md group transition-colors hover:bg-neutral-700/50 text-neutral-400",
       style: { paddingLeft: `${depth * 16 + 8}px` },
       children: [
         /* @__PURE__ */ jsx44(Clock2, { className: "w-3 h-3 shrink-0 text-neutral-500" }),
-        /* @__PURE__ */ jsx44("span", { className: "text-xs flex-1 truncate", children: searchQuery ? highlightMatch(displayName, searchQuery) : displayName }),
-        /* @__PURE__ */ jsx44("span", { className: "text-xss text-neutral-500 shrink-0", title: formatFullDate2(entry.savedAt), children: formatRelativeTime2(entry.savedAt) }),
+        /* @__PURE__ */ jsx44("span", { className: "text-sm flex-1 truncate", children: searchQuery ? highlightMatch(displayName, searchQuery) : displayName }),
+        /* @__PURE__ */ jsx44("span", { className: "text-xs text-neutral-500 shrink-0", title: formatFullDate2(entry.savedAt), children: formatRelativeTime2(entry.savedAt) }),
         /* @__PURE__ */ jsx44(
           IconButton,
           {
@@ -7893,13 +7903,13 @@ function ExpandableNode({
       "button",
       {
         onClick: () => onToggle(path),
-        className: "w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-md transition-colors cursor-pointer text-neutral-400 hover:bg-neutral-700/50 hover:text-neutral-300",
+        className: "w-full flex items-center gap-2 px-2 py-1.5 text-md rounded-md transition-colors cursor-pointer text-neutral-400 hover:bg-neutral-700/50 hover:text-neutral-300",
         style: { paddingLeft: `${depth * 16 + 8}px` },
         children: [
           /* @__PURE__ */ jsx44("span", { className: "w-4 h-4 flex items-center justify-center shrink-0", children: isExpanded ? /* @__PURE__ */ jsx44(ChevronDown10, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx44(ChevronRight6, { className: "w-3.5 h-3.5" }) }),
           icon && /* @__PURE__ */ jsx44("span", { className: "shrink-0", children: icon }),
           /* @__PURE__ */ jsx44("span", { className: "truncate flex-1 text-left", children: searchQuery ? highlightMatch(label, searchQuery) : label }),
-          snapshotCount > 0 && /* @__PURE__ */ jsx44("span", { className: "text-xs text-neutral-500 bg-neutral-700 px-1.5 py-0.5 rounded shrink-0", children: snapshotCount })
+          snapshotCount > 0 && /* @__PURE__ */ jsx44("span", { className: "text-sm text-neutral-500 bg-neutral-700 px-1.5 py-0.5 rounded shrink-0", children: snapshotCount })
         ]
       }
     ),
@@ -7929,10 +7939,10 @@ function SnapshotTree({
     return count;
   }, [scopes]);
   if (totalCount === 0) {
-    return /* @__PURE__ */ jsxs38("div", { className: cn("text-sm text-neutral-500 py-8 text-center", className), children: [
+    return /* @__PURE__ */ jsxs38("div", { className: cn("text-md text-neutral-500 py-8 text-center", className), children: [
       "No snapshots saved yet.",
       /* @__PURE__ */ jsx44("br", {}),
-      /* @__PURE__ */ jsx44("span", { className: "text-xs", children: "Use the camera button in editors to save snapshots." })
+      /* @__PURE__ */ jsx44("span", { className: "text-sm", children: "Use the camera button in editors to save snapshots." })
     ] });
   }
   return /* @__PURE__ */ jsxs38("div", { className: cn("flex flex-col gap-3", className), children: [
@@ -7980,7 +7990,7 @@ function SnapshotTree({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx44("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 min-h-[200px] max-h-[60vh] overflow-y-auto", children: filteredScopes.length === 0 && searchQuery ? /* @__PURE__ */ jsxs38("p", { className: "text-xs text-neutral-500 text-center py-4", children: [
+    /* @__PURE__ */ jsx44("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-2 min-h-[200px] max-h-[60vh] overflow-y-auto", children: filteredScopes.length === 0 && searchQuery ? /* @__PURE__ */ jsxs38("p", { className: "text-sm text-neutral-500 text-center py-4", children: [
       "No snapshots match \u201C",
       searchQuery,
       "\u201D"
@@ -8158,7 +8168,7 @@ function SnapshotBrowserPanel({
     /* @__PURE__ */ jsx45("div", { className: "bg-neutral-900 border border-neutral-700 rounded-lg p-4", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs39("div", { children: [
         /* @__PURE__ */ jsx45("label", { className: "text-neutral-300", children: "Snapshot Limit" }),
-        /* @__PURE__ */ jsx45("p", { className: "text-sm text-neutral-500", children: "Maximum number of snapshots to keep per item (1-50)" })
+        /* @__PURE__ */ jsx45("p", { className: "text-md text-neutral-500", children: "Maximum number of snapshots to keep per item (1-50)" })
       ] }),
       /* @__PURE__ */ jsx45(
         Select,
@@ -8173,7 +8183,7 @@ function SnapshotBrowserPanel({
       /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ jsxs39("div", { children: [
           /* @__PURE__ */ jsx45("label", { className: "text-neutral-300", children: "Browse Snapshots" }),
-          /* @__PURE__ */ jsx45("p", { className: "text-sm text-neutral-500", children: totalSnapshotCount === 0 ? "No snapshots saved yet" : `${totalSnapshotCount} snapshot${totalSnapshotCount === 1 ? "" : "s"} stored` })
+          /* @__PURE__ */ jsx45("p", { className: "text-md text-neutral-500", children: totalSnapshotCount === 0 ? "No snapshots saved yet" : `${totalSnapshotCount} snapshot${totalSnapshotCount === 1 ? "" : "s"} stored` })
         ] }),
         /* @__PURE__ */ jsx45(
           IconButton,
@@ -8209,7 +8219,7 @@ function SnapshotBrowserPanel({
     ] }),
     /* @__PURE__ */ jsx45("div", { className: "bg-neutral-900/50 border border-neutral-700 rounded-lg p-4", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-3", children: [
       /* @__PURE__ */ jsx45(HelpCircle3, { className: "w-4 h-4 text-neutral-500 mt-0.5 shrink-0" }),
-      /* @__PURE__ */ jsxs39("div", { className: "text-sm text-neutral-500 space-y-2", children: [
+      /* @__PURE__ */ jsxs39("div", { className: "text-md text-neutral-500 space-y-2", children: [
         /* @__PURE__ */ jsx45("p", { children: /* @__PURE__ */ jsx45("strong", { className: "text-neutral-400", children: "How snapshots work:" }) }),
         /* @__PURE__ */ jsxs39("ul", { className: "list-disc list-inside space-y-1 ml-1", children: [
           /* @__PURE__ */ jsx45("li", { children: "Click \u201CSave Snapshot\u201D in any editor to save the current version" }),
@@ -8379,6 +8389,54 @@ function useSnippetsEditor({ api, snippets }) {
 
 // components/sections/snippets-editor/snippets-editor.tsx
 import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+var ACCENT_DIVIDER_HOVER = {
+  blue: "hover:bg-blue-500/30",
+  purple: "hover:bg-purple-500/30",
+  orange: "hover:bg-orange-500/30",
+  green: "hover:bg-green-500/30",
+  pink: "hover:bg-pink-500/30",
+  amber: "hover:bg-amber-500/30",
+  emerald: "hover:bg-emerald-500/30",
+  teal: "hover:bg-teal-500/30",
+  sky: "hover:bg-sky-500/30",
+  violet: "hover:bg-violet-500/30"
+};
+var ACCENT_TEXT = {
+  blue: "text-blue-400",
+  purple: "text-purple-400",
+  orange: "text-orange-400",
+  green: "text-green-400",
+  pink: "text-pink-400",
+  amber: "text-amber-400",
+  emerald: "text-emerald-400",
+  teal: "text-teal-400",
+  sky: "text-sky-400",
+  violet: "text-violet-400"
+};
+var ACCENT_BORDER2 = {
+  blue: "border-l-blue-400",
+  purple: "border-l-purple-400",
+  orange: "border-l-orange-400",
+  green: "border-l-green-400",
+  pink: "border-l-pink-400",
+  amber: "border-l-amber-400",
+  emerald: "border-l-emerald-400",
+  teal: "border-l-teal-400",
+  sky: "border-l-sky-400",
+  violet: "border-l-violet-400"
+};
+var ACCENT_BUTTON2 = {
+  blue: "bg-blue-600 hover:bg-blue-500",
+  purple: "bg-purple-600 hover:bg-purple-500",
+  orange: "bg-orange-600 hover:bg-orange-500",
+  green: "bg-green-600 hover:bg-green-500",
+  pink: "bg-pink-600 hover:bg-pink-500",
+  amber: "bg-amber-600 hover:bg-amber-500",
+  emerald: "bg-emerald-600 hover:bg-emerald-500",
+  teal: "bg-teal-600 hover:bg-teal-500",
+  sky: "bg-sky-600 hover:bg-sky-500",
+  violet: "bg-violet-600 hover:bg-violet-500"
+};
 var MIN_SIDEBAR = 200;
 var MAX_SIDEBAR = 350;
 var DEFAULT_SIDEBAR = 260;
@@ -8387,7 +8445,8 @@ function SnippetsEditor({
   snippets,
   title = "Snippets",
   description = "Define reusable snippets for prompts using {{SNIPPET_NAME}} syntax.",
-  className
+  className,
+  accentColor = "blue"
 }) {
   const {
     selectedName,
@@ -8431,10 +8490,10 @@ function SnippetsEditor({
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between px-4 py-3 border-b border-neutral-700 bg-purple-500/5", children: [
       /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx46(Braces, { className: "w-4 h-4 text-purple-400" }),
-        /* @__PURE__ */ jsx46("h3", { className: "text-sm font-medium text-neutral-300", children: title }),
-        /* @__PURE__ */ jsx46("span", { className: "px-2 py-0.5 text-xs rounded-full bg-neutral-700 text-neutral-400", children: snippets.length })
+        /* @__PURE__ */ jsx46("h3", { className: "text-md font-medium text-neutral-300", children: title }),
+        /* @__PURE__ */ jsx46("span", { className: "px-2 py-0.5 text-sm rounded-full bg-neutral-700 text-neutral-400", children: snippets.length })
       ] }),
-      /* @__PURE__ */ jsx46("p", { className: "text-xs text-neutral-500 hidden sm:block", children: description })
+      /* @__PURE__ */ jsx46("p", { className: "text-sm text-neutral-500 hidden sm:block", children: description })
     ] }),
     /* @__PURE__ */ jsxs40("div", { className: "flex flex-1 min-h-[400px]", children: [
       /* @__PURE__ */ jsxs40("div", { className: "flex flex-col border-r border-neutral-700", style: { width: sidebarWidth, minWidth: MIN_SIDEBAR }, children: [
@@ -8464,8 +8523,8 @@ function SnippetsEditor({
         /* @__PURE__ */ jsxs40("div", { className: "flex-1 overflow-y-auto", children: [
           filteredSnippets.length === 0 && !isAdding && /* @__PURE__ */ jsxs40("div", { className: "text-center py-10 px-4", children: [
             /* @__PURE__ */ jsx46(Braces, { className: "w-8 h-8 mx-auto text-purple-400/40 mb-3" }),
-            /* @__PURE__ */ jsx46("p", { className: "text-xs text-neutral-500 mb-1", children: searchQuery ? "No matching snippets" : "No snippets defined" }),
-            /* @__PURE__ */ jsx46("p", { className: "text-xss text-neutral-600", children: searchQuery ? "Try a different search term" : "Click + to add your first snippet" })
+            /* @__PURE__ */ jsx46("p", { className: "text-sm text-neutral-500 mb-1", children: searchQuery ? "No matching snippets" : "No snippets defined" }),
+            /* @__PURE__ */ jsx46("p", { className: "text-xs text-neutral-600", children: searchQuery ? "Try a different search term" : "Click + to add your first snippet" })
           ] }),
           filteredSnippets.map((snippet) => /* @__PURE__ */ jsx46(
             SnippetListItem,
@@ -8473,7 +8532,8 @@ function SnippetsEditor({
               snippet,
               selected: selectedName === snippet.name,
               onSelect: () => selectSnippet(snippet.name),
-              onDelete: () => remove(snippet.name)
+              onDelete: () => remove(snippet.name),
+              accentColor
             },
             snippet.name
           ))
@@ -8482,7 +8542,7 @@ function SnippetsEditor({
       /* @__PURE__ */ jsx46(
         "div",
         {
-          className: "w-1 cursor-col-resize bg-transparent hover:bg-blue-500/30 transition-colors flex-shrink-0",
+          className: `w-1 cursor-col-resize bg-transparent ${ACCENT_DIVIDER_HOVER[accentColor] ?? ACCENT_DIVIDER_HOVER.blue} transition-colors flex-shrink-0`,
           onMouseDown: onDividerMouseDown
         }
       ),
@@ -8498,15 +8558,16 @@ function SnippetsEditor({
           onSave: save,
           onReset: resetForm,
           onDelete: isEditing && selectedName ? () => remove(selectedName) : void 0,
-          onCancel: isAdding ? cancelForm : void 0
+          onCancel: isAdding ? cancelForm : void 0,
+          accentColor
         }
       ) : /* @__PURE__ */ jsx46("div", { className: "flex-1 flex items-center justify-center p-6", children: /* @__PURE__ */ jsxs40("div", { className: "text-center max-w-xs", children: [
         /* @__PURE__ */ jsx46(Braces, { className: "w-10 h-10 mx-auto text-purple-400/30 mb-4" }),
-        /* @__PURE__ */ jsx46("p", { className: "text-sm text-neutral-500 mb-2", children: "Select a snippet to edit" }),
-        /* @__PURE__ */ jsxs40("p", { className: "text-xs text-neutral-600 leading-relaxed", children: [
+        /* @__PURE__ */ jsx46("p", { className: "text-md text-neutral-500 mb-2", children: "Select a snippet to edit" }),
+        /* @__PURE__ */ jsxs40("p", { className: "text-sm text-neutral-600 leading-relaxed", children: [
           "Choose a snippet from the list, or click",
           " ",
-          /* @__PURE__ */ jsx46("span", { className: "text-blue-400", children: "+" }),
+          /* @__PURE__ */ jsx46("span", { className: ACCENT_TEXT[accentColor] ?? ACCENT_TEXT.blue, children: "+" }),
           " to create a new one. Reference snippets in prompts with",
           " ",
           /* @__PURE__ */ jsx46("span", { className: "font-mono text-purple-400", children: "{{SNIPPET_NAME}}" }),
@@ -8516,20 +8577,20 @@ function SnippetsEditor({
     ] })
   ] });
 }
-function SnippetListItem({ snippet, selected, onSelect, onDelete }) {
+function SnippetListItem({ snippet, selected, onSelect, onDelete, accentColor }) {
   return /* @__PURE__ */ jsxs40(
     "div",
     {
       className: cn(
         "group flex items-start gap-2 px-3 py-2.5 cursor-pointer transition-colors border-l-2",
-        selected ? "bg-neutral-850 border-l-blue-400" : "border-l-transparent hover:bg-neutral-850/50"
+        selected ? `bg-neutral-850 ${ACCENT_BORDER2[accentColor] ?? ACCENT_BORDER2.blue}` : "border-l-transparent hover:bg-neutral-850/50"
       ),
       onClick: onSelect,
       children: [
         /* @__PURE__ */ jsxs40("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx46("p", { className: "text-xs font-mono font-medium text-neutral-300 truncate", children: snippet.name }),
-          /* @__PURE__ */ jsx46("p", { className: "text-xss text-neutral-500 truncate mt-0.5", children: snippet.description }),
-          snippet.value && /* @__PURE__ */ jsxs40("p", { className: "text-xss text-neutral-600 truncate mt-0.5 font-mono", children: [
+          /* @__PURE__ */ jsx46("p", { className: "text-sm font-mono font-medium text-neutral-300 truncate", children: snippet.name }),
+          /* @__PURE__ */ jsx46("p", { className: "text-xs text-neutral-500 truncate mt-0.5", children: snippet.description }),
+          snippet.value && /* @__PURE__ */ jsxs40("p", { className: "text-xs text-neutral-600 truncate mt-0.5 font-mono", children: [
             snippet.value.slice(0, 80),
             snippet.value.length > 80 ? "..." : ""
           ] })
@@ -8560,12 +8621,13 @@ function SnippetForm({
   onSave,
   onReset,
   onDelete,
-  onCancel
+  onCancel,
+  accentColor
 }) {
   return /* @__PURE__ */ jsxs40("div", { className: "flex-1 flex flex-col", children: [
     /* @__PURE__ */ jsxs40("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
       /* @__PURE__ */ jsxs40("div", { children: [
-        /* @__PURE__ */ jsxs40("label", { className: "block text-xs text-neutral-500 mb-1.5", children: [
+        /* @__PURE__ */ jsxs40("label", { className: "block text-sm text-neutral-500 mb-1.5", children: [
           "Snippet Name ",
           /* @__PURE__ */ jsx46("span", { className: "text-red-400", children: "*" })
         ] }),
@@ -8579,13 +8641,13 @@ function SnippetForm({
             autoFocus: !isEditing
           }
         ),
-        /* @__PURE__ */ jsxs40("p", { className: "mt-1 text-xss text-neutral-600", children: [
+        /* @__PURE__ */ jsxs40("p", { className: "mt-1 text-xs text-neutral-600", children: [
           "Use in prompts as ",
           /* @__PURE__ */ jsx46("span", { className: "font-mono text-purple-400", children: "{{" + (formData.name || "NAME") + "}}" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs40("div", { children: [
-        /* @__PURE__ */ jsxs40("label", { className: "block text-xs text-neutral-500 mb-1.5", children: [
+        /* @__PURE__ */ jsxs40("label", { className: "block text-sm text-neutral-500 mb-1.5", children: [
           "Description ",
           /* @__PURE__ */ jsx46("span", { className: "text-red-400", children: "*" })
         ] }),
@@ -8599,7 +8661,7 @@ function SnippetForm({
         )
       ] }),
       /* @__PURE__ */ jsxs40("div", { children: [
-        /* @__PURE__ */ jsx46("label", { className: "block text-xs text-neutral-500 mb-1.5", children: "Value" }),
+        /* @__PURE__ */ jsx46("label", { className: "block text-sm text-neutral-500 mb-1.5", children: "Value" }),
         /* @__PURE__ */ jsx46(
           ResizableTextarea,
           {
@@ -8610,9 +8672,9 @@ function SnippetForm({
             minHeight: 160
           }
         ),
-        /* @__PURE__ */ jsx46("p", { className: "mt-1 text-xss text-neutral-600", children: "Can be a single value, multi-line text, or an entire document" })
+        /* @__PURE__ */ jsx46("p", { className: "mt-1 text-xs text-neutral-600", children: "Can be a single value, multi-line text, or an entire document" })
       ] }),
-      formError && /* @__PURE__ */ jsx46("div", { className: "px-3 py-2 bg-red-500/10 border border-red-500/30 rounded-lg", children: /* @__PURE__ */ jsx46("p", { className: "text-xs text-red-400", children: formError }) })
+      formError && /* @__PURE__ */ jsx46("div", { className: "px-3 py-2 bg-red-500/10 border border-red-500/30 rounded-lg", children: /* @__PURE__ */ jsx46("p", { className: "text-sm text-red-400", children: formError }) })
     ] }),
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between gap-2 border-t border-neutral-700 px-4 py-3", children: [
       /* @__PURE__ */ jsx46("div", { children: onDelete && /* @__PURE__ */ jsx46(
@@ -8633,7 +8695,7 @@ function SnippetForm({
             type: "button",
             onClick: onCancel,
             disabled: isSaving,
-            className: "rounded-md border border-neutral-700 bg-transparent px-3 py-1.5 text-xs text-neutral-400 transition-colors hover:bg-neutral-700 hover:text-neutral-300 disabled:opacity-50",
+            className: "rounded-md border border-neutral-700 bg-transparent px-3 py-1.5 text-sm text-neutral-400 transition-colors hover:bg-neutral-700 hover:text-neutral-300 disabled:opacity-50",
             children: "Cancel"
           }
         ),
@@ -8654,7 +8716,7 @@ function SnippetForm({
             type: "button",
             onClick: onSave,
             disabled: isSaving,
-            className: "flex items-center gap-1.5 rounded-md bg-blue-600 px-3 py-1.5 text-xs text-white transition-colors hover:bg-blue-500 disabled:cursor-not-allowed disabled:opacity-50",
+            className: `flex items-center gap-1.5 rounded-md ${ACCENT_BUTTON2[accentColor] ?? ACCENT_BUTTON2.blue} px-3 py-1.5 text-sm text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50`,
             children: [
               /* @__PURE__ */ jsx46(Save4, { className: "w-3 h-3" }),
               isEditing ? "Save" : "Add"
@@ -8974,7 +9036,7 @@ ${varInfo.description}${varInfo.example ? `
           "button",
           {
             onClick: () => setActiveTab(tool.id),
-            className: `flex-1 flex items-center justify-center gap-1.5 px-2 text-xs font-medium border-b-2 transition-colors ${isActive ? `border-current ${activeColor} bg-neutral-850` : "border-neutral-700 text-neutral-500 hover:text-neutral-400 hover:bg-neutral-850/50"}`,
+            className: `flex-1 flex items-center justify-center gap-1.5 px-2 text-sm font-medium border-b-2 transition-colors ${isActive ? `border-current ${activeColor} bg-neutral-850` : "border-neutral-700 text-neutral-500 hover:text-neutral-400 hover:bg-neutral-850/50"}`,
             title: tool.name,
             children: [
               tool.icon ?? /* @__PURE__ */ jsx47(AiToolIcon, { tool: tool.id, size: 14 }),
@@ -8986,7 +9048,7 @@ ${varInfo.description}${varInfo.example ? `
       }) }),
       checklistMissing && /* @__PURE__ */ jsxs41("div", { className: "flex items-start gap-2 px-3 py-2 bg-red-400/10 border-b border-red-400/30 shrink-0", children: [
         /* @__PURE__ */ jsx47(AlertTriangle7, { className: "w-4 h-4 text-red-400 shrink-0 mt-0.5" }),
-        /* @__PURE__ */ jsxs41("div", { className: "text-xs text-red-400", children: [
+        /* @__PURE__ */ jsxs41("div", { className: "text-sm text-red-400", children: [
           /* @__PURE__ */ jsx47("span", { className: "font-medium", children: 'Missing "# Verification Checklist" section.' }),
           " ",
           "When verification is enabled, only content under this heading will be sent to the AI for output validation."
@@ -9061,11 +9123,11 @@ ${varInfo.description}${varInfo.example ? `
             /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx47(Variable, { className: "w-4 h-4 text-neutral-500 shrink-0" }),
               /* @__PURE__ */ jsxs41("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx47("div", { className: "text-xs font-medium text-neutral-400", children: "Placeholders" }),
-                /* @__PURE__ */ jsx47("div", { className: "text-xs text-neutral-600 truncate", children: "Available placeholders" })
+                /* @__PURE__ */ jsx47("div", { className: "text-sm font-medium text-neutral-400", children: "Placeholders" }),
+                /* @__PURE__ */ jsx47("div", { className: "text-sm text-neutral-600 truncate", children: "Available placeholders" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx47("span", { className: "px-1.5 py-0.5 bg-violet-400/20 text-violet-400 rounded text-xs", children: variableSearch.trim() ? `${filteredVariables.length}/${variables.length}` : variables.length })
+            /* @__PURE__ */ jsx47("span", { className: "px-1.5 py-0.5 bg-violet-400/20 text-violet-400 rounded text-sm", children: variableSearch.trim() ? `${filteredVariables.length}/${variables.length}` : variables.length })
           ] }),
           /* @__PURE__ */ jsx47("div", { className: "px-2.5 py-2 border-b border-neutral-700 shrink-0", children: /* @__PURE__ */ jsxs41("div", { className: "relative", children: [
             /* @__PURE__ */ jsx47(Search8, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 text-neutral-500" }),
@@ -9091,7 +9153,7 @@ ${varInfo.description}${varInfo.example ? `
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx47("div", { className: "px-3 py-2 border-b border-neutral-700 shrink-0", children: /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1.5 text-xs text-neutral-500", children: [
+          /* @__PURE__ */ jsx47("div", { className: "px-3 py-2 border-b border-neutral-700 shrink-0", children: /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1.5 text-sm text-neutral-500", children: [
             /* @__PURE__ */ jsx47(Info5, { className: "w-3 h-3 flex-shrink-0" }),
             /* @__PURE__ */ jsxs41("span", { children: [
               "Type ",
@@ -9110,7 +9172,7 @@ ${varInfo.description}${varInfo.example ? `
               accentColor: "purple",
               showCopyPlaceholder: true
             }
-          ) }, variable.name)) : variableSearch.trim() ? /* @__PURE__ */ jsxs41("div", { className: "text-center py-4 text-xs text-neutral-500", children: [
+          ) }, variable.name)) : variableSearch.trim() ? /* @__PURE__ */ jsxs41("div", { className: "text-center py-4 text-sm text-neutral-500", children: [
             'No placeholders match "',
             variableSearch,
             '"'
@@ -9188,8 +9250,8 @@ function FileTypeTabbedPromptEditor({
           /* @__PURE__ */ jsx48("div", { className: "h-[52px] px-3 flex items-center border-b border-neutral-700 shrink-0", children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx48(Crosshair, { className: "w-4 h-4 text-neutral-500 shrink-0" }),
             /* @__PURE__ */ jsxs42("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx48("div", { className: "text-xs font-medium text-neutral-400", children: selectorLabel }),
-              /* @__PURE__ */ jsx48("div", { className: "text-xs text-neutral-600", children: selectorSublabel })
+              /* @__PURE__ */ jsx48("div", { className: "text-sm font-medium text-neutral-400", children: selectorLabel }),
+              /* @__PURE__ */ jsx48("div", { className: "text-sm text-neutral-600", children: selectorSublabel })
             ] })
           ] }) }),
           /* @__PURE__ */ jsx48("div", { className: "flex-1 overflow-y-auto", children: fileTypes.map((ft) => {
@@ -9202,8 +9264,8 @@ function FileTypeTabbedPromptEditor({
                 children: [
                   /* @__PURE__ */ jsx48("div", { className: `flex-shrink-0 ${isSelected ? "text-blue-400" : "text-neutral-500"}`, children: ft.icon ?? /* @__PURE__ */ jsx48(FileCode5, { className: "w-4 h-4" }) }),
                   /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx48("div", { className: `text-sm font-medium truncate ${isSelected ? "text-neutral-300" : "text-neutral-400"}`, children: ft.name }),
-                    ft.description && /* @__PURE__ */ jsx48("div", { className: "text-xs text-neutral-500 mt-0.5 leading-relaxed", children: ft.description })
+                    /* @__PURE__ */ jsx48("div", { className: `text-md font-medium truncate ${isSelected ? "text-neutral-300" : "text-neutral-400"}`, children: ft.name }),
+                    ft.description && /* @__PURE__ */ jsx48("div", { className: "text-sm text-neutral-500 mt-0.5 leading-relaxed", children: ft.description })
                   ] })
                 ]
               },
@@ -9333,8 +9395,8 @@ function SimulatorPromptEditor({
           /* @__PURE__ */ jsx49("div", { className: "h-[52px] px-3 flex items-center border-b border-neutral-700 shrink-0", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx49(Crosshair2, { className: "w-4 h-4 text-neutral-500 shrink-0" }),
             /* @__PURE__ */ jsxs43("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx49("div", { className: "text-xs font-medium text-neutral-400", children: "Scenario" }),
-              /* @__PURE__ */ jsx49("div", { className: "text-xs text-neutral-600", children: "Select scenario and step" })
+              /* @__PURE__ */ jsx49("div", { className: "text-sm font-medium text-neutral-400", children: "Scenario" }),
+              /* @__PURE__ */ jsx49("div", { className: "text-sm text-neutral-600", children: "Select scenario and step" })
             ] })
           ] }) }),
           /* @__PURE__ */ jsx49("div", { className: "flex-1 overflow-y-auto", children: scenarios.map((scenario) => {
@@ -9349,8 +9411,8 @@ function SimulatorPromptEditor({
                   children: [
                     /* @__PURE__ */ jsx49("div", { className: "flex-shrink-0 mt-0.5 text-neutral-500", children: isExpanded ? /* @__PURE__ */ jsx49(ChevronDown11, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx49(ChevronRight7, { className: "w-4 h-4" }) }),
                     /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx49("div", { className: `text-sm font-medium ${isScenarioActive ? "text-neutral-300" : "text-neutral-400"}`, children: scenario.name }),
-                      scenario.description && /* @__PURE__ */ jsx49("div", { className: "text-xs text-neutral-500 mt-0.5 leading-relaxed", children: scenario.description })
+                      /* @__PURE__ */ jsx49("div", { className: `text-md font-medium ${isScenarioActive ? "text-neutral-300" : "text-neutral-400"}`, children: scenario.name }),
+                      scenario.description && /* @__PURE__ */ jsx49("div", { className: "text-sm text-neutral-500 mt-0.5 leading-relaxed", children: scenario.description })
                     ] })
                   ]
                 }
@@ -9364,7 +9426,7 @@ function SimulatorPromptEditor({
                     className: `w-full h-[32px] flex items-center gap-2 pl-9 pr-3 text-left transition-colors ${isStepSelected ? "bg-neutral-700/50 border-l-2 border-blue-400" : "hover:bg-neutral-850 border-l-2 border-transparent"}`,
                     children: [
                       /* @__PURE__ */ jsx49("div", { className: `w-1.5 h-1.5 rounded-full flex-shrink-0 ${isStepSelected ? "bg-blue-400" : "bg-neutral-600"}` }),
-                      /* @__PURE__ */ jsx49("span", { className: `text-xs ${isStepSelected ? "text-neutral-300" : "text-neutral-400"}`, children: step.name })
+                      /* @__PURE__ */ jsx49("span", { className: `text-sm ${isStepSelected ? "text-neutral-300" : "text-neutral-400"}`, children: step.name })
                     ]
                   },
                   step.id
@@ -9502,7 +9564,7 @@ function CollapsibleSection({
               children: /* @__PURE__ */ jsx50(Icon, { className: "w-3.5 h-3.5" })
             }
           ),
-          /* @__PURE__ */ jsx50("span", { className: "text-sm font-medium text-neutral-200", children: title }),
+          /* @__PURE__ */ jsx50("span", { className: "text-md font-medium text-neutral-200", children: title }),
           badge !== void 0 && /* @__PURE__ */ jsx50("span", { className: "ml-auto", children: /* @__PURE__ */ jsx50(Badge, { value: badge, color: badgeColor, size: "xss" }) })
         ]
       }
@@ -9515,6 +9577,18 @@ function CollapsibleSection({
 import { useState as useState33, useMemo as useMemo10 } from "react";
 import { Folder as Folder8, FolderOpen as FolderOpen2, File as File5, FileCode as FileCode6, FileText as FileText2, FileJson, Image as Image5, ChevronRight as ChevronRight9, Search as Search10, MoreVertical as MoreVertical3 } from "lucide-react";
 import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
+var ACCENT_SELECTED2 = {
+  blue: "bg-blue-400/15 text-blue-400",
+  purple: "bg-purple-400/15 text-purple-400",
+  orange: "bg-orange-400/15 text-orange-400",
+  green: "bg-green-400/15 text-green-400",
+  pink: "bg-pink-400/15 text-pink-400",
+  amber: "bg-amber-400/15 text-amber-400",
+  emerald: "bg-emerald-400/15 text-emerald-400",
+  teal: "bg-teal-400/15 text-teal-400",
+  sky: "bg-sky-400/15 text-sky-400",
+  violet: "bg-violet-400/15 text-violet-400"
+};
 var iconSubset2 = {
   folder: Folder8,
   file: File5,
@@ -9585,7 +9659,7 @@ function filterTree(entries, query) {
   }
   return result;
 }
-function FileNode({ entry, depth, selectedPath, expandedPaths, onToggleExpand, onSelect, onAction }) {
+function FileNode({ entry, depth, selectedPath, expandedPaths, onToggleExpand, onSelect, onAction, accentColor }) {
   const isFolder = entry.type === "folder";
   const isExpanded = isFolder && expandedPaths.has(entry.path);
   const isSelected = !isFolder && selectedPath === entry.path;
@@ -9597,8 +9671,8 @@ function FileNode({ entry, depth, selectedPath, expandedPaths, onToggleExpand, o
         type: "button",
         onClick: isFolder ? () => onToggleExpand(entry.path) : () => onSelect?.(entry.path),
         className: cn(
-          "group flex items-center gap-1.5 w-full py-1 px-2 rounded text-xs transition-colors cursor-pointer",
-          isSelected ? "bg-blue-400/15 text-blue-400" : "text-neutral-400 hover:bg-neutral-700/40 hover:text-neutral-200"
+          "group flex items-center gap-1.5 w-full py-1 px-2 rounded text-sm transition-colors cursor-pointer",
+          isSelected ? ACCENT_SELECTED2[accentColor] ?? ACCENT_SELECTED2.blue : "text-neutral-400 hover:bg-neutral-700/40 hover:text-neutral-200"
         ),
         style: { paddingLeft: `${depth * 16 + 8}px` },
         children: [
@@ -9616,7 +9690,7 @@ function FileNode({ entry, depth, selectedPath, expandedPaths, onToggleExpand, o
             }
           ),
           /* @__PURE__ */ jsx51("span", { className: "truncate", children: entry.name }),
-          entry.badge && /* @__PURE__ */ jsx51("span", { className: "ml-auto shrink-0 px-1.5 py-0.5 text-xss rounded bg-neutral-700 text-neutral-500", children: entry.badge }),
+          entry.badge && /* @__PURE__ */ jsx51("span", { className: "ml-auto shrink-0 px-1.5 py-0.5 text-xs rounded bg-neutral-700 text-neutral-500", children: entry.badge }),
           onAction && /* @__PURE__ */ jsx51(
             "span",
             {
@@ -9648,7 +9722,8 @@ function FileNode({ entry, depth, selectedPath, expandedPaths, onToggleExpand, o
         expandedPaths,
         onToggleExpand,
         onSelect,
-        onAction
+        onAction,
+        accentColor
       },
       child.path
     )) })
@@ -9660,7 +9735,8 @@ function FilesPanel({
   onSelect,
   onAction,
   showSearch = false,
-  className
+  className,
+  accentColor = "blue"
 }) {
   const [expandedPaths, setExpandedPaths] = useState33(() => collectAllFolderPaths(files));
   const [searchQuery, setSearchQuery] = useState33("");
@@ -9679,13 +9755,13 @@ function FilesPanel({
   }
   return /* @__PURE__ */ jsxs45("div", { className: cn("flex flex-col bg-neutral-800 rounded-lg overflow-hidden", className), children: [
     /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between px-3 py-2 border-b border-neutral-700", children: [
-      /* @__PURE__ */ jsx51("span", { className: "text-xss font-semibold uppercase tracking-wider text-neutral-500", children: "Files" }),
-      /* @__PURE__ */ jsxs45("span", { className: "text-xss text-neutral-500", children: [
+      /* @__PURE__ */ jsx51("span", { className: "text-xs font-semibold uppercase tracking-wider text-neutral-500", children: "Files" }),
+      /* @__PURE__ */ jsxs45("span", { className: "text-xs text-neutral-500", children: [
         fileCount,
         " files"
       ] })
     ] }),
-    showSearch && /* @__PURE__ */ jsx51("div", { className: "px-2 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-[var(--background)] border border-neutral-700 rounded text-xs", children: [
+    showSearch && /* @__PURE__ */ jsx51("div", { className: "px-2 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-[var(--background)] border border-neutral-700 rounded text-sm", children: [
       /* @__PURE__ */ jsx51(Search10, { className: "w-3 h-3 text-neutral-500 shrink-0" }),
       /* @__PURE__ */ jsx51(
         "input",
@@ -9694,7 +9770,7 @@ function FilesPanel({
           placeholder: "Search files...",
           value: searchQuery,
           onChange: (e) => setSearchQuery(e.target.value),
-          className: "flex-1 bg-transparent text-neutral-200 placeholder-neutral-500 outline-none text-xs"
+          className: "flex-1 bg-transparent text-neutral-200 placeholder-neutral-500 outline-none text-sm"
         }
       )
     ] }) }),
@@ -9708,11 +9784,12 @@ function FilesPanel({
           expandedPaths,
           onToggleExpand: handleToggleExpand,
           onSelect,
-          onAction
+          onAction,
+          accentColor
         },
         entry.path
       )) }),
-      displayedFiles.length === 0 && /* @__PURE__ */ jsx51("p", { className: "text-xss text-neutral-500 text-center py-4", children: "No files found" })
+      displayedFiles.length === 0 && /* @__PURE__ */ jsx51("p", { className: "text-xs text-neutral-500 text-center py-4", children: "No files found" })
     ] })
   ] });
 }
@@ -9757,13 +9834,13 @@ function SnippetsPanel({
   );
   return /* @__PURE__ */ jsxs46("div", { className: cn("flex flex-col bg-neutral-800 rounded-lg overflow-hidden", className), children: [
     /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between px-3 py-2 border-b border-neutral-700", children: [
-      /* @__PURE__ */ jsx52("span", { className: "text-xss font-semibold uppercase tracking-wider text-neutral-500", children: "Snippets" }),
-      /* @__PURE__ */ jsxs46("span", { className: "text-xss text-neutral-500", children: [
+      /* @__PURE__ */ jsx52("span", { className: "text-xs font-semibold uppercase tracking-wider text-neutral-500", children: "Snippets" }),
+      /* @__PURE__ */ jsxs46("span", { className: "text-xs text-neutral-500", children: [
         snippets.length,
         " snippets"
       ] })
     ] }),
-    showSearch && /* @__PURE__ */ jsx52("div", { className: "px-2 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-[var(--background)] border border-neutral-700 rounded text-xs", children: [
+    showSearch && /* @__PURE__ */ jsx52("div", { className: "px-2 py-2 border-b border-neutral-700", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-[var(--background)] border border-neutral-700 rounded text-sm", children: [
       /* @__PURE__ */ jsx52(Search11, { className: "w-3 h-3 text-neutral-500 shrink-0" }),
       /* @__PURE__ */ jsx52(
         "input",
@@ -9772,7 +9849,7 @@ function SnippetsPanel({
           placeholder: "Search snippets...",
           value: searchQuery,
           onChange: (e) => setSearchQuery(e.target.value),
-          className: "flex-1 bg-transparent text-neutral-200 placeholder-neutral-500 outline-none text-xs"
+          className: "flex-1 bg-transparent text-neutral-200 placeholder-neutral-500 outline-none text-sm"
         }
       )
     ] }) }),
@@ -9786,7 +9863,7 @@ function SnippetsPanel({
         },
         snippet.id
       )),
-      filteredSnippets.length === 0 && /* @__PURE__ */ jsx52("p", { className: "text-xss text-neutral-500 text-center py-4", children: "No snippets found" })
+      filteredSnippets.length === 0 && /* @__PURE__ */ jsx52("p", { className: "text-xs text-neutral-500 text-center py-4", children: "No snippets found" })
     ] })
   ] });
 }
@@ -9795,11 +9872,11 @@ function SnippetCard({ snippet, onInsert, onCopy }) {
   return /* @__PURE__ */ jsxs46("div", { className: "rounded-md border border-neutral-700 bg-neutral-900 hover:border-neutral-600 transition-colors", children: [
     /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2 px-2.5 py-1.5", children: [
       /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx52("span", { className: "text-xs font-medium text-neutral-200 truncate", children: snippet.label }),
+        /* @__PURE__ */ jsx52("span", { className: "text-sm font-medium text-neutral-200 truncate", children: snippet.label }),
         snippet.language && /* @__PURE__ */ jsx52(
           "span",
           {
-            className: "px-1.5 py-0.5 text-xss font-medium rounded shrink-0",
+            className: "px-1.5 py-0.5 text-xs font-medium rounded shrink-0",
             style: { color: langColor, backgroundColor: `${langColor}20` },
             children: snippet.language
           }
@@ -9826,9 +9903,9 @@ function SnippetCard({ snippet, onInsert, onCopy }) {
         )
       ] })
     ] }),
-    snippet.description && /* @__PURE__ */ jsx52("p", { className: "px-2.5 pb-1.5 text-xss text-neutral-400 leading-relaxed", children: snippet.description }),
-    /* @__PURE__ */ jsx52("div", { className: "mx-2.5 mb-2 rounded bg-[var(--background)] border border-neutral-700 overflow-hidden", children: /* @__PURE__ */ jsx52("pre", { className: "p-2 text-xss text-neutral-400 leading-relaxed overflow-x-auto max-h-24", children: /* @__PURE__ */ jsx52("code", { children: snippet.code }) }) }),
-    snippet.tags && snippet.tags.length > 0 && /* @__PURE__ */ jsx52("div", { className: "flex flex-wrap gap-1 px-2.5 pb-2", children: snippet.tags.map((tag) => /* @__PURE__ */ jsx52("span", { className: "px-1.5 py-0.5 text-xss rounded bg-neutral-700 text-neutral-500", children: tag }, tag)) })
+    snippet.description && /* @__PURE__ */ jsx52("p", { className: "px-2.5 pb-1.5 text-xs text-neutral-400 leading-relaxed", children: snippet.description }),
+    /* @__PURE__ */ jsx52("div", { className: "mx-2.5 mb-2 rounded bg-[var(--background)] border border-neutral-700 overflow-hidden", children: /* @__PURE__ */ jsx52("pre", { className: "p-2 text-xs text-neutral-400 leading-relaxed overflow-x-auto max-h-24", children: /* @__PURE__ */ jsx52("code", { children: snippet.code }) }) }),
+    snippet.tags && snippet.tags.length > 0 && /* @__PURE__ */ jsx52("div", { className: "flex flex-wrap gap-1 px-2.5 pb-2", children: snippet.tags.map((tag) => /* @__PURE__ */ jsx52("span", { className: "px-1.5 py-0.5 text-xs rounded bg-neutral-700 text-neutral-500", children: tag }, tag)) })
   ] });
 }
 
@@ -9907,8 +9984,8 @@ var iconSubset3 = {
 };
 var sizeConfig2 = {
   xss: { text: "text-xss", icon: "w-2.5 h-2.5", px: "px-1", py: "py-0.5", gap: "gap-0.5", sep: "w-2 h-2" },
-  xs: { text: "text-xs", icon: "w-3 h-3", px: "px-1.5", py: "py-0.5", gap: "gap-1", sep: "w-2.5 h-2.5" },
-  sm: { text: "text-sm", icon: "w-3.5 h-3.5", px: "px-2", py: "py-1", gap: "gap-1.5", sep: "w-3 h-3" },
+  xs: { text: "text-sm", icon: "w-3 h-3", px: "px-1.5", py: "py-0.5", gap: "gap-1", sep: "w-2.5 h-2.5" },
+  sm: { text: "text-md", icon: "w-3.5 h-3.5", px: "px-2", py: "py-1", gap: "gap-1.5", sep: "w-3 h-3" },
   md: { text: "text-base", icon: "w-4 h-4", px: "px-2.5", py: "py-1", gap: "gap-1.5", sep: "w-3.5 h-3.5" },
   lg: { text: "text-lg", icon: "w-5 h-5", px: "px-3", py: "py-1.5", gap: "gap-2", sep: "w-4 h-4" }
 };
@@ -10081,8 +10158,8 @@ var iconSubset4 = {
 };
 var sizeConfig3 = {
   xss: { text: "text-xss", segIcon: "w-2.5 h-2.5", navIcon: "w-2.5 h-2.5", navBtn: "w-[18px] h-[18px] rounded-[3px]", px: "px-1", py: "py-0.5", sep: "w-2 h-2", divH: "h-3" },
-  xs: { text: "text-xs", segIcon: "w-3 h-3", navIcon: "w-3 h-3", navBtn: "w-6 h-6 rounded-[5px]", px: "px-1.5", py: "py-0.5", sep: "w-2.5 h-2.5", divH: "h-3.5" },
-  sm: { text: "text-sm", segIcon: "w-3.5 h-3.5", navIcon: "w-3.5 h-3.5", navBtn: "w-7 h-7 rounded-md", px: "px-2", py: "py-1", sep: "w-3 h-3", divH: "h-4" },
+  xs: { text: "text-sm", segIcon: "w-3 h-3", navIcon: "w-3 h-3", navBtn: "w-6 h-6 rounded-[5px]", px: "px-1.5", py: "py-0.5", sep: "w-2.5 h-2.5", divH: "h-3.5" },
+  sm: { text: "text-md", segIcon: "w-3.5 h-3.5", navIcon: "w-3.5 h-3.5", navBtn: "w-7 h-7 rounded-md", px: "px-2", py: "py-1", sep: "w-3 h-3", divH: "h-4" },
   md: { text: "text-base", segIcon: "w-4 h-4", navIcon: "w-4 h-4", navBtn: "w-8 h-8 rounded-md", px: "px-2.5", py: "py-1", sep: "w-3.5 h-3.5", divH: "h-5" },
   lg: { text: "text-lg", segIcon: "w-5 h-5", navIcon: "w-5 h-5", navBtn: "w-9 h-9 rounded-md", px: "px-3", py: "py-1.5", sep: "w-4 h-4", divH: "h-6" }
 };
@@ -10182,7 +10259,7 @@ function NavigationBar({
           }
         ),
         historyOpen && hasHistoryEntries && /* @__PURE__ */ jsxs48("div", { className: "absolute left-0 top-full mt-1 w-max min-w-[200px] max-w-[420px] bg-neutral-800 border border-neutral-700 rounded-lg shadow-xl z-50", children: [
-          /* @__PURE__ */ jsx54("div", { className: "px-3 py-1.5 border-b border-neutral-700/50", children: /* @__PURE__ */ jsx54("p", { className: "text-xs font-medium text-neutral-500", children: "History" }) }),
+          /* @__PURE__ */ jsx54("div", { className: "px-3 py-1.5 border-b border-neutral-700/50", children: /* @__PURE__ */ jsx54("p", { className: "text-sm font-medium text-neutral-500", children: "History" }) }),
           /* @__PURE__ */ jsx54("div", { className: "max-h-[300px] overflow-y-auto py-1", children: historyEntries.map((entry, i) => /* @__PURE__ */ jsx54(
             "button",
             {
@@ -10196,14 +10273,14 @@ function NavigationBar({
                 segIdx > 0 && /* @__PURE__ */ jsx54(ChevronRight11, { className: "w-2.5 h-2.5 text-neutral-600 flex-shrink-0" }),
                 seg.icon && /* @__PURE__ */ jsx54(SegmentIcon2, { icon: seg.icon, color: seg.color, size: "xs" }),
                 /* @__PURE__ */ jsx54("span", { className: cn(
-                  "text-xs truncate",
+                  "text-sm truncate",
                   seg.color && colorMap2[seg.color] ? colorMap2[seg.color].text : "text-neutral-300"
                 ), children: seg.label })
               ] }, seg.id))
             },
             i
           )) }),
-          /* @__PURE__ */ jsx54("div", { className: "px-3 py-1.5 border-t border-neutral-700/50", children: /* @__PURE__ */ jsx54("p", { className: "text-xs text-neutral-600", children: "Click to navigate" }) })
+          /* @__PURE__ */ jsx54("div", { className: "px-3 py-1.5 border-t border-neutral-700/50", children: /* @__PURE__ */ jsx54("p", { className: "text-sm text-neutral-600", children: "Click to navigate" }) })
         ] })
       ] }),
       /* @__PURE__ */ jsx54(Divider, { size })
@@ -10295,8 +10372,8 @@ var iconSubset5 = {
 };
 var sizeConfig4 = {
   xss: { text: "text-xss", icon: "w-2.5 h-2.5", px: "px-1.5", py: "py-1", close: "w-2.5 h-2.5", badgeSize: "xss", gap: "gap-1" },
-  xs: { text: "text-xs", icon: "w-3 h-3", px: "px-2", py: "py-1", close: "w-3 h-3", badgeSize: "xs", gap: "gap-1" },
-  sm: { text: "text-sm", icon: "w-3.5 h-3.5", px: "px-3", py: "py-1.5", close: "w-3 h-3", badgeSize: "sm", gap: "gap-1.5" },
+  xs: { text: "text-sm", icon: "w-3 h-3", px: "px-2", py: "py-1", close: "w-3 h-3", badgeSize: "xs", gap: "gap-1" },
+  sm: { text: "text-md", icon: "w-3.5 h-3.5", px: "px-3", py: "py-1.5", close: "w-3 h-3", badgeSize: "sm", gap: "gap-1.5" },
   md: { text: "text-base", icon: "w-4 h-4", px: "px-4", py: "py-2", close: "w-3.5 h-3.5", badgeSize: "md", gap: "gap-2" },
   lg: { text: "text-lg", icon: "w-5 h-5", px: "px-5", py: "py-2.5", close: "w-4 h-4", badgeSize: "lg", gap: "gap-2" }
 };
@@ -10737,11 +10814,11 @@ function LayoutTabBar({ tabs, activeId, onSelect, onClose, onReorder, className
             children: [
               /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1.5 w-full transition-[padding] duration-150 group-hover:pr-5", children: [
                 tab.icon && /* @__PURE__ */ jsx56("span", { className: cn("shrink-0 inline-flex", isActive ? iconC : "text-neutral-400"), style: { width: 14, height: 14 }, children: tab.icon }),
-                /* @__PURE__ */ jsx56("span", { className: cn("truncate text-sm font-medium", isActive ? titleC : "text-neutral-300"), children: tab.title })
+                /* @__PURE__ */ jsx56("span", { className: cn("truncate text-md font-medium", isActive ? titleC : "text-neutral-300"), children: tab.title })
               ] }),
               tab.subtitle && /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1 w-full", children: [
                 tab.subtitleIcon && /* @__PURE__ */ jsx56("span", { className: cn("shrink-0 inline-flex", isActive ? subIconC : "text-neutral-500"), style: { width: 10, height: 10 }, children: tab.subtitleIcon }),
-                /* @__PURE__ */ jsx56("span", { className: cn("truncate text-xs", isActive ? subC : "text-neutral-500"), children: tab.subtitle })
+                /* @__PURE__ */ jsx56("span", { className: cn("truncate text-sm", isActive ? subC : "text-neutral-500"), children: tab.subtitle })
               ] }),
               tab.closable && onClose && /* @__PURE__ */ jsx56(
                 "span",
@@ -10779,11 +10856,11 @@ function LayoutTabBar({ tabs, activeId, onSelect, onClose, onReorder, className
       return /* @__PURE__ */ jsx56("div", { className: "fixed z-50 pointer-events-none opacity-90", style: { left: drag.x + 12, top: drag.y - 20 }, children: /* @__PURE__ */ jsxs50("div", { className: cn("flex flex-col gap-0.5 px-2.5 py-1.5 rounded-t-lg border-t-2 shadow-xl bg-neutral-800", ghostBorder), children: [
         /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1.5", children: [
           t.icon && /* @__PURE__ */ jsx56("span", { className: cn("shrink-0 inline-flex", ghostIconC), style: { width: 14, height: 14 }, children: t.icon }),
-          /* @__PURE__ */ jsx56("span", { className: cn("text-sm font-medium", ghostTitleC), children: t.title })
+          /* @__PURE__ */ jsx56("span", { className: cn("text-md font-medium", ghostTitleC), children: t.title })
         ] }),
         t.subtitle && /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-1", children: [
           t.subtitleIcon && /* @__PURE__ */ jsx56("span", { className: cn("shrink-0 inline-flex", ghostSubIconC), style: { width: 10, height: 10 }, children: t.subtitleIcon }),
-          /* @__PURE__ */ jsx56("span", { className: cn("text-xs", ghostSubC), children: t.subtitle })
+          /* @__PURE__ */ jsx56("span", { className: cn("text-sm", ghostSubC), children: t.subtitle })
         ] })
       ] }) });
     })()
@@ -10881,9 +10958,9 @@ function NavCard({
             children: /* @__PURE__ */ jsx57(Icon, { className: "w-4.5 h-4.5", style: { color: iconColor } })
           }
         ),
-        /* @__PURE__ */ jsx57("h3", { className: "text-sm font-medium text-neutral-200", children: title }),
-        description && /* @__PURE__ */ jsx57("p", { className: "mt-1 text-xs text-neutral-500 leading-relaxed line-clamp-2", children: description }),
-        stats && /* @__PURE__ */ jsx57("p", { className: "mt-2 text-xs text-neutral-600", children: stats })
+        /* @__PURE__ */ jsx57("h3", { className: "text-md font-medium text-neutral-200", children: title }),
+        description && /* @__PURE__ */ jsx57("p", { className: "mt-1 text-sm text-neutral-500 leading-relaxed line-clamp-2", children: description }),
+        stats && /* @__PURE__ */ jsx57("p", { className: "mt-2 text-sm text-neutral-600", children: stats })
       ]
     }
   );
@@ -10933,15 +11010,15 @@ var ExtensionListCard = memo(function ExtensionListCard2({
             /* @__PURE__ */ jsx58(Icon, { className: cn("w-5 h-5 shrink-0", iconColor) }),
             /* @__PURE__ */ jsxs52("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                /* @__PURE__ */ jsx58("span", { className: cn("text-sm font-medium", titleClassName), children: title }),
+                /* @__PURE__ */ jsx58("span", { className: cn("text-md font-medium", titleClassName), children: title }),
                 badges
               ] }),
-              description && /* @__PURE__ */ jsx58("div", { className: cn("text-xs text-neutral-500 mt-1", !isHovered && "line-clamp-2"), children: description })
+              description && /* @__PURE__ */ jsx58("div", { className: cn("text-sm text-neutral-500 mt-1", !isHovered && "line-clamp-2"), children: description })
             ] })
           ] }),
           actions && /* @__PURE__ */ jsx58("div", { className: cn("items-center gap-1.5 shrink-0", isHovered ? "flex" : "hidden"), children: actions })
         ] }),
-        metadata != null && /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-between mt-2 ml-8 mr-2 text-xs text-neutral-500", children: typeof metadata === "function" ? metadata(isHovered) : metadata })
+        metadata != null && /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-between mt-2 ml-8 mr-2 text-sm text-neutral-500", children: typeof metadata === "function" ? metadata(isHovered) : metadata })
       ]
     }
   );
@@ -11007,12 +11084,12 @@ function StatusCard({
   return /* @__PURE__ */ jsxs53("div", { className: cn("rounded-lg border border-neutral-700 bg-neutral-800 overflow-hidden", className), children: [
     /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2.5 px-4 py-3 border-b border-neutral-700", children: [
       Icon && /* @__PURE__ */ jsx59(Icon, { className: "w-4 h-4 shrink-0", style: { color: iconColor } }),
-      /* @__PURE__ */ jsx59("h3", { className: "text-sm font-medium text-neutral-200", children: title })
+      /* @__PURE__ */ jsx59("h3", { className: "text-md font-medium text-neutral-200", children: title })
     ] }),
     /* @__PURE__ */ jsx59("div", { className: "divide-y divide-neutral-700/60", children: items.map((item) => /* @__PURE__ */ jsxs53("div", { className: "flex items-center justify-between px-4 py-2.5", children: [
-      /* @__PURE__ */ jsx59("span", { className: "text-xs text-neutral-400", children: item.label }),
+      /* @__PURE__ */ jsx59("span", { className: "text-sm text-neutral-400", children: item.label }),
       /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx59("span", { className: cn("text-xs font-medium", statusValueColor[item.status]), children: item.value }),
+        /* @__PURE__ */ jsx59("span", { className: cn("text-sm font-medium", statusValueColor[item.status]), children: item.value }),
         /* @__PURE__ */ jsx59("span", { className: cn("w-2 h-2 rounded-full shrink-0", statusDotColor[item.status]) })
       ] })
     ] }, item.label)) }),
@@ -11021,7 +11098,7 @@ function StatusCard({
       {
         type: "button",
         onClick: action.onClick,
-        className: "text-xs text-blue-400 hover:text-blue-300 transition-colors cursor-pointer",
+        className: "text-sm text-blue-400 hover:text-blue-300 transition-colors cursor-pointer",
         children: action.label
       }
     ) })
@@ -11057,7 +11134,7 @@ function SnapshotCard({
     /* @__PURE__ */ jsx60("div", { className: cn("h-1", statusStripeColor[status]) }),
     /* @__PURE__ */ jsxs54("div", { className: "p-4", children: [
       /* @__PURE__ */ jsxs54("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsx60("h3", { className: "text-sm font-medium text-neutral-200 truncate", children: title }),
+        /* @__PURE__ */ jsx60("h3", { className: "text-md font-medium text-neutral-200 truncate", children: title }),
         /* @__PURE__ */ jsx60(
           Label,
           {
@@ -11069,11 +11146,11 @@ function SnapshotCard({
           }
         )
       ] }),
-      timestamp && /* @__PURE__ */ jsx60("p", { className: "mt-1 text-xss text-neutral-500", children: timestamp }),
-      description && /* @__PURE__ */ jsx60("p", { className: "mt-2 text-xs text-neutral-500 leading-relaxed line-clamp-2", children: description }),
+      timestamp && /* @__PURE__ */ jsx60("p", { className: "mt-1 text-xs text-neutral-500", children: timestamp }),
+      description && /* @__PURE__ */ jsx60("p", { className: "mt-2 text-sm text-neutral-500 leading-relaxed line-clamp-2", children: description }),
       stats && stats.length > 0 && /* @__PURE__ */ jsx60("div", { className: "mt-3 grid grid-cols-2 gap-x-4 gap-y-2", children: stats.map((stat) => /* @__PURE__ */ jsxs54("div", { children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-xss text-neutral-500", children: stat.label }),
-        /* @__PURE__ */ jsx60("p", { className: "text-xs font-medium text-neutral-200", children: stat.value })
+        /* @__PURE__ */ jsx60("p", { className: "text-xs text-neutral-500", children: stat.label }),
+        /* @__PURE__ */ jsx60("p", { className: "text-sm font-medium text-neutral-200", children: stat.value })
       ] }, stat.label)) }),
       (onSync || onView) && /* @__PURE__ */ jsxs54("div", { className: "mt-3 pt-3 border-t border-neutral-700 flex items-center gap-2", children: [
         onSync && /* @__PURE__ */ jsxs54(
@@ -11081,7 +11158,7 @@ function SnapshotCard({
           {
             type: "button",
             onClick: onSync,
-            className: "flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md bg-blue-400/15 text-blue-400 hover:bg-blue-400/25 transition-colors cursor-pointer",
+            className: "flex items-center gap-1.5 px-2.5 py-1 text-sm font-medium rounded-md bg-blue-400/15 text-blue-400 hover:bg-blue-400/25 transition-colors cursor-pointer",
             children: [
               /* @__PURE__ */ jsx60(RefreshCw7, { className: cn("w-3 h-3", status === "pending" && "animate-spin") }),
               "Sync"
@@ -11093,7 +11170,7 @@ function SnapshotCard({
           {
             type: "button",
             onClick: onView,
-            className: "flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md text-neutral-400 hover:bg-neutral-700 transition-colors cursor-pointer",
+            className: "flex items-center gap-1.5 px-2.5 py-1 text-sm font-medium rounded-md text-neutral-400 hover:bg-neutral-700 transition-colors cursor-pointer",
             children: [
               /* @__PURE__ */ jsx60(Eye10, { className: "w-3 h-3" }),
               "View"
@@ -11176,14 +11253,14 @@ function DetailSection({ title, icon, rows, className }) {
   return /* @__PURE__ */ jsxs55("div", { className, children: [
     /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2 mb-3", children: [
       Icon && /* @__PURE__ */ jsx61(Icon, { className: "w-4 h-4 text-neutral-500" }),
-      /* @__PURE__ */ jsx61("span", { className: "text-sm font-medium text-neutral-400", children: title })
+      /* @__PURE__ */ jsx61("span", { className: "text-md font-medium text-neutral-400", children: title })
     ] }),
     /* @__PURE__ */ jsx61("div", { className: "space-y-2", children: rows.map((row) => /* @__PURE__ */ jsxs55("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsxs55("span", { className: "text-xs text-neutral-500 w-24 shrink-0", children: [
+      /* @__PURE__ */ jsxs55("span", { className: "text-sm text-neutral-500 w-24 shrink-0", children: [
         row.label,
         ":"
       ] }),
-      /* @__PURE__ */ jsx61("span", { className: cn("text-xs text-neutral-400", row.mono && "font-mono"), children: row.value })
+      /* @__PURE__ */ jsx61("span", { className: cn("text-sm text-neutral-400", row.mono && "font-mono"), children: row.value })
     ] }, row.label)) })
   ] });
 }
@@ -11211,15 +11288,15 @@ function CookieConsent({
   if (!isVisible) return null;
   return /* @__PURE__ */ jsx62("div", { className: "fixed bottom-0 left-0 right-0 z-50 p-4 bg-neutral-900/95 backdrop-blur-sm border-t border-neutral-700/50", children: /* @__PURE__ */ jsxs56("div", { className: "max-w-6xl mx-auto flex flex-col sm:flex-row items-start sm:items-center gap-4", children: [
     /* @__PURE__ */ jsxs56("div", { className: "flex-grow", children: [
-      /* @__PURE__ */ jsx62("p", { className: "text-sm text-neutral-200 mb-1", children: heading }),
-      /* @__PURE__ */ jsx62("p", { className: "text-xs text-neutral-400", children: description })
+      /* @__PURE__ */ jsx62("p", { className: "text-md text-neutral-200 mb-1", children: heading }),
+      /* @__PURE__ */ jsx62("p", { className: "text-sm text-neutral-400", children: description })
     ] }),
     /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
       /* @__PURE__ */ jsx62(
         "button",
         {
           onClick: () => handleConsent("declined"),
-          className: "px-3 py-1.5 text-sm h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-neutral-400 border border-transparent hover:text-neutral-200 hover:border-neutral-600 hover:bg-neutral-800 transition-colors",
+          className: "px-3 py-1.5 text-md h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-neutral-400 border border-transparent hover:text-neutral-200 hover:border-neutral-600 hover:bg-neutral-800 transition-colors",
           children: "Decline"
         }
       ),
@@ -11227,7 +11304,7 @@ function CookieConsent({
         "button",
         {
           onClick: () => handleConsent("essential"),
-          className: "px-3 py-1.5 text-sm h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-neutral-400 border border-transparent hover:text-neutral-200 hover:border-neutral-600 hover:bg-neutral-800 transition-colors",
+          className: "px-3 py-1.5 text-md h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-neutral-400 border border-transparent hover:text-neutral-200 hover:border-neutral-600 hover:bg-neutral-800 transition-colors",
           children: "Essential Only"
         }
       ),
@@ -11235,7 +11312,7 @@ function CookieConsent({
         "button",
         {
           onClick: () => handleConsent("accepted"),
-          className: `px-3 py-1.5 text-sm h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-white border transition-colors bg-${accentColor}-600 border-${accentColor}-500 hover:bg-${accentColor}-500`,
+          className: `px-3 py-1.5 text-md h-[26px] inline-flex items-center justify-center font-medium rounded-md cursor-pointer text-white border transition-colors bg-${accentColor}-600 border-${accentColor}-500 hover:bg-${accentColor}-500`,
           children: "Accept All"
         }
       )
@@ -11323,7 +11400,7 @@ function SettingRow(props) {
   return /* @__PURE__ */ jsxs57("div", { className: `flex items-start justify-between gap-4 ${className}`, children: [
     /* @__PURE__ */ jsxs57("div", { children: [
       /* @__PURE__ */ jsx63("label", { className: "text-neutral-200 leading-7", children: label }),
-      description && /* @__PURE__ */ jsx63("p", { className: "text-sm text-neutral-500", children: description })
+      description && /* @__PURE__ */ jsx63("p", { className: "text-md text-neutral-500", children: description })
     ] }),
     props.type === "toggle" && /* @__PURE__ */ jsx63(
       Toggle,
@@ -11371,10 +11448,10 @@ function SettingsCard({ children, className, title, description, testId }) {
       "data-testid": testId,
       children: [
         title && /* @__PURE__ */ jsxs58("div", { children: [
-          /* @__PURE__ */ jsx64("h3", { className: "text-sm font-medium text-neutral-200", children: title }),
-          description && /* @__PURE__ */ jsx64("p", { className: "text-sm text-neutral-500 mt-1", children: description })
+          /* @__PURE__ */ jsx64("h3", { className: "text-md font-medium text-neutral-200", children: title }),
+          description && /* @__PURE__ */ jsx64("p", { className: "text-md text-neutral-500 mt-1", children: description })
         ] }),
-        !title && description && /* @__PURE__ */ jsx64("p", { className: "text-sm text-neutral-500", children: description }),
+        !title && description && /* @__PURE__ */ jsx64("p", { className: "text-md text-neutral-500", children: description }),
         children
       ]
     }
@@ -11445,7 +11522,7 @@ function SettingsInfoBox({ children, color = "neutral", className, testId }) {
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsx65(Icon, { className: cn("w-4 h-4 mt-0.5 shrink-0", iconColorMap[color]) }),
-        /* @__PURE__ */ jsx65("div", { className: "text-sm text-neutral-500", children })
+        /* @__PURE__ */ jsx65("div", { className: "text-md text-neutral-500", children })
       ]
     }
   );
@@ -11457,7 +11534,7 @@ function SettingsSectionTitle({ children, className = "", testId }) {
   return /* @__PURE__ */ jsx66(
     "h3",
     {
-      className: `text-xs font-medium text-neutral-400 uppercase tracking-wider ${className}`,
+      className: `text-sm font-medium text-neutral-400 uppercase tracking-wider ${className}`,
       "data-testid": testId,
       children
     }
@@ -11554,6 +11631,18 @@ function filterTree2(nodes, query, parentPath = "") {
 
 // components/settings/SettingsTreeNav.tsx
 import { Fragment as Fragment13, jsx as jsx67, jsxs as jsxs60 } from "react/jsx-runtime";
+var ACCENT_SELECTED3 = {
+  blue: "bg-blue-500/20 text-blue-400",
+  purple: "bg-purple-500/20 text-purple-400",
+  orange: "bg-orange-500/20 text-orange-400",
+  green: "bg-green-500/20 text-green-400",
+  pink: "bg-pink-500/20 text-pink-400",
+  amber: "bg-amber-500/20 text-amber-400",
+  emerald: "bg-emerald-500/20 text-emerald-400",
+  teal: "bg-teal-500/20 text-teal-400",
+  sky: "bg-sky-500/20 text-sky-400",
+  violet: "bg-violet-500/20 text-violet-400"
+};
 function highlightMatch2(text, query) {
   if (!query) return text;
   const lowerText = text.toLowerCase();
@@ -11574,7 +11663,8 @@ function TreeNode({
   expandedPaths,
   onToggleExpand,
   depth,
-  searchQuery
+  searchQuery,
+  accentColor
 }) {
   const isLeaf = isLeafNode(node);
   const isExpanded = expandedPaths.has(path);
@@ -11593,8 +11683,8 @@ function TreeNode({
       {
         onClick: handleClick,
         className: `
-          w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-md transition-colors cursor-pointer
-          ${isSelected ? "bg-blue-500/20 text-blue-400" : isInSelectedPath ? "text-neutral-300" : "text-neutral-400"}
+          w-full flex items-center gap-2 px-2 py-1.5 text-md rounded-md transition-colors cursor-pointer
+          ${isSelected ? ACCENT_SELECTED3[accentColor] ?? ACCENT_SELECTED3.blue : isInSelectedPath ? "text-neutral-300" : "text-neutral-400"}
           ${!isSelected && "hover:bg-neutral-800 hover:text-neutral-200"}
         `,
         style: { paddingLeft: `${depth * 12 + 8}px` },
@@ -11616,13 +11706,14 @@ function TreeNode({
         expandedPaths,
         onToggleExpand,
         depth: depth + 1,
-        searchQuery
+        searchQuery,
+        accentColor
       },
       child.id
     )) })
   ] });
 }
-function SettingsTreeNav({ tree, selectedPath, onSelectPath }) {
+function SettingsTreeNav({ tree, selectedPath, onSelectPath, accentColor = "blue" }) {
   const [expandedPaths, setExpandedPaths] = useState41(() => {
     const expanded = /* @__PURE__ */ new Set();
     if (selectedPath) {
@@ -11722,7 +11813,7 @@ function SettingsTreeNav({ tree, selectedPath, onSelectPath }) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx67("div", { className: "flex-1 overflow-y-auto py-2", children: filteredTree.length === 0 && searchQuery ? /* @__PURE__ */ jsxs60("p", { className: "text-xs text-neutral-500 text-center py-4 px-2", children: [
+    /* @__PURE__ */ jsx67("div", { className: "flex-1 overflow-y-auto py-2", children: filteredTree.length === 0 && searchQuery ? /* @__PURE__ */ jsxs60("p", { className: "text-sm text-neutral-500 text-center py-4 px-2", children: [
       'No settings match "',
       searchQuery,
       '"'
@@ -11736,7 +11827,8 @@ function SettingsTreeNav({ tree, selectedPath, onSelectPath }) {
         expandedPaths,
         onToggleExpand: handleToggleExpand,
         depth: 0,
-        searchQuery
+        searchQuery,
+        accentColor
       },
       node.id
     )) })
@@ -11793,7 +11885,7 @@ function SettingsHeader({
       className: `bg-neutral-950 border border-neutral-700 border-l-2 ${styles.border} rounded-lg p-4 flex items-center gap-4`,
       children: [
         /* @__PURE__ */ jsx69("div", { className: `flex-shrink-0 w-8 h-8 rounded-lg ${styles.iconBg} flex items-center justify-center`, children: icon ?? /* @__PURE__ */ jsx69(Info8, { className: `w-4 h-4 ${styles.iconColor}` }) }),
-        /* @__PURE__ */ jsx69("p", { className: "flex-1 text-sm text-neutral-400 leading-relaxed", children: description }),
+        /* @__PURE__ */ jsx69("p", { className: "flex-1 text-md text-neutral-400 leading-relaxed", children: description }),
         /* @__PURE__ */ jsxs62("div", { className: "flex-shrink-0 flex items-center gap-2", children: [
           action,
           onReset && /* @__PURE__ */ jsx69(