@mindstudio-ai/local-model-tunnel 0.3.4 → 0.4.1

package/dist/tui-4ZB4JAV4.js

@@ -1,1616 +0,0 @@
-import {
-  TunnelRunner,
-  detectAllProviderStatuses,
-  discoverAllModelsWithParameters,
-  getApiKey,
-  getConfigPath,
-  getEnvironment,
-  getSyncedModels,
-  pollDeviceAuth,
-  requestDeviceAuth,
-  requestEvents,
-  setApiKey,
-  syncModels,
-  verifyApiKey
-} from "./chunk-PPP2FEIN.js";
-
-// src/tui/index.tsx
-import { render } from "ink";
-import { execFileSync, execSync } from "child_process";
-
-// src/tui/App.tsx
-import { useEffect as useEffect10, useCallback as useCallback8, useState as useState10, useRef as useRef5 } from "react";
-import { Box as Box7, useApp, useStdout as useStdout6 } from "ink";
-
-// src/tui/components/Header.tsx
-import os from "os";
-import { Box, Text } from "ink";
-import { createRequire } from "module";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var require2 = createRequire(import.meta.url);
-var pkg = require2("../package.json");
-var LogoString = `       .=+-.     :++.
-      *@@@@@+  :%@@@@%:
-    .%@@@@@@#..@@@@@@@=
-  .*@@@@@@@--@@@@@@@#.**.
-  *@@@@@@@.-@@@@@@@@.#@@*
-.#@@@@@@@-.@@@@@@@* #@@@@%.
-=@@@@@@@-.@@@@@@@#.-@@@@@@+
-:@@@@@@:  +@@@@@#. .@@@@@@:
-  .++:     .-*-.     .++:`;
-var getConnectionDisplay = (status) => {
-  switch (status) {
-    case "connected":
-      return { color: "green", text: "Connected to Cloud" };
-    case "connecting":
-      return { color: "yellow", text: "Connecting..." };
-    case "not_authenticated":
-      return { color: "yellow", text: "Not Authenticated" };
-    case "disconnected":
-      return { color: "red", text: "Disconnected" };
-    default:
-      return { color: "red", text: "Error" };
-  }
-};
-function Header({
-  connection,
-  environment,
-  configPath,
-  connectionError,
-  compact
-}) {
-  const { color: connectionColor, text: connectionText } = getConnectionDisplay(connection);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "row",
-      alignItems: "center",
-      borderStyle: "round",
-      borderColor: "cyan",
-      paddingX: 1,
-      paddingY: 1,
-      width: "100%",
-      children: [
-        !compact && /* @__PURE__ */ jsx(Box, { paddingLeft: 3, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: LogoString }) }),
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: compact ? 0 : 4, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "MindStudio Local Tunnel" }),
-            compact && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-              " v",
-              pkg.version
-            ] }),
-            environment !== "prod" && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { children: " " }),
-              /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "[LOCAL]" })
-            ] })
-          ] }),
-          !compact && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-            "v",
-            pkg.version
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { color: connectionColor, children: [
-            "\u25CF ",
-            connectionText
-          ] }),
-          connectionError && /* @__PURE__ */ jsx(Text, { color: "red", children: connectionError }),
-          /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-            "Config: ",
-            configPath.replace(os.homedir(), "~")
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/tui/components/NavigationMenu.tsx
-import { useState, useEffect } from "react";
-import { Box as Box2, Text as Text2, useInput, useStdout } from "ink";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function NavigationMenu({ items, onSelect, title }) {
-  const { stdout } = useStdout();
-  const compact = (stdout?.rows ?? 24) < 40;
-  const getDefaultIndex = () => {
-    const backIdx = items.findIndex((i) => i.id === "back");
-    if (backIdx >= 0) return backIdx;
-    const firstIdx = items.findIndex((i) => !i.disabled && !i.isSeparator);
-    return firstIdx >= 0 ? firstIdx : 0;
-  };
-  const [selectedIndex, setSelectedIndex] = useState(getDefaultIndex);
-  useEffect(() => {
-    setSelectedIndex(getDefaultIndex());
-  }, [items]);
-  const selectableItems = items.filter((i) => !i.isSeparator);
-  const findNextEnabled = (from, direction) => {
-    let idx = from;
-    for (let i = 0; i < items.length; i++) {
-      idx = (idx + direction + items.length) % items.length;
-      if (!items[idx].disabled && !items[idx].isSeparator) return idx;
-    }
-    return from;
-  };
-  useInput((input, key) => {
-    if (input === "q" || key.escape) {
-      const backItem = items.find((i) => i.id === "back");
-      if (backItem) {
-        onSelect("back");
-      } else if (input === "q") {
-        onSelect("quit");
-      }
-      return;
-    }
-    if (key.upArrow || compact && key.leftArrow) {
-      setSelectedIndex((prev) => findNextEnabled(prev, -1));
-    } else if (key.downArrow || compact && key.rightArrow) {
-      setSelectedIndex((prev) => findNextEnabled(prev, 1));
-    } else if (key.return) {
-      const item = items[selectedIndex];
-      if (item && !item.disabled) {
-        onSelect(item.id);
-      }
-    }
-  });
-  const hasBack = items.some((i) => i.id === "back");
-  if (compact) {
-    const selectedItem = items[selectedIndex];
-    return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", paddingX: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: /* @__PURE__ */ jsx2(Box2, { height: 1, overflow: "hidden", gap: 1, children: items.map((item, index) => {
-      if (item.isSeparator) return null;
-      const isSelected = index === selectedIndex;
-      return /* @__PURE__ */ jsx2(
-        Text2,
-        {
-          color: item.disabled ? "gray" : isSelected ? "cyan" : "white",
-          bold: isSelected,
-          wrap: "truncate-end",
-          children: isSelected ? `\u276F ${item.label}` : `  ${item.label}`
-        },
-        item.id
-      );
-    }) }) });
-  }
-  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", 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);
-      }
-      const isSelected = index === selectedIndex;
-      const prefix = isSelected ? "\u276F" : " ";
-      if (item.disabled) {
-        return /* @__PURE__ */ jsx2(Box2, { height: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs2(Text2, { color: "gray", wrap: "truncate-end", children: [
-          prefix,
-          " ",
-          item.label,
-          item.disabledReason ? ` (${item.disabledReason})` : ""
-        ] }) }, item.id);
-      }
-      return /* @__PURE__ */ jsxs2(Box2, { height: 1, overflow: "hidden", children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: isSelected ? "cyan" : "white", bold: isSelected, wrap: "truncate-end", children: [
-          prefix,
-          " ",
-          item.label
-        ] }),
-        isSelected && /* @__PURE__ */ jsxs2(Text2, { color: "gray", wrap: "truncate-end", children: [
-          " - ",
-          item.description
-        ] })
-      ] }, item.id);
-    }) }),
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", wrap: "truncate-end", children: hasBack ? "Up/Down Navigate \u2022 Enter Select \u2022 q/Esc Back" : "Up/Down Navigate \u2022 Enter Select \u2022 q Quit" }) })
-  ] });
-}
-
-// src/tui/hooks/useConnection.ts
-import { useState as useState2, useEffect as useEffect2, useCallback } from "react";
-function useConnection() {
-  const [status, setStatus] = useState2("connecting");
-  const [error, setError] = useState2(null);
-  const environment = getEnvironment();
-  const connect = useCallback(async () => {
-    setStatus("connecting");
-    setError(null);
-    const apiKey = getApiKey();
-    if (!apiKey) {
-      setStatus("not_authenticated");
-      return;
-    }
-    try {
-      const isValid = await verifyApiKey();
-      if (isValid) {
-        setStatus("connected");
-      } else {
-        setStatus("not_authenticated");
-      }
-    } catch (err) {
-      setStatus("error");
-      setError(err instanceof Error ? err.message : "Connection failed");
-    }
-  }, []);
-  useEffect2(() => {
-    connect();
-  }, [connect]);
-  return {
-    status,
-    environment,
-    error,
-    retry: connect
-  };
-}
-
-// src/tui/hooks/useSetupProviders.ts
-import { useState as useState3, useEffect as useEffect3, useCallback as useCallback2, useRef } from "react";
-function useSetupProviders() {
-  const [providers, setProviders] = useState3([]);
-  const [loading, setLoading] = useState3(true);
-  const [refreshing, setRefreshing] = useState3(false);
-  const initialLoadDone = useRef(false);
-  const refresh = useCallback2(async () => {
-    if (!initialLoadDone.current) {
-      setLoading(true);
-    } else {
-      setRefreshing(true);
-    }
-    const statuses = await detectAllProviderStatuses();
-    setProviders(statuses);
-    initialLoadDone.current = true;
-    setLoading(false);
-    setRefreshing(false);
-  }, []);
-  useEffect3(() => {
-    refresh();
-  }, [refresh]);
-  return { providers, loading, refreshing, refresh };
-}
-
-// src/tui/hooks/useModels.ts
-import { useState as useState4, useEffect as useEffect4, useCallback as useCallback3, useRef as useRef2 } from "react";
-function useModels() {
-  const [models, setModels] = useState4([]);
-  const [warnings, setWarnings] = useState4([]);
-  const [loading, setLoading] = useState4(true);
-  const [refreshing, setRefreshing] = useState4(false);
-  const initialLoadDone = useRef2(false);
-  const refresh = useCallback3(async () => {
-    if (!initialLoadDone.current) {
-      setLoading(true);
-    } else {
-      setRefreshing(true);
-    }
-    try {
-      const discoveredModels = await discoverAllModelsWithParameters();
-      setModels(discoveredModels.filter((m) => !m.statusHint));
-      setWarnings(discoveredModels.filter((m) => !!m.statusHint));
-      initialLoadDone.current = true;
-      return discoveredModels;
-    } catch {
-      return [];
-    } finally {
-      setLoading(false);
-      setRefreshing(false);
-    }
-  }, []);
-  useEffect4(() => {
-    refresh();
-  }, [refresh]);
-  return {
-    models,
-    warnings,
-    loading,
-    refreshing,
-    refresh
-  };
-}
-
-// src/tui/hooks/useRequests.ts
-import { useState as useState5, useEffect as useEffect5, useCallback as useCallback4, useRef as useRef3 } from "react";
-function useRequests(maxHistory = 50) {
-  const [requests, setRequests] = useState5([]);
-  const requestsRef = useRef3(/* @__PURE__ */ new Map());
-  useEffect5(() => {
-    const interval = setInterval(() => {
-      setRequests((prev) => {
-        const hasActive = prev.some((r) => r.status === "processing");
-        return hasActive ? [...prev] : prev;
-      });
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, []);
-  useEffect5(() => {
-    const unsubStart = requestEvents.onStart((event) => {
-      const entry = {
-        id: event.id,
-        modelId: event.modelId,
-        requestType: event.requestType,
-        status: "processing",
-        startTime: event.timestamp
-      };
-      requestsRef.current.set(event.id, entry);
-      setRequests((prev) => [...prev, entry].slice(-maxHistory));
-    });
-    const unsubProgress = requestEvents.onProgress((event) => {
-      const existing = requestsRef.current.get(event.id);
-      if (existing && existing.status === "processing") {
-        const updated = {
-          ...existing,
-          ...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(
-          (prev) => prev.map((r) => r.id === event.id ? updated : r)
-        );
-      }
-    });
-    const unsubComplete = requestEvents.onComplete((event) => {
-      const existing = requestsRef.current.get(event.id);
-      if (existing) {
-        const updated = {
-          ...existing,
-          status: event.success ? "completed" : "failed",
-          endTime: Date.now(),
-          duration: event.duration,
-          result: event.result,
-          error: event.error
-        };
-        requestsRef.current.set(event.id, updated);
-        setRequests(
-          (prev) => prev.map((r) => r.id === event.id ? updated : r)
-        );
-      }
-    });
-    return () => {
-      unsubStart();
-      unsubProgress();
-      unsubComplete();
-    };
-  }, [maxHistory]);
-  const activeCount = requests.filter((r) => r.status === "processing").length;
-  const clear = useCallback4(() => {
-    requestsRef.current.clear();
-    setRequests([]);
-  }, []);
-  return {
-    requests,
-    activeCount,
-    clear
-  };
-}
-
-// src/tui/hooks/useRegisteredModels.ts
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback5 } from "react";
-function useSyncedModels(connectionStatus) {
-  const [syncedNames, setSyncedNames] = useState6(
-    /* @__PURE__ */ new Set()
-  );
-  const [syncedModels, setSyncedModels] = useState6([]);
-  const refresh = useCallback5(async () => {
-    if (connectionStatus !== "connected") {
-      setSyncedNames(/* @__PURE__ */ new Set());
-      setSyncedModels([]);
-      return;
-    }
-    try {
-      const models = await getSyncedModels();
-      setSyncedNames(new Set(models.map((m) => m.name)));
-      setSyncedModels(models);
-    } catch {
-    }
-  }, [connectionStatus]);
-  useEffect6(() => {
-    refresh();
-  }, [refresh]);
-  return {
-    syncedNames,
-    syncedModels,
-    refresh
-  };
-}
-
-// src/tui/pages/DashboardPage.tsx
-import { useMemo } from "react";
-import { Box as Box4, Text as Text4, useStdout as useStdout3 } from "ink";
-import Spinner2 from "ink-spinner";
-
-// src/tui/components/RequestLog.tsx
-import { Box as Box3, Text as Text3, useStdout as useStdout2 } from "ink";
-import Spinner from "ink-spinner";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function formatTime(timestamp) {
-  const date = new Date(timestamp);
-  return date.toLocaleTimeString("en-US", {
-    hour12: false,
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit"
-  });
-}
-function formatDuration(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  return `${(ms / 1e3).toFixed(1)}s`;
-}
-function getRequestTypeLabel(type) {
-  switch (type) {
-    case "llm_chat":
-      return { label: "text", color: "gray" };
-    case "image_generation":
-      return { label: "image", color: "gray" };
-    case "video_generation":
-      return { label: "video", color: "gray" };
-    default:
-      return { label: type, color: "gray" };
-  }
-}
-function snippetLine(content, maxWidth) {
-  const flat = content.replace(/\s+/g, " ").trim();
-  if (flat.length <= maxWidth) return flat;
-  return "\u2026" + flat.slice(-(maxWidth - 1));
-}
-function RequestItem({ request, width }) {
-  const time = formatTime(request.startTime);
-  const typeLabel = getRequestTypeLabel(request.requestType);
-  const snippetIndent = "   ";
-  const snippetWidth = width - snippetIndent.length - 2;
-  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" }) }),
-        /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-          " ",
-          time,
-          "  "
-        ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "white", children: request.modelId }),
-        /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "  " }),
-        /* @__PURE__ */ jsx3(Text3, { color: typeLabel.color, children: typeLabel.label }),
-        /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-          "  ",
-          formatDuration(elapsed),
-          "..."
-        ] })
-      ] }),
-      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", wrap: "truncate-end", children: [
-        snippetIndent,
-        snippet
-      ] }),
-      stepProgress && /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-        snippetIndent,
-        stepProgress
-      ] })
-    ] });
-  }
-  if (request.status === "completed") {
-    const duration = request.duration ? formatDuration(request.duration) : "";
-    let resultInfo = "";
-    if (request.result?.chars) {
-      resultInfo = ` \xB7 ${request.result.chars} chars`;
-    } else if (request.result?.imageSize) {
-      resultInfo = ` \xB7 ${Math.round(request.result.imageSize / 1024)}KB`;
-    } else if (request.result?.videoSize) {
-      resultInfo = ` \xB7 ${Math.round(request.result.videoSize / 1024 / 1024)}MB`;
-    }
-    const snippet = request.content && request.requestType === "llm_chat" ? snippetLine(request.content, snippetWidth) : null;
-    return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs3(Box3, { children: [
-        /* @__PURE__ */ jsx3(Text3, { color: "green", children: "\u2713" }),
-        /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-          " ",
-          time,
-          "  "
-        ] }),
-        /* @__PURE__ */ jsx3(Text3, { color: "white", children: request.modelId }),
-        /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "  " }),
-        /* @__PURE__ */ jsx3(Text3, { color: typeLabel.color, children: typeLabel.label }),
-        /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-          "  ",
-          duration,
-          resultInfo
-        ] })
-      ] }),
-      snippet && /* @__PURE__ */ jsxs3(Text3, { color: "gray", wrap: "truncate-end", children: [
-        snippetIndent,
-        snippet
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsx3(Text3, { color: "red", children: "\u25CF" }),
-    /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      " ",
-      time,
-      "  "
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { color: "white", children: request.modelId }),
-    /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "  " }),
-    /* @__PURE__ */ jsx3(Text3, { color: typeLabel.color, children: typeLabel.label }),
-    /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
-      "  ",
-      request.error || "Failed"
-    ] })
-  ] }) });
-}
-function RequestLog({ requests, maxVisible = 8, hasModels = true }) {
-  const { stdout } = useStdout2();
-  const width = stdout?.columns ?? 80;
-  const activeRequests = requests.filter((r) => r.status === "processing");
-  const completedRequests = requests.filter((r) => r.status !== "processing");
-  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--) {
-    const r = completedRequests[i];
-    const lines = itemLines(r);
-    if (linesUsed + lines <= maxVisible) {
-      completedToShow.unshift(r);
-      linesUsed += lines;
-    } else {
-      break;
-    }
-  }
-  const visibleRequests = [...completedToShow, ...activeRequests];
-  return /* @__PURE__ */ jsxs3(
-    Box3,
-    {
-      flexDirection: "column",
-      flexGrow: 1,
-      width: "100%",
-      paddingX: 1,
-      marginTop: 1,
-      children: [
-        /* @__PURE__ */ jsxs3(Box3, { children: [
-          /* @__PURE__ */ jsx3(Text3, { bold: true, underline: true, color: "white", children: "Generation Requests" }),
-          activeRequests.length > 0 && /* @__PURE__ */ jsxs3(Text3, { color: "cyan", children: [
-            " (",
-            activeRequests.length,
-            " active)"
-          ] })
-        ] }),
-        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)) })
-      ]
-    }
-  );
-}
-
-// 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: "gray" };
-    case "video":
-      return { label: "Video Generation", color: "gray" };
-    default:
-      return { label: capability, color: "gray" };
-  }
-}
-function DashboardPage({
-  requests,
-  models,
-  modelWarnings = [],
-  providers,
-  providersLoading,
-  syncedNames,
-  modelsLoading,
-  syncStatus = "idle",
-  onNavigate
-}) {
-  const { stdout } = useStdout3();
-  const installedProviders = providers.filter(({ status }) => status.installed);
-  const provNameWidth = Math.max(
-    ...installedProviders.map((p) => p.provider.displayName.length),
-    8
-  );
-  const provStatusWidth = "Local Server Running".length;
-  const allModelNames = new Set(models.map((m) => m.name));
-  const unavailableSynced = [...syncedNames].filter(
-    (name) => !allModelNames.has(name)
-  );
-  const syncDescription = syncStatus === "syncing" ? "Syncing..." : syncStatus === "synced" ? "\u2713 Synced" : "Re-detect providers and sync models to MindStudio";
-  const menuItems = useMemo(() => {
-    return [
-      {
-        id: "refresh",
-        label: "Sync Models",
-        description: syncDescription
-      },
-      {
-        id: "setup",
-        label: "Manage Providers",
-        description: "Manage local AI providers"
-      },
-      {
-        id: "auth",
-        label: "Re-authenticate",
-        description: "Re-authenticate with MindStudio"
-      },
-      {
-        id: "quit",
-        label: "Exit",
-        description: "Quit the application"
-      }
-    ];
-  }, [syncDescription]);
-  const termHeight = (stdout?.rows ?? 24) - 4;
-  const compactHeader = (stdout?.rows ?? 24) <= 45 || (stdout?.columns ?? 80) <= 90;
-  const headerLines = compactHeader ? 7 : 14;
-  const providerContentLines = providersLoading ? 1 : installedProviders.length === 0 ? 2 : installedProviders.length;
-  const providersLines = 3 + providerContentLines;
-  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 compactMenu = termHeight + 4 < 40;
-  const menuLines = compactMenu ? 2 : menuItems.length + 6;
-  const usedLines = headerLines + providersLines + modelsLines + requestLogOverhead + menuLines;
-  const maxVisible = Math.max(3, termHeight - usedLines);
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", underline: true, children: "Providers" }),
-      providersLoading ? /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: /* @__PURE__ */ jsx4(Spinner2, { type: "dots" }) }),
-        /* @__PURE__ */ jsx4(Text4, { children: " Detecting providers..." })
-      ] }) : installedProviders.length === 0 ? /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "No providers installed." }),
-        /* @__PURE__ */ jsx4(Text4, { color: "gray", children: 'Use "Manage Providers" below to install one.' })
-      ] }) : /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginTop: 1, children: installedProviders.map(({ provider, status }) => {
-        const url = provider.baseUrl;
-        const statusColor = status.running ? "green" : "yellow";
-        const statusText = status.running ? "Local Server Running" : "Installed (not running)";
-        return /* @__PURE__ */ jsxs4(Box4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { color: "white", children: provider.displayName.padEnd(provNameWidth + 2) }),
-          /* @__PURE__ */ jsx4(Text4, { color: statusColor, children: statusText.padEnd(provStatusWidth + 2) }),
-          status.running && /* @__PURE__ */ jsx4(Text4, { color: "gray", children: url })
-        ] }, provider.name);
-      }) })
-    ] }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", underline: true, children: "Models" }),
-      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 && 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 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: 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.provider}:${model.name}`);
-        }),
-        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.provider}:${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 provider not running:" }),
-          unavailableSynced.map((name) => /* @__PURE__ */ jsxs4(Box4, { children: [
-            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u25CB" }),
-            /* @__PURE__ */ jsx4(Text4, { color: "gray", children: ` ${name}` })
-          ] }, name))
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx4(
-      RequestLog,
-      {
-        requests,
-        maxVisible,
-        hasModels: models.length > 0
-      }
-    ),
-    /* @__PURE__ */ jsx4(NavigationMenu, { items: menuItems, onSelect: onNavigate })
-  ] });
-}
-
-// src/tui/pages/SetupPage.tsx
-import { useState as useState7, useMemo as useMemo3, useEffect as useEffect7 } from "react";
-import { Box as Box5, Text as Text6, useInput as useInput2, useStdout as useStdout5 } from "ink";
-import Spinner3 from "ink-spinner";
-
-// src/tui/components/MarkdownText.tsx
-import { useMemo as useMemo2 } from "react";
-import { Text as Text5, useStdout as useStdout4 } from "ink";
-import chalk from "chalk";
-import { marked } from "marked";
-import { markedTerminal } from "marked-terminal";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var codeStyle = chalk.cyan;
-var identity = (s) => s;
-function renderMarkdown(content, width) {
-  marked.use(
-    markedTerminal({
-      width,
-      codespan: codeStyle,
-      link: identity,
-      href: identity
-    })
-  );
-  marked.use({
-    renderer: {
-      code({ text }) {
-        const lines = text.trim().split("\n").map((l) => "    " + codeStyle(l)).join("\n");
-        return lines + "\n\n";
-      },
-      link({ href, text }) {
-        if (text && text !== href) {
-          return `${text} (${href})`;
-        }
-        return href;
-      }
-    }
-  });
-  return marked.parse(content).trimEnd();
-}
-
-// src/tui/pages/SetupPage.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function ProviderDetailView({
-  provider,
-  onBack
-}) {
-  const [scrollOffset, setScrollOffset] = useState7(0);
-  const { stdout } = useStdout5();
-  const termHeight = (stdout?.rows ?? 24) - 4;
-  const headerHeight = 14;
-  const footerLines = 6;
-  const contentPadding = 2;
-  const viewHeight = termHeight - headerHeight - footerLines - contentPadding;
-  const contentWidth = (stdout?.columns ?? 80) - 4;
-  const renderedLines = useMemo3(() => {
-    const rendered = renderMarkdown(provider.readme, contentWidth);
-    return rendered.split("\n");
-  }, [provider.readme, contentWidth]);
-  const maxScroll = Math.max(0, renderedLines.length - viewHeight);
-  useInput2((input, key) => {
-    if (input === "q" || key.escape || key.return) {
-      onBack();
-      return;
-    }
-    if (key.upArrow) {
-      setScrollOffset((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow) {
-      setScrollOffset((prev) => Math.min(maxScroll, prev + 1));
-    }
-  });
-  const visibleContent = renderedLines.slice(scrollOffset, scrollOffset + viewHeight).join("\n");
-  const scrollbar = useMemo3(() => {
-    if (maxScroll === 0) return null;
-    const thumbSize = Math.max(
-      1,
-      Math.round(viewHeight / renderedLines.length * viewHeight)
-    );
-    const thumbPos = Math.round(
-      scrollOffset / maxScroll * (viewHeight - thumbSize)
-    );
-    return Array.from(
-      { length: viewHeight },
-      (_, i) => i >= thumbPos && i < thumbPos + thumbSize
-    );
-  }, [scrollOffset, maxScroll, viewHeight, renderedLines.length]);
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs5(Box5, { height: viewHeight, children: [
-      /* @__PURE__ */ jsx6(
-        Box5,
-        {
-          flexDirection: "column",
-          paddingX: 1,
-          paddingY: 1,
-          flexGrow: 1,
-          overflow: "hidden",
-          children: /* @__PURE__ */ jsx6(Text6, { children: visibleContent })
-        }
-      ),
-      scrollbar && /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", children: scrollbar.map((isThumb, i) => /* @__PURE__ */ jsx6(
-        Text6,
-        {
-          color: isThumb ? "cyan" : "gray",
-          dimColor: !isThumb,
-          children: isThumb ? "\u2503" : "\u2502"
-        },
-        i
-      )) })
-    ] }),
-    /* @__PURE__ */ jsxs5(
-      Box5,
-      {
-        flexDirection: "column",
-        paddingX: 1,
-        borderStyle: "single",
-        borderTop: true,
-        borderBottom: false,
-        borderLeft: false,
-        borderRight: false,
-        borderColor: "gray",
-        children: [
-          /* @__PURE__ */ jsx6(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "Actions" }) }),
-          /* @__PURE__ */ jsxs5(Box5, { children: [
-            /* @__PURE__ */ jsxs5(Text6, { color: "cyan", bold: true, children: [
-              "\u276F",
-              " Back"
-            ] }),
-            /* @__PURE__ */ jsx6(Text6, { color: "gray", children: " - Return to providers" })
-          ] }),
-          /* @__PURE__ */ jsx6(Box5, { marginTop: 1, height: 1, children: /* @__PURE__ */ jsxs5(Text6, { color: "gray", wrap: "truncate-end", children: [
-            "Up/Down Scroll ",
-            "\u2022",
-            " Enter/q/Esc Back",
-            maxScroll > 0 && ` \u2022 ${Math.round(scrollOffset / maxScroll * 100)}%`
-          ] }) })
-        ]
-      }
-    )
-  ] });
-}
-function SetupPage({ onBack }) {
-  const { providers, loading } = useSetupProviders();
-  const [selectedProvider, setSelectedProvider] = useState7(null);
-  const running = useMemo3(
-    () => providers.filter((p) => p.status.running),
-    [providers]
-  );
-  const installed = useMemo3(
-    () => providers.filter((p) => p.status.installed && !p.status.running),
-    [providers]
-  );
-  const notInstalled = useMemo3(
-    () => providers.filter((p) => !p.status.installed),
-    [providers]
-  );
-  const allProviders = useMemo3(
-    () => [...running, ...installed, ...notInstalled],
-    [running, installed, notInstalled]
-  );
-  const totalItems = allProviders.length + 1;
-  const backIndex = allProviders.length;
-  const [cursorIndex, setCursorIndex] = useState7(backIndex);
-  useEffect7(() => {
-    setCursorIndex(backIndex);
-  }, [backIndex]);
-  useInput2((input, key) => {
-    if (selectedProvider) return;
-    if (input === "q" || key.escape) {
-      onBack();
-      return;
-    }
-    if (key.upArrow) {
-      setCursorIndex((prev) => Math.max(0, prev - 1));
-    } else if (key.downArrow) {
-      setCursorIndex((prev) => Math.min(totalItems - 1, prev + 1));
-    } else if (key.return) {
-      if (cursorIndex === backIndex) {
-        onBack();
-      } else if (allProviders[cursorIndex]) {
-        setSelectedProvider(allProviders[cursorIndex].provider.name);
-      }
-    }
-  });
-  if (selectedProvider) {
-    const found = providers.find((p) => p.provider.name === selectedProvider);
-    if (found) {
-      return /* @__PURE__ */ jsx6(
-        ProviderDetailView,
-        {
-          provider: found.provider,
-          onBack: () => setSelectedProvider(null)
-        }
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
-    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "white", underline: true, children: "Manage Providers" }),
-    /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "Select a provider to view its setup guide." }),
-    loading ? /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: /* @__PURE__ */ jsx6(Spinner3, { type: "dots" }) }),
-      /* @__PURE__ */ jsx6(Text6, { children: " Detecting providers..." })
-    ] }) : /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginTop: 1, children: [
-      running.length > 0 && /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx6(Text6, { bold: true, color: "green", children: "Running" }),
-        running.map(({ provider }, i) => {
-          const index = i;
-          const isSelected = index === cursorIndex;
-          return /* @__PURE__ */ jsxs5(
-            Box5,
-            {
-              flexDirection: "column",
-              marginTop: i > 0 ? 1 : 0,
-              children: [
-                /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs5(
-                  Text6,
-                  {
-                    color: isSelected ? "cyan" : "white",
-                    bold: isSelected,
-                    children: [
-                      isSelected ? "\u276F" : " ",
-                      " ",
-                      "\u25CF",
-                      " ",
-                      provider.displayName
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs5(Text6, { color: "gray", wrap: "wrap", children: [
-                  "   ",
-                  provider.description
-                ] })
-              ]
-            },
-            provider.name
-          );
-        })
-      ] }),
-      installed.length > 0 && /* @__PURE__ */ jsxs5(
-        Box5,
-        {
-          flexDirection: "column",
-          marginTop: running.length > 0 ? 1 : 0,
-          children: [
-            /* @__PURE__ */ jsx6(Text6, { bold: true, color: "yellow", children: "Installed" }),
-            installed.map(({ provider, status }, i) => {
-              const index = running.length + i;
-              const isSelected = index === cursorIndex;
-              return /* @__PURE__ */ jsxs5(
-                Box5,
-                {
-                  flexDirection: "column",
-                  marginTop: i > 0 ? 1 : 0,
-                  children: [
-                    /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs5(
-                      Text6,
-                      {
-                        color: isSelected ? "cyan" : "white",
-                        bold: isSelected,
-                        children: [
-                          isSelected ? "\u276F" : " ",
-                          " ",
-                          "\u25CB",
-                          " ",
-                          provider.displayName
-                        ]
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs5(Text6, { color: "gray", wrap: "wrap", children: [
-                      "   ",
-                      provider.description
-                    ] })
-                  ]
-                },
-                provider.name
-              );
-            })
-          ]
-        }
-      ),
-      notInstalled.length > 0 && /* @__PURE__ */ jsxs5(
-        Box5,
-        {
-          flexDirection: "column",
-          marginTop: running.length > 0 || installed.length > 0 ? 1 : 0,
-          children: [
-            /* @__PURE__ */ jsx6(Text6, { bold: true, color: "gray", children: "Not Installed" }),
-            notInstalled.map(({ provider }, i) => {
-              const index = running.length + installed.length + i;
-              const isSelected = index === cursorIndex;
-              return /* @__PURE__ */ jsxs5(
-                Box5,
-                {
-                  flexDirection: "column",
-                  marginTop: i > 0 ? 1 : 0,
-                  children: [
-                    /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs5(
-                      Text6,
-                      {
-                        color: isSelected ? "cyan" : "white",
-                        bold: isSelected,
-                        children: [
-                          isSelected ? "\u276F" : " ",
-                          " ",
-                          provider.displayName
-                        ]
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs5(Text6, { color: "gray", wrap: "wrap", children: [
-                      "   ",
-                      provider.description
-                    ] })
-                  ]
-                },
-                provider.name
-              );
-            })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx6(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(
-        Text6,
-        {
-          color: cursorIndex === backIndex ? "cyan" : "white",
-          bold: cursorIndex === backIndex,
-          children: [
-            cursorIndex === backIndex ? "\u276F" : " ",
-            " Back"
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx6(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
-      "Up/Down Navigate ",
-      "\u2022",
-      " Enter Select ",
-      "\u2022",
-      " q/Esc Back"
-    ] }) })
-  ] }) });
-}
-
-// src/tui/pages/OnboardingPage.tsx
-import { useEffect as useEffect9, useCallback as useCallback7, useState as useState9, useMemo as useMemo4 } from "react";
-import { Box as Box6, Text as Text7, useInput as useInput3 } from "ink";
-import Spinner4 from "ink-spinner";
-import chalk2 from "chalk";
-
-// src/tui/hooks/useAuth.ts
-import { useState as useState8, useCallback as useCallback6, useRef as useRef4, useEffect as useEffect8 } from "react";
-import open from "open";
-var POLL_INTERVAL = 2e3;
-var MAX_ATTEMPTS = 30;
-function useAuth() {
-  const [status, setStatus] = useState8("idle");
-  const [authUrl, setAuthUrl] = useState8(null);
-  const [timeRemaining, setTimeRemaining] = useState8(0);
-  const cancelledRef = useRef4(false);
-  const timerRef = useRef4(null);
-  useEffect8(() => {
-    return () => {
-      cancelledRef.current = true;
-      if (timerRef.current) clearInterval(timerRef.current);
-    };
-  }, []);
-  const cancel = useCallback6(() => {
-    cancelledRef.current = true;
-    if (timerRef.current) {
-      clearInterval(timerRef.current);
-      timerRef.current = null;
-    }
-    setStatus("idle");
-    setAuthUrl(null);
-    setTimeRemaining(0);
-  }, []);
-  const startAuth = useCallback6(() => {
-    cancelledRef.current = false;
-    const run = async () => {
-      try {
-        const { url, token } = await requestDeviceAuth();
-        if (cancelledRef.current) return;
-        setAuthUrl(url);
-        setStatus("waiting");
-        const totalTime = MAX_ATTEMPTS * POLL_INTERVAL / 1e3;
-        setTimeRemaining(totalTime);
-        timerRef.current = setInterval(() => {
-          setTimeRemaining((prev) => {
-            const next = prev - 1;
-            if (next <= 0 && timerRef.current) {
-              clearInterval(timerRef.current);
-              timerRef.current = null;
-            }
-            return Math.max(0, next);
-          });
-        }, 1e3);
-        await open(url);
-        for (let i = 0; i < MAX_ATTEMPTS; i++) {
-          await new Promise((r) => setTimeout(r, POLL_INTERVAL));
-          if (cancelledRef.current) return;
-          const result = await pollDeviceAuth(token);
-          if (result.status === "completed" && result.apiKey) {
-            if (timerRef.current) clearInterval(timerRef.current);
-            setApiKey(result.apiKey);
-            setStatus("success");
-            return;
-          }
-          if (result.status === "expired") {
-            if (timerRef.current) clearInterval(timerRef.current);
-            setStatus("expired");
-            return;
-          }
-        }
-        if (!cancelledRef.current) {
-          setStatus("timeout");
-        }
-      } catch {
-        if (!cancelledRef.current) {
-          setStatus("expired");
-        }
-      }
-    };
-    run();
-  }, []);
-  return {
-    status,
-    authUrl,
-    timeRemaining,
-    startAuth,
-    cancel
-  };
-}
-
-// src/tui/pages/OnboardingPage.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var SHIMMER_SPEED = 35;
-function useShimmerLogo() {
-  const [frame, setFrame] = useState9(0);
-  const lines = useMemo4(() => LogoString.split("\n"), []);
-  const totalChars = useMemo4(() => {
-    let count = 0;
-    for (const line of lines) {
-      for (const ch of line) {
-        if (ch !== " " && ch !== "	") count++;
-      }
-    }
-    return count;
-  }, [lines]);
-  const cycleLength = totalChars + 40;
-  useEffect9(() => {
-    const interval = setInterval(() => {
-      setFrame((f) => (f + 1) % cycleLength);
-    }, SHIMMER_SPEED);
-    return () => clearInterval(interval);
-  }, [cycleLength]);
-  return useMemo4(() => {
-    const sweepPos = frame;
-    const holdEnd = totalChars + 20;
-    let charIdx = 0;
-    return lines.map((line) => {
-      let result = "";
-      for (let i = 0; i < line.length; i++) {
-        const ch = line[i];
-        if (ch === " " || ch === "	") {
-          result += ch;
-          continue;
-        }
-        let brightness;
-        if (sweepPos <= totalChars) {
-          const lag = charIdx;
-          const t = sweepPos - lag;
-          brightness = t <= 0 ? 0.1 : Math.min(1, t / 8);
-        } else if (sweepPos <= holdEnd) {
-          brightness = 1;
-        } else {
-          const fadeProgress = (sweepPos - holdEnd) / (cycleLength - holdEnd);
-          brightness = Math.max(0.1, 1 - fadeProgress);
-        }
-        if (brightness >= 0.9) {
-          result += chalk2.cyanBright.bold(ch);
-        } else if (brightness >= 0.6) {
-          result += chalk2.cyan(ch);
-        } else if (brightness >= 0.3) {
-          result += chalk2.rgb(0, 100, 120)(ch);
-        } else {
-          result += chalk2.rgb(0, 50, 60)(ch);
-        }
-        charIdx++;
-      }
-      return result;
-    }).join("\n");
-  }, [frame, lines, totalChars, cycleLength]);
-}
-function OnboardingPage({ onComplete }) {
-  const {
-    status: authStatus,
-    authUrl,
-    timeRemaining,
-    startAuth,
-    cancel: cancelAuth
-  } = useAuth();
-  const shimmerLogo = useShimmerLogo();
-  useEffect9(() => {
-    if (authStatus === "success") {
-      const timer = setTimeout(() => onComplete(), 1500);
-      return () => clearTimeout(timer);
-    }
-  }, [authStatus, onComplete]);
-  useEffect9(() => {
-    return () => cancelAuth();
-  }, []);
-  const handleAction = useCallback7(() => {
-    cancelAuth();
-    startAuth();
-  }, [cancelAuth, startAuth]);
-  const canAct = authStatus === "idle" || authStatus === "expired" || authStatus === "timeout";
-  useInput3((_input, key) => {
-    if (canAct && !key.ctrl) {
-      handleAction();
-    }
-  });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx7(Box6, { flexGrow: 1 }),
-    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", alignItems: "center", children: [
-      /* @__PURE__ */ jsx7(Text7, { children: shimmerLogo }),
-      /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", alignItems: "center", marginTop: 2, children: /* @__PURE__ */ jsx7(Text7, { bold: true, color: "white", children: "MindStudio Local Tunnel" }) }),
-      /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", alignItems: "center", children: [
-        authStatus === "idle" && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "Connect your MindStudio account to get started." }),
-          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "cyan", bold: true, children: "Press any key to Connect Account" }) })
-        ] }),
-        (authStatus === "expired" || authStatus === "timeout") && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx7(Text7, { color: "red", children: authStatus === "expired" ? "Authorization expired." : "Authorization timed out." }),
-          /* @__PURE__ */ jsx7(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "cyan", bold: true, children: "Press any key to Try Again" }) })
-        ] }),
-        authStatus === "waiting" && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsxs6(Box6, { children: [
-            /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: /* @__PURE__ */ jsx7(Spinner4, { type: "dots" }) }),
-            /* @__PURE__ */ jsxs6(Text7, { children: [
-              " ",
-              "Waiting for browser authorization... (",
-              timeRemaining,
-              "s remaining)"
-            ] })
-          ] }),
-          authUrl && /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", alignItems: "center", marginTop: 1, children: [
-            /* @__PURE__ */ jsx7(Text7, { color: "gray", children: "If browser didn't open, visit:" }),
-            /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: authUrl })
-          ] })
-        ] }),
-        authStatus === "success" && /* @__PURE__ */ jsxs6(Text7, { color: "green", children: [
-          "\u2713",
-          " Authenticated!"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7(Box6, { flexGrow: 1 })
-  ] });
-}
-
-// src/tui/App.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var MODEL_TYPE_MAP = {
-  text: "llm_chat",
-  image: "image_generation",
-  video: "video_generation"
-};
-function App({ runner }) {
-  const { exit } = useApp();
-  const { stdout } = useStdout6();
-  const {
-    status: connectionStatus,
-    environment,
-    error: connectionError,
-    retry: retryConnection
-  } = useConnection();
-  const {
-    providers,
-    loading: providersLoading,
-    refresh: refreshProviders
-  } = useSetupProviders();
-  const {
-    models,
-    warnings: modelWarnings,
-    loading: modelsLoading,
-    refresh: refreshModels
-  } = useModels();
-  const { requests } = useRequests();
-  const {
-    syncedNames,
-    syncedModels,
-    refresh: refreshSynced
-  } = useSyncedModels(connectionStatus);
-  const shouldOnboard = getApiKey() === void 0;
-  const [page, setPage] = useState10(
-    shouldOnboard ? "onboarding" : "dashboard"
-  );
-  const [syncStatus, setSyncStatus] = useState10(
-    "idle"
-  );
-  const syncTimerRef = useRef5();
-  const lastSyncPayloadRef = useRef5("");
-  useEffect10(() => {
-    if (connectionStatus === "not_authenticated") {
-      setPage("onboarding");
-    }
-  }, [connectionStatus]);
-  useEffect10(() => {
-    if (page === "dashboard") {
-      refreshAll();
-    }
-  }, [page]);
-  useEffect10(() => {
-    if (connectionStatus === "connected" && syncedModels.length > 0) {
-      runner.start(syncedModels);
-    }
-  }, [connectionStatus, syncedModels, runner]);
-  useEffect10(() => () => runner.stop(), [runner]);
-  const refreshAll = useCallback8(
-    async (silent = false) => {
-      if (!silent) setSyncStatus("syncing");
-      const [discoveredModels] = await Promise.all([
-        refreshModels(),
-        refreshProviders()
-      ]);
-      const modelsToSync = discoveredModels.filter((m) => !m.statusHint).map((m) => ({
-        name: m.name,
-        provider: m.provider,
-        type: MODEL_TYPE_MAP[m.capability] || "llm_chat",
-        parameters: m.parameters
-      }));
-      const payload = JSON.stringify(modelsToSync);
-      if (payload !== lastSyncPayloadRef.current && modelsToSync.length > 0) {
-        try {
-          await syncModels(modelsToSync);
-          lastSyncPayloadRef.current = payload;
-        } catch {
-        }
-      }
-      await refreshSynced();
-      if (!silent) {
-        setSyncStatus("synced");
-        clearTimeout(syncTimerRef.current);
-        syncTimerRef.current = setTimeout(() => setSyncStatus("idle"), 1500);
-      }
-    },
-    [refreshProviders, refreshModels, refreshSynced]
-  );
-  useEffect10(() => {
-    if (connectionStatus !== "connected" || page !== "dashboard") return;
-    const interval = setInterval(() => refreshAll(true), 1500);
-    return () => clearInterval(interval);
-  }, [connectionStatus, page, refreshAll]);
-  const handleQuit = useCallback8(() => {
-    runner.stop();
-    exit();
-  }, [runner, exit]);
-  const handleOnboardingComplete = useCallback8(() => {
-    retryConnection();
-    refreshAll();
-    setPage("dashboard");
-  }, [retryConnection, refreshAll]);
-  const handleNavigate = useCallback8(
-    (id) => {
-      switch (id) {
-        case "auth":
-          setPage("onboarding");
-          break;
-        case "setup":
-          setPage("setup");
-          break;
-        case "refresh":
-          refreshAll();
-          break;
-        case "quit":
-          handleQuit();
-          break;
-      }
-    },
-    [refreshAll, handleQuit]
-  );
-  const subpageMenuItems = [
-    { id: "back", label: "Back", description: "Return to dashboard" }
-  ];
-  const handleSubpageNavigate = useCallback8(
-    (id) => {
-      if (id === "back") {
-        setPage("dashboard");
-      } else {
-        handleNavigate(id);
-      }
-    },
-    [handleNavigate]
-  );
-  const [termSize, setTermSize] = useState10({
-    rows: stdout?.rows ?? 24,
-    columns: stdout?.columns ?? 80
-  });
-  useEffect10(() => {
-    if (!stdout) return;
-    const onResize = () => {
-      stdout.write("\x1B[2J\x1B[H");
-      setTermSize({ rows: stdout.rows, columns: stdout.columns });
-    };
-    stdout.on("resize", onResize);
-    return () => {
-      stdout.off("resize", onResize);
-    };
-  }, [stdout]);
-  const termHeight = termSize.rows - 4;
-  const compactHeader = termSize.rows <= 45 || termSize.columns <= 90;
-  return /* @__PURE__ */ jsx8(Box7, { flexDirection: "column", height: termHeight, overflow: "hidden", children: page === "onboarding" ? /* @__PURE__ */ jsx8(OnboardingPage, { onComplete: handleOnboardingComplete }) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
-    /* @__PURE__ */ jsx8(
-      Header,
-      {
-        connection: connectionStatus,
-        environment,
-        configPath: getConfigPath(),
-        connectionError,
-        compact: compactHeader
-      }
-    ),
-    page === "dashboard" && /* @__PURE__ */ jsx8(
-      DashboardPage,
-      {
-        requests,
-        models,
-        modelWarnings,
-        providers,
-        providersLoading,
-        syncedNames,
-        modelsLoading,
-        syncStatus,
-        onNavigate: handleNavigate
-      }
-    ),
-    page === "setup" && /* @__PURE__ */ jsx8(SetupPage, { onBack: () => setPage("dashboard") }),
-    page !== "dashboard" && page !== "setup" && /* @__PURE__ */ jsx8(Box7, { flexGrow: 1 }),
-    page !== "dashboard" && page !== "setup" && /* @__PURE__ */ jsx8(
-      NavigationMenu,
-      {
-        items: subpageMenuItems,
-        onSelect: handleSubpageNavigate
-      }
-    )
-  ] }) });
-}
-
-// 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 Box8, Text as Text8, useInput as useInput4 } from "ink";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function UpdatePrompt({
-  currentVersion,
-  latestVersion,
-  onChoice
-}) {
-  useInput4((input) => {
-    if (input.toLowerCase() === "y") {
-      onChoice(true);
-    } else {
-      onChoice(false);
-    }
-  });
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingY: 1, paddingX: 2, children: [
-    /* @__PURE__ */ jsxs8(Text8, { children: [
-      /* @__PURE__ */ jsx9(Text8, { color: "yellow", bold: true, children: "Update available:" }),
-      /* @__PURE__ */ jsxs8(Text8, { children: [
-        " ",
-        "v",
-        currentVersion,
-        " ",
-        "\u2192",
-        " v",
-        latestVersion
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsxs8(Text8, { children: [
-      "Press ",
-      /* @__PURE__ */ jsx9(Text8, { 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";
-async function promptForUpdate(currentVersion, latestVersion) {
-  return new Promise((resolve) => {
-    const { unmount } = render(
-      /* @__PURE__ */ jsx10(
-        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 }),
-    {
-      exitOnCtrlC: true
-    }
-  );
-  await waitUntilExit();
-  runner.stop();
-}
-export {
-  startTUI
-};
-//# sourceMappingURL=tui-4ZB4JAV4.js.map