indusagi-coding-agent 0.2.8 → 0.2.10

package/src/console/overlays/auth.ts

@@ -0,0 +1,342 @@
+/**
+ * Auth overlays — the sign-in / sign-out and plugin dialogs.
+ */
+import React, { useEffect, useState } from "indusagi/react-host";
+import { Box, Text, useInput } from "indusagi/react-host/ink";
+import { DialogFrame, LoginDialog, OAuthDialog } from "indusagi/react-ink";
+import { jsx } from "indusagi/react-host/jsx-runtime";
+import { clearServerToken, getServerToken } from "../../boot/server-token.js";
+import { isGatewayEligibleProvider } from "../../boot/runners/server-mode.js";
+import type { OverlayGroupProps } from "./pickers.js";
+
+const { useRef } = React;
+
+function SignInDialog(props: OverlayGroupProps & { requestedProvider?: string }) {
+  const { services, dispatch, closeModal, requestedProvider } = props;
+  const providers = (() => {
+    try {
+      return services!.listLoginProviders().map((entry: any) => ({
+        id: entry.id,
+        label: entry.label,
+        authKind: entry.authKind
+      }));
+    } catch {
+      return [];
+    }
+  })();
+  const direct = requestedProvider !== void 0 ? providers.find((p) => p.id === requestedProvider) : void 0;
+  useEffect(() => {
+    if (direct === void 0) return;
+    dispatch({
+      type: "modal:open",
+      kind: "oauth",
+      payload: {
+        providerId: direct.id,
+        mode: direct.authKind === "oauth" ? "oauth" : "apiKey"
+      }
+    });
+  }, []);
+  if (direct !== void 0) return null;
+  return jsx(LoginDialog, {
+    mode: "login",
+    providers,
+    onClose: closeModal,
+    onSelect: (provider: any) => {
+      dispatch({
+        type: "modal:open",
+        kind: "oauth",
+        payload: {
+          providerId: provider.id,
+          mode: provider.authKind === "oauth" ? "oauth" : "apiKey"
+        }
+      });
+    }
+  });
+}
+
+const SERVER_TIER_ACCOUNT_ID = "server-session";
+const SERVER_TIER_PROVIDER_ID = "indus-server";
+
+function SignOutDialog(props: OverlayGroupProps) {
+  const { services, closeModal } = props;
+  const [accounts, setAccounts] = useState<any[]>([]);
+  useEffect(() => {
+    let live = true;
+    void (async () => {
+      const rows: any[] = [];
+      try {
+        const token = await getServerToken();
+        if (token) {
+          rows.push({
+            provider: SERVER_TIER_PROVIDER_ID,
+            accountId: SERVER_TIER_ACCOUNT_ID,
+            label: "Indus Server · signed in"
+          });
+        }
+      } catch {
+        // ignore
+      }
+      try {
+        for (const provider of services!.listLoginProviders()) {
+          let names: string[] = [];
+          try {
+            names = await services!.vault.listAccounts(provider.id);
+          } catch {
+            names = [];
+          }
+          for (const accountId of names) {
+            rows.push({
+              provider: provider.id,
+              accountId,
+              label: `${provider.label} · ${accountId}`
+            });
+          }
+        }
+      } catch {
+        // ignore
+      }
+      if (live) setAccounts(rows);
+    })();
+    return () => {
+      live = false;
+    };
+  }, []);
+  return jsx(LoginDialog, {
+    mode: "logout",
+    accounts,
+    onClose: closeModal,
+    onSelect: async (account: any) => {
+      try {
+        if (account.provider === SERVER_TIER_PROVIDER_ID) {
+          await clearServerToken();
+        } else {
+          await services!.vault.remove(account.provider, account.accountId);
+        }
+      } catch {
+        // ignore
+      }
+      closeModal();
+    }
+  });
+}
+
+function seedOAuthState(providerId: string, providerName: string, mode: string) {
+  return {
+    kind: "oauth",
+    providerId,
+    providerName,
+    mode,
+    inputLabel: mode === "apiKey" ? `${providerName} API key` : "Authorization code or redirect URL",
+    inputValue: "",
+    accountId: "default",
+    accountName: "Default"
+  };
+}
+
+function selectProviderModel(services: any, providerId: string) {
+  try {
+    const cards = services.conductor.availableModels().filter((c: any) => c.provider === providerId);
+    const chosen = cards[cards.length - 1];
+    if (chosen) services.conductor.selectModel(chosen.id);
+  } catch {
+    // ignore
+  }
+}
+
+function OAuthFlowDialog(props: OverlayGroupProps & { providerId: string; mode: "oauth" | "apiKey" }) {
+  const { services, providerId, mode, dispatch, closeModal } = props;
+  const providerName = (() => {
+    try {
+      const match = services!.listLoginProviders().find((p: any) => p.id === providerId);
+      return match?.label ?? providerId;
+    } catch {
+      return providerId;
+    }
+  })();
+  const [state, setState] = useState(() => seedOAuthState(providerId, providerName, mode));
+  const pending = useRef<((value: string) => void) | null>(null);
+  const merge = (next: any) => setState((prev) => ({ ...prev, ...next }));
+  useEffect(() => {
+    if (mode !== "oauth") return;
+    let live = true;
+    const safeMerge = (next: any) => {
+      if (live) merge(next);
+    };
+    const callbacks = {
+      onAuth: (info: any) => {
+        safeMerge({ authInfo: info, progress: "Opening your browser to sign in…" });
+        void services!.openLoginUrl(info.url).then((opened: boolean) => {
+          safeMerge({
+            progress: opened
+              ? "Opened the login URL in your browser. Finish there, then paste the code if prompted."
+              : "Could not open a browser automatically — open the URL above, then paste the code if prompted."
+          });
+        });
+      },
+      onPrompt: (prompt: any) =>
+        new Promise<string>((resolve) => {
+          pending.current = resolve;
+          safeMerge({ prompt, inputLabel: prompt.message, inputValue: "" });
+        }),
+      onManualCodeInput: () =>
+        new Promise<string>((resolve) => {
+          pending.current = resolve;
+          safeMerge({
+            prompt: { message: "Paste the authorization code or complete redirect URL:" },
+            inputLabel: "Authorization code or redirect URL",
+            inputValue: ""
+          });
+        }),
+      onProgress: (message: string) => {
+        safeMerge({ progress: message });
+      }
+    };
+    void (async () => {
+      try {
+        await services!.startOAuthLogin(providerId, callbacks, services!.vault);
+        await services!.refreshGatewayRouting();
+        selectProviderModel(services!, providerId);
+        if (live) {
+          dispatch({
+            type: "status:set",
+            status: { kind: "success", text: `Signed in to ${providerName}.` }
+          });
+          closeModal();
+        }
+      } catch {
+        safeMerge({ progress: "Sign-in did not complete." });
+      }
+    })();
+    return () => {
+      live = false;
+    };
+  }, []);
+  const saveApiKey = () => {
+    const key = (state as any).inputValue.trim();
+    if (key.length === 0) return;
+    const account = (state as any).accountId ?? "default";
+    void (async () => {
+      try {
+        await services!.vault.putApiKey(providerId, account, key, true);
+        selectProviderModel(services!, providerId);
+        dispatch({
+          type: "status:set",
+          status: { kind: "success", text: `Saved your ${providerName} API key.` }
+        });
+      } catch {
+        dispatch({
+          type: "status:set",
+          status: { kind: "error", text: `Could not save the ${providerName} API key.` }
+        });
+      }
+      closeModal();
+    })();
+  };
+  return jsx(OAuthDialog, {
+    state,
+    onChange: (next: any) => merge(next),
+    onSubmit: () => {
+      if (mode === "apiKey") {
+        saveApiKey();
+        return;
+      }
+      const resolve = pending.current;
+      if (resolve === null) return;
+      pending.current = null;
+      const value = (state as any).inputValue;
+      merge({ inputValue: "", prompt: void 0 });
+      resolve(value);
+    },
+    onClose: closeModal
+  });
+}
+
+function readPluginRequest(payload: unknown) {
+  if (payload && typeof payload === "object") {
+    const record = payload as any;
+    return {
+      surface: typeof record.surface === "string" ? record.surface : "plugin",
+      ...(typeof record.title === "string" ? { title: record.title } : {}),
+      ...(typeof record.text === "string" ? { text: record.text } : {})
+    };
+  }
+  return { surface: "plugin" };
+}
+
+function PluginDialog(props: { request: ReturnType<typeof readPluginRequest>; closeModal: () => void }) {
+  const { request, closeModal } = props;
+  const body = request.text ?? `No data available for the ${request.surface} surface.`;
+  const lines = body.split("\n");
+  useInput((input, key) => {
+    if (key.escape || key.return || input === "q" || input === "x") {
+      closeModal?.();
+    }
+  });
+  return jsx(DialogFrame, {
+    title: request.title ?? "Plugin surface",
+    subtitle: request.surface,
+    footer: jsx(Text, { children: "esc / enter to close" }),
+    children: jsx(Box, {
+      flexDirection: "column",
+      children: lines.map((line, index) => jsx(Text, { children: line.length === 0 ? " " : line }, index))
+    })
+  });
+}
+
+function readRequestedProvider(payload: unknown): string | undefined {
+  if (payload && typeof payload === "object" && "providerId" in (payload as any)) {
+    const id = (payload as any).providerId;
+    if (typeof id === "string" && id.length > 0) return id;
+  }
+  return void 0;
+}
+
+function readProviderId(payload: unknown): string {
+  if (payload && typeof payload === "object" && "providerId" in (payload as any)) {
+    const id = (payload as any).providerId;
+    if (typeof id === "string") return id;
+  }
+  return "";
+}
+
+function readEntryMode(payload: unknown): "apiKey" | "oauth" {
+  if (payload && typeof payload === "object" && "mode" in (payload as any)) {
+    const mode = (payload as any).mode;
+    if (mode === "apiKey") return "apiKey";
+  }
+  return "oauth";
+}
+
+export function AuthOverlays(props: OverlayGroupProps) {
+  const { modal, services, dispatch, closeModal } = props;
+  if (modal.kind === "plugin") {
+    return jsx(PluginDialog, { request: readPluginRequest(modal.payload), closeModal });
+  }
+  if (services === void 0) return null;
+  switch (modal.kind) {
+    case "signIn":
+      return jsx(SignInDialog, {
+        ...props,
+        services,
+        dispatch,
+        closeModal,
+        requestedProvider: readRequestedProvider(modal.payload)
+      });
+    case "signOut":
+      return jsx(SignOutDialog, { ...props, services, closeModal });
+    case "oauth": {
+      const providerId = readProviderId(modal.payload);
+      const mode = readEntryMode(modal.payload);
+      return jsx(OAuthFlowDialog, {
+        ...props,
+        services,
+        providerId,
+        mode,
+        dispatch,
+        closeModal
+      });
+    }
+    default:
+      return null;
+  }
+}

package/src/console/overlays/boards.ts

@@ -0,0 +1,308 @@
+/**
+ * Saffron picker boards — the themed `/settings` and `/model` overlays.
+ */
+import chalk from "chalk";
+import { readFileSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+import { useEffect, useMemo, useState } from "indusagi/react-host";
+import { Box, Text, useInput } from "indusagi/react-host/ink";
+import {
+  matchesSearchQuery,
+  wrapSelectionIndex,
+  type InkThemeAdapter,
+  type SettingsDialogItem,
+  type Model
+} from "indusagi/react-ink";
+import { Fragment, jsx, jsxs } from "indusagi/react-host/jsx-runtime";
+import { isGatewayEligibleProvider } from "../../boot/runners/server-mode.js";
+
+function readServerTierInfo() {
+  let signedIn = false;
+  try {
+    const file = join(homedir(), ".indusagi", "agent", "server-token.json");
+    const token = JSON.parse(readFileSync(file, "utf8"));
+    signedIn = typeof token.expires_at === "string" && new Date(token.expires_at).getTime() - Date.now() > 5 * 60 * 1e3;
+  } catch {
+    signedIn = false;
+  }
+  const localKeys = new Set<string>();
+  try {
+    const file = join(homedir(), ".indusagi", "agent", "auth.json");
+    const vault = JSON.parse(readFileSync(file, "utf8"));
+    for (const [provider, entry] of Object.entries(vault)) {
+      if (entry !== null && typeof entry === "object" && Object.keys(entry).length > 0) {
+        localKeys.add(provider);
+      }
+    }
+  } catch {
+    // ignore
+  }
+  return { signedIn, localKeys };
+}
+
+function truncate(text: string, width: number): string {
+  if (text.length <= width) return text;
+  if (width <= 1) return text.slice(0, width);
+  return `${text.slice(0, width - 1)}…`;
+}
+
+function tabPill(theme: InkThemeAdapter, text: string): string {
+  const accent = theme.colors["accent"] ?? "#f7a23f";
+  try {
+    return chalk.bgHex(accent).hex("#1a120a").bold(` ${text} `);
+  } catch {
+    return theme.color("accent", text);
+  }
+}
+
+function paintValue(theme: InkThemeAdapter, value: string): string {
+  const v = value.trim().toLowerCase();
+  if (v === "on" || v === "true" || v === "yes" || v === "enabled") {
+    return theme.color("success", value);
+  }
+  if (v === "off" || v === "false" || v === "no" || v === "disabled") {
+    return theme.dim(value);
+  }
+  return theme.color("customMessage", value);
+}
+
+function visibleRowBudget(): number {
+  return Math.max(6, (process.stdout.rows ?? 24) - 18);
+}
+
+function windowAround(total: number, selectedIndex: number) {
+  const budget = visibleRowBudget();
+  const start = Math.max(0, Math.min(selectedIndex - Math.floor(budget / 2), Math.max(0, total - budget)));
+  const below = Math.max(0, total - (start + budget));
+  return { start, budget, below };
+}
+
+function SearchBox({ theme, query, placeholder }: { theme: InkThemeAdapter; query: string; placeholder: string }) {
+  return jsxs(Box, {
+    borderStyle: "round",
+    borderColor: theme.colors["customMessage"],
+    paddingX: 1,
+    marginBottom: 1,
+    children: [
+      jsx(Text, { children: theme.color("customMessage", "⌕  ") }),
+      query.length > 0
+        ? jsxs(Fragment, {
+            children: [
+              jsx(Text, { children: theme.color("text", query) }),
+              jsx(Text, { inverse: true, children: " " })
+            ]
+          })
+        : jsxs(Fragment, {
+            children: [
+              jsx(Text, { inverse: true, children: " " }),
+              jsx(Text, { children: theme.dim(` ${placeholder}`) })
+            ]
+          })
+    ]
+  });
+}
+
+function BoardFooter({ theme, hint, detail }: { theme: InkThemeAdapter; hint: string; detail?: string }) {
+  return jsxs(Box, {
+    flexDirection: "column",
+    marginTop: 1,
+    children: [
+      detail ? jsx(Box, { marginBottom: 1, children: jsx(Text, { children: theme.muted(detail) }) }) : null,
+      jsx(Box, {
+        borderStyle: "single",
+        borderColor: theme.colors["borderMuted"],
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        paddingTop: 0,
+        children: jsx(Text, { children: theme.dim(hint) })
+      })
+    ]
+  });
+}
+
+function BoardShell({ theme, title, query, placeholder, below, hint, detail, children }: any) {
+  return jsxs(Box, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: theme.colors["accent"],
+    paddingX: 1,
+    marginTop: 1,
+    children: [
+      jsx(Box, { marginBottom: 1, children: jsx(Text, { children: tabPill(theme, title) }) }),
+      jsx(SearchBox, { theme, query, placeholder }),
+      children,
+      below > 0 ? jsx(Box, { marginTop: 0, children: jsx(Text, { children: theme.dim(`↓ ${below} more below`) }) }) : null,
+      jsx(BoardFooter, { theme, hint, detail })
+    ]
+  });
+}
+
+const SETTINGS_LABEL_WIDTH = 34;
+
+function nextValue(values: readonly string[], current: string | undefined, direction: number): string | undefined {
+  if (values.length === 0) return void 0;
+  const at = Math.max(0, values.indexOf(current as string));
+  return values[(at + direction + values.length) % values.length];
+}
+
+export interface SettingsBoardProps {
+  readonly theme: InkThemeAdapter;
+  readonly items: readonly SettingsDialogItem[];
+  readonly onClose: () => void;
+}
+
+export function SettingsBoard({ theme, items, onClose }: SettingsBoardProps) {
+  const [query, setQuery] = useState("");
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const filtered = useMemo(
+    () =>
+      items.filter((item) =>
+        matchesSearchQuery(`${item.label} ${item.description} ${item.value} ${item.values.join(" ")}`, query)
+      ),
+    [items, query]
+  );
+  useEffect(() => setSelectedIndex(0), [query]);
+  useEffect(() => {
+    if (selectedIndex >= filtered.length) setSelectedIndex(0);
+  }, [filtered.length, selectedIndex]);
+  const cycle = (direction: number) => {
+    const item = filtered[selectedIndex];
+    if (!item) return;
+    const value = nextValue(item.values, item.value, direction);
+    if (value && value !== item.value) void item.onChange(value);
+  };
+  useInput((input, key) => {
+    if (key.escape) return onClose();
+    if (key.upArrow) return setSelectedIndex((c) => wrapSelectionIndex(c, -1, filtered.length));
+    if (key.downArrow) return setSelectedIndex((c) => wrapSelectionIndex(c, 1, filtered.length));
+    if (key.backspace || key.delete) return setQuery((c) => c.slice(0, -1));
+    if (key.ctrl && input === "u") return setQuery("");
+    if (key.leftArrow) return cycle(-1);
+    if (key.rightArrow || key.return) return cycle(1);
+    if (!key.ctrl && !key.meta && input) setQuery((c) => c + input);
+  });
+  const { start, budget, below } = windowAround(filtered.length, selectedIndex);
+  const visible = filtered.slice(start, start + budget);
+  const selected = filtered[selectedIndex];
+  const detail = selected ? `${selected.description}  ·  ${selected.values.join(" / ")}` : void 0;
+  const list =
+    items.length === 0
+      ? jsx(Text, { children: theme.muted("No settings are available.") })
+      : filtered.length === 0
+      ? jsx(Text, { children: theme.muted("No settings matched the search.") })
+      : jsx(Box, {
+          flexDirection: "column",
+          children: visible.map((item, index) => {
+            const isSelected = start + index === selectedIndex;
+            const labelText = truncate(item.label, SETTINGS_LABEL_WIDTH - 1).padEnd(SETTINGS_LABEL_WIDTH);
+            return jsxs(
+              Box,
+              {
+                children: [
+                  jsx(Box, { width: 2, children: jsx(Text, { children: isSelected ? theme.color("accent", "›") : " " }) }),
+                  jsx(Box, {
+                    width: SETTINGS_LABEL_WIDTH,
+                    children: jsx(Text, { bold: isSelected, children: theme.color("text", labelText) })
+                  }),
+                  jsx(Text, { children: paintValue(theme, item.value) })
+                ]
+              },
+              item.id
+            );
+          })
+        });
+  return jsx(BoardShell, {
+    theme,
+    title: "Settings",
+    query,
+    placeholder: "Search settings…",
+    below,
+    hint: "Type to filter  ·  ↑/↓ select  ·  ←/→ or ↵ change  ·  Ctrl+U clear  ·  Esc close",
+    detail,
+    children: list
+  });
+}
+
+function modelMatches(model: Model<any>, query: string) {
+  return matchesSearchQuery(`${model.provider} ${model.id} ${model.name ?? ""}`, query);
+}
+
+export interface ModelBoardProps {
+  readonly theme: InkThemeAdapter;
+  readonly models: readonly Model<any>[];
+  readonly onClose: () => void;
+  readonly onSelect: (model: Model<any>) => void | Promise<void>;
+  readonly search?: string;
+}
+
+export function ModelBoard({ theme, models, onClose, onSelect, search }: ModelBoardProps) {
+  const [query, setQuery] = useState(search ?? "");
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => setQuery(search ?? ""), [search]);
+  const serverTier = useMemo(readServerTierInfo, []);
+  const isServerTier = (provider: string) =>
+    serverTier.signedIn && isGatewayEligibleProvider(provider) && !serverTier.localKeys.has(provider);
+  const available = useMemo(
+    () => models.filter((model) => serverTier.localKeys.has(model.provider) || isServerTier(model.provider)),
+    [models, serverTier]
+  );
+  const filtered = useMemo(() => available.filter((model) => modelMatches(model, query)), [available, query]);
+  useEffect(() => setSelectedIndex(0), [query]);
+  useEffect(() => {
+    if (selectedIndex >= filtered.length) setSelectedIndex(0);
+  }, [filtered.length, selectedIndex]);
+  useInput((input, key) => {
+    if (key.escape) return onClose();
+    if (key.upArrow) return setSelectedIndex((c) => wrapSelectionIndex(c, -1, filtered.length));
+    if (key.downArrow) return setSelectedIndex((c) => wrapSelectionIndex(c, 1, filtered.length));
+    if (key.backspace || key.delete) return setQuery((c) => c.slice(0, -1));
+    if (key.ctrl && input === "u") return setQuery("");
+    if (key.return) {
+      const model = filtered[selectedIndex];
+      if (model) void onSelect(model);
+      return;
+    }
+    if (!key.ctrl && !key.meta && input) setQuery((c) => c + input);
+  });
+  const { start, budget, below } = windowAround(filtered.length, selectedIndex);
+  const visible = filtered.slice(start, start + budget);
+  const list =
+    filtered.length === 0
+      ? jsx(Text, {
+          children: theme.muted(
+            available.length === 0
+              ? "No models available — sign in with a provider key or run /login to use the server tier."
+              : "No models matched the search."
+          )
+        })
+      : jsx(Box, {
+          flexDirection: "column",
+          children: visible.map((model, index) => {
+            const isSelected = start + index === selectedIndex;
+            return jsxs(
+              Box,
+              {
+                children: [
+                  jsx(Box, { width: 2, children: jsx(Text, { children: isSelected ? theme.color("accent", "›") : " " }) }),
+                  jsx(Text, { bold: isSelected, children: theme.color("text", model.id) }),
+                  model.name ? jsx(Text, { children: theme.dim(`  ${model.name}`) }) : null,
+                  isServerTier(model.provider) ? jsx(Text, { children: theme.color("accent", "  ⫡ server") }) : null
+                ]
+              },
+              model.id
+            );
+          })
+        });
+  return jsx(BoardShell, {
+    theme,
+    title: "Models",
+    query,
+    placeholder: "Search models by provider, id, or name…",
+    below,
+    hint: "Type to filter  ·  ↑/↓ select  ·  ↵ choose  ·  Ctrl+U clear  ·  Esc close",
+    children: list
+  });
+}

package/src/console/overlays/host.ts

@@ -0,0 +1,36 @@
+/**
+ * OverlayHost — the single mount point for every modal overlay.
+ */
+import { Fragment, jsx, jsxs } from "indusagi/react-host/jsx-runtime";
+import type { ConsoleDispatch, InkThemeAdapter, ModalState, OverlayServices } from "../contract.js";
+import { PickerOverlays } from "./pickers.js";
+import { SessionOverlays } from "./sessions.js";
+import { AuthOverlays } from "./auth.js";
+import { ApprovalOverlays } from "./approval.js";
+
+export interface OverlayHostProps {
+  readonly modal: ModalState;
+  readonly services?: OverlayServices;
+  readonly theme: InkThemeAdapter;
+  readonly dispatch: ConsoleDispatch;
+  readonly closeModal: () => void;
+}
+
+export function OverlayHost(props: OverlayHostProps) {
+  if (props.modal.kind === "none") return null;
+  const forwarded = {
+    modal: props.modal,
+    services: props.services,
+    theme: props.theme,
+    dispatch: props.dispatch,
+    closeModal: props.closeModal
+  };
+  return jsxs(Fragment, {
+    children: [
+      jsx(PickerOverlays, { ...forwarded }),
+      jsx(SessionOverlays, { ...forwarded }),
+      jsx(AuthOverlays, { ...forwarded }),
+      jsx(ApprovalOverlays, { ...forwarded })
+    ]
+  });
+}