@ottocode/web-sdk 0.1.245 → 0.1.247

package/dist/index.js

@@ -383,6 +383,7 @@ var useToolApprovalStore = create3((set) => ({
 import { Shield, Check, X as X2, Terminal, FileEdit, GitCommit } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var TOOL_ICONS = {
+  shell: Terminal,
   bash: Terminal,
   edit: FileEdit,
   multiedit: FileEdit,
@@ -1565,6 +1566,8 @@ var authMixin = {
 
 // src/lib/api-client/skills.ts
 import {
+  getSkillsConfig as apiGetSkillsConfig,
+  updateSkillsConfig as apiUpdateSkillsConfig,
   listSkills as apiListSkills,
   getSkill as apiGetSkill,
   listSkillFiles as apiListSkillFiles,
@@ -1596,6 +1599,18 @@ var skillsMixin = {
     if (response.error)
       throw new Error(extractErrorMessage(response.error));
     return response.data;
+  },
+  async getSkillsConfig() {
+    const response = await apiGetSkillsConfig();
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
+  },
+  async updateSkillsConfig(input) {
+    const response = await apiUpdateSkillsConfig({ body: input });
+    if (response.error)
+      throw new Error(extractErrorMessage(response.error));
+    return response.data;
   }
 };
 
@@ -1679,6 +1694,8 @@ class ApiClient {
   getSkill = skillsMixin.getSkill;
   getSkillFiles = skillsMixin.getSkillFiles;
   getSkillFileContent = skillsMixin.getSkillFileContent;
+  getSkillsConfig = skillsMixin.getSkillsConfig;
+  updateSkillsConfig = skillsMixin.updateSkillsConfig;
 }
 var apiClient = new ApiClient;
 
@@ -2567,6 +2584,13 @@ var openaiLogo = `<svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://
 var googleLogo = `<svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
 <path d="M37 20.034C27.8809 20.5837 20.5808 27.8809 20.0326 37H19.966C19.4163 27.8809 12.1177 20.5837 3 20.034V19.9674C12.1191 19.4163 19.4163 12.1191 19.966 3H20.0326C20.5822 12.1191 27.8809 19.4163 37 19.9674V20.034Z" fill="currentColor"/>
 </svg>`;
+var ollamaCloudLogo = `<svg width="24" height="24" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1766 4.57738C12.7424 4.45248 13.3253 4.4821 13.8719 4.64802C14.3313 4.78771 14.7467 5.0176 15.1232 5.32158C15.7506 5.82452 16.2805 6.54484 16.6847 7.39778C17.0911 8.25589 17.3555 9.20672 17.4555 10.1602C18.7946 9.57485 20.2806 9.21797 21.8134 9.11449L21.9219 9.10819C23.7727 8.99312 25.6026 9.25154 27.1981 9.88772C27.4129 9.97483 27.6238 10.0679 27.8301 10.1665C27.9364 9.23136 28.196 8.30283 28.5958 7.46464C28.9999 6.60982 29.5307 5.89059 30.1561 5.38591C30.5055 5.09396 30.9329 4.86411 31.4086 4.71235C31.9551 4.54805 32.5357 4.5182 33.1014 4.64297C33.9545 4.83037 34.6868 5.24855 35.2633 5.85515C35.3459 5.94188 35.4243 6.03325 35.5005 6.12759V15.9511C35.3966 15.8807 35.2901 15.8126 35.18 15.748C33.9142 15.0017 32.2379 14.6416 30.117 14.7452C29.8396 14.7591 29.5632 14.7076 29.3236 14.5989C29.084 14.4902 28.8918 14.3286 28.7724 14.1347C28.1043 13.0417 27.1301 12.2596 25.9154 11.7747C24.7492 11.325 23.443 11.1355 22.1451 11.2285C19.4969 11.3914 17.161 12.5451 16.4653 13.9998C16.3668 14.2045 16.1901 14.3819 15.9582 14.5068C15.7263 14.6316 15.4499 14.6982 15.1673 14.6986C12.8978 14.7019 11.1405 15.1127 9.85572 15.854C8.74521 16.4951 7.98775 17.3916 7.58779 18.4649C7.22593 19.4754 7.17595 20.5375 7.44274 21.5654C7.68101 22.4825 8.14742 23.2424 8.68139 23.6517L8.69905 23.6631C9.14965 24.0034 9.24462 24.5344 8.92988 24.9534C8.16414 25.9759 7.59183 27.5 7.49823 28.9645C7.39192 30.6379 7.89443 32.0911 9.02827 33.1334L9.06232 33.1649C9.23327 33.3188 9.34304 33.5076 9.37893 33.7085C9.41476 33.9096 9.37497 34.1146 9.26414 34.2988C9.01373 34.7141 8.79967 35.1146 8.61959 35.4996H5.70206C5.88367 35.0312 6.10757 34.5494 6.37562 34.0555L6.40463 33.9973L6.38824 33.9785C5.81212 33.3209 5.38162 32.5935 5.11552 31.8266L5.10543 31.7951C4.78254 30.8384 4.65491 29.8484 4.72828 28.8612C4.82189 27.3653 5.31963 25.8324 6.05146 24.6028L6.07795 24.5599L6.0729 24.5573C5.4496 23.8702 4.98861 22.99 4.73333 22.0169L4.72198 21.9779C4.37027 20.6205 4.43825 19.2181 4.92001 17.8847C5.47739 16.3806 6.5735 15.0886 8.18819 14.1549C8.31563 14.0811 8.44921 14.0069 8.58301 13.9379C8.24476 11.4838 8.33005 9.45005 8.82141 7.90485C9.09153 7.05352 9.48977 6.34345 10.0172 5.78955C10.5916 5.18463 11.3236 4.76644 12.1766 4.57738ZM12.8767 6.64096C12.6303 6.7238 12.4193 6.8594 12.27 7.03199L12.2599 7.04208C11.9664 7.35278 11.7109 7.80949 11.5195 8.4094C11.1578 9.54695 11.0601 11.091 11.2558 12.9831C12.1706 12.7727 13.1684 12.641 14.2427 12.5933L14.2642 12.5908L14.3045 12.5353C14.4022 12.4008 14.5061 12.271 14.6186 12.143C14.8802 10.8758 14.6661 9.36166 14.0813 8.12559C13.7963 7.52741 13.4494 7.05655 13.1176 6.78855C13.0491 6.73286 12.972 6.68361 12.8893 6.64096L12.883 6.63719L12.8767 6.64096ZM32.3963 6.70403C32.3135 6.74667 32.2365 6.79719 32.1679 6.85288C31.8361 7.12084 31.4873 7.5929 31.2043 8.19118C30.5875 9.49635 30.3808 11.1109 30.7149 12.4193L30.8385 12.5782L30.8549 12.6009H30.9192C31.975 12.6011 33.0258 12.7194 34.0385 12.9503C34.2214 11.1026 34.1192 9.59119 33.7661 8.47499C33.5745 7.87507 33.3189 7.41836 33.0231 7.10767L33.0143 7.09758C32.8652 6.92452 32.6555 6.78729 32.4088 6.70403L32.4 6.70278L32.3963 6.70403Z" fill="currentColor"/>
+<path d="M21.5208 22.8469C21.7175 22.8312 21.9155 22.876 22.0695 22.9718L22.5262 23.2555L22.9941 22.9692C23.1476 22.8755 23.343 22.8314 23.5378 22.8469C23.7324 22.8626 23.912 22.9364 24.0373 23.0525L24.046 23.0601C24.3009 23.3081 24.2473 23.6677 23.9262 23.8648L23.3057 24.2432V24.9761C23.3045 25.1391 23.2194 25.295 23.0698 25.41C22.92 25.5248 22.717 25.5894 22.5059 25.5891C22.2946 25.5895 22.0908 25.5249 21.9408 25.41C21.7912 25.295 21.706 25.1391 21.705 24.9761V24.2205L21.1285 23.8623C21.0527 23.8153 20.9899 23.7567 20.9432 23.6907C20.8964 23.6247 20.8663 23.5512 20.8561 23.4763C20.8459 23.4017 20.8551 23.3262 20.8826 23.2542C20.9103 23.182 20.9572 23.1146 21.0188 23.0562C21.1443 22.9384 21.3244 22.8627 21.5208 22.8469Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6284 19.5913C24.6195 19.5913 26.4584 20.1055 27.8327 20.9965C29.1727 21.8626 29.9705 23.0264 29.9707 24.1853C29.9707 25.6448 29.1066 26.7822 27.5602 27.5089C26.2412 28.1253 24.4732 28.4247 22.4479 28.4247C20.3014 28.4247 18.4671 27.9996 17.1439 27.2188C15.8314 26.4461 15.0955 25.3604 15.0955 24.1853C15.0957 23.0232 15.9423 21.8558 17.3419 20.9864C18.763 20.1036 20.6394 19.5914 22.6284 19.5913ZM22.6284 21.0634C21.1527 21.0534 19.716 21.4302 18.5529 22.1317C17.5721 22.7399 17.0165 23.5056 17.0165 24.1877C17.0168 24.8911 17.4639 25.5495 18.3144 26.0508C19.2825 26.6211 20.7055 26.9526 22.4479 26.9526C24.1473 26.9526 25.581 26.7109 26.5575 26.2525C27.5425 25.7922 28.0472 25.1239 28.0472 24.1853C28.0469 23.4898 27.5235 22.7218 26.5941 22.1203C25.5644 21.4547 24.1684 21.0634 22.6284 21.0634Z" fill="currentColor"/>
+<path d="M13.3142 19.8978C14.331 19.8978 15.1595 20.54 15.1595 21.3308C15.1599 21.7093 14.9655 22.0727 14.6197 22.3411C14.2735 22.6095 13.8033 22.7614 13.3129 22.7624C12.8231 22.7611 12.3531 22.6091 12.0074 22.3411C11.6621 22.0731 11.4676 21.7101 11.4675 21.332C11.4664 20.9532 11.6605 20.5891 12.0061 20.3204C12.3519 20.0516 12.8239 19.8994 13.3142 19.8978Z" fill="currentColor"/>
+<path d="M31.8364 19.8978C32.8574 19.8978 33.683 20.54 33.683 21.3308C33.6834 21.7095 33.4892 22.0727 33.1431 22.3411C32.7968 22.6095 32.3267 22.7615 31.8364 22.7624C31.3466 22.7611 30.8779 22.6091 30.5321 22.3411C30.1866 22.0731 29.9923 21.7104 29.9922 21.332C29.991 20.9532 30.184 20.5891 30.5295 20.3204C30.8753 20.0516 31.3458 19.8992 31.8364 19.8978Z" fill="currentColor"/>
+</svg>`;
 var openrouterLogo = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M3.10913 12.07C3.65512 12.07 5.76627 11.5988 6.85825 10.98C7.95023 10.3612 7.95023 10.3612 10.207 8.75965C13.0642 6.73196 15.0845 7.41088 18.3968 7.41088" fill="currentColor"/>
 <path d="M3.10913 12.07C3.65512 12.07 5.76627 11.5988 6.85825 10.98C7.95023 10.3612 7.95023 10.3612 10.207 8.75965C13.0642 6.73196 15.0845 7.41088 18.3968 7.41088" stroke="currentColor" stroke-width="3.27593"/>
@@ -2607,6 +2631,8 @@ var providerLogos = {
   anthropic: anthropicLogo,
   openai: openaiLogo,
   google: googleLogo,
+  ollama: ollamaCloudLogo,
+  "ollama-cloud": ollamaCloudLogo,
   openrouter: openrouterLogo,
   groq: groqLogo,
   deepseek: deepseekLogo,
@@ -2623,7 +2649,8 @@ var ProviderLogo = memo2(function ProviderLogo2({
   className = "",
   size = 16
 }) {
-  const logoSvg = providerLogos[provider.toLowerCase()];
+  const normalizedProvider = provider.toLowerCase();
+  const logoSvg = providerLogos[normalizedProvider] ?? (normalizedProvider.includes("ollama") ? ollamaCloudLogo : undefined);
   if (!logoSvg) {
     return /* @__PURE__ */ jsx13("span", {
       className: `inline-flex items-center justify-center text-[10px] font-medium text-muted-foreground uppercase ${className}`,
@@ -4170,6 +4197,9 @@ import { create as create6 } from "zustand";
 var useSkillsStore = create6((set) => ({
   isExpanded: false,
   skills: [],
+  globalEnabled: true,
+  totalCount: 0,
+  enabledCount: 0,
   selectedSkill: null,
   isViewerOpen: false,
   viewingFile: null,
@@ -4200,6 +4230,7 @@ var useSkillsStore = create6((set) => ({
   },
   collapseSidebar: () => set({ isExpanded: false }),
   setSkills: (skills) => set({ skills }),
+  setSkillsConfig: ({ skills, globalEnabled, totalCount, enabledCount }) => set({ skills, globalEnabled, totalCount, enabledCount }),
   selectSkill: (name) => set({ selectedSkill: name, isViewerOpen: false, viewingFile: null }),
   openViewer: (file) => set({ isViewerOpen: true, viewingFile: file }),
   closeViewer: () => set({ isViewerOpen: false, viewingFile: null })
@@ -5103,23 +5134,97 @@ import { ChevronDown, Search } from "lucide-react";
 import Fuse2 from "fuse.js";
 import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider, model, onChange, disabled = false }, ref) {
-  const { data: allModels, isLoading } = useAllModels();
+  const { data: allModels } = useAllModels();
+  const { data: currentProviderModels, isLoading: isCurrentProviderLoading } = useModels(provider);
   const [isOpen, setIsOpen] = useState10(false);
   const [searchQuery, setSearchQuery] = useState10("");
   const [highlightedIndex, setHighlightedIndex] = useState10(0);
+  const [loadedModels, setLoadedModels] = useState10({});
+  const [loadingProviders, setLoadingProviders] = useState10({});
+  const [hydratedProviders, setHydratedProviders] = useState10({});
   const dropdownRef = useRef4(null);
   const searchInputRef = useRef4(null);
   const itemRefs = useRef4([]);
+  useEffect9(() => {
+    if (!allModels)
+      return;
+    setLoadedModels((prev) => {
+      const next = { ...prev };
+      for (const [providerId, providerData] of Object.entries(allModels)) {
+        next[providerId] = {
+          ...providerData,
+          models: hydratedProviders[providerId] ? prev[providerId]?.models ?? providerData.models : providerData.models
+        };
+      }
+      return next;
+    });
+  }, [allModels, hydratedProviders]);
+  const configuredProviders = useMemo6(() => {
+    const providers = Object.keys(allModels ?? {});
+    if (!provider || providers.includes(provider)) {
+      return providers;
+    }
+    return [provider, ...providers];
+  }, [allModels, provider]);
+  useEffect9(() => {
+    if (!provider || !currentProviderModels)
+      return;
+    setLoadedModels((prev) => ({
+      ...prev,
+      [provider]: {
+        ...prev[provider] ?? {},
+        label: currentProviderModels.label || provider,
+        models: currentProviderModels.models
+      }
+    }));
+    setHydratedProviders((prev) => ({ ...prev, [provider]: true }));
+  }, [currentProviderModels, provider]);
+  useEffect9(() => {
+    if (!isOpen || !configuredProviders.length)
+      return;
+    for (const providerId of configuredProviders) {
+      const providerData = loadedModels[providerId] ?? allModels?.[providerId];
+      if (!providerData?.dynamicModels || hydratedProviders[providerId] || loadingProviders[providerId]) {
+        continue;
+      }
+      setLoadingProviders((prev) => ({ ...prev, [providerId]: true }));
+      apiClient.getModels(providerId).then((data) => {
+        setLoadedModels((prev) => ({
+          ...prev,
+          [providerId]: {
+            ...prev[providerId] ?? allModels?.[providerId] ?? {},
+            label: data.label || providerId,
+            models: data.models,
+            allowAnyModel: data.allowAnyModel,
+            dynamicModels: true
+          }
+        }));
+        setHydratedProviders((prev) => ({ ...prev, [providerId]: true }));
+      }).catch(() => {
+        setHydratedProviders((prev) => ({ ...prev, [providerId]: true }));
+      }).finally(() => {
+        setLoadingProviders((prev) => ({
+          ...prev,
+          [providerId]: false
+        }));
+      });
+    }
+  }, [
+    allModels,
+    configuredProviders,
+    hydratedProviders,
+    isOpen,
+    loadedModels,
+    loadingProviders
+  ]);
   useImperativeHandle2(ref, () => ({
     openAndFocus: () => {
       setIsOpen(true);
     }
   }));
   const flattenedModels = useMemo6(() => {
-    if (!allModels)
-      return [];
     const flattened = [];
-    for (const [providerKey, providerData] of Object.entries(allModels)) {
+    for (const [providerKey, providerData] of Object.entries(loadedModels)) {
       for (const modelItem of providerData.models) {
         flattened.push({
           providerKey,
@@ -5134,7 +5239,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
       }
     }
     return flattened;
-  }, [allModels]);
+  }, [loadedModels]);
   const fuse = useMemo6(() => {
     return new Fuse2(flattenedModels, {
       keys: [
@@ -5150,10 +5255,8 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
     });
   }, [flattenedModels]);
   const filteredModels = useMemo6(() => {
-    if (!allModels)
-      return {};
     if (!searchQuery.trim())
-      return allModels;
+      return loadedModels;
     const results = fuse.search(searchQuery);
     const sortedResults = results.sort((a, b) => {
       const scoreA = a.score ?? 1;
@@ -5195,7 +5298,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
       }
     }
     return filtered;
-  }, [allModels, searchQuery, fuse]);
+  }, [loadedModels, searchQuery, fuse]);
   const filteredFlatList = useMemo6(() => {
     const list = [];
     for (const [providerKey, providerData] of Object.entries(filteredModels)) {
@@ -5274,8 +5377,9 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
       }
     }
   };
-  const currentProviderLabel = allModels?.[provider]?.label || provider;
-  const currentModelLabel = allModels?.[provider]?.models.find((m) => m.id === model)?.label || model;
+  const currentProviderLabel = loadedModels[provider]?.label || currentProviderModels?.label || provider;
+  const currentModelLabel = loadedModels[provider]?.models.find((m) => m.id === model)?.label || currentProviderModels?.models.find((m) => m.id === model)?.label || model;
+  const displayedProviderKeys = searchQuery.trim() ? Object.keys(filteredModels) : configuredProviders;
   return /* @__PURE__ */ jsxs10("div", {
     ref: dropdownRef,
     className: "relative w-full",
@@ -5283,7 +5387,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
       /* @__PURE__ */ jsxs10("button", {
         type: "button",
         onClick: () => !disabled && setIsOpen(!isOpen),
-        disabled: disabled || isLoading,
+        disabled,
         className: "w-full flex items-center justify-between px-3 py-2 bg-[hsl(var(--secondary))] border border-[hsl(var(--border))] rounded-md hover:bg-[hsl(var(--accent))] focus:outline-none focus:ring-2 focus:ring-[hsl(var(--ring))] disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
         children: [
           /* @__PURE__ */ jsxs10("span", {
@@ -5308,7 +5412,7 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
           })
         ]
       }),
-      isOpen && !isLoading && allModels && /* @__PURE__ */ jsxs10("div", {
+      isOpen && /* @__PURE__ */ jsxs10("div", {
         className: "absolute z-50 mt-1 w-full bg-[hsl(var(--popover))] border border-[hsl(var(--border))] rounded-md shadow-lg max-h-80 overflow-hidden flex flex-col",
         children: [
           /* @__PURE__ */ jsx16("div", {
@@ -5333,62 +5437,72 @@ var UnifiedModelSelector = forwardRef6(function UnifiedModelSelector2({ provider
           }),
           /* @__PURE__ */ jsx16("div", {
             className: "overflow-y-auto",
-            children: Object.keys(filteredModels).length === 0 ? /* @__PURE__ */ jsx16("div", {
+            children: displayedProviderKeys.length === 0 ? /* @__PURE__ */ jsx16("div", {
               className: "p-4 text-center text-[hsl(var(--muted-foreground))] text-sm",
-              children: "No models found"
-            }) : Object.entries(filteredModels).map(([providerKey, providerData]) => /* @__PURE__ */ jsxs10("div", {
-              className: "border-b border-[hsl(var(--border))] last:border-0",
-              children: [
-                /* @__PURE__ */ jsx16("div", {
-                  className: "sticky top-0 px-3 py-2 text-xs font-semibold text-[hsl(var(--muted-foreground))] uppercase tracking-wider bg-[hsl(var(--muted))] z-10",
-                  children: providerData.label
-                }),
-                /* @__PURE__ */ jsx16("div", {
-                  children: providerData.models.map((modelItem) => {
-                    const isSelected = providerKey === provider && modelItem.id === model;
-                    const flatIndex = filteredFlatList.findIndex((item) => item.providerKey === providerKey && item.modelId === modelItem.id);
-                    const isHighlighted = flatIndex === highlightedIndex;
-                    const isAvailable = modelItem.available !== false;
-                    return /* @__PURE__ */ jsxs10("button", {
-                      ref: (el) => {
-                        if (flatIndex >= 0) {
-                          itemRefs.current[flatIndex] = el;
-                        }
-                      },
-                      type: "button",
-                      disabled: !isAvailable,
-                      title: modelItem.unavailableReason,
-                      onClick: () => handleSelect(providerKey, modelItem.id, modelItem.available),
-                      onMouseEnter: () => setHighlightedIndex(flatIndex),
-                      className: `w-full text-left px-4 py-2 text-sm flex items-center justify-between transition-colors ${isHighlighted ? "bg-[hsl(var(--accent))]" : "hover:bg-[hsl(var(--accent))]"} ${isSelected ? "text-[hsl(var(--accent-foreground))] font-medium" : "text-[hsl(var(--foreground))]"} ${!isAvailable ? "opacity-60 cursor-not-allowed" : ""}`,
-                      children: [
-                        /* @__PURE__ */ jsx16("span", {
-                          className: "truncate",
-                          children: modelItem.label
-                        }),
-                        (!isAvailable || modelItem.toolCall || modelItem.reasoningText) && /* @__PURE__ */ jsxs10("div", {
-                          className: "flex gap-1 ml-2 flex-shrink-0",
-                          children: [
-                            !isAvailable && /* @__PURE__ */ jsx16("span", {
-                              className: "text-[10px] px-1.5 py-0.5 bg-red-600/20 text-red-400 rounded",
-                              children: "Unavailable"
-                            }),
-                            modelItem.toolCall && /* @__PURE__ */ jsx16("span", {
-                              className: "text-[10px] px-1.5 py-0.5 bg-green-600/20 text-green-400 rounded",
-                              children: "Tools"
-                            }),
-                            modelItem.reasoningText && /* @__PURE__ */ jsx16("span", {
-                              className: "text-[10px] px-1.5 py-0.5 bg-purple-600/20 text-purple-400 rounded",
-                              children: "Reasoning"
-                            })
-                          ]
-                        })
-                      ]
-                    }, modelItem.id);
+              children: isCurrentProviderLoading ? "Loading models..." : "No models found"
+            }) : displayedProviderKeys.map((providerKey) => {
+              const providerData = filteredModels[providerKey];
+              const isProviderLoading = loadingProviders[providerKey] || providerKey === provider && isCurrentProviderLoading && !providerData;
+              return /* @__PURE__ */ jsxs10("div", {
+                className: "border-b border-[hsl(var(--border))] last:border-0",
+                children: [
+                  /* @__PURE__ */ jsx16("div", {
+                    className: "sticky top-0 px-3 py-2 text-xs font-semibold text-[hsl(var(--muted-foreground))] uppercase tracking-wider bg-[hsl(var(--muted))] z-10",
+                    children: providerData?.label || providerKey
+                  }),
+                  /* @__PURE__ */ jsx16("div", {
+                    children: isProviderLoading ? /* @__PURE__ */ jsx16("div", {
+                      className: "px-4 py-2 text-sm text-[hsl(var(--muted-foreground))]",
+                      children: "Loading models..."
+                    }) : providerData?.models.length ? providerData.models.map((modelItem) => {
+                      const isSelected = providerKey === provider && modelItem.id === model;
+                      const flatIndex = filteredFlatList.findIndex((item) => item.providerKey === providerKey && item.modelId === modelItem.id);
+                      const isHighlighted = flatIndex === highlightedIndex;
+                      const isAvailable = modelItem.available !== false;
+                      return /* @__PURE__ */ jsxs10("button", {
+                        ref: (el) => {
+                          if (flatIndex >= 0) {
+                            itemRefs.current[flatIndex] = el;
+                          }
+                        },
+                        type: "button",
+                        disabled: !isAvailable,
+                        title: modelItem.unavailableReason,
+                        onClick: () => handleSelect(providerKey, modelItem.id, modelItem.available),
+                        onMouseEnter: () => setHighlightedIndex(flatIndex),
+                        className: `w-full text-left px-4 py-2 text-sm flex items-center justify-between transition-colors ${isHighlighted ? "bg-[hsl(var(--accent))]" : "hover:bg-[hsl(var(--accent))]"} ${isSelected ? "text-[hsl(var(--accent-foreground))] font-medium" : "text-[hsl(var(--foreground))]"} ${!isAvailable ? "opacity-60 cursor-not-allowed" : ""}`,
+                        children: [
+                          /* @__PURE__ */ jsx16("span", {
+                            className: "truncate",
+                            children: modelItem.label
+                          }),
+                          (!isAvailable || modelItem.toolCall || modelItem.reasoningText) && /* @__PURE__ */ jsxs10("div", {
+                            className: "flex gap-1 ml-2 flex-shrink-0",
+                            children: [
+                              !isAvailable && /* @__PURE__ */ jsx16("span", {
+                                className: "text-[10px] px-1.5 py-0.5 bg-red-600/20 text-red-400 rounded",
+                                children: "Unavailable"
+                              }),
+                              modelItem.toolCall && /* @__PURE__ */ jsx16("span", {
+                                className: "text-[10px] px-1.5 py-0.5 bg-green-600/20 text-green-400 rounded",
+                                children: "Tools"
+                              }),
+                              modelItem.reasoningText && /* @__PURE__ */ jsx16("span", {
+                                className: "text-[10px] px-1.5 py-0.5 bg-purple-600/20 text-purple-400 rounded",
+                                children: "Reasoning"
+                              })
+                            ]
+                          })
+                        ]
+                      }, modelItem.id);
+                    }) : /* @__PURE__ */ jsx16("div", {
+                      className: "px-4 py-2 text-sm text-[hsl(var(--muted-foreground))]",
+                      children: "No models available"
+                    })
                   })
-                })
-              ]
-            }, providerKey))
+                ]
+              }, providerKey);
+            })
           })
         ]
       })
@@ -6747,6 +6861,12 @@ function getLanguageFromPath2(path) {
   };
   return langMap[ext || ""] || "javascript";
 }
+function normalizeToolName(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool(toolName) {
+  return normalizeToolName(toolName) === "shell";
+}
 function normalizeToolTarget(toolName, args) {
   if (!args)
     return null;
@@ -6759,6 +6879,7 @@ function normalizeToolTarget(toolName, args) {
     glob: ["pattern"],
     grep: ["query", "pattern"],
     ripgrep: ["query", "pattern"],
+    shell: ["cmd", "command"],
     bash: ["cmd", "command"],
     terminal: ["command"],
     git_commit: ["message"],
@@ -6802,9 +6923,10 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
   onReject
 }) {
   const [isProcessing, setIsProcessing] = useState16(false);
-  const toolLabel = toolName.replace(/_/g, " ");
-  const primary = normalizeToolTarget(toolName, args);
-  const command = toolName === "bash" ? getPrimaryCommand(args) : null;
+  const normalizedToolName = normalizeToolName(toolName);
+  const toolLabel = normalizedToolName.replace(/_/g, " ");
+  const primary = normalizeToolTarget(normalizedToolName, args);
+  const command = isShellTool(normalizedToolName) ? getPrimaryCommand(args) : null;
   const approvalTarget = command || primary?.value;
   const filePath = typeof args?.path === "string" ? args.path : "";
   const language = getLanguageFromPath2(filePath);
@@ -6867,7 +6989,7 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
         children: toolName === "multiedit" ? "Multiple exact replacements will be applied atomically." : "An exact text replacement will be applied to this file."
       });
     }
-    if (toolName === "bash" && args?.cmd) {
+    if (isShellTool(normalizedToolName) && args?.cmd) {
       const cmd = String(args.cmd);
       return /* @__PURE__ */ jsx24("div", {
         className: "ml-6 max-w-full overflow-hidden",
@@ -6905,7 +7027,7 @@ var ToolApprovalCard = memo7(function ToolApprovalCard2({
             className: "font-medium text-foreground text-sm",
             children: toolLabel
           }),
-          approvalTarget && toolName !== "bash" && /* @__PURE__ */ jsx24("code", {
+          approvalTarget && !isShellTool(normalizedToolName) && /* @__PURE__ */ jsx24("code", {
             className: "text-xs font-mono text-foreground/80 bg-muted/50 px-1.5 py-0.5 rounded truncate max-w-xs",
             children: approvalTarget
           }),
@@ -7597,7 +7719,7 @@ function BashRenderer({
     className: "text-xs",
     children: [
       /* @__PURE__ */ jsxs25(ToolHeader, {
-        toolName: "bash",
+        toolName: "shell",
         isExpanded,
         onToggle,
         isError,
@@ -10878,7 +11000,9 @@ var TOOL_NAME_ALIASES = {
   Pwd: "pwd",
   Glob: "glob",
   Grep: "ripgrep",
-  Bash: "bash",
+  Shell: "shell",
+  Bash: "shell",
+  bash: "shell",
   Terminal: "terminal",
   GitStatus: "git_status",
   GitDiff: "git_diff",
@@ -10892,11 +11016,11 @@ var TOOL_NAME_ALIASES = {
   LoadMcpTools: "load_mcp_tools",
   Skill: "skill"
 };
-function normalizeToolName(name) {
+function normalizeToolName2(name) {
   return TOOL_NAME_ALIASES[name] ?? name;
 }
 var COMPACT_DETAIL_TOOL_NAMES = new Set([
-  "bash",
+  "shell",
   "edit",
   "multiedit",
   "write",
@@ -10915,7 +11039,7 @@ function ToolResultRenderer({
   onCompact
 }) {
   const [isExpanded, setIsExpanded] = useState22(false);
-  const normalizedName = normalizeToolName(toolName);
+  const normalizedName = normalizeToolName2(toolName);
   const rendererCompact = compact && !COMPACT_DETAIL_TOOL_NAMES.has(normalizedName);
   const handleToggle = () => setIsExpanded(!isExpanded);
   const props = {
@@ -10946,7 +11070,7 @@ function ToolResultRenderer({
       return /* @__PURE__ */ jsx53(WriteRenderer, {
         ...props
       });
-    case "bash":
+    case "shell":
       return /* @__PURE__ */ jsx53(BashRenderer, {
         ...props
       });
@@ -11085,6 +11209,12 @@ function getPatchedFileFromPatch(patch) {
   const match = patch.match(/^\*\*\*\s+(?:Update|Add|Delete|Replace in):\s+(.+)$/m);
   return match?.[1]?.trim() || null;
 }
+function normalizeToolName3(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool2(toolName) {
+  return normalizeToolName3(toolName) === "shell";
+}
 function normalizeToolTarget2(toolName, args) {
   if (!args)
     return null;
@@ -11104,7 +11234,7 @@ function normalizeToolTarget2(toolName, args) {
       return { key, value: value.trim() };
     }
   }
-  if (toolName === "bash") {
+  if (isShellTool2(toolName)) {
     const command = args.command;
     if (typeof command === "string" && command.trim().length > 0) {
       return { key: "command", value: command.trim() };
@@ -11239,7 +11369,7 @@ var MessagePartItem = memo8(function MessagePartItem2({
         return /* @__PURE__ */ jsx54(FolderTree2, {
           className: "h-4 w-4 text-cyan-600 dark:text-cyan-300"
         });
-      if (toolName === "bash")
+      if (isShellTool2(toolName))
         return /* @__PURE__ */ jsx54(Terminal5, {
           className: "h-4 w-4 text-muted-foreground"
         });
@@ -11455,13 +11585,14 @@ var MessagePartItem = memo8(function MessagePartItem2({
     if (part.type === "tool_call") {
       const payload = getToolCallPayload(part);
       const rawToolName = part.toolName || (typeof payload?.name === "string" ? payload.name : "tool");
-      const toolLabel = rawToolName.includes("__") ? rawToolName.replace("__", " › ") : rawToolName.replace(/_/g, " ");
+      const normalizedToolName = normalizeToolName3(rawToolName);
+      const toolLabel = normalizedToolName.includes("__") ? normalizedToolName.replace("__", " › ") : normalizedToolName.replace(/_/g, " ");
       const partArgs = getToolCallArgs(part);
       const approvalArgs = pendingApproval?.args;
       const args = partArgs || approvalArgs;
-      const primary = normalizeToolTarget2(rawToolName, args);
+      const primary = normalizeToolTarget2(normalizedToolName, args);
       const argsPreview = formatArgsPreview(args, primary?.key);
-      const command = rawToolName === "bash" ? getPrimaryCommand2(args) : null;
+      const command = isShellTool2(normalizedToolName) ? getPrimaryCommand2(args) : null;
       const segments = [];
       if (command) {
         segments.push({
@@ -12125,6 +12256,7 @@ function getPatchTarget(patch) {
   return match?.[1]?.trim() || null;
 }
 var TOOL_CONFIG = {
+  shell: { Icon: Terminal6, color: "text-muted-foreground", label: "Running" },
   bash: { Icon: Terminal6, color: "text-muted-foreground", label: "Running" },
   write: {
     Icon: FileEdit3,
@@ -12152,10 +12284,16 @@ var TOOL_CONFIG = {
     label: "Terminal"
   }
 };
+function normalizeToolName4(toolName) {
+  return toolName === "bash" ? "shell" : toolName;
+}
+function isShellTool3(toolName) {
+  return normalizeToolName4(toolName) === "shell";
+}
 function getTargetFromArgs(toolName, args) {
   if (!args)
     return "";
-  if (toolName === "bash") {
+  if (isShellTool3(toolName)) {
     const cmd = String(args.cmd || "");
     return cmd.length > 80 ? `${cmd.slice(0, 77)}…` : cmd;
   }
@@ -12170,7 +12308,7 @@ function getTargetFromArgs(toolName, args) {
   return "";
 }
 function getTargetFromStream(toolName, raw) {
-  if (toolName === "bash") {
+  if (isShellTool3(toolName)) {
     const cmd = extractJsonStringField(raw, "cmd");
     if (cmd) {
       return cmd.length > 80 ? `${cmd.slice(0, 77)}…` : cmd;
@@ -12206,7 +12344,7 @@ function ActionToolBox({ part, showLine }) {
   const hoveredRef = useRef11(false);
   const previousContentLengthRef = useRef11(0);
   const [contentHeight, setContentHeight] = useState24(0);
-  const toolName = part.toolName || "";
+  const toolName = normalizeToolName4(part.toolName || "");
   const isComplete = part.type === "tool_result";
   const config2 = TOOL_CONFIG[toolName] || {
     Icon: Terminal6,
@@ -12220,7 +12358,7 @@ function ActionToolBox({ part, showLine }) {
   const streamedOutput = getStreamedOutput(part);
   const target = getTargetFromArgs(toolName, args) || getTargetFromStream(toolName, streamedInput);
   const streamedContent = getContentFromStream(toolName, streamedInput);
-  const displayContent = toolName === "bash" ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
+  const displayContent = isShellTool3(toolName) ? streamedOutput || streamedContent || (args ? getContentFromArgs(toolName, args) : "") : args ? getContentFromArgs(toolName, args) : streamedContent;
   const hasDisplayContent = displayContent.trim().length > 0;
   useEffect18(() => {
     if (!isComplete && !latched) {
@@ -12243,7 +12381,7 @@ function ActionToolBox({ part, showLine }) {
       return;
     }
     const el = contentMeasureRef.current;
-    if (!el)
+    if (!el || el.textContent !== displayContent)
       return;
     const nextHeight = Math.min(el.scrollHeight, MAX_SCROLL_H2 - 12);
     setContentHeight((prev) => prev === nextHeight ? prev : nextHeight);
@@ -12375,9 +12513,10 @@ function ActionToolBox({ part, showLine }) {
                   },
                   children: displayContent && /* @__PURE__ */ jsx56("div", {
                     className: "pt-1.5",
-                    children: /* @__PURE__ */ jsx56("div", {
+                    children: /* @__PURE__ */ jsx56("section", {
                       ref: scrollRef,
                       className: "overflow-y-auto",
+                      "aria-label": `${config2.label} content`,
                       style: {
                         height: `${contentHeight}px`,
                         maskImage: "linear-gradient(to bottom, transparent 0px, black 20px)",
@@ -12432,7 +12571,7 @@ function ActionToolBox({ part, showLine }) {
   });
 }
 function getContentFromArgs(toolName, args) {
-  if (toolName === "bash")
+  if (isShellTool3(toolName))
     return String(args.cmd || "");
   if (toolName === "write")
     return String(args.content || "");
@@ -12479,7 +12618,7 @@ function extractJsonStringField(raw, field) {
 function getContentFromStream(toolName, raw) {
   if (!raw)
     return "";
-  if (toolName === "bash")
+  if (isShellTool3(toolName))
     return extractJsonStringField(raw, "cmd");
   if (toolName === "write")
     return extractJsonStringField(raw, "content");
@@ -12842,6 +12981,7 @@ var AssistantMessageGroup = memo9(function AssistantMessageGroup2({
   const latestProgressUpdateIndex = parts.reduce((lastIndex, part, index) => part.type === "tool_result" && part.toolName === "progress_update" ? index : lastIndex, -1);
   const latestProgressUpdatePart = latestProgressUpdateIndex >= 0 ? parts[latestProgressUpdateIndex] : null;
   const liveActionToolCallIds = new Set(parts.filter((part) => part.ephemeral && [
+    "shell",
     "bash",
     "edit",
     "multiedit",
@@ -13042,6 +13182,7 @@ var AssistantMessageGroup = memo9(function AssistantMessageGroup2({
             const { part, index } = item;
             const isLastPart = index === parts.length - 1;
             const isActionTool = part.ephemeral && (part.type === "tool_call" || part.type === "tool_result") && [
+              "shell",
               "bash",
               "edit",
               "multiedit",
@@ -14132,7 +14273,7 @@ function useProviderUsage(provider, authType) {
   const fetchRef = useRef13(fetchUsage);
   fetchRef.current = fetchUsage;
   useEffect20(() => {
-    if (!isOAuthProvider)
+    if (!provider || !isOAuthProvider)
       return;
     fetchRef.current();
     const interval = setInterval(() => fetchRef.current(), POLL_INTERVAL);
@@ -18432,7 +18573,7 @@ var GitDiffPanel = memo22(function GitDiffPanel2() {
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
-  }, [isDiffOpen, closeDiff, setShowFullFile]);
+  }, [isDiffOpen, closeDiff]);
   if (!isDiffOpen || !selectedFile)
     return null;
   return /* @__PURE__ */ jsxs69("div", {
@@ -22610,7 +22751,7 @@ var TunnelSidebarToggle = memo34(function TunnelSidebarToggle2() {
   });
 });
 // src/components/mcp/MCPSidebar.tsx
-import { memo as memo36, useState as useState42, useCallback as useCallback31, useMemo as useMemo23, useEffect as useEffect41, useRef as useRef29 } from "react";
+import { memo as memo37, useState as useState42, useCallback as useCallback31, useMemo as useMemo23, useEffect as useEffect41, useRef as useRef29 } from "react";
 import {
   ChevronDown as ChevronDown10,
   ChevronRight as ChevronRight15,
@@ -22619,7 +22760,7 @@ import {
   FolderDot as FolderDot2,
   Globe as Globe6,
   Laptop as Laptop2,
-  Loader2 as Loader213,
+  Loader2 as Loader214,
   Lock,
   Plug as Plug4,
   Plus as Plus7,
@@ -23237,8 +23378,10 @@ API_KEY=sk-xxx`,
   });
 });
 
-// src/components/mcp/MCPSidebar.tsx
-import { jsx as jsx93, jsxs as jsxs84 } from "react/jsx-runtime";
+// src/components/ui/ToggleSwitch.tsx
+import { memo as memo36 } from "react";
+import { Loader2 as Loader213 } from "lucide-react";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var ToggleSwitch = memo36(function ToggleSwitch2({
   checked,
   loading,
@@ -23250,20 +23393,23 @@ var ToggleSwitch = memo36(function ToggleSwitch2({
     role: "switch",
     "aria-checked": checked,
     disabled: disabled || loading,
-    onClick: (e) => {
-      e.stopPropagation();
+    onClick: (event) => {
+      event.stopPropagation();
       onChange();
     },
     className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none disabled:opacity-50 disabled:cursor-not-allowed ${checked ? "bg-green-500" : "bg-muted-foreground/30"}`,
     children: /* @__PURE__ */ jsx93("span", {
       className: `inline-block h-3.5 w-3.5 rounded-full transition-transform duration-200 ${checked ? "translate-x-[18px]" : "translate-x-[3px]"} ${loading ? "bg-transparent" : "bg-white"}`,
-      children: loading && /* @__PURE__ */ jsx93(Loader213, {
+      children: loading ? /* @__PURE__ */ jsx93(Loader213, {
         className: "w-3.5 h-3.5 animate-spin text-white"
-      })
+      }) : null
     })
   });
 });
-var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
+
+// src/components/mcp/MCPSidebar.tsx
+import { jsx as jsx94, jsxs as jsxs84 } from "react/jsx-runtime";
+var CopilotDeviceAuth = memo37(function CopilotDeviceAuth2({
   userCode,
   verificationUri
 }) {
@@ -23274,7 +23420,7 @@ var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
       setTimeout(() => setCopied(false), 2000);
     });
   }, [userCode]);
-  return /* @__PURE__ */ jsx93("div", {
+  return /* @__PURE__ */ jsx94("div", {
     className: "px-3 pb-2.5 pt-0",
     children: /* @__PURE__ */ jsxs84("div", {
       className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 p-2 space-y-1.5",
@@ -23282,10 +23428,10 @@ var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
         /* @__PURE__ */ jsxs84("div", {
           className: "flex items-center gap-1.5 text-xs",
           children: [
-            /* @__PURE__ */ jsx93(Loader213, {
+            /* @__PURE__ */ jsx94(Loader214, {
               className: "w-3 h-3 animate-spin text-yellow-500 flex-shrink-0"
             }),
-            /* @__PURE__ */ jsx93("span", {
+            /* @__PURE__ */ jsx94("span", {
               className: "text-yellow-500/80",
               children: "Enter code at GitHub:"
             })
@@ -23294,20 +23440,20 @@ var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
         /* @__PURE__ */ jsxs84("div", {
           className: "flex items-center gap-2",
           children: [
-            /* @__PURE__ */ jsx93("code", {
+            /* @__PURE__ */ jsx94("code", {
               className: "text-sm font-mono font-bold text-yellow-400 tracking-wider",
               children: userCode
             }),
-            /* @__PURE__ */ jsx93("button", {
+            /* @__PURE__ */ jsx94("button", {
               type: "button",
               onClick: handleCopy,
               className: "text-yellow-500/60 hover:text-yellow-400 transition-colors",
               title: "Copy code",
-              children: /* @__PURE__ */ jsx93(ClipboardCopy, {
+              children: /* @__PURE__ */ jsx94(ClipboardCopy, {
                 className: "w-3.5 h-3.5"
               })
             }),
-            copied && /* @__PURE__ */ jsx93("span", {
+            copied && /* @__PURE__ */ jsx94("span", {
               className: "text-xs text-green-400",
               children: "Copied!"
             })
@@ -23324,7 +23470,7 @@ var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
           className: "inline-flex items-center gap-1 text-xs text-yellow-400 hover:text-yellow-300 underline underline-offset-2",
           children: [
             "Open GitHub login",
-            /* @__PURE__ */ jsx93(ExternalLink9, {
+            /* @__PURE__ */ jsx94(ExternalLink9, {
               className: "w-3 h-3"
             })
           ]
@@ -23333,7 +23479,7 @@ var CopilotDeviceAuth = memo36(function CopilotDeviceAuth2({
     })
   });
 });
-var MCPServerCard = memo36(function MCPServerCard2({
+var MCPServerCard = memo37(function MCPServerCard2({
   server,
   isLoading,
   authUrl,
@@ -23366,7 +23512,7 @@ var MCPServerCard = memo36(function MCPServerCard2({
       /* @__PURE__ */ jsxs84("div", {
         className: "flex items-center gap-3 px-3 py-2.5",
         children: [
-          /* @__PURE__ */ jsx93(ToggleSwitch, {
+          /* @__PURE__ */ jsx94(ToggleSwitch, {
             checked: server.connected,
             loading: isLoading || isAwaitingAuth,
             onChange: handleToggle
@@ -23377,14 +23523,14 @@ var MCPServerCard = memo36(function MCPServerCard2({
               /* @__PURE__ */ jsxs84("div", {
                 className: "flex items-center gap-1.5",
                 children: [
-                  /* @__PURE__ */ jsx93("span", {
+                  /* @__PURE__ */ jsx94("span", {
                     className: "text-sm font-medium truncate",
                     children: server.name
                   }),
-                  isRemote && /* @__PURE__ */ jsx93(Globe6, {
+                  isRemote && /* @__PURE__ */ jsx94(Globe6, {
                     className: "w-3 h-3 text-muted-foreground flex-shrink-0"
                   }),
-                  server.authRequired && !server.connected && /* @__PURE__ */ jsx93(Lock, {
+                  server.authRequired && !server.connected && /* @__PURE__ */ jsx94(Lock, {
                     className: "w-3 h-3 text-yellow-500 flex-shrink-0"
                   })
                 ]
@@ -23392,16 +23538,16 @@ var MCPServerCard = memo36(function MCPServerCard2({
               /* @__PURE__ */ jsxs84("div", {
                 className: "flex items-center gap-1.5 mt-0.5",
                 children: [
-                  /* @__PURE__ */ jsx93("span", {
+                  /* @__PURE__ */ jsx94("span", {
                     className: "text-xs text-muted-foreground truncate",
                     children: isRemote ? server.url : `${server.command ?? ""} ${server.args.join(" ")}`
                   }),
-                  /* @__PURE__ */ jsx93("span", {
+                  /* @__PURE__ */ jsx94("span", {
                     className: "flex items-center flex-shrink-0 opacity-50",
                     title: server.scope === "project" ? "Project-local" : "Global",
-                    children: server.scope === "project" ? /* @__PURE__ */ jsx93(FolderDot2, {
+                    children: server.scope === "project" ? /* @__PURE__ */ jsx94(FolderDot2, {
                       className: "w-3 h-3"
-                    }) : /* @__PURE__ */ jsx93(Laptop2, {
+                    }) : /* @__PURE__ */ jsx94(Laptop2, {
                       className: "w-3 h-3"
                     })
                   })
@@ -23417,24 +23563,24 @@ var MCPServerCard = memo36(function MCPServerCard2({
                 onClick: toggleTools,
                 className: "flex items-center gap-0.5 text-xs text-muted-foreground hover:text-foreground px-1.5 py-1 rounded transition-colors",
                 children: [
-                  /* @__PURE__ */ jsx93(Wrench, {
+                  /* @__PURE__ */ jsx94(Wrench, {
                     className: "w-3 h-3"
                   }),
                   server.tools.length,
-                  showTools ? /* @__PURE__ */ jsx93(ChevronDown10, {
+                  showTools ? /* @__PURE__ */ jsx94(ChevronDown10, {
                     className: "w-3 h-3"
-                  }) : /* @__PURE__ */ jsx93(ChevronRight15, {
+                  }) : /* @__PURE__ */ jsx94(ChevronRight15, {
                     className: "w-3 h-3"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx93(Button, {
+              /* @__PURE__ */ jsx94(Button, {
                 variant: "ghost",
                 size: "icon",
                 onClick: onRemove,
                 title: "Remove server",
                 className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
-                children: /* @__PURE__ */ jsx93(Trash25, {
+                children: /* @__PURE__ */ jsx94(Trash25, {
                   className: "w-3 h-3 text-muted-foreground hover:text-red-400"
                 })
               })
@@ -23442,19 +23588,19 @@ var MCPServerCard = memo36(function MCPServerCard2({
           })
         ]
       }),
-      copilotDevice && !server.connected && /* @__PURE__ */ jsx93(CopilotDeviceAuth, {
+      copilotDevice && !server.connected && /* @__PURE__ */ jsx94(CopilotDeviceAuth, {
         userCode: copilotDevice.userCode,
         verificationUri: copilotDevice.verificationUri
       }),
-      !copilotDevice && isAwaitingAuth && authUrl && /* @__PURE__ */ jsx93("div", {
+      !copilotDevice && isAwaitingAuth && authUrl && /* @__PURE__ */ jsx94("div", {
         className: "px-3 pb-2.5 pt-0",
         children: /* @__PURE__ */ jsxs84("div", {
           className: "flex items-center gap-1.5 text-xs",
           children: [
-            /* @__PURE__ */ jsx93(Loader213, {
+            /* @__PURE__ */ jsx94(Loader214, {
               className: "w-3 h-3 animate-spin text-yellow-500 flex-shrink-0"
             }),
-            /* @__PURE__ */ jsx93("span", {
+            /* @__PURE__ */ jsx94("span", {
               className: "text-yellow-500/80",
               children: "Waiting for auth..."
             }),
@@ -23469,7 +23615,7 @@ var MCPServerCard = memo36(function MCPServerCard2({
               className: "inline-flex items-center gap-0.5 text-yellow-400 hover:text-yellow-300 underline underline-offset-2",
               children: [
                 "Open login",
-                /* @__PURE__ */ jsx93(ExternalLink9, {
+                /* @__PURE__ */ jsx94(ExternalLink9, {
                   className: "w-3 h-3"
                 })
               ]
@@ -23477,11 +23623,11 @@ var MCPServerCard = memo36(function MCPServerCard2({
           ]
         })
       }),
-      hasTools && showTools && /* @__PURE__ */ jsx93("div", {
+      hasTools && showTools && /* @__PURE__ */ jsx94("div", {
         className: "px-3 pb-2.5 pt-0",
-        children: /* @__PURE__ */ jsx93("div", {
+        children: /* @__PURE__ */ jsx94("div", {
           className: "flex flex-wrap gap-1",
-          children: server.tools.map((tool) => /* @__PURE__ */ jsx93("span", {
+          children: server.tools.map((tool) => /* @__PURE__ */ jsx94("span", {
             className: "text-xs bg-muted px-1.5 py-0.5 rounded",
             title: tool,
             children: tool.split("__").pop()
@@ -23501,7 +23647,7 @@ function useAuthPoller(name, onAuthenticated) {
     prevAuth.current = data?.authenticated ?? false;
   }, [data?.authenticated, onAuthenticated]);
 }
-var MCPSidebar = memo36(function MCPSidebar2() {
+var MCPSidebar = memo37(function MCPSidebar2() {
   const isExpanded = useMCPStore((s) => s.isExpanded);
   const collapseSidebar = useMCPStore((s) => s.collapseSidebar);
   const servers = useMCPStore((s) => s.servers);
@@ -23616,10 +23762,10 @@ var MCPSidebar = memo36(function MCPSidebar2() {
           /* @__PURE__ */ jsxs84("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsx93(Plug4, {
+              /* @__PURE__ */ jsx94(Plug4, {
                 className: "w-4 h-4 text-muted-foreground"
               }),
-              /* @__PURE__ */ jsx93("span", {
+              /* @__PURE__ */ jsx94("span", {
                 className: "font-medium text-sm",
                 children: "MCP Servers"
               }),
@@ -23635,22 +23781,22 @@ var MCPSidebar = memo36(function MCPSidebar2() {
           /* @__PURE__ */ jsxs84("div", {
             className: "flex items-center gap-1",
             children: [
-              /* @__PURE__ */ jsx93(Button, {
+              /* @__PURE__ */ jsx94(Button, {
                 variant: "ghost",
                 size: "icon",
                 onClick: () => setIsAddModalOpen(true),
                 title: "Add MCP server",
                 className: "h-7 w-7",
-                children: /* @__PURE__ */ jsx93(Plus7, {
+                children: /* @__PURE__ */ jsx94(Plus7, {
                   className: "w-4 h-4"
                 })
               }),
-              /* @__PURE__ */ jsx93(Button, {
+              /* @__PURE__ */ jsx94(Button, {
                 variant: "ghost",
                 size: "icon",
                 onClick: collapseSidebar,
                 title: "Close sidebar",
-                children: /* @__PURE__ */ jsx93(ChevronRight15, {
+                children: /* @__PURE__ */ jsx94(ChevronRight15, {
                   className: "w-4 h-4"
                 })
               })
@@ -23658,12 +23804,12 @@ var MCPSidebar = memo36(function MCPSidebar2() {
           })
         ]
       }),
-      /* @__PURE__ */ jsx93("div", {
+      /* @__PURE__ */ jsx94("div", {
         className: "flex-1 overflow-y-auto",
         children: isFetching && servers.length === 0 ? /* @__PURE__ */ jsxs84("div", {
           className: "flex items-center justify-center h-32 text-muted-foreground",
           children: [
-            /* @__PURE__ */ jsx93(Loader213, {
+            /* @__PURE__ */ jsx94(Loader214, {
               className: "w-4 h-4 animate-spin mr-2"
             }),
             "Loading..."
@@ -23671,7 +23817,7 @@ var MCPSidebar = memo36(function MCPSidebar2() {
         }) : servers.length === 0 ? /* @__PURE__ */ jsxs84("div", {
           className: "p-4 text-sm text-muted-foreground space-y-3",
           children: [
-            /* @__PURE__ */ jsx93("p", {
+            /* @__PURE__ */ jsx94("p", {
               children: "No MCP servers configured."
             }),
             /* @__PURE__ */ jsxs84(Button, {
@@ -23680,7 +23826,7 @@ var MCPSidebar = memo36(function MCPSidebar2() {
               onClick: () => setIsAddModalOpen(true),
               className: "w-full",
               children: [
-                /* @__PURE__ */ jsx93(Plus7, {
+                /* @__PURE__ */ jsx94(Plus7, {
                   className: "w-3 h-3 mr-1"
                 }),
                 "Add MCP Server"
@@ -23691,16 +23837,16 @@ var MCPSidebar = memo36(function MCPSidebar2() {
               children: [
                 "Or add servers to",
                 " ",
-                /* @__PURE__ */ jsx93("code", {
+                /* @__PURE__ */ jsx94("code", {
                   className: "bg-muted px-1 py-0.5 rounded text-xs",
                   children: ".otto/config.json"
                 })
               ]
             })
           ]
-        }) : /* @__PURE__ */ jsx93("div", {
+        }) : /* @__PURE__ */ jsx94("div", {
           className: "p-2 space-y-1.5",
-          children: sortedServers.map((server) => /* @__PURE__ */ jsx93(MCPServerCard, {
+          children: sortedServers.map((server) => /* @__PURE__ */ jsx94(MCPServerCard, {
             server,
             isLoading: loading.has(server.name),
             authUrl: authUrls.get(server.name),
@@ -23712,7 +23858,7 @@ var MCPSidebar = memo36(function MCPSidebar2() {
           }, server.name))
         })
       }),
-      /* @__PURE__ */ jsx93(AddMCPServerModal, {
+      /* @__PURE__ */ jsx94(AddMCPServerModal, {
         isOpen: isAddModalOpen,
         onClose: () => setIsAddModalOpen(false)
       }),
@@ -23728,7 +23874,7 @@ var MCPSidebar = memo36(function MCPSidebar2() {
             children: [
               "Are you sure you want to remove",
               " ",
-              /* @__PURE__ */ jsx93("span", {
+              /* @__PURE__ */ jsx94("span", {
                 className: "font-medium text-foreground",
                 children: deleteTarget
               }),
@@ -23738,13 +23884,13 @@ var MCPSidebar = memo36(function MCPSidebar2() {
           /* @__PURE__ */ jsxs84("div", {
             className: "flex justify-end gap-2",
             children: [
-              /* @__PURE__ */ jsx93(Button, {
+              /* @__PURE__ */ jsx94(Button, {
                 variant: "secondary",
                 size: "sm",
                 onClick: () => setDeleteTarget(null),
                 children: "Cancel"
               }),
-              /* @__PURE__ */ jsx93(Button, {
+              /* @__PURE__ */ jsx94(Button, {
                 variant: "primary",
                 size: "sm",
                 className: "bg-red-500 hover:bg-red-600 text-white",
@@ -23764,10 +23910,10 @@ var MCPSidebar = memo36(function MCPSidebar2() {
   });
 });
 // src/components/mcp/MCPSidebarToggle.tsx
-import { memo as memo37 } from "react";
+import { memo as memo38 } from "react";
 import { Plug as Plug5 } from "lucide-react";
-import { jsx as jsx94, jsxs as jsxs85 } from "react/jsx-runtime";
-var MCPSidebarToggle = memo37(function MCPSidebarToggle2() {
+import { jsx as jsx95, jsxs as jsxs85 } from "react/jsx-runtime";
+var MCPSidebarToggle = memo38(function MCPSidebarToggle2() {
   const isExpanded = useMCPStore((state) => state.isExpanded);
   const toggleSidebar = useMCPStore((state) => state.toggleSidebar);
   const servers = useMCPStore((state) => state.servers);
@@ -23778,21 +23924,21 @@ var MCPSidebarToggle = memo37(function MCPSidebarToggle2() {
     className: `relative h-14 w-full transition-colors touch-manipulation flex items-center justify-center border-r-2 ${isExpanded ? "bg-muted border-primary" : "border-transparent hover:bg-muted/50"}`,
     title: "MCP Servers",
     children: [
-      /* @__PURE__ */ jsx94(Plug5, {
+      /* @__PURE__ */ jsx95(Plug5, {
         className: "w-5 h-5 text-muted-foreground mx-auto"
       }),
-      connectedCount > 0 && /* @__PURE__ */ jsx94("span", {
+      connectedCount > 0 && /* @__PURE__ */ jsx95("span", {
         className: "absolute top-2 right-2 w-2 h-2 bg-green-500 rounded-full"
       })
     ]
   });
 });
 // src/components/skills/SkillsSidebar.tsx
-import { memo as memo38, useMemo as useMemo24 } from "react";
+import { memo as memo39, useMemo as useMemo24 } from "react";
 import {
   ChevronRight as ChevronRight16,
   Sparkles as Sparkles6,
-  Loader2 as Loader214,
+  Loader2 as Loader215,
   FolderDot as FolderDot3,
   Laptop as Laptop3,
   Globe as Globe7,
@@ -23802,24 +23948,45 @@ import {
 } from "lucide-react";
 
 // src/hooks/useSkills.ts
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useMutation as useMutation11, useQuery as useQuery14, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { useEffect as useEffect42 } from "react";
 function useSkills() {
-  const setSkills = useSkillsStore((s) => s.setSkills);
+  const setSkillsConfig = useSkillsStore((s) => s.setSkillsConfig);
   const query = useQuery14({
     queryKey: ["skills"],
     queryFn: async () => {
-      return apiClient.listSkills();
+      return apiClient.getSkillsConfig();
     },
     refetchInterval: 30000
   });
   useEffect42(() => {
-    if (query.data?.skills) {
-      setSkills(query.data.skills);
+    if (query.data?.items) {
+      setSkillsConfig({
+        skills: query.data.items,
+        globalEnabled: query.data.enabled,
+        totalCount: query.data.totalCount,
+        enabledCount: query.data.enabledCount
+      });
     }
-  }, [query.data, setSkills]);
+  }, [query.data, setSkillsConfig]);
   return query;
 }
+function useUpdateSkillsConfig() {
+  const queryClient = useQueryClient19();
+  const setSkillsConfig = useSkillsStore((s) => s.setSkillsConfig);
+  return useMutation11({
+    mutationFn: (input) => apiClient.updateSkillsConfig(input),
+    onSuccess: (data) => {
+      setSkillsConfig({
+        skills: data.items,
+        globalEnabled: data.enabled,
+        totalCount: data.totalCount,
+        enabledCount: data.enabledCount
+      });
+      queryClient.setQueryData(["skills"], data);
+    }
+  });
+}
 function useSkillDetail(name) {
   return useQuery14({
     queryKey: ["skills", name],
@@ -23855,7 +24022,7 @@ function useSkillFileContent(name, filePath) {
 }
 
 // src/components/skills/SkillsSidebar.tsx
-import { jsx as jsx95, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs86 } from "react/jsx-runtime";
 var SCOPE_ICONS = {
   cwd: FolderDot3,
   parent: FolderDot3,
@@ -23877,15 +24044,19 @@ function formatSize(bytes) {
     return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-var SkillsSidebar = memo38(function SkillsSidebar2() {
+var SkillsSidebar = memo39(function SkillsSidebar2() {
   const isExpanded = useSkillsStore((s) => s.isExpanded);
   const collapseSidebar = useSkillsStore((s) => s.collapseSidebar);
   const skills = useSkillsStore((s) => s.skills);
+  const globalEnabled = useSkillsStore((s) => s.globalEnabled);
+  const totalCount = useSkillsStore((s) => s.totalCount);
+  const enabledCount = useSkillsStore((s) => s.enabledCount);
   const selectedSkill = useSkillsStore((s) => s.selectedSkill);
   const selectSkill = useSkillsStore((s) => s.selectSkill);
   const openViewer = useSkillsStore((s) => s.openViewer);
   const viewingFile = useSkillsStore((s) => s.viewingFile);
   const { isLoading, isFetching, refetch } = useSkills();
+  const updateSkillsConfig = useUpdateSkillsConfig();
   const { data: skillDetail } = useSkillDetail(selectedSkill);
   const { data: skillFilesData } = useSkillFiles(selectedSkill);
   const skillFiles = skillFilesData?.files ?? [];
@@ -23909,32 +24080,42 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
           /* @__PURE__ */ jsxs86("div", {
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ jsx95(Sparkles6, {
+              /* @__PURE__ */ jsx96(Sparkles6, {
                 className: "w-4 h-4 text-muted-foreground"
               }),
-              /* @__PURE__ */ jsx95("span", {
+              /* @__PURE__ */ jsx96("span", {
                 className: "font-medium text-sm",
                 children: "Skills"
               })
             ]
           }),
-          /* @__PURE__ */ jsx95(Button, {
-            variant: "ghost",
-            size: "icon",
-            onClick: collapseSidebar,
-            title: "Close sidebar",
-            children: /* @__PURE__ */ jsx95(ChevronRight16, {
-              className: "w-4 h-4"
-            })
+          /* @__PURE__ */ jsxs86("div", {
+            className: "flex items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsx96(ToggleSwitch, {
+                checked: globalEnabled,
+                loading: updateSkillsConfig.isPending,
+                onChange: () => updateSkillsConfig.mutate({ enabled: !globalEnabled })
+              }),
+              /* @__PURE__ */ jsx96(Button, {
+                variant: "ghost",
+                size: "icon",
+                onClick: collapseSidebar,
+                title: "Close sidebar",
+                children: /* @__PURE__ */ jsx96(ChevronRight16, {
+                  className: "w-4 h-4"
+                })
+              })
+            ]
           })
         ]
       }),
       selectedSkill && skillDetail ? /* @__PURE__ */ jsxs86("div", {
         className: "flex-1 overflow-y-auto",
         children: [
-          /* @__PURE__ */ jsx95("div", {
+          /* @__PURE__ */ jsx96("div", {
             className: "p-3 border-b border-border",
-            children: /* @__PURE__ */ jsx95("button", {
+            children: /* @__PURE__ */ jsx96("button", {
               type: "button",
               onClick: () => selectSkill(null),
               className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
@@ -23944,22 +24125,22 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
           /* @__PURE__ */ jsxs86("div", {
             className: "px-3 py-3 border-b border-border",
             children: [
-              /* @__PURE__ */ jsx95("h3", {
+              /* @__PURE__ */ jsx96("h3", {
                 className: "font-medium text-sm mb-1",
                 children: skillDetail.name
               }),
-              /* @__PURE__ */ jsx95("p", {
+              /* @__PURE__ */ jsx96("p", {
                 className: "text-xs text-muted-foreground mb-2",
                 children: skillDetail.description
               }),
               /* @__PURE__ */ jsxs86("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx95("span", {
+                  /* @__PURE__ */ jsx96("span", {
                     className: "text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground",
                     children: SCOPE_LABELS[skillDetail.scope] ?? skillDetail.scope
                   }),
-                  skillDetail.license && /* @__PURE__ */ jsx95("span", {
+                  skillDetail.license && /* @__PURE__ */ jsx96("span", {
                     className: "text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground",
                     children: skillDetail.license
                   })
@@ -23970,42 +24151,42 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
           /* @__PURE__ */ jsxs86("div", {
             className: "py-1",
             children: [
-              /* @__PURE__ */ jsx95("div", {
+              /* @__PURE__ */ jsx96("div", {
                 className: "flex items-center gap-1.5 px-3 py-2 text-[10px] uppercase tracking-wider text-muted-foreground font-medium",
                 children: "Files"
               }),
-              /* @__PURE__ */ jsx95("button", {
+              /* @__PURE__ */ jsx96("button", {
                 type: "button",
                 onClick: () => openViewer(null),
                 className: `w-full text-left px-3 py-2 hover:bg-accent transition-colors ${viewingFile === null ? "bg-accent" : ""}`,
                 children: /* @__PURE__ */ jsxs86("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsx95(FileText7, {
+                    /* @__PURE__ */ jsx96(FileText7, {
                       className: "w-3.5 h-3.5 flex-shrink-0 text-muted-foreground"
                     }),
-                    /* @__PURE__ */ jsx95("span", {
+                    /* @__PURE__ */ jsx96("span", {
                       className: "text-sm font-mono truncate flex-1",
                       children: "SKILL.md"
                     })
                   ]
                 })
               }),
-              skillFiles.map((file) => /* @__PURE__ */ jsx95("button", {
+              skillFiles.map((file) => /* @__PURE__ */ jsx96("button", {
                 type: "button",
                 onClick: () => openViewer(file.relativePath),
                 className: `w-full text-left px-3 py-2 hover:bg-accent transition-colors ${viewingFile === file.relativePath ? "bg-accent" : ""}`,
                 children: /* @__PURE__ */ jsxs86("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsx95(FileCode2, {
+                    /* @__PURE__ */ jsx96(FileCode2, {
                       className: "w-3.5 h-3.5 flex-shrink-0 text-muted-foreground"
                     }),
-                    /* @__PURE__ */ jsx95("span", {
+                    /* @__PURE__ */ jsx96("span", {
                       className: "text-sm font-mono truncate flex-1",
                       children: file.relativePath
                     }),
-                    /* @__PURE__ */ jsx95("span", {
+                    /* @__PURE__ */ jsx96("span", {
                       className: "text-[10px] text-muted-foreground flex-shrink-0",
                       children: formatSize(file.size)
                     })
@@ -24015,20 +24196,20 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
             ]
           })
         ]
-      }) : /* @__PURE__ */ jsx95("div", {
+      }) : /* @__PURE__ */ jsx96("div", {
         className: "flex-1 overflow-y-auto",
-        children: isLoading ? /* @__PURE__ */ jsx95("div", {
+        children: isLoading ? /* @__PURE__ */ jsx96("div", {
           className: "flex items-center justify-center py-8",
-          children: /* @__PURE__ */ jsx95(Loader214, {
+          children: /* @__PURE__ */ jsx96(Loader215, {
             className: "w-4 h-4 animate-spin text-muted-foreground"
           })
-        }) : skills.length === 0 ? /* @__PURE__ */ jsxs86("div", {
+        }) : totalCount === 0 ? /* @__PURE__ */ jsxs86("div", {
           className: "flex flex-col items-center justify-center h-full text-center p-4",
           children: [
-            /* @__PURE__ */ jsx95(Sparkles6, {
+            /* @__PURE__ */ jsx96(Sparkles6, {
               className: "w-12 h-12 text-muted-foreground/30 mb-4"
             }),
-            /* @__PURE__ */ jsx95("h3", {
+            /* @__PURE__ */ jsx96("h3", {
               className: "text-sm font-medium mb-2",
               children: "No skills found"
             }),
@@ -24037,21 +24218,51 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
               children: [
                 "Create skills in",
                 " ",
-                /* @__PURE__ */ jsx95("code", {
+                /* @__PURE__ */ jsx96("code", {
                   className: "text-[10px] bg-muted px-1 rounded",
                   children: ".otto/skills/ or .agents/skills/"
                 }),
                 " ",
                 "or",
                 " ",
-                /* @__PURE__ */ jsx95("code", {
+                /* @__PURE__ */ jsx96("code", {
                   className: "text-[10px] bg-muted px-1 rounded",
                   children: "~/.config/otto/skills/ or ~/.agents/skills/"
                 })
               ]
             })
           ]
-        }) : /* @__PURE__ */ jsx95("div", {
+        }) : !globalEnabled ? /* @__PURE__ */ jsxs86("div", {
+          className: "flex flex-col items-center justify-center h-full text-center p-4",
+          children: [
+            /* @__PURE__ */ jsx96(Sparkles6, {
+              className: "w-12 h-12 text-muted-foreground/30 mb-4"
+            }),
+            /* @__PURE__ */ jsx96("h3", {
+              className: "text-sm font-medium mb-2",
+              children: "Skills are disabled"
+            }),
+            /* @__PURE__ */ jsx96("p", {
+              className: "text-xs text-muted-foreground max-w-[220px]",
+              children: "Turn the skills toggle on to make discovered skills available."
+            })
+          ]
+        }) : skills.length === 0 ? /* @__PURE__ */ jsxs86("div", {
+          className: "flex flex-col items-center justify-center h-full text-center p-4",
+          children: [
+            /* @__PURE__ */ jsx96(Sparkles6, {
+              className: "w-12 h-12 text-muted-foreground/30 mb-4"
+            }),
+            /* @__PURE__ */ jsx96("h3", {
+              className: "text-sm font-medium mb-2",
+              children: "All skills are disabled"
+            }),
+            /* @__PURE__ */ jsx96("p", {
+              className: "text-xs text-muted-foreground max-w-[220px]",
+              children: "Enable individual skills or turn all skills back on."
+            })
+          ]
+        }) : /* @__PURE__ */ jsx96("div", {
           className: "py-1",
           children: ["cwd", "parent", "repo", "user", "system"].map((scope) => {
             const scopeSkills = groupedSkills.get(scope);
@@ -24063,34 +24274,45 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
                 /* @__PURE__ */ jsxs86("div", {
                   className: "flex items-center gap-1.5 px-3 py-2 text-[10px] uppercase tracking-wider text-muted-foreground font-medium",
                   children: [
-                    /* @__PURE__ */ jsx95(ScopeIcon, {
+                    /* @__PURE__ */ jsx96(ScopeIcon, {
                       className: "w-3 h-3"
                     }),
                     SCOPE_LABELS[scope] ?? scope
                   ]
                 }),
-                scopeSkills.map((skill) => /* @__PURE__ */ jsx95("button", {
+                scopeSkills.map((skill) => /* @__PURE__ */ jsx96("button", {
                   type: "button",
                   onClick: () => selectSkill(skill.name),
                   className: `w-full text-left px-3 py-2 hover:bg-accent transition-colors ${selectedSkill === skill.name ? "bg-accent" : ""}`,
                   children: /* @__PURE__ */ jsxs86("div", {
-                    className: "flex items-center gap-2",
+                    className: "flex items-start gap-2",
                     children: [
-                      /* @__PURE__ */ jsx95(FileText7, {
+                      /* @__PURE__ */ jsx96(FileText7, {
                         className: "w-3.5 h-3.5 flex-shrink-0 text-muted-foreground"
                       }),
                       /* @__PURE__ */ jsxs86("div", {
                         className: "min-w-0 flex-1",
                         children: [
-                          /* @__PURE__ */ jsx95("div", {
+                          /* @__PURE__ */ jsx96("div", {
                             className: "text-sm font-medium truncate",
                             children: skill.name
                           }),
-                          /* @__PURE__ */ jsx95("div", {
+                          /* @__PURE__ */ jsx96("div", {
                             className: "text-xs text-muted-foreground truncate",
                             children: skill.description
                           })
                         ]
+                      }),
+                      /* @__PURE__ */ jsx96(ToggleSwitch, {
+                        checked: skill.enabled !== false,
+                        loading: updateSkillsConfig.isPending,
+                        onChange: () => updateSkillsConfig.mutate({
+                          items: {
+                            [skill.name]: {
+                              enabled: skill.enabled === false
+                            }
+                          }
+                        })
                       })
                     ]
                   })
@@ -24106,27 +24328,29 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
           /* @__PURE__ */ jsxs86("div", {
             className: "flex items-center gap-2 min-w-0 flex-1",
             children: [
-              /* @__PURE__ */ jsx95(Sparkles6, {
+              /* @__PURE__ */ jsx96(Sparkles6, {
                 className: "w-3 h-3 flex-shrink-0"
               }),
               /* @__PURE__ */ jsxs86("span", {
                 className: "truncate",
                 children: [
-                  skills.length,
+                  enabledCount,
+                  "/",
+                  totalCount,
                   " ",
-                  skills.length === 1 ? "skill" : "skills"
+                  totalCount === 1 ? "skill" : "skills"
                 ]
               })
             ]
           }),
-          /* @__PURE__ */ jsx95(Button, {
+          /* @__PURE__ */ jsx96(Button, {
             variant: "ghost",
             size: "icon",
             onClick: () => refetch(),
             title: "Refresh skills",
             className: "h-6 w-6 flex-shrink-0",
             disabled: isFetching,
-            children: /* @__PURE__ */ jsx95(RefreshCw9, {
+            children: /* @__PURE__ */ jsx96(RefreshCw9, {
               className: `w-3 h-3 ${isFetching ? "animate-spin" : ""}`
             })
           })
@@ -24136,31 +24360,31 @@ var SkillsSidebar = memo38(function SkillsSidebar2() {
   });
 });
 // src/components/skills/SkillsSidebarToggle.tsx
-import { memo as memo39 } from "react";
+import { memo as memo40 } from "react";
 import { Sparkles as Sparkles7 } from "lucide-react";
-import { jsx as jsx96 } from "react/jsx-runtime";
-var SkillsSidebarToggle = memo39(function SkillsSidebarToggle2() {
+import { jsx as jsx97 } from "react/jsx-runtime";
+var SkillsSidebarToggle = memo40(function SkillsSidebarToggle2() {
   const isExpanded = useSkillsStore((state) => state.isExpanded);
   const toggleSidebar = useSkillsStore((state) => state.toggleSidebar);
-  return /* @__PURE__ */ jsx96("button", {
+  return /* @__PURE__ */ jsx97("button", {
     type: "button",
     onClick: toggleSidebar,
     className: `relative h-14 w-full transition-colors touch-manipulation flex items-center justify-center border-r-2 ${isExpanded ? "bg-muted border-primary" : "border-transparent hover:bg-muted/50"}`,
     title: "Skills",
-    children: /* @__PURE__ */ jsx96(Sparkles7, {
+    children: /* @__PURE__ */ jsx97(Sparkles7, {
       className: "w-5 h-5 text-muted-foreground mx-auto"
     })
   });
 });
 // src/components/skills/SkillViewerPanel.tsx
-import { memo as memo40, useEffect as useEffect43 } from "react";
+import { memo as memo41, useEffect as useEffect43 } from "react";
 import { X as X16 } from "lucide-react";
 import { Prism as SyntaxHighlighter11 } from "react-syntax-highlighter";
 import {
   prism as prism11,
   vscDarkPlus as vscDarkPlus11
 } from "react-syntax-highlighter/dist/esm/styles/prism";
-import { jsx as jsx97, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs87 } from "react/jsx-runtime";
 var LANGUAGE_MAP2 = {
   js: "javascript",
   jsx: "jsx",
@@ -24196,7 +24420,7 @@ function inferLanguage(path) {
   const ext = path.split(".").pop()?.toLowerCase() ?? "";
   return LANGUAGE_MAP2[ext] ?? "plaintext";
 }
-var SkillViewerPanel = memo40(function SkillViewerPanel2() {
+var SkillViewerPanel = memo41(function SkillViewerPanel2() {
   const isViewerOpen = useSkillsStore((s) => s.isViewerOpen);
   const viewingFile = useSkillsStore((s) => s.viewingFile);
   const selectedSkill = useSkillsStore((s) => s.selectedSkill);
@@ -24228,47 +24452,47 @@ var SkillViewerPanel = memo40(function SkillViewerPanel2() {
       /* @__PURE__ */ jsxs87("div", {
         className: "h-14 border-b border-border px-4 flex items-center gap-3",
         children: [
-          /* @__PURE__ */ jsx97(Button, {
+          /* @__PURE__ */ jsx98(Button, {
             variant: "ghost",
             size: "icon",
             onClick: closeViewer,
             title: "Close viewer (ESC)",
-            children: /* @__PURE__ */ jsx97(X16, {
+            children: /* @__PURE__ */ jsx98(X16, {
               className: "w-4 h-4"
             })
           }),
           /* @__PURE__ */ jsxs87("div", {
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
-              /* @__PURE__ */ jsx97("span", {
+              /* @__PURE__ */ jsx98("span", {
                 className: "text-xs text-muted-foreground flex-shrink-0",
                 children: selectedSkill
               }),
-              /* @__PURE__ */ jsx97("span", {
+              /* @__PURE__ */ jsx98("span", {
                 className: "text-xs text-muted-foreground",
                 children: "/"
               }),
-              /* @__PURE__ */ jsx97("span", {
+              /* @__PURE__ */ jsx98("span", {
                 className: "text-sm font-medium text-foreground font-mono truncate",
                 title: displayPath,
                 children: displayPath
               })
             ]
           }),
-          /* @__PURE__ */ jsx97("span", {
+          /* @__PURE__ */ jsx98("span", {
             className: "text-xs text-muted-foreground",
             children: language
           })
         ]
       }),
-      /* @__PURE__ */ jsx97("div", {
+      /* @__PURE__ */ jsx98("div", {
         className: "flex-1 overflow-auto",
-        children: isLoading ? /* @__PURE__ */ jsx97("div", {
+        children: isLoading ? /* @__PURE__ */ jsx98("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Loading..."
-        }) : content ? /* @__PURE__ */ jsx97("div", {
+        }) : content ? /* @__PURE__ */ jsx98("div", {
           className: "code-with-line-numbers",
-          children: /* @__PURE__ */ jsx97(SyntaxHighlighter11, {
+          children: /* @__PURE__ */ jsx98(SyntaxHighlighter11, {
             language,
             style: syntaxTheme,
             wrapLines: true,
@@ -24290,7 +24514,7 @@ var SkillViewerPanel = memo40(function SkillViewerPanel2() {
             },
             children: content
           })
-        }) : /* @__PURE__ */ jsx97("div", {
+        }) : /* @__PURE__ */ jsx98("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Unable to load file"
         })
@@ -24299,7 +24523,7 @@ var SkillViewerPanel = memo40(function SkillViewerPanel2() {
   });
 });
 // src/components/file-browser/FileBrowserSidebar.tsx
-import { memo as memo41, useCallback as useCallback32 } from "react";
+import { memo as memo42, useCallback as useCallback32 } from "react";
 import {
   ChevronRight as ChevronRight17,
   ChevronDown as ChevronDown11,
@@ -24309,7 +24533,7 @@ import {
   FolderTree as FolderTree3,
   RefreshCw as RefreshCw10
 } from "lucide-react";
-import { jsx as jsx98, jsxs as jsxs88, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs88, Fragment as Fragment38 } from "react/jsx-runtime";
 var PANEL_KEY4 = "file-browser";
 var DEFAULT_WIDTH4 = 320;
 var MIN_WIDTH4 = 280;
@@ -24321,14 +24545,14 @@ function TreeDirectory({ dirPath }) {
   if (!isExpanded)
     return null;
   if (isLoading) {
-    return /* @__PURE__ */ jsx98("div", {
+    return /* @__PURE__ */ jsx99("div", {
       className: "pl-4 py-1 text-xs text-muted-foreground",
       children: "Loading..."
     });
   }
-  return /* @__PURE__ */ jsx98("div", {
+  return /* @__PURE__ */ jsx99("div", {
     className: "pl-3",
-    children: data?.items.map((item) => /* @__PURE__ */ jsx98(TreeItem, {
+    children: data?.items.map((item) => /* @__PURE__ */ jsx99(TreeItem, {
       name: item.name,
       path: item.path,
       type: item.type,
@@ -24364,40 +24588,40 @@ function TreeItem({
         children: [
           type === "directory" ? /* @__PURE__ */ jsxs88(Fragment38, {
             children: [
-              isExpanded ? /* @__PURE__ */ jsx98(ChevronDown11, {
+              isExpanded ? /* @__PURE__ */ jsx99(ChevronDown11, {
                 className: "w-3 h-3 text-muted-foreground flex-shrink-0"
-              }) : /* @__PURE__ */ jsx98(ChevronRight17, {
+              }) : /* @__PURE__ */ jsx99(ChevronRight17, {
                 className: "w-3 h-3 text-muted-foreground flex-shrink-0"
               }),
-              isExpanded ? /* @__PURE__ */ jsx98(FolderOpen2, {
+              isExpanded ? /* @__PURE__ */ jsx99(FolderOpen2, {
                 className: "w-3.5 h-3.5 text-blue-500 flex-shrink-0"
-              }) : /* @__PURE__ */ jsx98(Folder2, {
+              }) : /* @__PURE__ */ jsx99(Folder2, {
                 className: "w-3.5 h-3.5 text-blue-500 flex-shrink-0"
               })
             ]
           }) : /* @__PURE__ */ jsxs88(Fragment38, {
             children: [
-              /* @__PURE__ */ jsx98("span", {
+              /* @__PURE__ */ jsx99("span", {
                 className: "w-3 flex-shrink-0"
               }),
-              /* @__PURE__ */ jsx98(FileCode3, {
+              /* @__PURE__ */ jsx99(FileCode3, {
                 className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0"
               })
             ]
           }),
-          /* @__PURE__ */ jsx98("span", {
+          /* @__PURE__ */ jsx99("span", {
             className: "truncate",
             children: name
           })
         ]
       }),
-      type === "directory" && /* @__PURE__ */ jsx98(TreeDirectory, {
+      type === "directory" && /* @__PURE__ */ jsx99(TreeDirectory, {
         dirPath: path
       })
     ]
   });
 }
-var FileBrowserSidebar = memo41(function FileBrowserSidebar2() {
+var FileBrowserSidebar = memo42(function FileBrowserSidebar2() {
   const isExpanded = useFileBrowserStore((s) => s.isExpanded);
   const collapseSidebar = useFileBrowserStore((s) => s.collapseSidebar);
   const panelWidth = usePanelWidthStore((s) => s.widths[PANEL_KEY4] ?? DEFAULT_WIDTH4);
@@ -24408,7 +24632,7 @@ var FileBrowserSidebar = memo41(function FileBrowserSidebar2() {
     className: "border-l border-sidebar-border sidebar-fade-in flex h-full relative",
     style: { width: panelWidth },
     children: [
-      /* @__PURE__ */ jsx98(ResizeHandle, {
+      /* @__PURE__ */ jsx99(ResizeHandle, {
         panelKey: PANEL_KEY4,
         side: "right",
         minWidth: MIN_WIDTH4,
@@ -24424,34 +24648,34 @@ var FileBrowserSidebar = memo41(function FileBrowserSidebar2() {
               /* @__PURE__ */ jsxs88("div", {
                 className: "flex items-center gap-2",
                 children: [
-                  /* @__PURE__ */ jsx98(FolderTree3, {
+                  /* @__PURE__ */ jsx99(FolderTree3, {
                     className: "w-4 h-4 text-muted-foreground"
                   }),
-                  /* @__PURE__ */ jsx98("span", {
+                  /* @__PURE__ */ jsx99("span", {
                     className: "font-medium",
                     children: "Files"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx98(Button, {
+              /* @__PURE__ */ jsx99(Button, {
                 variant: "ghost",
                 size: "icon",
                 onClick: collapseSidebar,
-                children: /* @__PURE__ */ jsx98(ChevronRight17, {
+                children: /* @__PURE__ */ jsx99(ChevronRight17, {
                   className: "w-4 h-4"
                 })
               })
             ]
           }),
-          /* @__PURE__ */ jsx98("div", {
+          /* @__PURE__ */ jsx99("div", {
             className: "flex-1 overflow-y-auto p-1",
-            children: isLoading ? /* @__PURE__ */ jsx98("div", {
+            children: isLoading ? /* @__PURE__ */ jsx99("div", {
               className: "p-4 text-sm text-muted-foreground",
               children: "Loading file tree..."
-            }) : !rootData || rootData.items.length === 0 ? /* @__PURE__ */ jsx98("div", {
+            }) : !rootData || rootData.items.length === 0 ? /* @__PURE__ */ jsx99("div", {
               className: "p-4 text-sm text-muted-foreground",
               children: "No files found"
-            }) : rootData.items.map((item) => /* @__PURE__ */ jsx98(TreeItem, {
+            }) : rootData.items.map((item) => /* @__PURE__ */ jsx99(TreeItem, {
               name: item.name,
               path: item.path,
               type: item.type,
@@ -24464,23 +24688,23 @@ var FileBrowserSidebar = memo41(function FileBrowserSidebar2() {
               /* @__PURE__ */ jsxs88("div", {
                 className: "flex items-center gap-2 min-w-0 flex-1",
                 children: [
-                  /* @__PURE__ */ jsx98(FolderTree3, {
+                  /* @__PURE__ */ jsx99(FolderTree3, {
                     className: "w-3 h-3 flex-shrink-0"
                   }),
-                  /* @__PURE__ */ jsx98("span", {
+                  /* @__PURE__ */ jsx99("span", {
                     className: "truncate",
                     children: "Project Files"
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx98(Button, {
+              /* @__PURE__ */ jsx99(Button, {
                 variant: "ghost",
                 size: "icon",
                 onClick: () => refetch(),
                 title: "Refresh file tree",
                 className: "h-6 w-6 flex-shrink-0",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx98(RefreshCw10, {
+                children: /* @__PURE__ */ jsx99(RefreshCw10, {
                   className: `w-3 h-3 ${isLoading ? "animate-spin" : ""}`
                 })
               })
@@ -24492,31 +24716,33 @@ var FileBrowserSidebar = memo41(function FileBrowserSidebar2() {
   });
 });
 // src/components/file-browser/FileBrowserSidebarToggle.tsx
-import { memo as memo42 } from "react";
+import { memo as memo43 } from "react";
 import { FolderTree as FolderTree4 } from "lucide-react";
-import { jsx as jsx99 } from "react/jsx-runtime";
-var FileBrowserSidebarToggle = memo42(function FileBrowserSidebarToggle2() {
+import { jsx as jsx100 } from "react/jsx-runtime";
+var FileBrowserSidebarToggle = memo43(function FileBrowserSidebarToggle2() {
   const isExpanded = useFileBrowserStore((s) => s.isExpanded);
   const toggleSidebar = useFileBrowserStore((s) => s.toggleSidebar);
-  return /* @__PURE__ */ jsx99("button", {
+  return /* @__PURE__ */ jsx100("button", {
     type: "button",
     onClick: toggleSidebar,
     className: `relative h-14 w-full transition-colors touch-manipulation flex items-center justify-center border-r-2 ${isExpanded ? "bg-muted border-primary" : "border-transparent hover:bg-muted/50"}`,
     title: "Files",
-    children: /* @__PURE__ */ jsx99(FolderTree4, {
+    children: /* @__PURE__ */ jsx100(FolderTree4, {
       className: "w-5 h-5 text-muted-foreground mx-auto"
     })
   });
 });
 // src/components/file-browser/FileViewerPanel.tsx
-import { memo as memo43, useEffect as useEffect44 } from "react";
+import { memo as memo44, useEffect as useEffect44 } from "react";
 import { X as X17 } from "lucide-react";
+import ReactMarkdown3 from "react-markdown";
 import { Prism as SyntaxHighlighter12 } from "react-syntax-highlighter";
 import {
   prism as prism12,
   vscDarkPlus as vscDarkPlus12
 } from "react-syntax-highlighter/dist/esm/styles/prism";
-import { jsx as jsx100, jsxs as jsxs89 } from "react/jsx-runtime";
+import remarkGfm3 from "remark-gfm";
+import { jsx as jsx101, jsxs as jsxs89 } from "react/jsx-runtime";
 var LANGUAGE_MAP3 = {
   js: "javascript",
   jsx: "jsx",
@@ -24545,16 +24771,25 @@ var LANGUAGE_MAP3 = {
   css: "css",
   scss: "scss",
   md: "markdown",
+  markdown: "markdown",
+  mdx: "markdown",
   txt: "plaintext",
   svelte: "svelte",
   toml: "toml",
   lock: "plaintext"
 };
+function getFileExtension(path) {
+  return path.split(".").pop()?.toLowerCase() ?? "";
+}
 function inferLanguage2(path) {
-  const ext = path.split(".").pop()?.toLowerCase() ?? "";
+  const ext = getFileExtension(path);
   return LANGUAGE_MAP3[ext] ?? "plaintext";
 }
-var FileViewerPanel = memo43(function FileViewerPanel2() {
+function isMarkdownFile(path) {
+  const ext = getFileExtension(path);
+  return ext === "md" || ext === "markdown" || ext === "mdx";
+}
+var FileViewerPanel = memo44(function FileViewerPanel2() {
   const isViewerOpen = useFileBrowserStore((s) => s.isViewerOpen);
   const selectedFile = useFileBrowserStore((s) => s.selectedFile);
   const closeViewer = useFileBrowserStore((s) => s.closeViewer);
@@ -24574,25 +24809,26 @@ var FileViewerPanel = memo43(function FileViewerPanel2() {
     return null;
   const syntaxTheme = document?.documentElement.classList.contains("dark") ? vscDarkPlus12 : prism12;
   const language = inferLanguage2(selectedFile);
+  const renderMarkdown = isMarkdownFile(selectedFile);
   return /* @__PURE__ */ jsxs89("div", {
     className: "absolute inset-0 bg-background z-50 flex flex-col animate-in slide-in-from-left duration-300",
     children: [
       /* @__PURE__ */ jsxs89("div", {
         className: "h-14 border-b border-border px-4 flex items-center gap-3",
         children: [
-          /* @__PURE__ */ jsx100(Button, {
+          /* @__PURE__ */ jsx101(Button, {
             variant: "ghost",
             size: "icon",
             onClick: closeViewer,
             title: "Close file viewer (ESC)",
-            children: /* @__PURE__ */ jsx100(X17, {
+            children: /* @__PURE__ */ jsx101(X17, {
               className: "w-4 h-4"
             })
           }),
           /* @__PURE__ */ jsxs89("div", {
             className: "flex-1 flex items-center gap-2 min-w-0",
             children: [
-              /* @__PURE__ */ jsx100("span", {
+              /* @__PURE__ */ jsx101("span", {
                 className: "text-sm font-medium text-foreground font-mono truncate",
                 title: selectedFile,
                 children: selectedFile
@@ -24606,20 +24842,58 @@ var FileViewerPanel = memo43(function FileViewerPanel2() {
               })
             ]
           }),
-          /* @__PURE__ */ jsx100("span", {
+          /* @__PURE__ */ jsx101("span", {
             className: "text-xs text-muted-foreground",
             children: language
           })
         ]
       }),
-      /* @__PURE__ */ jsx100("div", {
+      /* @__PURE__ */ jsx101("div", {
         className: "flex-1 overflow-auto",
-        children: isLoading ? /* @__PURE__ */ jsx100("div", {
+        children: isLoading ? /* @__PURE__ */ jsx101("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Loading file..."
-        }) : data ? /* @__PURE__ */ jsx100("div", {
+        }) : data ? renderMarkdown ? /* @__PURE__ */ jsx101("div", {
+          className: "p-4 text-sm text-foreground leading-6 markdown-content max-w-full overflow-x-auto",
+          children: /* @__PURE__ */ jsx101(ReactMarkdown3, {
+            remarkPlugins: [remarkGfm3],
+            components: {
+              a: ({
+                href,
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx101("a", {
+                href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: (e) => {
+                  if (window.self !== window.top && href) {
+                    e.preventDefault();
+                    window.parent.postMessage({
+                      type: "otto-open-url",
+                      url: href
+                    }, "*");
+                  }
+                },
+                ...props,
+                children
+              }),
+              table: ({
+                children,
+                ...props
+              }) => /* @__PURE__ */ jsx101("div", {
+                className: "overflow-x-auto max-w-full min-w-0 my-3",
+                children: /* @__PURE__ */ jsx101("table", {
+                  ...props,
+                  children
+                })
+              })
+            },
+            children: data.content
+          })
+        }) : /* @__PURE__ */ jsx101("div", {
           className: "code-with-line-numbers",
-          children: /* @__PURE__ */ jsx100(SyntaxHighlighter12, {
+          children: /* @__PURE__ */ jsx101(SyntaxHighlighter12, {
             language,
             style: syntaxTheme,
             wrapLines: true,
@@ -24641,7 +24915,7 @@ var FileViewerPanel = memo43(function FileViewerPanel2() {
             },
             children: data.content
           })
-        }) : /* @__PURE__ */ jsx100("div", {
+        }) : /* @__PURE__ */ jsx101("div", {
           className: "h-full flex items-center justify-center text-muted-foreground",
           children: "Unable to load file"
         })
@@ -24650,7 +24924,7 @@ var FileViewerPanel = memo43(function FileViewerPanel2() {
   });
 });
 // src/components/file-browser/QuickFilePicker.tsx
-import { memo as memo44, useState as useState43, useEffect as useEffect45, useRef as useRef30, useCallback as useCallback33, useMemo as useMemo25 } from "react";
+import { memo as memo45, useState as useState43, useEffect as useEffect45, useRef as useRef30, useCallback as useCallback33, useMemo as useMemo25 } from "react";
 import { FileCode as FileCode4, Search as Search7 } from "lucide-react";
 
 // src/stores/filePickerStore.ts
@@ -24663,7 +24937,7 @@ var useFilePickerStore = create22((set) => ({
 }));
 
 // src/components/file-browser/QuickFilePicker.tsx
-import { jsx as jsx101, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs90 } from "react/jsx-runtime";
 function fuzzyMatch(query, target) {
   const q = query.toLowerCase();
   const t = target.toLowerCase();
@@ -24687,7 +24961,7 @@ function fuzzyMatch(query, target) {
   }
   return { match: qi === q.length, score };
 }
-var QuickFilePicker = memo44(function QuickFilePicker2() {
+var QuickFilePicker = memo45(function QuickFilePicker2() {
   const isOpen = useFilePickerStore((s) => s.isOpen);
   const close = useFilePickerStore((s) => s.close);
   const openFile = useFileBrowserStore((s) => s.openFile);
@@ -24743,7 +25017,7 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
   }, [close]);
   if (!isOpen)
     return null;
-  return /* @__PURE__ */ jsx101("div", {
+  return /* @__PURE__ */ jsx102("div", {
     role: "dialog",
     "aria-modal": "true",
     className: "fixed inset-0 bg-black/50 flex items-start justify-center z-[60] pt-[15vh]",
@@ -24758,10 +25032,10 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
         /* @__PURE__ */ jsxs90("div", {
           className: "flex items-center gap-2 px-3 border-b border-border",
           children: [
-            /* @__PURE__ */ jsx101(Search7, {
+            /* @__PURE__ */ jsx102(Search7, {
               className: "w-4 h-4 text-muted-foreground flex-shrink-0"
             }),
-            /* @__PURE__ */ jsx101("input", {
+            /* @__PURE__ */ jsx102("input", {
               ref: inputRef,
               type: "text",
               value: query,
@@ -24773,16 +25047,16 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
               placeholder: "Search files by name...",
               className: "flex-1 bg-transparent py-3 text-sm text-foreground placeholder-muted-foreground outline-none"
             }),
-            /* @__PURE__ */ jsx101("kbd", {
+            /* @__PURE__ */ jsx102("kbd", {
               className: "text-[10px] text-muted-foreground bg-muted px-1.5 py-0.5 rounded border border-border font-mono",
               children: "ESC"
             })
           ]
         }),
-        /* @__PURE__ */ jsx101("div", {
+        /* @__PURE__ */ jsx102("div", {
           ref: listRef,
           className: "max-h-[40vh] overflow-y-auto",
-          children: filtered.length === 0 ? /* @__PURE__ */ jsx101("div", {
+          children: filtered.length === 0 ? /* @__PURE__ */ jsx102("div", {
             className: "px-4 py-8 text-center text-sm text-muted-foreground",
             children: query ? "No matching files" : "No files found"
           }) : filtered.map((file, idx) => {
@@ -24792,14 +25066,14 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
               onClick: () => handleSelect(file),
               className: `w-full text-left flex items-center gap-2 px-3 py-2 text-sm transition-colors ${idx === selectedIndex ? "bg-accent text-accent-foreground" : "text-foreground/80 hover:bg-muted/50"} ${isIgnored ? "opacity-40" : ""}`,
               children: [
-                /* @__PURE__ */ jsx101(FileCode4, {
+                /* @__PURE__ */ jsx102(FileCode4, {
                   className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0"
                 }),
-                /* @__PURE__ */ jsx101(HighlightedPath, {
+                /* @__PURE__ */ jsx102(HighlightedPath, {
                   path: file,
                   query
                 }),
-                isIgnored && /* @__PURE__ */ jsx101("span", {
+                isIgnored && /* @__PURE__ */ jsx102("span", {
                   className: "ml-auto text-[10px] text-muted-foreground italic",
                   children: "ignored"
                 })
@@ -24812,7 +25086,7 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
           children: [
             /* @__PURE__ */ jsxs90("span", {
               children: [
-                /* @__PURE__ */ jsx101("kbd", {
+                /* @__PURE__ */ jsx102("kbd", {
                   className: "bg-muted px-1 py-0.5 rounded border border-border font-mono",
                   children: "↑↓"
                 }),
@@ -24822,7 +25096,7 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
             }),
             /* @__PURE__ */ jsxs90("span", {
               children: [
-                /* @__PURE__ */ jsx101("kbd", {
+                /* @__PURE__ */ jsx102("kbd", {
                   className: "bg-muted px-1 py-0.5 rounded border border-border font-mono",
                   children: "↵"
                 }),
@@ -24845,7 +25119,7 @@ var QuickFilePicker = memo44(function QuickFilePicker2() {
 });
 function HighlightedPath({ path, query }) {
   if (!query) {
-    return /* @__PURE__ */ jsx101("span", {
+    return /* @__PURE__ */ jsx102("span", {
       className: "truncate font-mono text-xs",
       children: path
     });
@@ -24858,7 +25132,7 @@ function HighlightedPath({ path, query }) {
       className: "truncate font-mono text-xs",
       children: [
         path.slice(0, idx),
-        /* @__PURE__ */ jsx101("span", {
+        /* @__PURE__ */ jsx102("span", {
           className: "text-primary font-semibold",
           children: path.slice(idx, idx + query.length)
         }),
@@ -24866,21 +25140,21 @@ function HighlightedPath({ path, query }) {
       ]
     });
   }
-  return /* @__PURE__ */ jsx101("span", {
+  return /* @__PURE__ */ jsx102("span", {
     className: "truncate font-mono text-xs",
     children: path
   });
 }
 // src/components/onboarding/OnboardingModal.tsx
-import { memo as memo47 } from "react";
+import { memo as memo48 } from "react";
 
 // src/components/onboarding/steps/ProviderSetupStep.tsx
-import { memo as memo45, useEffect as useEffect46, useState as useState44, useRef as useRef31 } from "react";
+import { memo as memo46, useEffect as useEffect46, useState as useState44, useRef as useRef31 } from "react";
 import {
   Copy as Copy5,
   Check as Check13,
   CreditCard as CreditCard5,
-  Loader2 as Loader215,
+  Loader2 as Loader216,
   X as X18,
   Key as Key2,
   ExternalLink as ExternalLink10,
@@ -24888,8 +25162,8 @@ import {
   RefreshCw as RefreshCw11
 } from "lucide-react";
 import { QRCodeSVG as QRCodeSVG3 } from "qrcode.react";
-import { jsx as jsx102, jsxs as jsxs91, Fragment as Fragment39 } from "react/jsx-runtime";
-var ProviderSetupStep = memo45(function ProviderSetupStep2({
+import { jsx as jsx103, jsxs as jsxs91, Fragment as Fragment39 } from "react/jsx-runtime";
+var ProviderSetupStep = memo46(function ProviderSetupStep2({
   authStatus,
   onSetupWallet,
   onImportWallet,
@@ -25228,11 +25502,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           /* @__PURE__ */ jsxs91("div", {
             className: "flex items-center gap-3",
             children: [
-              /* @__PURE__ */ jsx102(ProviderLogo, {
+              /* @__PURE__ */ jsx103(ProviderLogo, {
                 provider: "ottorouter",
                 size: 24
               }),
-              /* @__PURE__ */ jsx102("span", {
+              /* @__PURE__ */ jsx103("span", {
                 className: "font-semibold text-foreground",
                 children: "otto"
               })
@@ -25241,7 +25515,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           !manageMode && /* @__PURE__ */ jsxs91("div", {
             className: "flex items-center gap-2 text-sm text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx102("span", {
+              /* @__PURE__ */ jsx103("span", {
                 className: "w-2 h-2 rounded-full bg-green-500"
               }),
               "Step 1 of 2"
@@ -25249,7 +25523,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           })
         ]
       }),
-      /* @__PURE__ */ jsx102("div", {
+      /* @__PURE__ */ jsx103("div", {
         className: `flex-1 px-4 sm:px-6 lg:px-12 pb-32 ${hideHeader ? "pt-8 sm:pt-10 lg:pt-14" : "pt-6 sm:pt-8 lg:pt-12"}`,
         children: /* @__PURE__ */ jsxs91("div", {
           className: "max-w-7xl mx-auto",
@@ -25257,11 +25531,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "mb-10",
               children: [
-                /* @__PURE__ */ jsx102("h1", {
+                /* @__PURE__ */ jsx103("h1", {
                   className: "text-2xl sm:text-3xl lg:text-4xl font-semibold text-foreground mb-3",
                   children: manageMode ? "Manage Providers" : "Welcome to otto"
                 }),
-                /* @__PURE__ */ jsx102("p", {
+                /* @__PURE__ */ jsx103("p", {
                   className: "text-lg text-muted-foreground max-w-2xl",
                   children: manageMode ? "Add or remove AI providers. Your changes are saved automatically." : "Setu is your default AI provider. GO plan credits are applied automatically."
                 })
@@ -25270,8 +25544,8 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "grid grid-cols-1 sm:grid-cols-3 gap-6 sm:gap-8",
               children: [
-                /* @__PURE__ */ jsx102("div", {
-                  children: /* @__PURE__ */ jsx102("div", {
+                /* @__PURE__ */ jsx103("div", {
+                  children: /* @__PURE__ */ jsx103("div", {
                     className: "bg-card rounded-2xl border border-border p-5",
                     children: authStatus.ottorouter.configured && authStatus.ottorouter.publicKey ? /* @__PURE__ */ jsxs91("div", {
                       className: "flex flex-col h-full",
@@ -25279,25 +25553,25 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                         /* @__PURE__ */ jsxs91("div", {
                           className: "flex items-center gap-2 px-3 py-2 bg-green-500/10 border border-green-500/20 rounded-lg",
                           children: [
-                            /* @__PURE__ */ jsx102(ProviderLogo, {
+                            /* @__PURE__ */ jsx103(ProviderLogo, {
                               provider: "ottorouter",
                               size: 16
                             }),
-                            /* @__PURE__ */ jsx102("span", {
+                            /* @__PURE__ */ jsx103("span", {
                               className: "text-sm font-medium text-green-600 dark:text-green-400",
                               children: "Setu"
                             }),
-                            /* @__PURE__ */ jsx102("span", {
+                            /* @__PURE__ */ jsx103("span", {
                               className: "text-xs text-green-600/60 dark:text-green-500/60 ml-auto",
                               children: "Default Provider"
                             })
                           ]
                         }),
-                        /* @__PURE__ */ jsx102("div", {
+                        /* @__PURE__ */ jsx103("div", {
                           className: "flex justify-center py-4 mt-4",
-                          children: /* @__PURE__ */ jsx102("div", {
+                          children: /* @__PURE__ */ jsx103("div", {
                             className: "bg-white p-2 rounded-lg",
-                            children: /* @__PURE__ */ jsx102(QRCodeSVG3, {
+                            children: /* @__PURE__ */ jsx103(QRCodeSVG3, {
                               value: authStatus.ottorouter.publicKey,
                               size: 140,
                               level: "M"
@@ -25313,9 +25587,9 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                               className: "w-full flex items-center justify-center gap-2 px-3 py-2 bg-muted hover:bg-muted/80 rounded-lg text-xs font-mono text-muted-foreground transition-colors",
                               children: [
                                 truncateAddress(authStatus.ottorouter.publicKey),
-                                copied ? /* @__PURE__ */ jsx102(Check13, {
+                                copied ? /* @__PURE__ */ jsx103(Check13, {
                                   className: "w-3.5 h-3.5 text-green-500"
-                                }) : /* @__PURE__ */ jsx102(Copy5, {
+                                }) : /* @__PURE__ */ jsx103(Copy5, {
                                   className: "w-3.5 h-3.5 text-muted-foreground"
                                 })
                               ]
@@ -25326,19 +25600,19 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                                 /* @__PURE__ */ jsxs91("div", {
                                   className: "flex items-center justify-between gap-2",
                                   children: [
-                                    /* @__PURE__ */ jsx102("div", {
+                                    /* @__PURE__ */ jsx103("div", {
                                       className: "flex items-center gap-1.5 min-w-0",
-                                      children: /* @__PURE__ */ jsx102("span", {
+                                      children: /* @__PURE__ */ jsx103("span", {
                                         className: "font-mono text-xs sm:text-sm text-foreground truncate",
                                         children: setuStatusLabel
                                       })
                                     }),
-                                    /* @__PURE__ */ jsx102("button", {
+                                    /* @__PURE__ */ jsx103("button", {
                                       type: "button",
                                       onClick: fetchBalance,
                                       disabled: isBalanceLoading,
                                       className: "p-0.5 text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50",
-                                      children: /* @__PURE__ */ jsx102(RefreshCw11, {
+                                      children: /* @__PURE__ */ jsx103(RefreshCw11, {
                                         className: `w-3 h-3 ${isBalanceLoading ? "animate-spin" : ""}`
                                       })
                                     })
@@ -25362,14 +25636,14 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                         /* @__PURE__ */ jsxs91("div", {
                           className: "flex items-center gap-4 py-4",
                           children: [
-                            /* @__PURE__ */ jsx102("div", {
+                            /* @__PURE__ */ jsx103("div", {
                               className: "flex-1 h-px bg-border"
                             }),
-                            /* @__PURE__ */ jsx102("span", {
+                            /* @__PURE__ */ jsx103("span", {
                               className: "text-xs text-muted-foreground font-medium",
                               children: "OR"
                             }),
-                            /* @__PURE__ */ jsx102("div", {
+                            /* @__PURE__ */ jsx103("div", {
                               className: "flex-1 h-px bg-border"
                             })
                           ]
@@ -25379,7 +25653,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                           onClick: onOpenTopup,
                           className: "w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-primary text-primary-foreground rounded-lg text-sm font-medium hover:bg-primary/90 transition-colors",
                           children: [
-                            /* @__PURE__ */ jsx102(CreditCard5, {
+                            /* @__PURE__ */ jsx103(CreditCard5, {
                               className: "w-4 h-4"
                             }),
                             "Top Up with Card"
@@ -25390,16 +25664,16 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                           onClick: handleOpenImportWallet,
                           className: "w-full mt-2 flex items-center justify-center gap-2 px-4 py-2.5 border border-border text-foreground rounded-lg text-sm font-medium hover:bg-muted/50 transition-colors",
                           children: [
-                            /* @__PURE__ */ jsx102(Key2, {
+                            /* @__PURE__ */ jsx103(Key2, {
                               className: "w-4 h-4"
                             }),
                             "Import Wallet"
                           ]
                         })
                       ]
-                    }) : /* @__PURE__ */ jsx102("div", {
+                    }) : /* @__PURE__ */ jsx103("div", {
                       className: "flex items-center justify-center py-16",
-                      children: /* @__PURE__ */ jsx102(Loader215, {
+                      children: /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-8 h-8 animate-spin text-muted-foreground"
                       })
                     })
@@ -25413,7 +25687,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                         /* @__PURE__ */ jsxs91("div", {
                           className: "flex items-center justify-between mb-4",
                           children: [
-                            /* @__PURE__ */ jsx102("h2", {
+                            /* @__PURE__ */ jsx103("h2", {
                               className: "font-semibold text-foreground",
                               children: "Connected Providers"
                             }),
@@ -25426,54 +25700,54 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                             })
                           ]
                         }),
-                        configuredProviders.length === 0 ? /* @__PURE__ */ jsx102("div", {
+                        configuredProviders.length === 0 ? /* @__PURE__ */ jsx103("div", {
                           className: "text-sm text-muted-foreground py-4",
                           children: "No providers connected yet. Add one below."
-                        }) : /* @__PURE__ */ jsx102("div", {
+                        }) : /* @__PURE__ */ jsx103("div", {
                           className: "flex flex-wrap gap-2",
                           children: configuredProviders.map(([id, info]) => /* @__PURE__ */ jsxs91("div", {
                             className: `flex items-center gap-2 pl-3 pr-2 py-2 rounded-full transition-all duration-200 ${confirmingDelete === id ? "bg-destructive/10 border border-destructive/30" : "group bg-green-500/10 border border-green-500/20"}`,
                             children: [
-                              /* @__PURE__ */ jsx102(ProviderLogo, {
+                              /* @__PURE__ */ jsx103(ProviderLogo, {
                                 provider: id,
                                 size: 16
                               }),
-                              /* @__PURE__ */ jsx102("span", {
+                              /* @__PURE__ */ jsx103("span", {
                                 className: `text-sm font-medium transition-colors ${confirmingDelete === id ? "text-destructive" : "text-green-600 dark:text-green-400"}`,
                                 children: info.label
                               }),
-                              confirmingDelete !== id && /* @__PURE__ */ jsx102("span", {
+                              confirmingDelete !== id && /* @__PURE__ */ jsx103("span", {
                                 className: "text-xs text-green-600/60 dark:text-green-500/60",
                                 children: info.type === "oauth" ? "OAuth" : "API"
                               }),
                               confirmingDelete === id ? /* @__PURE__ */ jsxs91("div", {
                                 className: "flex items-center gap-1 ml-1",
                                 children: [
-                                  /* @__PURE__ */ jsx102("span", {
+                                  /* @__PURE__ */ jsx103("span", {
                                     className: "text-xs text-destructive/80 mr-1",
                                     children: "Remove?"
                                   }),
-                                  /* @__PURE__ */ jsx102("button", {
+                                  /* @__PURE__ */ jsx103("button", {
                                     type: "button",
                                     onClick: () => handleRemoveProvider(id),
                                     disabled: removingProvider === id,
                                     className: "px-2 py-0.5 text-xs bg-destructive text-destructive-foreground rounded hover:bg-destructive/90 transition-colors disabled:opacity-50",
-                                    children: removingProvider === id ? /* @__PURE__ */ jsx102(Loader215, {
+                                    children: removingProvider === id ? /* @__PURE__ */ jsx103(Loader216, {
                                       className: "w-3 h-3 animate-spin"
                                     }) : "Yes"
                                   }),
-                                  /* @__PURE__ */ jsx102("button", {
+                                  /* @__PURE__ */ jsx103("button", {
                                     type: "button",
                                     onClick: handleCancelDelete,
                                     className: "px-2 py-0.5 text-xs bg-muted text-muted-foreground rounded hover:bg-muted/80 transition-colors",
                                     children: "No"
                                   })
                                 ]
-                              }) : id !== "ottorouter" && /* @__PURE__ */ jsx102("button", {
+                              }) : id !== "ottorouter" && /* @__PURE__ */ jsx103("button", {
                                 type: "button",
                                 onClick: () => handleRemoveProvider(id),
                                 className: "ml-1 p-1 text-green-600/40 dark:text-green-500/40 hover:text-green-600/80 dark:hover:text-green-500/80 opacity-0 group-hover:opacity-100 transition-opacity",
-                                children: /* @__PURE__ */ jsx102(X18, {
+                                children: /* @__PURE__ */ jsx103(X18, {
                                   className: "w-3 h-3"
                                 })
                               })
@@ -25484,24 +25758,24 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                     }),
                     /* @__PURE__ */ jsxs91("div", {
                       children: [
-                        /* @__PURE__ */ jsx102("h2", {
+                        /* @__PURE__ */ jsx103("h2", {
                           className: "font-semibold text-foreground mb-4",
                           children: "Add Providers"
                         }),
-                        /* @__PURE__ */ jsx102("div", {
+                        /* @__PURE__ */ jsx103("div", {
                           className: "grid grid-cols-1 sm:grid-cols-2 gap-3 items-start",
-                          children: unconfiguredProviders.map(([id, info]) => /* @__PURE__ */ jsx102("div", {
+                          children: unconfiguredProviders.map(([id, info]) => /* @__PURE__ */ jsx103("div", {
                             children: addingProvider === id ? /* @__PURE__ */ jsxs91("div", {
                               className: "flex items-center gap-2 p-3 bg-card border border-ring rounded-xl overflow-hidden",
                               children: [
-                                /* @__PURE__ */ jsx102("div", {
+                                /* @__PURE__ */ jsx103("div", {
                                   className: "shrink-0",
-                                  children: /* @__PURE__ */ jsx102(ProviderLogo, {
+                                  children: /* @__PURE__ */ jsx103(ProviderLogo, {
                                     provider: id,
                                     size: 18
                                   })
                                 }),
-                                /* @__PURE__ */ jsx102("input", {
+                                /* @__PURE__ */ jsx103("input", {
                                   ref: apiKeyInputRef,
                                   type: "password",
                                   value: apiKeyInput,
@@ -25517,21 +25791,21 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                                     }
                                   }
                                 }),
-                                /* @__PURE__ */ jsx102("button", {
+                                /* @__PURE__ */ jsx103("button", {
                                   type: "button",
                                   onClick: () => handleAddProvider(id),
                                   disabled: !apiKeyInput.trim(),
                                   className: "shrink-0 px-3 py-1.5 bg-primary text-primary-foreground text-sm font-medium rounded-lg disabled:opacity-50",
                                   children: "Add"
                                 }),
-                                /* @__PURE__ */ jsx102("button", {
+                                /* @__PURE__ */ jsx103("button", {
                                   type: "button",
                                   onClick: () => {
                                     setAddingProvider(null);
                                     setApiKeyInput("");
                                   },
                                   className: "shrink-0 p-1.5 text-muted-foreground hover:text-foreground",
-                                  children: /* @__PURE__ */ jsx102(X18, {
+                                  children: /* @__PURE__ */ jsx103(X18, {
                                     className: "w-4 h-4"
                                   })
                                 })
@@ -25542,14 +25816,14 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                                 /* @__PURE__ */ jsxs91("div", {
                                   className: "flex items-center gap-3 min-w-0",
                                   children: [
-                                    /* @__PURE__ */ jsx102(ProviderLogo, {
+                                    /* @__PURE__ */ jsx103(ProviderLogo, {
                                       provider: id,
                                       size: 20
                                     }),
                                     /* @__PURE__ */ jsxs91("div", {
                                       className: "min-w-0",
                                       children: [
-                                        /* @__PURE__ */ jsx102("div", {
+                                        /* @__PURE__ */ jsx103("div", {
                                           className: "font-medium text-foreground truncate",
                                           children: info.label
                                         }),
@@ -25572,7 +25846,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                                       onClick: () => setAddingProvider(id),
                                       className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
                                       children: [
-                                        /* @__PURE__ */ jsx102(Key2, {
+                                        /* @__PURE__ */ jsx103(Key2, {
                                           className: "w-3.5 h-3.5"
                                         }),
                                         "API"
@@ -25583,7 +25857,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                                       onClick: () => handleStartOAuth(id, id === "anthropic" ? "max" : undefined),
                                       className: "flex items-center gap-1.5 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",
                                       children: [
-                                        /* @__PURE__ */ jsx102(ExternalLink10, {
+                                        /* @__PURE__ */ jsx103(ExternalLink10, {
                                           className: "w-3.5 h-3.5"
                                         }),
                                         id === "anthropic" ? "Pro" : id === "copilot" ? "Login" : "OAuth"
@@ -25604,16 +25878,16 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           ]
         })
       }),
-      /* @__PURE__ */ jsx102("div", {
+      /* @__PURE__ */ jsx103("div", {
         className: "fixed bottom-0 left-0 right-0 px-4 sm:px-6 py-4 border-t border-border bg-background",
         children: /* @__PURE__ */ jsxs91("div", {
           className: "max-w-7xl mx-auto flex items-center justify-between",
           children: [
-            !manageMode && /* @__PURE__ */ jsx102("div", {
+            !manageMode && /* @__PURE__ */ jsx103("div", {
               className: "text-xs sm:text-sm text-muted-foreground hidden sm:block",
               children: "You can add more providers later in settings"
             }),
-            manageMode ? /* @__PURE__ */ jsx102("button", {
+            manageMode ? /* @__PURE__ */ jsx103("button", {
               type: "button",
               onClick: onClose,
               className: "flex items-center gap-2 px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors ml-auto",
@@ -25624,7 +25898,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
               className: "flex items-center gap-2 px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors",
               children: [
                 "Continue",
-                /* @__PURE__ */ jsx102(ArrowRight2, {
+                /* @__PURE__ */ jsx103(ArrowRight2, {
                   className: "w-4 h-4"
                 })
               ]
@@ -25632,7 +25906,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           ]
         })
       }),
-      isImportModalOpen && /* @__PURE__ */ jsx102("div", {
+      isImportModalOpen && /* @__PURE__ */ jsx103("div", {
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs91("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -25640,11 +25914,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "flex items-center gap-3 p-6 border-b border-border",
               children: [
-                /* @__PURE__ */ jsx102(ProviderLogo, {
+                /* @__PURE__ */ jsx103(ProviderLogo, {
                   provider: "ottorouter",
                   size: 24
                 }),
-                /* @__PURE__ */ jsx102("h3", {
+                /* @__PURE__ */ jsx103("h3", {
                   className: "text-lg font-semibold",
                   children: "Import Setu Wallet"
                 })
@@ -25653,11 +25927,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "p-6",
               children: [
-                /* @__PURE__ */ jsx102("p", {
+                /* @__PURE__ */ jsx103("p", {
                   className: "text-sm text-muted-foreground mb-4",
                   children: "Paste your base58 private key to replace the current wallet used for Setu."
                 }),
-                /* @__PURE__ */ jsx102("textarea", {
+                /* @__PURE__ */ jsx103("textarea", {
                   ref: importPrivateKeyRef,
                   value: importPrivateKey,
                   onChange: (e) => setImportPrivateKey(e.target.value),
@@ -25672,26 +25946,26 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                       handleCloseImportWallet();
                   }
                 }),
-                importWalletError && /* @__PURE__ */ jsx102("p", {
+                importWalletError && /* @__PURE__ */ jsx103("p", {
                   className: "text-sm text-red-500 mt-3",
                   children: importWalletError
                 }),
                 /* @__PURE__ */ jsxs91("div", {
                   className: "flex gap-3 mt-5",
                   children: [
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCloseImportWallet,
                       disabled: isImportingWallet,
                       className: "flex-1 h-11 px-4 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors disabled:opacity-50",
                       children: "Cancel"
                     }),
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleImportWallet,
                       disabled: !importPrivateKey.trim() || isImportingWallet,
                       className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: isImportingWallet ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: isImportingWallet ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : "Import Wallet"
                     })
@@ -25702,7 +25976,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           ]
         })
       }),
-      oauthSession && /* @__PURE__ */ jsx102("div", {
+      oauthSession && /* @__PURE__ */ jsx103("div", {
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs91("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -25710,7 +25984,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "flex items-center gap-3 p-6 border-b border-border",
               children: [
-                /* @__PURE__ */ jsx102(ProviderLogo, {
+                /* @__PURE__ */ jsx103(ProviderLogo, {
                   provider: oauthSession.provider,
                   size: 24
                 }),
@@ -25740,23 +26014,23 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                 /* @__PURE__ */ jsxs91("div", {
                   className: "flex gap-3",
                   children: [
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCancelOAuth,
                       className: "flex-1 h-11 px-4 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors",
                       children: "Cancel"
                     }),
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleOpenPopup,
                       disabled: isOpeningPopup,
                       className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: isOpeningPopup ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: isOpeningPopup ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : /* @__PURE__ */ jsxs91(Fragment39, {
                         children: [
                           "Continue",
-                          /* @__PURE__ */ jsx102(ExternalLink10, {
+                          /* @__PURE__ */ jsx103(ExternalLink10, {
                             className: "w-4 h-4"
                           })
                         ]
@@ -25768,11 +26042,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             }) : /* @__PURE__ */ jsxs91("div", {
               className: "p-6",
               children: [
-                /* @__PURE__ */ jsx102("p", {
+                /* @__PURE__ */ jsx103("p", {
                   className: "text-sm text-muted-foreground mb-4",
                   children: "Paste the authorization code:"
                 }),
-                /* @__PURE__ */ jsx102("input", {
+                /* @__PURE__ */ jsx103("input", {
                   type: "text",
                   ref: oauthCodeInputRef,
                   value: oauthCodeInput,
@@ -25789,18 +26063,18 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                 /* @__PURE__ */ jsxs91("div", {
                   className: "flex gap-3",
                   children: [
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCancelOAuth,
                       className: "flex-1 h-11 px-4 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors",
                       children: "Cancel"
                     }),
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleExchangeCode,
                       disabled: !oauthCodeInput.trim() || isExchangingCode,
                       className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: isExchangingCode ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: isExchangingCode ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : "Connect"
                     })
@@ -25811,7 +26085,7 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
           ]
         })
       }),
-      copilotModalOpen && /* @__PURE__ */ jsx102("div", {
+      copilotModalOpen && /* @__PURE__ */ jsx103("div", {
         className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm",
         children: /* @__PURE__ */ jsxs91("div", {
           className: "bg-background border border-border rounded-xl w-full max-w-lg mx-6 shadow-2xl",
@@ -25819,11 +26093,11 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
             /* @__PURE__ */ jsxs91("div", {
               className: "flex items-center gap-3 p-6 border-b border-border",
               children: [
-                /* @__PURE__ */ jsx102(ProviderLogo, {
+                /* @__PURE__ */ jsx103(ProviderLogo, {
                   provider: "copilot",
                   size: 24
                 }),
-                /* @__PURE__ */ jsx102("h3", {
+                /* @__PURE__ */ jsx103("h3", {
                   className: "text-lg font-semibold",
                   children: "Connect GitHub Copilot"
                 })
@@ -25835,13 +26109,13 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                 /* @__PURE__ */ jsxs91("div", {
                   className: "flex items-center gap-2",
                   children: [
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: () => handleCopilotSwitchMode("oauth"),
                       className: `px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${copilotAuthMode === "oauth" ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:text-foreground"}`,
                       children: "OAuth"
                     }),
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: () => handleCopilotSwitchMode("token"),
                       className: `px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${copilotAuthMode === "token" ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:text-foreground"}`,
@@ -25851,30 +26125,30 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                 }),
                 copilotAuthMode === "oauth" ? /* @__PURE__ */ jsxs91(Fragment39, {
                   children: [
-                    /* @__PURE__ */ jsx102("p", {
+                    /* @__PURE__ */ jsx103("p", {
                       className: "text-sm text-muted-foreground",
                       children: "Enter this code on GitHub to authorize:"
                     }),
-                    /* @__PURE__ */ jsx102("div", {
+                    /* @__PURE__ */ jsx103("div", {
                       className: "flex items-center justify-center gap-3",
-                      children: copilotLoading ? /* @__PURE__ */ jsx102("div", {
+                      children: copilotLoading ? /* @__PURE__ */ jsx103("div", {
                         className: "bg-muted px-6 py-3 rounded-lg animate-pulse",
-                        children: /* @__PURE__ */ jsx102("div", {
+                        children: /* @__PURE__ */ jsx103("div", {
                           className: "h-9 w-48 bg-muted-foreground/20 rounded"
                         })
                       }) : copilotDevice ? /* @__PURE__ */ jsxs91(Fragment39, {
                         children: [
-                          /* @__PURE__ */ jsx102("code", {
+                          /* @__PURE__ */ jsx103("code", {
                             className: "text-3xl font-mono font-bold tracking-widest text-foreground bg-muted px-6 py-3 rounded-lg select-all",
                             children: copilotDevice.userCode
                           }),
-                          /* @__PURE__ */ jsx102("button", {
+                          /* @__PURE__ */ jsx103("button", {
                             type: "button",
                             onClick: handleCopilotCopyCode,
                             className: "p-2 text-muted-foreground hover:text-foreground transition-colors",
-                            children: copilotCodeCopied ? /* @__PURE__ */ jsx102(Check13, {
+                            children: copilotCodeCopied ? /* @__PURE__ */ jsx103(Check13, {
                               className: "w-5 h-5 text-green-500"
-                            }) : /* @__PURE__ */ jsx102(Copy5, {
+                            }) : /* @__PURE__ */ jsx103(Copy5, {
                               className: "w-5 h-5"
                             })
                           })
@@ -25884,37 +26158,37 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                   ]
                 }) : /* @__PURE__ */ jsxs91(Fragment39, {
                   children: [
-                    /* @__PURE__ */ jsx102("p", {
+                    /* @__PURE__ */ jsx103("p", {
                       className: "text-sm text-muted-foreground",
                       children: "Paste a GitHub token with Copilot model access."
                     }),
-                    /* @__PURE__ */ jsx102("input", {
+                    /* @__PURE__ */ jsx103("input", {
                       type: "password",
                       value: copilotTokenInput,
                       onChange: (e) => setCopilotTokenInput(e.target.value),
                       placeholder: "gho_...",
                       className: "w-full h-11 px-4 bg-muted/50 border border-border rounded-lg text-foreground placeholder:text-muted-foreground outline-none focus:border-foreground/30 transition-colors"
                     }),
-                    copilotAuthMethods?.ghImport.available && /* @__PURE__ */ jsx102("button", {
+                    copilotAuthMethods?.ghImport.available && /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCopilotImportFromGh,
                       disabled: copilotGhImporting,
                       className: "w-full h-10 px-4 bg-muted text-foreground rounded-lg font-medium hover:bg-muted/80 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: copilotGhImporting ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: copilotGhImporting ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : "Import from GH CLI"
                     }),
-                    copilotAuthMethods?.ghImport.available && !copilotAuthMethods.ghImport.authenticated && /* @__PURE__ */ jsx102("p", {
+                    copilotAuthMethods?.ghImport.available && !copilotAuthMethods.ghImport.authenticated && /* @__PURE__ */ jsx103("p", {
                       className: "text-xs text-muted-foreground",
                       children: copilotAuthMethods.ghImport.reason || "GitHub CLI is not authenticated"
                     }),
-                    copilotAuthMethods && !copilotAuthMethods.ghImport.available && copilotAuthMethods.ghImport.reason && /* @__PURE__ */ jsx102("p", {
+                    copilotAuthMethods && !copilotAuthMethods.ghImport.available && copilotAuthMethods.ghImport.reason && /* @__PURE__ */ jsx103("p", {
                       className: "text-xs text-muted-foreground",
                       children: copilotAuthMethods.ghImport.reason
                     })
                   ]
                 }),
-                copilotDiagnostics && copilotDiagnostics.tokenSources.length > 0 && /* @__PURE__ */ jsx102("div", {
+                copilotDiagnostics && copilotDiagnostics.tokenSources.length > 0 && /* @__PURE__ */ jsx103("div", {
                   className: "text-xs text-muted-foreground space-y-1",
                   children: copilotDiagnostics.tokenSources.map((source) => /* @__PURE__ */ jsxs91("div", {
                     children: [
@@ -25926,14 +26200,14 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                     ]
                   }, source.source))
                 }),
-                copilotError && /* @__PURE__ */ jsx102("p", {
+                copilotError && /* @__PURE__ */ jsx103("p", {
                   className: "text-sm text-red-500 text-center",
                   children: copilotError
                 }),
                 copilotPolling && copilotAuthMode === "oauth" && /* @__PURE__ */ jsxs91("div", {
                   className: "flex items-center justify-center gap-2 text-sm text-muted-foreground",
                   children: [
-                    /* @__PURE__ */ jsx102(Loader215, {
+                    /* @__PURE__ */ jsx103(Loader216, {
                       className: "w-4 h-4 animate-spin"
                     }),
                     "Waiting for authorization..."
@@ -25942,33 +26216,33 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
                 /* @__PURE__ */ jsxs91("div", {
                   className: "flex gap-3",
                   children: [
-                    /* @__PURE__ */ jsx102("button", {
+                    /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCancelCopilot,
                       className: "flex-1 h-11 px-4 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors",
                       children: "Cancel"
                     }),
-                    copilotAuthMode === "oauth" ? /* @__PURE__ */ jsx102("button", {
+                    copilotAuthMode === "oauth" ? /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCopilotOpenGithub,
                       disabled: copilotPolling || copilotLoading,
                       className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: copilotPolling || copilotLoading ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: copilotPolling || copilotLoading ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : /* @__PURE__ */ jsxs91(Fragment39, {
                         children: [
                           "Open GitHub",
-                          /* @__PURE__ */ jsx102(ExternalLink10, {
+                          /* @__PURE__ */ jsx103(ExternalLink10, {
                             className: "w-4 h-4"
                           })
                         ]
                       })
-                    }) : /* @__PURE__ */ jsx102("button", {
+                    }) : /* @__PURE__ */ jsx103("button", {
                       type: "button",
                       onClick: handleCopilotSaveToken,
                       disabled: !copilotTokenInput.trim() || copilotTokenSaving,
                       className: "flex-1 h-11 px-4 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2",
-                      children: copilotTokenSaving ? /* @__PURE__ */ jsx102(Loader215, {
+                      children: copilotTokenSaving ? /* @__PURE__ */ jsx103(Loader216, {
                         className: "w-4 h-4 animate-spin"
                       }) : "Save token"
                     })
@@ -25984,10 +26258,10 @@ var ProviderSetupStep = memo45(function ProviderSetupStep2({
 });
 
 // src/components/onboarding/steps/DefaultsStep.tsx
-import { memo as memo46, useState as useState45, useEffect as useEffect47, useId as useId3, useRef as useRef32 } from "react";
-import { Loader2 as Loader216, ArrowLeft, Sparkles as Sparkles8, ChevronDown as ChevronDown12 } from "lucide-react";
-import { jsx as jsx103, jsxs as jsxs92, Fragment as Fragment40 } from "react/jsx-runtime";
-var DefaultsStep = memo46(function DefaultsStep2({
+import { memo as memo47, useState as useState45, useEffect as useEffect47, useId as useId3, useRef as useRef32 } from "react";
+import { Loader2 as Loader217, ArrowLeft, Sparkles as Sparkles8, ChevronDown as ChevronDown12 } from "lucide-react";
+import { jsx as jsx104, jsxs as jsxs92, Fragment as Fragment40 } from "react/jsx-runtime";
+var DefaultsStep = memo47(function DefaultsStep2({
   authStatus,
   onComplete,
   onBack,
@@ -26072,9 +26346,9 @@ var DefaultsStep = memo46(function DefaultsStep2({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx103("div", {
+    return /* @__PURE__ */ jsx104("div", {
       className: "min-h-screen flex items-center justify-center",
-      children: /* @__PURE__ */ jsx103(Loader216, {
+      children: /* @__PURE__ */ jsx104(Loader217, {
         className: "w-8 h-8 animate-spin text-muted-foreground"
       })
     });
@@ -26090,11 +26364,11 @@ var DefaultsStep = memo46(function DefaultsStep2({
           /* @__PURE__ */ jsxs92("div", {
             className: "flex items-center gap-3",
             children: [
-              /* @__PURE__ */ jsx103(ProviderLogo, {
+              /* @__PURE__ */ jsx104(ProviderLogo, {
                 provider: "ottorouter",
                 size: 24
               }),
-              /* @__PURE__ */ jsx103("span", {
+              /* @__PURE__ */ jsx104("span", {
                 className: "font-semibold text-foreground",
                 children: "otto"
               })
@@ -26103,7 +26377,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
           /* @__PURE__ */ jsxs92("div", {
             className: "flex items-center gap-2 text-sm text-muted-foreground",
             children: [
-              /* @__PURE__ */ jsx103("span", {
+              /* @__PURE__ */ jsx104("span", {
                 className: "w-2 h-2 rounded-full bg-blue-500"
               }),
               "Step 2 of 2"
@@ -26111,7 +26385,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
           })
         ]
       }),
-      /* @__PURE__ */ jsx103("div", {
+      /* @__PURE__ */ jsx104("div", {
         className: `flex-1 px-4 sm:px-6 lg:px-12 pb-32 ${hideHeader ? "pt-8 sm:pt-10 lg:pt-14" : "pt-6 sm:pt-8 lg:pt-12"}`,
         children: /* @__PURE__ */ jsxs92("div", {
           className: "max-w-7xl mx-auto",
@@ -26119,11 +26393,11 @@ var DefaultsStep = memo46(function DefaultsStep2({
             /* @__PURE__ */ jsxs92("div", {
               className: "mb-10",
               children: [
-                /* @__PURE__ */ jsx103("h1", {
+                /* @__PURE__ */ jsx104("h1", {
                   className: "text-3xl lg:text-4xl font-semibold text-foreground mb-3",
                   children: "Configure Defaults"
                 }),
-                /* @__PURE__ */ jsx103("p", {
+                /* @__PURE__ */ jsx104("p", {
                   className: "text-lg text-muted-foreground",
                   children: "Set your preferences. You can change these anytime in settings."
                 })
@@ -26135,7 +26409,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
                 /* @__PURE__ */ jsxs92("div", {
                   className: "md:col-span-2",
                   children: [
-                    /* @__PURE__ */ jsx103("label", {
+                    /* @__PURE__ */ jsx104("label", {
                       htmlFor: providerId,
                       className: "block text-sm font-medium text-muted-foreground mb-2",
                       children: "Default Provider"
@@ -26143,7 +26417,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
                     /* @__PURE__ */ jsxs92("div", {
                       className: "relative",
                       children: [
-                        /* @__PURE__ */ jsx103("select", {
+                        /* @__PURE__ */ jsx104("select", {
                           id: providerId,
                           value: selectedProvider,
                           onChange: (e) => {
@@ -26151,12 +26425,12 @@ var DefaultsStep = memo46(function DefaultsStep2({
                             setSelectedProvider(e.target.value);
                           },
                           className: "w-full px-4 py-3 bg-card border border-border rounded-xl text-foreground appearance-none cursor-pointer focus:outline-none focus:border-ring transition-colors",
-                          children: availableProviders.map((p) => /* @__PURE__ */ jsx103("option", {
+                          children: availableProviders.map((p) => /* @__PURE__ */ jsx104("option", {
                             value: p,
                             children: authStatus.providers[p]?.label || p
                           }, p))
                         }),
-                        /* @__PURE__ */ jsx103(ChevronDown12, {
+                        /* @__PURE__ */ jsx104(ChevronDown12, {
                           className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground pointer-events-none"
                         })
                       ]
@@ -26166,7 +26440,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
                 /* @__PURE__ */ jsxs92("div", {
                   className: "md:col-span-2",
                   children: [
-                    /* @__PURE__ */ jsx103("label", {
+                    /* @__PURE__ */ jsx104("label", {
                       htmlFor: modelId,
                       className: "block text-sm font-medium text-muted-foreground mb-2",
                       children: "Default Model"
@@ -26174,17 +26448,17 @@ var DefaultsStep = memo46(function DefaultsStep2({
                     /* @__PURE__ */ jsxs92("div", {
                       className: "relative",
                       children: [
-                        /* @__PURE__ */ jsx103("select", {
+                        /* @__PURE__ */ jsx104("select", {
                           id: modelId,
                           value: selectedModel,
                           onChange: (e) => setSelectedModel(e.target.value),
                           className: "w-full px-4 py-3 bg-card border border-border rounded-xl text-foreground appearance-none cursor-pointer focus:outline-none focus:border-ring transition-colors",
-                          children: currentProviderModels.map((m) => /* @__PURE__ */ jsx103("option", {
+                          children: currentProviderModels.map((m) => /* @__PURE__ */ jsx104("option", {
                             value: m.id,
                             children: m.label || m.id
                           }, m.id))
                         }),
-                        /* @__PURE__ */ jsx103(ChevronDown12, {
+                        /* @__PURE__ */ jsx104(ChevronDown12, {
                           className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground pointer-events-none"
                         })
                       ]
@@ -26193,7 +26467,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
                 }),
                 /* @__PURE__ */ jsxs92("div", {
                   children: [
-                    /* @__PURE__ */ jsx103("label", {
+                    /* @__PURE__ */ jsx104("label", {
                       htmlFor: agentId,
                       className: "block text-sm font-medium text-muted-foreground mb-2",
                       children: "Default Agent"
@@ -26201,17 +26475,17 @@ var DefaultsStep = memo46(function DefaultsStep2({
                     /* @__PURE__ */ jsxs92("div", {
                       className: "relative",
                       children: [
-                        /* @__PURE__ */ jsx103("select", {
+                        /* @__PURE__ */ jsx104("select", {
                           id: agentId,
                           value: selectedAgent,
                           onChange: (e) => setSelectedAgent(e.target.value),
                           className: "w-full px-4 py-3 bg-card border border-border rounded-xl text-foreground appearance-none cursor-pointer focus:outline-none focus:border-ring transition-colors",
-                          children: (config2?.agents || ["build"]).map((a) => /* @__PURE__ */ jsx103("option", {
+                          children: (config2?.agents || ["build"]).map((a) => /* @__PURE__ */ jsx104("option", {
                             value: a,
                             children: a
                           }, a))
                         }),
-                        /* @__PURE__ */ jsx103(ChevronDown12, {
+                        /* @__PURE__ */ jsx104(ChevronDown12, {
                           className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground pointer-events-none"
                         })
                       ]
@@ -26220,7 +26494,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
                 }),
                 /* @__PURE__ */ jsxs92("div", {
                   children: [
-                    /* @__PURE__ */ jsx103("label", {
+                    /* @__PURE__ */ jsx104("label", {
                       htmlFor: approvalId,
                       className: "block text-sm font-medium text-muted-foreground mb-2",
                       children: "Tool Approval"
@@ -26234,59 +26508,59 @@ var DefaultsStep = memo46(function DefaultsStep2({
                           onChange: (e) => setSelectedApproval(e.target.value),
                           className: "w-full px-4 py-3 bg-card border border-border rounded-xl text-foreground appearance-none cursor-pointer focus:outline-none focus:border-ring transition-colors",
                           children: [
-                            /* @__PURE__ */ jsx103("option", {
+                            /* @__PURE__ */ jsx104("option", {
                               value: "auto",
                               children: "Auto - run without asking"
                             }),
-                            /* @__PURE__ */ jsx103("option", {
+                            /* @__PURE__ */ jsx104("option", {
                               value: "dangerous",
                               children: "Dangerous - approve writes only"
                             }),
-                            /* @__PURE__ */ jsx103("option", {
+                            /* @__PURE__ */ jsx104("option", {
                               value: "yolo",
                               children: "YOLO - skip approvals except hard safety blocks"
                             }),
-                            /* @__PURE__ */ jsx103("option", {
+                            /* @__PURE__ */ jsx104("option", {
                               value: "all",
                               children: "All - approve every tool"
                             })
                           ]
                         }),
-                        /* @__PURE__ */ jsx103(ChevronDown12, {
+                        /* @__PURE__ */ jsx104(ChevronDown12, {
                           className: "absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground pointer-events-none"
                         })
                       ]
                     }),
-                    /* @__PURE__ */ jsx103("p", {
+                    /* @__PURE__ */ jsx104("p", {
                       className: "mt-2 text-sm text-muted-foreground",
                       children: "Controls when tool executions need approval. YOLO still blocks extreme destructive commands."
                     })
                   ]
                 }),
-                /* @__PURE__ */ jsx103("div", {
+                /* @__PURE__ */ jsx104("div", {
                   className: "md:col-span-2",
                   children: /* @__PURE__ */ jsxs92("div", {
                     className: "flex items-center justify-between px-4 py-3 bg-card border border-border rounded-xl",
                     children: [
                       /* @__PURE__ */ jsxs92("div", {
                         children: [
-                          /* @__PURE__ */ jsx103("span", {
+                          /* @__PURE__ */ jsx104("span", {
                             className: "text-sm font-medium text-foreground",
                             children: "Guided Mode"
                           }),
-                          /* @__PURE__ */ jsx103("p", {
+                          /* @__PURE__ */ jsx104("p", {
                             className: "text-sm text-muted-foreground mt-0.5",
                             children: "AI will run commands and manage services for you instead of giving instructions"
                           })
                         ]
                       }),
-                      /* @__PURE__ */ jsx103("button", {
+                      /* @__PURE__ */ jsx104("button", {
                         type: "button",
                         role: "switch",
                         "aria-checked": guidedMode,
                         onClick: () => setGuidedMode(!guidedMode),
                         className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 ${guidedMode ? "bg-primary" : "bg-muted"}`,
-                        children: /* @__PURE__ */ jsx103("span", {
+                        children: /* @__PURE__ */ jsx104("span", {
                           className: `inline-block h-4 w-4 transform rounded-full transition-transform ${guidedMode ? "translate-x-6" : "translate-x-1"} ${guidedMode ? "bg-primary-foreground" : "bg-foreground"}`
                         })
                       })
@@ -26298,7 +26572,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
           ]
         })
       }),
-      /* @__PURE__ */ jsx103("div", {
+      /* @__PURE__ */ jsx104("div", {
         className: "fixed bottom-0 left-0 right-0 px-4 sm:px-6 py-4 border-t border-border bg-background",
         children: /* @__PURE__ */ jsxs92("div", {
           className: "max-w-7xl mx-auto flex items-center justify-between",
@@ -26308,20 +26582,20 @@ var DefaultsStep = memo46(function DefaultsStep2({
               onClick: onBack,
               className: "flex items-center gap-2 px-4 py-3 text-muted-foreground hover:text-foreground transition-colors",
               children: [
-                /* @__PURE__ */ jsx103(ArrowLeft, {
+                /* @__PURE__ */ jsx104(ArrowLeft, {
                   className: "w-4 h-4"
                 }),
                 "Back"
               ]
             }),
-            /* @__PURE__ */ jsx103("button", {
+            /* @__PURE__ */ jsx104("button", {
               type: "button",
               onClick: handleFinish,
               disabled: isSaving,
               className: "flex items-center gap-2 px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors disabled:opacity-50",
               children: isSaving ? /* @__PURE__ */ jsxs92(Fragment40, {
                 children: [
-                  /* @__PURE__ */ jsx103(Loader216, {
+                  /* @__PURE__ */ jsx104(Loader217, {
                     className: "w-4 h-4 animate-spin"
                   }),
                   "Setting up..."
@@ -26329,7 +26603,7 @@ var DefaultsStep = memo46(function DefaultsStep2({
               }) : /* @__PURE__ */ jsxs92(Fragment40, {
                 children: [
                   "Start Using otto",
-                  /* @__PURE__ */ jsx103(Sparkles8, {
+                  /* @__PURE__ */ jsx104(Sparkles8, {
                     className: "w-4 h-4"
                   })
                 ]
@@ -26343,8 +26617,8 @@ var DefaultsStep = memo46(function DefaultsStep2({
 });
 
 // src/components/onboarding/OnboardingModal.tsx
-import { jsx as jsx104, jsxs as jsxs93 } from "react/jsx-runtime";
-var OnboardingModal = memo47(function OnboardingModal2({
+import { jsx as jsx105, jsxs as jsxs93 } from "react/jsx-runtime";
+var OnboardingModal = memo48(function OnboardingModal2({
   hideHeader = false
 }) {
   const isOpen = useOnboardingStore((s) => s.isOpen);
@@ -26376,7 +26650,7 @@ var OnboardingModal = memo47(function OnboardingModal2({
   return /* @__PURE__ */ jsxs93("div", {
     className: "fixed inset-0 z-[9999] bg-background text-foreground overflow-y-auto",
     children: [
-      currentStep === "wallet" && /* @__PURE__ */ jsx104(ProviderSetupStep, {
+      currentStep === "wallet" && /* @__PURE__ */ jsx105(ProviderSetupStep, {
         authStatus,
         onSetupWallet: setupWallet,
         onImportWallet: importWallet,
@@ -26397,7 +26671,7 @@ var OnboardingModal = memo47(function OnboardingModal2({
         onImportCopilotTokenFromGh: importCopilotTokenFromGh,
         onGetCopilotDiagnostics: getCopilotDiagnostics
       }),
-      currentStep === "defaults" && /* @__PURE__ */ jsx104(DefaultsStep, {
+      currentStep === "defaults" && /* @__PURE__ */ jsx105(DefaultsStep, {
         authStatus,
         onComplete: completeOnboarding,
         onBack: prevStep,
@@ -27076,6 +27350,7 @@ function useSetuPayments(sessionId) {
 export {
   useWorkingDirectory,
   useUsageStore,
+  useUpdateSkillsConfig,
   useUpdateSession,
   useUpdateDefaults,
   useUnstageFiles,
@@ -27247,4 +27522,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=9C514795CD6F4E2764756E2164756E21
+//# debugId=A7717B48FBB0AB3064756E2164756E21