@mindstudio-ai/local-model-tunnel 0.3.1 → 0.3.2

package/dist/{tui-QOSKXZWU.js → tui-YFUZJIGF.js}

@@ -7,17 +7,19 @@ import {
   getConfigPath,
   getEnvironment,
   getProviderStatuses,
-  getRegisteredModels,
+  getSyncedModels,
   pollDeviceAuth,
-  registerLocalModel,
   requestDeviceAuth,
   requestEvents,
   setApiKey,
+  syncLocalModel,
+  updateLocalModel,
   verifyApiKey
-} from "./chunk-PTK4SJQK.js";
+} from "./chunk-V3RKCMCQ.js";
 
 // src/tui/index.tsx
 import { render } from "ink";
+import { execFileSync, execSync } from "child_process";
 
 // src/tui/App.tsx
 import { useEffect as useEffect13, useCallback as useCallback10, useState as useState12 } from "react";
@@ -146,7 +148,7 @@ function NavigationMenu({ items, onSelect, title }) {
   const separatorExtraLines = items.filter((item, idx) => item.isSeparator && idx > 0).length;
   const menuHeight = items.length + 4 + separatorExtraLines;
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 1, marginBottom: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: title ?? "Actions" }) }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: title ?? "Actions" }) }),
     /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: items.map((item, index) => {
       if (item.isSeparator) {
         return /* @__PURE__ */ jsx2(Box2, { marginTop: index > 0 ? 1 : 0, children: item.label ? /* @__PURE__ */ jsx2(Text2, { bold: true, color: item.color ?? "gray", wrap: "truncate-end", children: item.label }) : null }, item.id);
@@ -173,7 +175,7 @@ function NavigationMenu({ items, onSelect, title }) {
         ] })
       ] }, item.id);
     }) }),
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, wrap: "truncate-end", children: items.some((i) => i.id === "back") ? "Up/Down Navigate \u2022 Enter Select \u2022 q/Esc Back" : "Up/Down Navigate \u2022 Enter Select \u2022 q Quit" }) })
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", wrap: "truncate-end", children: items.some((i) => i.id === "back") ? "Up/Down Navigate \u2022 Enter Select \u2022 q/Esc Back" : "Up/Down Navigate \u2022 Enter Select \u2022 q Quit" }) })
   ] });
 }
 
@@ -244,12 +246,14 @@ function useProviders(pollInterval = 1e4) {
 import { useState as useState4, useEffect as useEffect4, useCallback as useCallback3 } from "react";
 function useModels() {
   const [models, setModels] = useState4([]);
+  const [warnings, setWarnings] = useState4([]);
   const [loading, setLoading] = useState4(true);
   const refresh = useCallback3(async () => {
     setLoading(true);
     try {
       const discoveredModels = await discoverAllModels();
-      setModels(discoveredModels);
+      setModels(discoveredModels.filter((m) => !m.statusHint));
+      setWarnings(discoveredModels.filter((m) => !!m.statusHint));
     } catch {
     } finally {
       setLoading(false);
@@ -260,6 +264,7 @@ function useModels() {
   }, [refresh]);
   return {
     models,
+    warnings,
     loading,
     refresh
   };
@@ -293,10 +298,12 @@ function useRequests(maxHistory = 50) {
     });
     const unsubProgress = requestEvents.onProgress((event) => {
       const existing = requestsRef.current.get(event.id);
-      if (existing && existing.status === "processing" && event.content) {
+      if (existing && existing.status === "processing") {
         const updated = {
           ...existing,
-          content: event.content
+          ...event.content !== void 0 && { content: event.content },
+          ...event.step !== void 0 && { step: event.step },
+          ...event.totalSteps !== void 0 && { totalSteps: event.totalSteps }
         };
         requestsRef.current.set(event.id, updated);
         setRequests(
@@ -341,18 +348,18 @@ function useRequests(maxHistory = 50) {
 
 // src/tui/hooks/useRegisteredModels.ts
 import { useState as useState6, useEffect as useEffect6, useCallback as useCallback5 } from "react";
-function useRegisteredModels(connectionStatus) {
-  const [registeredNames, setRegisteredNames] = useState6(
+function useSyncedModels(connectionStatus) {
+  const [syncedNames, setSyncedNames] = useState6(
     /* @__PURE__ */ new Set()
   );
   const refresh = useCallback5(async () => {
     if (connectionStatus !== "connected") {
-      setRegisteredNames(/* @__PURE__ */ new Set());
+      setSyncedNames(/* @__PURE__ */ new Set());
       return;
     }
     try {
-      const models = await getRegisteredModels();
-      setRegisteredNames(new Set(models));
+      const models = await getSyncedModels();
+      setSyncedNames(new Set(models.map((m) => m.name)));
     } catch {
     }
   }, [connectionStatus]);
@@ -360,7 +367,7 @@ function useRegisteredModels(connectionStatus) {
     refresh();
   }, [refresh]);
   return {
-    registeredNames,
+    syncedNames,
     refresh
   };
 }
@@ -392,9 +399,9 @@ function getRequestTypeLabel(type) {
     case "llm_chat":
       return { label: "text", color: "gray" };
     case "image_generation":
-      return { label: "image", color: "magenta" };
+      return { label: "image", color: "gray" };
     case "video_generation":
-      return { label: "video", color: "cyan" };
+      return { label: "video", color: "gray" };
     default:
       return { label: type, color: "gray" };
   }
@@ -412,6 +419,7 @@ function RequestItem({ request, width }) {
   if (request.status === "processing") {
     const elapsed = Date.now() - request.startTime;
     const snippet = request.content && request.requestType === "llm_chat" ? snippetLine(request.content, snippetWidth) : null;
+    const stepProgress = request.step !== void 0 && request.totalSteps ? `Step ${request.step}/${request.totalSteps}` : null;
     return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs3(Box3, { children: [
         /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: /* @__PURE__ */ jsx3(Spinner, { type: "dots" }) }),
@@ -429,9 +437,13 @@ function RequestItem({ request, width }) {
           "..."
         ] })
       ] }),
-      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", dimColor: true, wrap: "truncate-end", children: [
+      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", wrap: "truncate-end", children: [
         snippetIndent,
         snippet
+      ] }),
+      stepProgress && /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+        snippetIndent,
+        stepProgress
       ] })
     ] });
   }
@@ -463,7 +475,7 @@ function RequestItem({ request, width }) {
           resultInfo
         ] })
       ] }),
-      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", dimColor: true, wrap: "truncate-end", children: [
+      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", wrap: "truncate-end", children: [
         snippetIndent,
         snippet
       ] })
@@ -490,7 +502,11 @@ function RequestLog({ requests, maxVisible = 8, hasModels = true }) {
   const width = stdout?.columns ?? 80;
   const activeRequests = requests.filter((r) => r.status === "processing");
   const completedRequests = requests.filter((r) => r.status !== "processing");
-  const itemLines = (r) => r.requestType === "llm_chat" && r.content ? 2 : 1;
+  const itemLines = (r) => {
+    if (r.requestType === "llm_chat" && r.content) return 2;
+    if (r.status === "processing" && r.step !== void 0) return 2;
+    return 1;
+  };
   let completedToShow = [];
   let linesUsed = activeRequests.reduce((sum, r) => sum + itemLines(r), 0);
   for (let i = completedRequests.length - 1; i >= 0 && linesUsed < maxVisible; i--) {
@@ -521,7 +537,7 @@ function RequestLog({ requests, maxVisible = 8, hasModels = true }) {
             " active)"
           ] })
         ] }),
-        requests.length === 0 ? /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: hasModels ? "Tunnel is live \u2014 requests will appear here when models are used in MindStudio" : "Start a model to begin receiving generation requests." }) }) : /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: visibleRequests.map((request) => /* @__PURE__ */ jsx3(RequestItem, { request, width }, request.id)) })
+        requests.length === 0 ? /* @__PURE__ */ jsx3(Box3, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: hasModels ? "Tunnel is live \u2014 requests will appear here when models are used in MindStudio" : "Start a model to begin receiving generation requests." }) }) : /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: visibleRequests.map((request) => /* @__PURE__ */ jsx3(RequestItem, { request, width }, request.id)) })
       ]
     }
   );
@@ -546,14 +562,19 @@ function useSetupProviders() {
 
 // src/tui/pages/DashboardPage.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function getWorkflowCount(model) {
+  const param = model.parameters?.find((p) => p.type === "comfyWorkflow");
+  if (!param) return null;
+  return param.comfyWorkflowOptions.availableWorkflows.length;
+}
 function getCapabilityLabel(capability) {
   switch (capability) {
     case "text":
       return { label: "Text Generation", color: "gray" };
     case "image":
-      return { label: "Image Generation", color: "magenta" };
+      return { label: "Image Generation", color: "gray" };
     case "video":
-      return { label: "Video Generation", color: "cyan" };
+      return { label: "Video Generation", color: "gray" };
     default:
       return { label: capability, color: "gray" };
   }
@@ -561,7 +582,8 @@ function getCapabilityLabel(capability) {
 function DashboardPage({
   requests,
   models,
-  registeredNames,
+  modelWarnings = [],
+  syncedNames,
   modelsLoading,
   onNavigate
 }) {
@@ -574,7 +596,7 @@ function DashboardPage({
   );
   const provStatusWidth = "Local Server Running".length;
   const allModelNames = new Set(models.map((m) => m.name));
-  const unavailableRegistered = [...registeredNames].filter(
+  const unavailableSynced = [...syncedNames].filter(
     (name) => !allModelNames.has(name)
   );
   const menuItems = useMemo(() => {
@@ -610,7 +632,7 @@ function DashboardPage({
   const headerLines = 14;
   const providerContentLines = setupLoading ? 1 : installedProviders.length === 0 ? 2 : installedProviders.length;
   const providersLines = 3 + providerContentLines;
-  const modelContentLines = modelsLoading ? 1 : models.length === 0 && unavailableRegistered.length === 0 ? 2 : models.length + (unavailableRegistered.length > 0 ? 1 + unavailableRegistered.length : 0);
+  const modelContentLines = modelsLoading ? 1 : models.length === 0 && unavailableSynced.length === 0 && modelWarnings.length === 0 ? 2 : models.length + modelWarnings.length + (unavailableSynced.length > 0 ? 1 + unavailableSynced.length : 0);
   const modelsLines = 3 + modelContentLines;
   const requestLogOverhead = 3;
   const menuLines = menuItems.length + 6;
@@ -641,26 +663,40 @@ function DashboardPage({
       modelsLoading ? /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, children: [
         /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: /* @__PURE__ */ jsx4(Spinner2, { type: "dots" }) }),
         /* @__PURE__ */ jsx4(Text4, { children: " Discovering models..." })
-      ] }) : models.length === 0 && unavailableRegistered.length === 0 ? /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
+      ] }) : models.length === 0 && unavailableSynced.length === 0 && modelWarnings.length === 0 ? /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
         /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "No models found." }),
         /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Download models using your provider (e.g., ollama pull llama3.2)" })
       ] }) : /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, children: [
         models.map((model) => {
           const cap = getCapabilityLabel(model.capability);
-          const isRegistered = registeredNames.has(model.name);
+          const isSynced = syncedNames.has(model.name);
           const displayProvider = providers.find((p) => p.provider.name === model.provider)?.provider.displayName ?? model.provider;
+          const workflowCount = getWorkflowCount(model);
+          const workflowSuffix = workflowCount !== null ? ` (${workflowCount} workflow${workflowCount !== 1 ? "s" : ""}, ${isSynced ? workflowCount : 0} synced)` : "";
           return /* @__PURE__ */ jsxs4(Box4, { children: [
-            /* @__PURE__ */ jsx4(Text4, { color: isRegistered ? "green" : "gray", children: isRegistered ? "\u25CF" : "\u25CB" }),
+            /* @__PURE__ */ jsx4(Text4, { color: isSynced ? "green" : "gray", children: isSynced ? "\u25CF" : "\u25CB" }),
             /* @__PURE__ */ jsx4(Text4, { color: "white", children: ` ${model.name}` }),
+            workflowSuffix && /* @__PURE__ */ jsx4(Text4, { color: "gray", children: workflowSuffix }),
             /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " - " }),
             /* @__PURE__ */ jsx4(Text4, { color: "gray", children: displayProvider }),
             /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " - " }),
             /* @__PURE__ */ jsx4(Text4, { color: cap.color, children: cap.label })
           ] }, model.name);
         }),
-        unavailableRegistered.length > 0 && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: models.length > 0 ? 1 : 0, children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Registered but not currently available:" }),
-          unavailableRegistered.map((name) => /* @__PURE__ */ jsxs4(Box4, { children: [
+        modelWarnings.map((warning) => {
+          const displayProvider = providers.find((p) => p.provider.name === warning.provider)?.provider.displayName ?? warning.provider;
+          return /* @__PURE__ */ jsxs4(Box4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u25CB" }),
+            /* @__PURE__ */ jsx4(Text4, { color: "white", children: ` ${warning.name}` }),
+            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " - " }),
+            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: displayProvider }),
+            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: " - " }),
+            /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: warning.statusHint })
+          ] }, warning.name);
+        }),
+        unavailableSynced.length > 0 && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: models.length > 0 ? 1 : 0, children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "Synced but not currently available:" }),
+          unavailableSynced.map((name) => /* @__PURE__ */ jsxs4(Box4, { children: [
             /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u25CB" }),
             /* @__PURE__ */ jsx4(Text4, { color: "gray", children: ` ${name}` })
           ] }, name))
@@ -691,13 +727,13 @@ var MODEL_TYPE_MAP = {
   image: "image_generation",
   video: "video_generation"
 };
-function useRegister() {
+function useSync() {
   const [status, setStatus] = useState8("idle");
   const [progress, setProgress] = useState8({
     current: 0,
     total: 0
   });
-  const [registeredModels, setRegisteredModels] = useState8(
+  const [syncedModels, setSyncedModels] = useState8(
     []
   );
   const [error, setError] = useState8(null);
@@ -711,10 +747,10 @@ function useRegister() {
     cancelledRef.current = true;
     setStatus("idle");
   }, []);
-  const startRegister = useCallback7(() => {
+  const startSync = useCallback7(() => {
     cancelledRef.current = false;
     setError(null);
-    setRegisteredModels([]);
+    setSyncedModels([]);
     const run = async () => {
       try {
         setStatus("discovering");
@@ -725,50 +761,48 @@ function useRegister() {
           setStatus("error");
           return;
         }
-        const existingRegistered = await getRegisteredModels();
+        const existingSynced = await getSyncedModels();
         if (cancelledRef.current) return;
-        const registeredNames = new Set(existingRegistered);
-        const unregisteredModels = localModels.filter(
-          (m) => !registeredNames.has(m.name)
+        const remoteByName = new Map(
+          existingSynced.map((m) => [m.name, m.id])
         );
-        const allModels = localModels.map((m) => ({
-          name: m.name,
-          provider: m.provider,
-          capability: m.capability,
-          isNew: !registeredNames.has(m.name)
-        }));
-        if (unregisteredModels.length === 0) {
-          setRegisteredModels(allModels);
-          setProgress({ current: 0, total: 0 });
-          setStatus("done");
-          return;
-        }
-        setStatus("registering");
-        setProgress({ current: 0, total: unregisteredModels.length });
-        for (let i = 0; i < unregisteredModels.length; i++) {
+        setStatus("syncing");
+        setProgress({ current: 0, total: localModels.length });
+        for (let i = 0; i < localModels.length; i++) {
           if (cancelledRef.current) return;
-          const model = unregisteredModels[i];
+          const model = localModels[i];
           const modelType = MODEL_TYPE_MAP[model.capability];
-          await registerLocalModel({
-            modelName: model.name,
-            provider: model.provider,
-            modelType,
-            parameters: model.parameters
-          });
-          setProgress({ current: i + 1, total: unregisteredModels.length });
+          const existingId = remoteByName.get(model.name);
+          if (existingId) {
+            await updateLocalModel({
+              modelId: existingId,
+              modelName: model.name,
+              provider: model.provider,
+              modelType,
+              parameters: model.parameters
+            });
+          } else {
+            await syncLocalModel({
+              modelName: model.name,
+              provider: model.provider,
+              modelType,
+              parameters: model.parameters
+            });
+          }
+          setProgress({ current: i + 1, total: localModels.length });
         }
         if (cancelledRef.current) return;
         const finalModels = localModels.map((m) => ({
           name: m.name,
           provider: m.provider,
           capability: m.capability,
-          isNew: !registeredNames.has(m.name)
+          isNew: !remoteByName.has(m.name)
         }));
-        setRegisteredModels(finalModels);
+        setSyncedModels(finalModels);
         setStatus("done");
       } catch (err) {
         if (!cancelledRef.current) {
-          setError(err instanceof Error ? err.message : "Registration failed");
+          setError(err instanceof Error ? err.message : "Sync failed");
           setStatus("error");
         }
       }
@@ -778,27 +812,27 @@ function useRegister() {
   return {
     status,
     progress,
-    registeredModels,
+    syncedModels,
     error,
-    startRegister,
+    startSync,
     cancel
   };
 }
 
 // src/tui/pages/RegisterPage.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function RegisterPage() {
-  const { status, progress, registeredModels, error, startRegister, cancel } = useRegister();
+function SyncPage() {
+  const { status, progress, syncedModels, error, startSync, cancel } = useSync();
   useEffect9(() => {
-    startRegister();
+    startSync();
     return () => cancel();
   }, []);
   if (status === "idle") {
-    return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "Starting model registration..." }) }) });
+    return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "Starting model sync..." }) }) });
   }
   if (status === "error") {
     return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
-      "Registration failed: ",
+      "Sync failed: ",
       error
     ] }) }) });
   }
@@ -808,12 +842,12 @@ function RegisterPage() {
       /* @__PURE__ */ jsx5(Text5, { children: " Discovering local models..." })
     ] }) });
   }
-  if (status === "registering") {
+  if (status === "syncing") {
     return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, paddingX: 1, children: /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
       /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: /* @__PURE__ */ jsx5(Spinner3, { type: "dots" }) }),
       /* @__PURE__ */ jsxs5(Text5, { children: [
         " ",
-        "Registering ",
+        "Syncing ",
         progress.current,
         "/",
         progress.total,
@@ -821,12 +855,12 @@ function RegisterPage() {
       ] })
     ] }) });
   }
-  const newModels = registeredModels.filter((m) => m.isNew);
-  const existingModels = registeredModels.filter((m) => !m.isNew);
+  const newModels = syncedModels.filter((m) => m.isNew);
+  const resyncedModels = syncedModels.filter((m) => !m.isNew);
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, paddingX: 1, children: [
-    newModels.length > 0 ? /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+    newModels.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
       /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
-        "Registered ",
+        "Synced ",
         newModels.length,
         " new model",
         newModels.length !== 1 ? "s" : "",
@@ -844,18 +878,23 @@ function RegisterPage() {
           "]"
         ] })
       ] }, m.name))
-    ] }) : /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "green", children: "All models already registered." }) }),
-    existingModels.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: "gray", children: [
-        "Already registered (",
-        existingModels.length,
-        "):"
+    ] }),
+    resyncedModels.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
+        "Resynced ",
+        resyncedModels.length,
+        " existing model",
+        resyncedModels.length !== 1 ? "s" : "",
+        ":"
       ] }),
-      existingModels.map((m) => /* @__PURE__ */ jsxs5(Box5, { children: [
-        /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "  \u25CF " }),
-        /* @__PURE__ */ jsxs5(Text5, { color: "gray", children: [
+      resyncedModels.map((m) => /* @__PURE__ */ jsxs5(Box5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { color: "green", children: "  \u2713 " }),
+        /* @__PURE__ */ jsxs5(Text5, { children: [
           m.name,
-          " [",
+          " "
+        ] }),
+        /* @__PURE__ */ jsxs5(Text5, { color: "gray", children: [
+          "[",
           m.provider,
           "]"
         ] })
@@ -984,7 +1023,7 @@ function ProviderDetailView({
         borderRight: false,
         borderColor: "gray",
         children: [
-          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "gray", dimColor: true, children: "Actions" }) }),
+          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "Actions" }) }),
           /* @__PURE__ */ jsxs6(Box6, { children: [
             /* @__PURE__ */ jsxs6(Text7, { color: "cyan", bold: true, children: [
               "\u276F",
@@ -992,7 +1031,7 @@ function ProviderDetailView({
             ] }),
             /* @__PURE__ */ jsx7(Text7, { color: "gray", children: " - Return to providers" })
           ] }),
-          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsxs6(Text7, { color: "gray", dimColor: true, wrap: "truncate-end", children: [
+          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsxs6(Text7, { color: "gray", wrap: "truncate-end", children: [
             "Up/Down Scroll ",
             "\u2022",
             " Enter/q/Esc Back",
@@ -1194,7 +1233,7 @@ function SetupPage({ onBack }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text7, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text7, { color: "gray", children: [
       "Up/Down Navigate ",
       "\u2022",
       " Enter Select ",
@@ -1435,11 +1474,12 @@ function App({ runner }) {
   const { refresh: refreshProviders } = useProviders();
   const {
     models,
+    warnings: modelWarnings,
     loading: modelsLoading,
     refresh: refreshModels
   } = useModels();
   const { requests } = useRequests();
-  const { registeredNames, refresh: refreshRegistered } = useRegisteredModels(connectionStatus);
+  const { syncedNames, refresh: refreshSynced } = useSyncedModels(connectionStatus);
   const shouldOnboard = getApiKey() === void 0;
   const [page, setPage] = useState12(
     shouldOnboard ? "onboarding" : "dashboard"
@@ -1459,9 +1499,9 @@ function App({ runner }) {
     await Promise.all([
       refreshProviders(),
       refreshModels(),
-      refreshRegistered()
+      refreshSynced()
     ]);
-  }, [refreshProviders, refreshModels, refreshRegistered]);
+  }, [refreshProviders, refreshModels, refreshSynced]);
   const handleQuit = useCallback10(() => {
     runner.stop();
     exit();
@@ -1478,7 +1518,7 @@ function App({ runner }) {
           setPage("onboarding");
           break;
         case "register":
-          setPage("register");
+          setPage("sync");
           break;
         case "setup":
           setPage("setup");
@@ -1491,7 +1531,7 @@ function App({ runner }) {
           break;
       }
     },
-    [refreshModels, refreshRegistered, refreshAll, handleQuit]
+    [refreshModels, refreshSynced, refreshAll, handleQuit]
   );
   const subpageMenuItems = [
     { id: "back", label: "Back", description: "Return to dashboard" }
@@ -1522,13 +1562,14 @@ function App({ runner }) {
       {
         requests,
         models,
-        registeredNames,
+        modelWarnings,
+        syncedNames,
         modelsLoading,
         onNavigate: handleNavigate
       }
     ),
     page === "setup" && /* @__PURE__ */ jsx9(SetupPage, { onBack: () => setPage("dashboard") }),
-    page === "register" && /* @__PURE__ */ jsx9(RegisterPage, {}),
+    page === "sync" && /* @__PURE__ */ jsx9(SyncPage, {}),
     page !== "dashboard" && page !== "setup" && /* @__PURE__ */ jsx9(Box8, { flexGrow: 1 }),
     page !== "dashboard" && page !== "setup" && /* @__PURE__ */ jsx9(
       NavigationMenu,
@@ -1540,13 +1581,129 @@ function App({ runner }) {
   ] }) });
 }
 
+// src/update.ts
+import { createRequire as createRequire2 } from "module";
+var require3 = createRequire2(import.meta.url);
+var pkg2 = require3("../package.json");
+function getCurrentVersion() {
+  return pkg2.version;
+}
+async function fetchLatestVersion() {
+  try {
+    const res = await fetch(
+      "https://registry.npmjs.org/@mindstudio-ai/local-model-tunnel/latest",
+      { signal: AbortSignal.timeout(5e3) }
+    );
+    if (!res.ok) return null;
+    const data = await res.json();
+    return data.version ?? null;
+  } catch {
+    return null;
+  }
+}
+function isNewerVersion(current, latest) {
+  const currentParts = current.split(".").map(Number);
+  const latestParts = latest.split(".").map(Number);
+  for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
+    const c = currentParts[i] ?? 0;
+    const l = latestParts[i] ?? 0;
+    if (l > c) return true;
+    if (l < c) return false;
+  }
+  return false;
+}
+async function checkForUpdate() {
+  const currentVersion = getCurrentVersion();
+  const latestVersion = await fetchLatestVersion();
+  if (!latestVersion) return null;
+  if (!isNewerVersion(currentVersion, latestVersion)) return null;
+  return { currentVersion, latestVersion };
+}
+
+// src/tui/components/UpdatePrompt.tsx
+import { Box as Box9, Text as Text9, useInput as useInput4 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function UpdatePrompt({
+  currentVersion,
+  latestVersion,
+  onChoice
+}) {
+  useInput4((input) => {
+    if (input.toLowerCase() === "y") {
+      onChoice(true);
+    } else {
+      onChoice(false);
+    }
+  });
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", paddingY: 1, paddingX: 2, children: [
+    /* @__PURE__ */ jsxs9(Text9, { children: [
+      /* @__PURE__ */ jsx10(Text9, { color: "yellow", bold: true, children: "Update available:" }),
+      /* @__PURE__ */ jsxs9(Text9, { children: [
+        " ",
+        "v",
+        currentVersion,
+        " ",
+        "\u2192",
+        " v",
+        latestVersion
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs9(Text9, { children: [
+      "Press ",
+      /* @__PURE__ */ jsx10(Text9, { bold: true, color: "cyan", children: "y" }),
+      " to update, any other key to skip"
+    ] }) })
+  ] });
+}
+
 // src/tui/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
+async function promptForUpdate(currentVersion, latestVersion) {
+  return new Promise((resolve) => {
+    const { unmount } = render(
+      /* @__PURE__ */ jsx11(
+        UpdatePrompt,
+        {
+          currentVersion,
+          latestVersion,
+          onChoice: (shouldUpdate) => {
+            unmount();
+            resolve(shouldUpdate);
+          }
+        }
+      ),
+      { exitOnCtrlC: true }
+    );
+  });
+}
 async function startTUI() {
   console.clear();
+  const update = await checkForUpdate();
+  if (update) {
+    const shouldUpdate = await promptForUpdate(
+      update.currentVersion,
+      update.latestVersion
+    );
+    if (shouldUpdate) {
+      console.log("\nUpdating to v" + update.latestVersion + "...\n");
+      try {
+        execSync("npm install -g @mindstudio-ai/local-model-tunnel@latest", {
+          stdio: "inherit"
+        });
+        console.log("\nRestarting...\n");
+        execFileSync(process.execPath, process.argv.slice(1), {
+          stdio: "inherit"
+        });
+      } catch {
+        console.error("\nUpdate failed. Continuing with current version.\n");
+      }
+      return;
+    }
+    console.clear();
+  }
   const runner = new TunnelRunner();
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx10(App, { runner }),
+    /* @__PURE__ */ jsx11(App, { runner }),
     {
       exitOnCtrlC: true
     }
@@ -1557,4 +1714,4 @@ async function startTUI() {
 export {
   startTUI
 };
-//# sourceMappingURL=tui-QOSKXZWU.js.map
+//# sourceMappingURL=tui-YFUZJIGF.js.map