@hienlh/ppm 0.23.14 → 0.23.16

package/src/web/lib/icons.generated.tsx

@@ -209,6 +209,7 @@ const D: Record<string, readonly string[]> = {
   "wifi-off": ["M2.854 2.146a.5.5 0 1 0-.708.708l3.031 3.03a9.6 9.6 0 0 0-1.937 1.5a10 10 0 0 0-1.121 1.36a.5.5 0 0 0 .821.57A9 9 0 0 1 3.947 8.09a8.6 8.6 0 0 1 1.964-1.473l1.436 1.436a6.4 6.4 0 0 0-1.871 1.303a6.4 6.4 0 0 0-1.193 1.645a.5.5 0 1 0 .892.452a5.4 5.4 0 0 1 1.008-1.39A5.4 5.4 0 0 1 8.11 8.818l1.855 1.856a4.02 4.02 0 0 0-2.781 1.18a4 4 0 0 0-.84 1.244a.5.5 0 0 0 .916.4c.155-.355.368-.674.63-.937a3.03 3.03 0 0 1 3.304-.66l1.646 1.647a.5.5 0 0 0 .2.2l4.105 4.106a.5.5 0 0 0 .708-.708zm6.75 5.336L10.62 8.5a5.43 5.43 0 0 1 3.27 1.565a5.6 5.6 0 0 1 1.01 1.404a.5.5 0 0 0 .891-.455a6.6 6.6 0 0 0-1.194-1.656a6.44 6.44 0 0 0-4.994-1.875M7.135 5.014l.81.81a8.61 8.61 0 0 1 9.197 3.493a.5.5 0 0 0 .823-.568a9.61 9.61 0 0 0-10.83-3.734m3.828 8.773a1.298 1.298 0 1 1-1.836 1.836a1.298 1.298 0 0 1 1.836-1.836"],
   "window": ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zM4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2zm0 1h12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"],
   "window-console": ["M5.646 9.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L7.293 11.5L5.646 9.854a.5.5 0 0 1 0-.708M14.5 13h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1M2.996 5.5a2.5 2.5 0 0 1 2.5-2.5h9a2.5 2.5 0 0 1 2.5 2.5V6H17v1h-.003v7.5a2.5 2.5 0 0 1-2.5 2.5h-9a2.5 2.5 0 0 1-2.5-2.5zm13 .5v-.5a1.5 1.5 0 0 0-1.5-1.5h-9a1.5 1.5 0 0 0-1.5 1.5V6zm-12 1v7.5a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5V7z"],
+  "wrench": ["M9 6.5a4.5 4.5 0 0 1 6.352-4.102a.5.5 0 0 1 .148.809L13.207 5.5L14.5 6.793L16.793 4.5a.5.5 0 0 1 .809.147a4.5 4.5 0 0 1-5.207 6.216L6.03 17.311a2.357 2.357 0 0 1-3.374-3.293L9.082 7.36A4.5 4.5 0 0 1 9 6.5M13.5 3a3.5 3.5 0 0 0-3.387 4.386a.5.5 0 0 1-.125.473l-6.612 6.854a1.357 1.357 0 0 0 1.942 1.896l6.574-6.66a.5.5 0 0 1 .512-.124a3.5 3.5 0 0 0 4.521-4.044l-2.072 2.073a.5.5 0 0 1-.707 0l-2-2a.5.5 0 0 1 0-.708l2.073-2.072a3.5 3.5 0 0 0-.72-.074"],
   "zoom-in": ["M8.5 5.5A.5.5 0 0 1 9 6v2h2a.5.5 0 0 1 0 1H9v2a.5.5 0 0 1-1 0V9H6a.5.5 0 0 1 0-1h2V6a.5.5 0 0 1 .5-.5m0-3.5a6.5 6.5 0 0 1 4.937 10.73l3.417 3.416a.5.5 0 0 1-.638.765l-.07-.058l-3.417-3.417A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11"],
   "zoom-out": ["M11 8a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1zM8.5 2a6.5 6.5 0 0 1 4.937 10.73l3.417 3.416a.5.5 0 0 1-.638.765l-.07-.058l-3.417-3.417A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11"],
 };
@@ -224,7 +225,7 @@ export function glyphPaths(name: string): readonly string[] | undefined {
 }
 
 /** Which names this module draws with Fluent, for the coverage test. */
-export const FLUENT_NAMES: readonly string[] = ["Activity","AlertCircle","AlertTriangle","AppWindow","Archive","ArrowDown","ArrowDownAZ","ArrowDownToLine","ArrowDownUp","ArrowLeft","ArrowLeftRight","ArrowNext","ArrowPrevious","ArrowRight","ArrowRightFromLine","ArrowUp","ArrowUpCircle","ArrowUpDown","ArrowUpFromLine","ArrowUpRight","Bell","BellOff","BellRing","Bot","BotMessageSquare","Brain","Bug","CalendarClock","CalendarX2","Check","CheckCircle","CheckCircle2","CheckIcon","ChevronDown","ChevronDownIcon","ChevronLeft","ChevronRight","ChevronRightIcon","ChevronUp","ChevronUpIcon","ChevronsDown","ChevronsDownUp","ChevronsLeft","ChevronsRight","ChevronsUpDown","Circle","CircleCheckIcon","CircleHelp","CircleIcon","CircleX","Clipboard","ClipboardCheck","ClipboardList","ClipboardPaste","Clock","Cloud","CloudOff","CloudUpload","Code","Coffee","Columns","Columns2","Columns3","Copy","Cpu","Crosshair","Database","DatabaseZap","Download","ExternalLink","Eye","EyeOff","File","FileArchive","FileCode","FilePen","FilePlus","FilePlus2","FileSearch","FileText","FileType","FileWarning","Filter","FlaskConical","FlipHorizontal","FlipHorizontal2","FlipVertical","FlipVertical2","Folder","FolderOpen","FolderPlus","FolderSearch","FolderSymlink","FolderTree","Form","Gauge","GitBranch","GitMerge","Globe","Grid2x2","GripHorizontal","GripVertical","Hand","HardDrive","Hash","Heart","HelpCircle","History","Home","Image","ImageOff","ImagePlus","IndentIncrease","Info","InfoIcon","Key","KeyRound","Keyboard","Layers","LayoutGrid","Lightbulb","Link","Link2","Link2Off","List","ListChecks","ListFilter","ListOrdered","ListTodo","Loader2","Loader2Icon","Lock","LogIn","LogOut","Maximize","Maximize2","Menu","MessageCircle","MessageSquare","MessageSquarePlus","Mic","MicOff","Minimize","Minimize2","Minus","Monitor","MonitorSmartphone","MonitorX","Moon","MoreHorizontal","MoreVertical","MousePointer2","MousePointerClick","Move","Music","OctagonXIcon","Palette","PanelBottom","PanelLeft","PanelLeftOpen","PanelRight","Paperclip","Pause","Pencil","PencilLine","PictureInPicture2","Pin","PinOff","Play","Plug","Plus","Power","Presentation","Printer","Puzzle","QrCode","Redo2","RefreshCw","RotateCcw","RotateCw","Save","Scissors","ScrollText","Search","Send","Settings","Settings2","Share2","ShieldAlert","ShieldCheck","ShieldOff","SlidersHorizontal","Smartphone","Sparkles","Square","SquareDashedMousePointer","SquareMinus","SquarePlus","SquareTerminal","Sun","Table","TableSimple","Tablet","Tag","Tags","Terminal","TerminalSquare","TextSelect","Timer","Trash2","TriangleAlert","TriangleAlertIcon","Undo2","Unlink","Upload","Usb","UserPlus","UserRound","Users","Volume1","Volume2","VolumeX","Wifi","WifiOff","WrapText","X","XCircle","XIcon","XSquare","Zap","ZapOff","ZoomIn","ZoomOut"];
+export const FLUENT_NAMES: readonly string[] = ["Activity","AlertCircle","AlertTriangle","AppWindow","Archive","ArrowDown","ArrowDownAZ","ArrowDownToLine","ArrowDownUp","ArrowLeft","ArrowLeftRight","ArrowNext","ArrowPrevious","ArrowRight","ArrowRightFromLine","ArrowUp","ArrowUpCircle","ArrowUpDown","ArrowUpFromLine","ArrowUpRight","Bell","BellOff","BellRing","Bot","BotMessageSquare","Brain","Bug","CalendarClock","CalendarX2","Check","CheckCircle","CheckCircle2","CheckIcon","ChevronDown","ChevronDownIcon","ChevronLeft","ChevronRight","ChevronRightIcon","ChevronUp","ChevronUpIcon","ChevronsDown","ChevronsDownUp","ChevronsLeft","ChevronsRight","ChevronsUpDown","Circle","CircleCheckIcon","CircleHelp","CircleIcon","CircleX","Clipboard","ClipboardCheck","ClipboardList","ClipboardPaste","Clock","Cloud","CloudOff","CloudUpload","Code","Coffee","Columns","Columns2","Columns3","Copy","Cpu","Crosshair","Database","DatabaseZap","Download","ExternalLink","Eye","EyeOff","File","FileArchive","FileCode","FilePen","FilePlus","FilePlus2","FileSearch","FileText","FileType","FileWarning","Filter","FlaskConical","FlipHorizontal","FlipHorizontal2","FlipVertical","FlipVertical2","Folder","FolderOpen","FolderPlus","FolderSearch","FolderSymlink","FolderTree","Form","Gauge","GitBranch","GitMerge","Globe","Grid2x2","GripHorizontal","GripVertical","Hand","HardDrive","Hash","Heart","HelpCircle","History","Home","Image","ImageOff","ImagePlus","IndentIncrease","Info","InfoIcon","Key","KeyRound","Keyboard","Layers","LayoutGrid","Lightbulb","Link","Link2","Link2Off","List","ListChecks","ListFilter","ListOrdered","ListTodo","Loader2","Loader2Icon","Lock","LogIn","LogOut","Maximize","Maximize2","Menu","MessageCircle","MessageSquare","MessageSquarePlus","Mic","MicOff","Minimize","Minimize2","Minus","Monitor","MonitorSmartphone","MonitorX","Moon","MoreHorizontal","MoreVertical","MousePointer2","MousePointerClick","Move","Music","OctagonXIcon","Palette","PanelBottom","PanelLeft","PanelLeftOpen","PanelRight","Paperclip","Pause","Pencil","PencilLine","PictureInPicture2","Pin","PinOff","Play","Plug","Plus","Power","Presentation","Printer","Puzzle","QrCode","Redo2","RefreshCw","RotateCcw","RotateCw","Save","Scissors","ScrollText","Search","Send","Settings","Settings2","Share2","ShieldAlert","ShieldCheck","ShieldOff","SlidersHorizontal","Smartphone","Sparkles","Square","SquareDashedMousePointer","SquareMinus","SquarePlus","SquareTerminal","Sun","Table","TableSimple","Tablet","Tag","Tags","Terminal","TerminalSquare","TextSelect","Timer","Trash2","TriangleAlert","TriangleAlertIcon","Undo2","Unlink","Upload","Usb","UserPlus","UserRound","Users","Volume1","Volume2","VolumeX","Wifi","WifiOff","WrapText","Wrench","X","XCircle","XIcon","XSquare","Zap","ZapOff","ZoomIn","ZoomOut"];
 
 /** Which names deliberately stay on lucide, and are asserted to be a short list. */
 export const LUCIDE_NAMES: readonly string[] = ["CaseSensitive","FileDiff","FileJson","FolderGit2","GitCommitHorizontal","Github","Hexagon","Network","PowerOff","Regex","ReplaceAll","Scan","ServerOff","Slash","WholeWord"];
@@ -474,6 +475,7 @@ export const VolumeX = fluentIcon("VolumeX", D["speaker-off"]!);
 export const Wifi = fluentIcon("Wifi", D["wifi-1"]!);
 export const WifiOff = fluentIcon("WifiOff", D["wifi-off"]!);
 export const WrapText = fluentIcon("WrapText", D["text-wrap"]!);
+export const Wrench = fluentIcon("Wrench", D["wrench"]!);
 export const X = fluentIcon("X", D["dismiss"]!);
 export const XCircle = fluentIcon("XCircle", D["dismiss-circle"]!);
 export const XIcon = fluentIcon("XIcon", D["dismiss"]!);

package/src/web/lib/open-ai-tab.ts

@@ -3,15 +3,22 @@ import { useProjectStore } from "@/stores/project-store";
 import { absoluteProjectPath, relativeProjectPath } from "@/stores/file-store";
 import { fsApi } from "@/lib/fs-api";
 import { basename } from "@/lib/utils";
-import { chooseAiTabPlacement, isTabForFile } from "./ai-tab-placement";
+import { previewTitle } from "./web-preview-url";
+import { chooseAiTabPlacement, isTabForFile, type AiTabPlacement, type PlacementTab } from "./ai-tab-placement";
 import { latestPreviewLoad, previewKey, waitForPreviewLoad } from "./html-preview-loads";
-import type { TabOpenRequest, TabOpenResult, TabTool } from "../../shared/tab-open-protocol";
+import { nextQueryNumber, queryTabMetadata, targetFields } from "./db-tabs";
+import {
+  OPEN_URL_TOOL, RUN_IN_TERMINAL_TOOL, type TabOpenRequest, type TabOpenResult, type TabOpenTerminalRequest, type TabOpenUrlRequest,
+  type TabTool,
+} from "../../shared/tab-open-protocol";
+import { OPEN_QUERY_TOOL, type DbQueryTabOpen } from "../../shared/db-ai-tools";
 
 /**
- * Opens the tab the AI asked for with `open_file` or `open_preview`, beside the chat that
- * asked (`ai-tab-placement.ts` decides where), and answers the server's `tab_open`. A tool
- * card's Open button goes through the same {@link openAiTab}, so a tab reopened from the
- * chat's history lands where the AI's own call put it.
+ * Opens the tab the AI asked for with `open_file`, `open_preview`, `open_query` or `open_url`,
+ * beside the chat that asked (`ai-tab-placement.ts` decides where), or the terminal
+ * `run_in_terminal` started, in the dock; and answers the server's `tab_open`. A tool card's
+ * Open button goes through the same {@link openAiTab}, so a tab reopened from the chat's
+ * history lands where the AI's own call put it.
  *
  * The editor reads `aiView` and `aiOpenAt` from the tab's metadata: every call switches the
  * view the tool asked for and reloads a preview, also in a tab that was already open.
@@ -50,11 +57,8 @@ function showChatWorkspace(projectName: string | undefined): void {
   usePanelStore.getState().switchProject(projectName);
 }
 
-/**
- * Opens (or brings back) the file's tab. Returns the preview key the editor will load the
- * page under and the last load already seen there, so a caller can wait for the next one.
- */
-export function openAiTab(target: AiTabTarget, chat: AiTabChat): { tabId: string; previewKey: string; before: number } {
+/** Where a tab goes beside the chat, in the chat's workspace, which is brought up first. */
+function placeBesideChat(chat: AiTabChat, isTarget: (tab: PlacementTab) => boolean): AiTabPlacement {
   showChatWorkspace(chat.projectName);
   const store = usePanelStore.getState();
   const placement = chooseAiTabPlacement({
@@ -63,9 +67,32 @@ export function openAiTab(target: AiTabTarget, chat: AiTabChat): { tabId: string
     focusedPanelId: store.focusedPanelId,
     mobile: store.isMobile(),
     sessionId: chat.sessionId,
-    isTarget: (tab) => isTabForFile(tab, target.filePath, target.projectName),
+    isTarget,
   });
   if (!placement) throw new Error("PPM has no panel to open the tab in");
+  return placement;
+}
+
+/** Brings a tab that is already open to where the placement wants it: in front, moved or split out. */
+function showExistingTab(placement: Exclude<AiTabPlacement, { kind: "open" }>): void {
+  const store = usePanelStore.getState();
+  const fromPanelId = placement.kind === "focus" ? placement.panelId : placement.fromPanelId;
+  if (placement.kind === "focus") {
+    store.setActiveTab(placement.tabId, placement.panelId);
+  } else if (placement.toPanelId) {
+    store.moveTab(placement.tabId, fromPanelId, placement.toPanelId);
+  } else if (!store.splitPanel("right", placement.tabId, fromPanelId)) {
+    store.setActiveTab(placement.tabId, fromPanelId);
+  }
+}
+
+/**
+ * Opens (or brings back) the file's tab. Returns the preview key the editor will load the
+ * page under and the last load already seen there, so a caller can wait for the next one.
+ */
+export function openAiTab(target: AiTabTarget, chat: AiTabChat): { tabId: string; previewKey: string; before: number } {
+  const placement = placeBesideChat(chat, (tab) => isTabForFile(tab, target.filePath, target.projectName));
+  const store = usePanelStore.getState();
 
   const now = Date.now();
   const aiView = target.line ? "code" : target.tool === "open_preview" ? "preview" : undefined;
@@ -93,16 +120,88 @@ export function openAiTab(target: AiTabTarget, chat: AiTabChat): { tabId: string
   const key = previewKey(metadata.projectName as string | undefined, String(metadata.filePath ?? target.filePath));
   const before = latestPreviewLoad(key);
   store.updateTab(placement.tabId, { metadata });
-  if (placement.kind === "focus") {
-    store.setActiveTab(placement.tabId, placement.panelId);
-  } else if (placement.toPanelId) {
-    store.moveTab(placement.tabId, fromPanelId, placement.toPanelId);
-  } else if (!store.splitPanel("right", placement.tabId, fromPanelId)) {
-    store.setActiveTab(placement.tabId, fromPanelId);
-  }
+  showExistingTab(placement);
   return { tabId: placement.tabId, previewKey: key, before };
 }
 
+/**
+ * Opens a Query tab holding the script `open_query` wrote, beside the chat. Nothing runs until
+ * the user presses Run. Every call opens a tab of its own, so a script never replaces SQL the
+ * user is editing in another one.
+ */
+export function openAiQueryTab(query: DbQueryTabOpen, chat: AiTabChat): string {
+  const placement = placeBesideChat(chat, () => false);
+  if (placement.kind !== "open") throw new Error("PPM has no panel to open the tab in");
+  const store = usePanelStore.getState();
+  const queryNumber = nextQueryNumber(Object.values(store.panels).flatMap((p) => p.tabs));
+  const target = { kind: "connection" as const, connectionId: query.connectionId, ...(query.database ? { database: query.database } : {}) };
+  const tabId = store.openTab({
+    type: "db-query",
+    title: `Query ${queryNumber}`,
+    // A saved connection's tab shows in every project's workspace, as one opened from the tree does.
+    projectId: null,
+    closable: true,
+    metadata: {
+      ...targetFields(target),
+      connectionName: query.connectionName,
+      dbType: query.dbType,
+      ...(query.connectionColor ? { connectionColor: query.connectionColor } : {}),
+      ...queryTabMetadata(query.sql, queryNumber),
+    },
+  }, placement.panelId);
+  if (!tabId) throw new Error("PPM could not open the tab");
+  if (placement.split) store.splitPanel("right", tabId, placement.panelId);
+  return tabId;
+}
+
+/** Whether this browser runs on the machine PPM runs on, where `localhost` is the host's own. */
+export function browserOnHost(hostname: string = window.location.hostname): boolean {
+  return hostname === "localhost" || hostname === "[::1]" || /^127(?:\.\d{1,3}){3}$/.test(hostname);
+}
+
+/**
+ * Opens the web server `open_url` asked for in a web-preview tab beside the chat, the tab Port
+ * Forwarding opens. A tab already showing that address is reused, and reloaded.
+ */
+export function openAiUrlTab(req: Pick<TabOpenUrlRequest, "url" | "port" | "via">, chat: AiTabChat): string {
+  if (req.via === "local" && !browserOnHost()) {
+    throw new Error(`this device is not the machine PPM runs on, so it cannot reach localhost:${req.port}`);
+  }
+  const placement = placeBesideChat(chat, (tab) => tab.type === "web-preview" && tab.metadata?.url === req.url);
+  const store = usePanelStore.getState();
+  const metadata = { url: req.url, port: req.port, via: req.via, aiOpenAt: Date.now() };
+  if (placement.kind === "open") {
+    const tabId = store.openTab(
+      { type: "web-preview", title: previewTitle(req.port, req.url), projectId: null, closable: true, metadata },
+      placement.panelId,
+    );
+    if (!tabId) throw new Error("PPM could not open the tab");
+    if (placement.split) store.splitPanel("right", tabId, placement.panelId);
+    return tabId;
+  }
+  store.updateTab(placement.tabId, { metadata });
+  showExistingTab(placement);
+  return placement.tabId;
+}
+
+/**
+ * Shows the terminal `run_in_terminal` started, in the dock, with the AI's command already typed
+ * at its prompt by the server. The tab attaches to that terminal rather than starting a shell.
+ */
+export function openAiTerminal(req: Pick<TabOpenTerminalRequest, "terminalId" | "projectName" | "cwd">, chat: AiTabChat): string {
+  showChatWorkspace(chat.projectName);
+  const tabId = usePanelStore.getState().openInDock({
+    type: "terminal",
+    title: basename(req.cwd) || req.cwd,
+    projectId: req.projectName,
+    closable: true,
+    metadata: { sessionId: req.terminalId, cwd: req.cwd, ...(req.projectName ? { projectName: req.projectName } : {}) },
+  });
+  // A terminal tab reattaches to the session its id last had before it reads its metadata.
+  try { localStorage.setItem(`ppm:terminal-session:${tabId}`, req.terminalId); } catch { /* storage blocked */ }
+  return tabId;
+}
+
 /**
  * Answers the server's `tab_open`: opens the tab and, for a page the AI made, waits for it to
  * load and settle and returns the check of how it rendered. Every outcome is answered — a
@@ -113,6 +212,17 @@ export async function answerTabOpen(req: TabOpenRequest, chat: AiTabChat, send:
     const result: TabOpenResult = { type: "tab_open_result", requestId: req.requestId, ...answer };
     send(JSON.stringify(result));
   };
+  if (req.tool === OPEN_QUERY_TOOL || req.tool === OPEN_URL_TOOL || req.tool === RUN_IN_TERMINAL_TOOL) {
+    try {
+      if (req.tool === OPEN_QUERY_TOOL) openAiQueryTab(req.query, chat);
+      else if (req.tool === OPEN_URL_TOOL) openAiUrlTab(req, chat);
+      else openAiTerminal(req, chat);
+      reply({ opened: true });
+    } catch (e) {
+      reply({ opened: false, error: errorText(e) });
+    }
+    return;
+  }
   let opened: ReturnType<typeof openAiTab>;
   try {
     opened = openAiTab({ tool: req.tool, filePath: req.filePath, projectName: req.projectName, line: req.line }, chat);

package/src/web/lib/session-file-changes-client.ts

@@ -31,6 +31,12 @@ export async function fetchSessionFileChanges(
   return Array.isArray(res?.files) ? res.files : [];
 }
 
+/** How many files the session kept a "before" for: cheap, an upper bound on the list. */
+export async function fetchSessionChangeCount(projectName: string, sessionId: string, signal?: AbortSignal): Promise<number> {
+  const res = await api.get<{ count?: number }>(`${changesUrl(projectName, sessionId)}/count`, { signal });
+  return typeof res?.count === "number" ? res.count : 0;
+}
+
 export function fetchSessionFileDiff(
   projectName: string,
   sessionId: string,

package/src/web/lib/session-file-changes.ts

@@ -58,6 +58,19 @@ export function withReviewed(files: SessionFileChange[], paths: ReadonlySet<stri
   });
 }
 
+/**
+ * `files` with the rows the server pushed after the agent changed them: each replaces its file's
+ * row, a file not listed yet goes last (it is the newest), and the `gone` ones drop out.
+ */
+export function withPushedChanges(files: SessionFileChange[], pushed: SessionFileChange[], gone: readonly string[]): SessionFileChange[] {
+  const byPath = new Map(pushed.map((f) => [f.path, f]));
+  const drop = new Set(gone);
+  const out = files.filter((f) => !drop.has(f.path)).map((f) => byPath.get(f.path) ?? f);
+  const listed = new Set(files.map((f) => f.path));
+  for (const f of pushed) if (!listed.has(f.path)) out.push(f);
+  return out;
+}
+
 /**
  * Changes whenever what a diff of this file would show does: every write moves the version,
  * the baseline kind moves when a fallback to git HEAD turns into the session's own copy, and

package/src/web/lib/tab-tool-call.ts

@@ -1,5 +1,6 @@
 import {
-  CLAUDE_TAB_TOOLS_MCP_SERVER, CODEX_TAB_TOOLS_MCP_SERVER, MAX_TAB_LINE, OPEN_FILE_TOOL, OPEN_PREVIEW_TOOL, type TabTool,
+  CLAUDE_TAB_TOOLS_MCP_SERVER, CODEX_TAB_TOOLS_MCP_SERVER, MAX_TAB_LINE, OPEN_FILE_TOOL, OPEN_PREVIEW_TOOL, OPEN_URL_TOOL,
+  READ_TERMINAL_TOOL, RUN_IN_TERMINAL_TOOL, type TabTool,
 } from "../../shared/tab-open-protocol";
 import { isImagePlaceholderText } from "../../shared/tool-result-content";
 
@@ -23,6 +24,16 @@ const TOOL_NAME = new RegExp(
   `^(?:mcp__${CLAUDE_TAB_TOOLS_MCP_SERVER}__|${CODEX_TAB_TOOLS_MCP_SERVER}:)(${OPEN_FILE_TOOL}|${OPEN_PREVIEW_TOOL})$`,
 );
 
+/** The tab server's other tools, which take no file: their calls show in the generic card. */
+export type DeviceToolCall =
+  | { tool: typeof OPEN_URL_TOOL; url: string }
+  | { tool: typeof READ_TERMINAL_TOOL; terminal?: string; lines?: number }
+  | { tool: typeof RUN_IN_TERMINAL_TOOL; command: string; cwd?: string };
+
+const DEVICE_TOOL_NAME = new RegExp(
+  `^(?:mcp__${CLAUDE_TAB_TOOLS_MCP_SERVER}__|${CODEX_TAB_TOOLS_MCP_SERVER}:)(${OPEN_URL_TOOL}|${READ_TERMINAL_TOOL}|${RUN_IN_TERMINAL_TOOL})$`,
+);
+
 /** How Codex's events label an image block of a result (`mcpResultText`). */
 const CODEX_IMAGE_LABEL = /^\[image(?: [^\]\s]+)?\]$/;
 
@@ -39,6 +50,31 @@ export function tabToolCall(toolName: string, input: unknown): TabToolCall | nul
   return { tool, path: args.path, ...(validLine ? { line } : {}) };
 }
 
+/** The `open_url` / `read_terminal` / `run_in_terminal` tool a tool name is, under either provider's name, or null. */
+export function deviceToolOf(toolName: string): DeviceToolCall["tool"] | null {
+  return (DEVICE_TOOL_NAME.exec(toolName)?.[1] as DeviceToolCall["tool"] | undefined) ?? null;
+}
+
+/** The `open_url` / `read_terminal` / `run_in_terminal` call an event is, under either provider's name, or null. */
+export function deviceToolCall(toolName: string, input: unknown): DeviceToolCall | null {
+  const tool = deviceToolOf(toolName);
+  if (!tool || !isObj(input)) return null;
+  const args = "arguments" in input && isObj(input.arguments) ? input.arguments : input;
+  const text = (v: unknown): string | undefined => (typeof v === "string" && v.trim() ? v : undefined);
+  if (tool === OPEN_URL_TOOL) {
+    const url = text(args.url);
+    return url ? { tool, url } : null;
+  }
+  if (tool === RUN_IN_TERMINAL_TOOL) {
+    const command = text(args.command);
+    const cwd = text(args.cwd);
+    return command ? { tool, command, ...(cwd ? { cwd } : {}) } : null;
+  }
+  const terminal = text(args.terminal);
+  const lines = typeof args.lines === "number" && Number.isInteger(args.lines) && args.lines > 0 ? args.lines : undefined;
+  return { tool: READ_TERMINAL_TOOL, ...(terminal ? { terminal } : {}), ...(lines ? { lines } : {}) };
+}
+
 /** A tool result's text as the AI read it, without the stand-in for the screenshot. */
 export function tabToolResultText(output: string): string {
   const plain = () => output.split("\n").filter((line) => !CODEX_IMAGE_LABEL.test(line)).join("\n").trimEnd();

package/src/web/lib/utils.ts

@@ -10,7 +10,10 @@ export function basename(filePath: string): string {
   return filePath.split(/[/\\]/).pop() ?? filePath;
 }
 
-/** crypto.randomUUID() fallback for non-secure contexts (HTTP) */
+/**
+ * A short random id: 8 characters, not a UUID. Works on plain HTTP, where `crypto.randomUUID`
+ * does not exist; `uuidV4()` in `device-id.ts` makes a real one.
+ */
 export function randomId(): string {
   if (typeof crypto !== "undefined" && crypto.randomUUID) {
     return crypto.randomUUID().slice(0, 8);

package/src/web/sw-notification-click.ts

@@ -5,6 +5,7 @@
 import { OPEN_FROM_NOTIFICATION, type OpenFromNotificationMessage, type WebPushPayload } from "../shared/web-push-payload";
 
 export interface NotificationWindow {
+  url: string;
   focused: boolean;
   visibilityState: DocumentVisibilityState;
   postMessage(message: unknown): void;
@@ -30,7 +31,9 @@ export async function routeNotificationClick(
   // A notification can name another origin: a device that subscribed on an old quick
   // tunnel is sent the current one. A window here cannot show that.
   if (target.origin === workerOrigin) {
-    const windows = await clients.matchAll({ type: "window", includeUncontrolled: true });
+    // A reviewer page (`/s/<code>`) opened on this origin is not the app and has no one
+    // listening, so a click handed to it would be lost.
+    const windows = (await clients.matchAll({ type: "window", includeUncontrolled: true })).filter((c) => !isSharePage(c.url));
     const client = windows.find((c) => c.focused)
       ?? windows.find((c) => c.visibilityState === "visible")
       ?? windows[0];
@@ -49,3 +52,11 @@ export async function routeNotificationClick(
   }
   await clients.openWindow(target.href);
 }
+
+function isSharePage(url: string): boolean {
+  try {
+    return new URL(url).pathname.startsWith("/s/");
+  } catch {
+    return false;
+  }
+}

package/templates/skill/SKILL.md.tmpl

@@ -36,7 +36,7 @@ Invoke when the user asks to:
 3. **List projects** → `ppm projects list`
 4. **Add project** → `ppm projects add <path>`
 5. **List DB connections** → `PPM_AI_CHAT=1 ppm db list`
-6. **Query a saved DB connection** → `PPM_AI_CHAT=1 ppm db query <connection-name> "<sql>"`
+6. **Read or change data in a saved connection** → the `db_query` / `db_execute` tools, not this CLI (see Rules of Thumb)
 7. **Read config** → `ppm config get <key>` (e.g. `port`, `auth.enabled`)
 8. **Tail logs** → `ppm logs --tail 100` or `ppm logs -f` to follow
 9. **Upgrade PPM** → `ppm upgrade` (or `--check` to only check)
@@ -47,6 +47,7 @@ Invoke when the user asks to:
 - Always run `ppm status` before assuming the server is up.
 - Commands exit non-zero on failure and print to stderr. Capture both streams.
 - Set `PPM_AI_CHAT=1` for every `ppm db` command, as above: connections the user has made unavailable to AI are then left out of `db list` and refused by the rest. PPM's own chat sets it already.
+- Inside a PPM chat, `db tables/schema/data/query/run` do **not** run — they refuse and name the tool that serves them (`db_query`, `db_execute`). Those tools are what the user can switch off per tool in Settings → Tools, and a write through `db_execute` waits for the user to approve it; the CLI obeys neither, so it is for a person at a terminal. The connection commands (`list`, `add`, `test`, `remove`, `driver`) are unaffected.
 - Most listing commands accept `--json` for structured output; prefer JSON when parsing. Check `--help` if unsure.
 - The config DB is **SQLite**. You may open `~/.ppm/ppm.db` read-only for inspection — see [references/db-schema.md](references/db-schema.md).
 - Do NOT edit the config DB directly while the server is running; use `ppm config set` or the HTTP API.

package/templates/skill/common-tasks.md

@@ -52,6 +52,12 @@ ppm db test staging
 
 ## Task 5: Query a saved DB connection
 
+Inside a PPM chat, use the `db_query` tool (and `db_execute` for a change, which the user
+approves). `ppm db query` refuses there and names the tool, because the CLI obeys neither the
+per-tool switch in Settings → Tools nor the approval.
+
+For a person at a terminal:
+
 ```bash
 # Run a SQL query against a registered connection
 ppm db query staging "SELECT count(*) AS total FROM users"

package/vite.config.ts

@@ -110,6 +110,16 @@ export default defineConfig({
         target: process.env.PPM_DEV_API ?? "http://localhost:8081",
         ws: true,
       },
+      // A design share link's reviewer page and its built assets (`vite.share.config.ts`),
+      // so "Open as reviewer" works from the dev server too, once `build:web` has run.
+      "/s/": {
+        target: process.env.PPM_DEV_API ?? "http://localhost:8081",
+        changeOrigin: false,
+      },
+      "/assets/share-": {
+        target: process.env.PPM_DEV_API ?? "http://localhost:8081",
+        changeOrigin: false,
+      },
     },
     fs: {
       // A git worktree's `node_modules` is often a junction back to the main checkout's (to

package/vite.share.config.ts

@@ -0,0 +1,43 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import { resolve } from "path";
+
+/**
+ * The reviewer's page of a design share link (`/s/<code>`), built on its own.
+ *
+ * A separate config rather than a second input of `vite.config.ts`, because that config
+ * carries the PWA plugin: it injects service worker registration and a manifest link into
+ * the HTML it processes, and a reviewer's page must do neither. Nothing here does.
+ *
+ * It writes into the same `dist/web` the app build has just emptied (`emptyOutDir: false`),
+ * the page to `design-share-page/index.html` (served only by the `/s` route, under its own
+ * CSP) and everything else under `assets/share-*`, so the assets get the immutable cache
+ * header and the compressed siblings but never enter the app's precache. No module preload
+ * polyfill: the page's CSP is `script-src 'self'`, and the polyfill is the one thing Vite
+ * might otherwise inline.
+ */
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  root: "src/web",
+  publicDir: false,
+  resolve: {
+    alias: {
+      "@": resolve(__dirname, "src/web"),
+    },
+  },
+  build: {
+    outDir: "../../dist/web",
+    emptyOutDir: false,
+    sourcemap: false,
+    modulePreload: { polyfill: false },
+    rollupOptions: {
+      input: resolve(__dirname, "src/web/design-share-page/index.html"),
+      output: {
+        entryFileNames: "assets/share-[hash].js",
+        chunkFileNames: "assets/share-[hash].js",
+        assetFileNames: "assets/share-[hash][extname]",
+      },
+    },
+  },
+});

package/dist/web/assets/_basePickBy-DZsMzaag.js

@@ -1 +0,0 @@
-import{A as e,B as t,C as n,E as r,H as i,M as a,U as o,V as s,k as c,p as l,w as u,z as d}from"./isArrayLikeObject-DwIR3mpY.js";import{A as f,C as p,D as m,M as h,N as g,S as _,T as v,f as y,h as b,u as x,w as S}from"./_baseUniq-BVfFdhnG.js";var C=/\s/;function w(e){for(var t=e.length;t--&&C.test(e.charAt(t)););return t}var ee=/^\s+/;function T(e){return e&&e.slice(0,w(e)+1).replace(ee,``)}var E=NaN,D=/^[-+]0x[0-9a-f]+$/i,O=/^0b[01]+$/i,k=/^0o[0-7]+$/i,A=parseInt;function j(e){if(typeof e==`number`)return e;if(g(e))return E;if(t(e)){var n=typeof e.valueOf==`function`?e.valueOf():e;e=t(n)?n+``:n}if(typeof e!=`string`)return e===0?e:+e;e=T(e);var r=O.test(e);return r||k.test(e)?A(e.slice(2),r?2:8):D.test(e)?E:+e}var M=1/0,N=17976931348623157e292;function P(e){return e?(e=j(e),e===M||e===-M?(e<0?-1:1)*N:e===e?e:0):e===0?e:0}function F(e){var t=P(e),n=t%1;return t===t?n?t-n:t:0}function I(e){return e!=null&&e.length?_(e,1):[]}var L=Object.prototype,R=L.hasOwnProperty,z=r(function(t,r){t=Object(t);var i=-1,a=r.length,o=a>2?r[2]:void 0;for(o&&n(r[0],r[1],o)&&(a=1);++i<a;)for(var s=r[i],c=l(s),u=-1,d=c.length;++u<d;){var f=c[u],p=t[f];(p===void 0||e(p,L[f])&&!R.call(t,f))&&(t[f]=s[f])}return t});function B(e){var t=e==null?0:e.length;return t?e[t-1]:void 0}function V(e){return function(t,n,r){var i=Object(t);if(!u(t)){var a=y(n,3);t=m(t),n=function(e){return a(i[e],e,i)}}var o=e(t,n,r);return o>-1?i[a?t[o]:o]:void 0}}var H=Math.max;function U(e,t,n){var r=e==null?0:e.length;if(!r)return-1;var i=n==null?0:F(n);return i<0&&(i=H(r+i,0)),f(e,y(t,3),i)}var W=V(U);function G(e,t){var n=-1,r=u(e)?Array(e.length):[];return x(e,function(e,i,a){r[++n]=t(e,i,a)}),r}function K(e,t){return(s(e)?h:G)(e,y(t,3))}var q=Object.prototype.hasOwnProperty;function J(e,t){return e!=null&&q.call(e,t)}function Y(e,t){return e!=null&&b(e,t,J)}var X=`[object String]`;function Z(e){return typeof e==`string`||!s(e)&&i(e)&&o(e)==X}function Q(e,t){return e<t}function $(e,t,n){for(var r=-1,i=e.length;++r<i;){var a=e[r],o=t(a);if(o!=null&&(s===void 0?o===o&&!g(o):n(o,s)))var s=o,c=a}return c}function te(e){return e&&e.length?$(e,d,Q):void 0}function ne(e,n,r,i){if(!t(e))return e;n=v(n,e);for(var o=-1,s=n.length,l=s-1,u=e;u!=null&&++o<s;){var d=S(n[o]),f=r;if(d===`__proto__`||d===`constructor`||d===`prototype`)return e;if(o!=l){var p=u[d];f=i?i(p,d,u):void 0,f===void 0&&(f=t(p)?p:a(n[o+1])?[]:{})}c(u,d,f),u=u[d]}return e}function re(e,t,n){for(var r=-1,i=t.length,a={};++r<i;){var o=t[r],s=p(e,o);n(s,o)&&ne(a,v(o,e),s)}return a}export{Z as a,G as c,z as d,I as f,Q as i,W as l,P as m,te as n,Y as o,F as p,$ as r,K as s,re as t,B as u};

package/dist/web/assets/_baseUniq-BVfFdhnG.js

@@ -1 +0,0 @@
-import{A as e,B as t,F as n,H as r,M as i,O as a,T as o,U as s,V as c,W as l,_ as u,a as d,b as f,c as p,d as m,g as h,h as g,i as _,k as v,l as y,n as ee,o as b,p as x,r as te,s as ne,u as re,v as ie,w as S,y as C,z as w}from"./isArrayLikeObject-DwIR3mpY.js";import{i as ae,n as T,r as E}from"./isEmpty-DrA5f9p9.js";var oe=`[object Symbol]`;function D(e){return typeof e==`symbol`||r(e)&&s(e)==oe}function O(e,t){for(var n=-1,r=e==null?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i}var se=1/0,ce=l?l.prototype:void 0,le=ce?ce.toString:void 0;function ue(e){if(typeof e==`string`)return e;if(c(e))return O(e,ue)+``;if(D(e))return le?le.call(e):``;var t=e+``;return t==`0`&&1/e==-se?`-0`:t}function de(){}function fe(e,t){for(var n=-1,r=e==null?0:e.length;++n<r&&t(e[n],n,e)!==!1;);return e}function pe(e,t,n,r){for(var i=e.length,a=n+(r?1:-1);r?a--:++a<i;)if(t(e[a],a,e))return a;return-1}function me(e){return e!==e}function he(e,t,n){for(var r=n-1,i=e.length;++r<i;)if(e[r]===t)return r;return-1}function ge(e,t,n){return t===t?he(e,t,n):pe(e,me,n)}function _e(e,t){return!!(e!=null&&e.length)&&ge(e,t,0)>-1}function k(e){return S(e)?g(e):ae(e)}var ve=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ye=/^\w*$/;function A(e,t){if(c(e))return!1;var n=typeof e;return n==`number`||n==`symbol`||n==`boolean`||e==null||D(e)?!0:ye.test(e)||!ve.test(e)||t!=null&&e in Object(t)}var be=500;function xe(e){var t=re(e,function(e){return n.size===be&&n.clear(),e}),n=t.cache;return t}var Se=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ce=/\\(\\)?/g,we=xe(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(``),e.replace(Se,function(e,n,r,i){t.push(r?i.replace(Ce,`$1`):n||e)}),t});function j(e){return e==null?``:ue(e)}function M(e,t){return c(e)?e:A(e,t)?[e]:we(j(e))}var Te=1/0;function N(e){if(typeof e==`string`||D(e))return e;var t=e+``;return t==`0`&&1/e==-Te?`-0`:t}function P(e,t){t=M(t,e);for(var n=0,r=t.length;e!=null&&n<r;)e=e[N(t[n++])];return n&&n==r?e:void 0}function Ee(e,t,n){var r=e==null?void 0:P(e,t);return r===void 0?n:r}function F(e,t){for(var n=-1,r=t.length,i=e.length;++n<r;)e[i+n]=t[n];return e}var I=l?l.isConcatSpreadable:void 0;function De(e){return c(e)||f(e)||!!(I&&e&&e[I])}function L(e,t,n,r,i){var a=-1,o=e.length;for(n||=De,i||=[];++a<o;){var s=e[a];t>0&&n(s)?t>1?L(s,t-1,n,r,i):F(i,s):r||(i[i.length]=s)}return i}function Oe(e,t,n,r){var i=-1,a=e==null?0:e.length;for(r&&a&&(n=e[++i]);++i<a;)n=t(n,e[i],i,e);return n}function ke(e,t){return e&&a(t,k(t),e)}function Ae(e,t){return e&&a(t,x(t),e)}function R(e,t){for(var n=-1,r=e==null?0:e.length,i=0,a=[];++n<r;){var o=e[n];t(o,n,e)&&(a[i++]=o)}return a}function z(){return[]}var je=Object.prototype.propertyIsEnumerable,B=Object.getOwnPropertySymbols,V=B?function(e){return e==null?[]:(e=Object(e),R(B(e),function(t){return je.call(e,t)}))}:z;function Me(e,t){return a(e,V(e),t)}var Ne=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)F(t,V(e)),e=y(e);return t}:z;function Pe(e,t){return a(e,Ne(e),t)}function Fe(e,t,n){var r=t(e);return c(e)?r:F(r,n(e))}function H(e){return Fe(e,k,V)}function Ie(e){return Fe(e,x,Ne)}var Le=Object.prototype.hasOwnProperty;function Re(e){var t=e.length,n=new e.constructor(t);return t&&typeof e[0]==`string`&&Le.call(e,`index`)&&(n.index=e.index,n.input=e.input),n}function ze(e,t){var n=t?d(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}var Be=/\w*$/;function Ve(e){var t=new e.constructor(e.source,Be.exec(e));return t.lastIndex=e.lastIndex,t}var He=l?l.prototype:void 0,Ue=He?He.valueOf:void 0;function We(e){return Ue?Object(Ue.call(e)):{}}var Ge=`[object Boolean]`,Ke=`[object Date]`,qe=`[object Map]`,Je=`[object Number]`,Ye=`[object RegExp]`,Xe=`[object Set]`,Ze=`[object String]`,Qe=`[object Symbol]`,$e=`[object ArrayBuffer]`,et=`[object DataView]`,tt=`[object Float32Array]`,nt=`[object Float64Array]`,rt=`[object Int8Array]`,it=`[object Int16Array]`,at=`[object Int32Array]`,ot=`[object Uint8Array]`,st=`[object Uint8ClampedArray]`,ct=`[object Uint16Array]`,lt=`[object Uint32Array]`;function ut(e,t,n){var r=e.constructor;switch(t){case $e:return d(e);case Ge:case Ke:return new r(+e);case et:return ze(e,n);case tt:case nt:case rt:case it:case at:case ot:case st:case ct:case lt:return _(e,n);case qe:return new r;case Je:case Ze:return new r(e);case Ye:return Ve(e);case Xe:return new r;case Qe:return We(e)}}var dt=`[object Map]`;function ft(e){return r(e)&&T(e)==dt}var pt=u&&u.isMap,mt=pt?ie(pt):ft,ht=`[object Set]`;function gt(e){return r(e)&&T(e)==ht}var _t=u&&u.isSet,vt=_t?ie(_t):gt,yt=1,bt=2,xt=4,St=`[object Arguments]`,Ct=`[object Array]`,wt=`[object Boolean]`,Tt=`[object Date]`,Et=`[object Error]`,Dt=`[object Function]`,Ot=`[object GeneratorFunction]`,kt=`[object Map]`,At=`[object Number]`,jt=`[object Object]`,Mt=`[object RegExp]`,Nt=`[object Set]`,Pt=`[object String]`,Ft=`[object Symbol]`,It=`[object WeakMap]`,Lt=`[object ArrayBuffer]`,Rt=`[object DataView]`,zt=`[object Float32Array]`,Bt=`[object Float64Array]`,Vt=`[object Int8Array]`,Ht=`[object Int16Array]`,Ut=`[object Int32Array]`,Wt=`[object Uint8Array]`,Gt=`[object Uint8ClampedArray]`,Kt=`[object Uint16Array]`,qt=`[object Uint32Array]`,U={};U[St]=U[Ct]=U[Lt]=U[Rt]=U[wt]=U[Tt]=U[zt]=U[Bt]=U[Vt]=U[Ht]=U[Ut]=U[kt]=U[At]=U[jt]=U[Mt]=U[Nt]=U[Pt]=U[Ft]=U[Wt]=U[Gt]=U[Kt]=U[qt]=!0,U[Et]=U[Dt]=U[It]=!1;function W(e,r,i,a,o,s){var l,u=r&yt,d=r&bt,f=r&xt;if(i&&(l=o?i(e,a,o,s):i(e)),l!==void 0)return l;if(!t(e))return e;var m=c(e);if(m){if(l=Re(e),!u)return n(e,l)}else{var h=T(e),g=h==Dt||h==Ot;if(C(e))return ne(e,u);if(h==jt||h==St||g&&!o){if(l=d||g?{}:te(e),!u)return d?Pe(e,Ae(l,e)):Me(e,ke(l,e))}else{if(!U[h])return o?e:{};l=ut(e,h,u)}}s||=new p;var _=s.get(e);if(_)return _;s.set(e,l),vt(e)?e.forEach(function(t){l.add(W(t,r,i,t,e,s))}):mt(e)&&e.forEach(function(t,n){l.set(n,W(t,r,i,n,e,s))});var y=m?void 0:(f?d?Ie:H:d?x:k)(e);return fe(y||e,function(t,n){y&&(n=t,t=e[n]),v(l,n,W(t,r,i,n,e,s))}),l}var Jt=`__lodash_hash_undefined__`;function Yt(e){return this.__data__.set(e,Jt),this}function Xt(e){return this.__data__.has(e)}function G(e){var t=-1,n=e==null?0:e.length;for(this.__data__=new m;++t<n;)this.add(e[t])}G.prototype.add=G.prototype.push=Yt,G.prototype.has=Xt;function Zt(e,t){for(var n=-1,r=e==null?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function K(e,t){return e.has(t)}var Qt=1,$t=2;function en(e,t,n,r,i,a){var o=n&Qt,s=e.length,c=t.length;if(s!=c&&!(o&&c>s))return!1;var l=a.get(e),u=a.get(t);if(l&&u)return l==t&&u==e;var d=-1,f=!0,p=n&$t?new G:void 0;for(a.set(e,t),a.set(t,e);++d<s;){var m=e[d],h=t[d];if(r)var g=o?r(h,m,d,t,e,a):r(m,h,d,e,t,a);if(g!==void 0){if(g)continue;f=!1;break}if(p){if(!Zt(t,function(e,t){if(!K(p,t)&&(m===e||i(m,e,n,r,a)))return p.push(t)})){f=!1;break}}else if(!(m===h||i(m,h,n,r,a))){f=!1;break}}return a.delete(e),a.delete(t),f}function tn(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function q(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var nn=1,rn=2,an=`[object Boolean]`,on=`[object Date]`,sn=`[object Error]`,cn=`[object Map]`,ln=`[object Number]`,un=`[object RegExp]`,dn=`[object Set]`,fn=`[object String]`,pn=`[object Symbol]`,mn=`[object ArrayBuffer]`,hn=`[object DataView]`,gn=l?l.prototype:void 0,J=gn?gn.valueOf:void 0;function _n(t,n,r,i,a,o,s){switch(r){case hn:if(t.byteLength!=n.byteLength||t.byteOffset!=n.byteOffset)return!1;t=t.buffer,n=n.buffer;case mn:return!(t.byteLength!=n.byteLength||!o(new b(t),new b(n)));case an:case on:case ln:return e(+t,+n);case sn:return t.name==n.name&&t.message==n.message;case un:case fn:return t==n+``;case cn:var c=tn;case dn:var l=i&nn;if(c||=q,t.size!=n.size&&!l)return!1;var u=s.get(t);if(u)return u==n;i|=rn,s.set(t,n);var d=en(c(t),c(n),i,a,o,s);return s.delete(t),d;case pn:if(J)return J.call(t)==J.call(n)}return!1}var vn=1,yn=Object.prototype.hasOwnProperty;function bn(e,t,n,r,i,a){var o=n&vn,s=H(e),c=s.length;if(c!=H(t).length&&!o)return!1;for(var l=c;l--;){var u=s[l];if(!(o?u in t:yn.call(t,u)))return!1}var d=a.get(e),f=a.get(t);if(d&&f)return d==t&&f==e;var p=!0;a.set(e,t),a.set(t,e);for(var m=o;++l<c;){u=s[l];var h=e[u],g=t[u];if(r)var _=o?r(g,h,u,t,e,a):r(h,g,u,e,t,a);if(!(_===void 0?h===g||i(h,g,n,r,a):_)){p=!1;break}m||=u==`constructor`}if(p&&!m){var v=e.constructor,y=t.constructor;v!=y&&`constructor`in e&&`constructor`in t&&!(typeof v==`function`&&v instanceof v&&typeof y==`function`&&y instanceof y)&&(p=!1)}return a.delete(e),a.delete(t),p}var xn=1,Sn=`[object Arguments]`,Cn=`[object Array]`,Y=`[object Object]`,wn=Object.prototype.hasOwnProperty;function Tn(e,t,n,r,i,a){var o=c(e),s=c(t),l=o?Cn:T(e),u=s?Cn:T(t);l=l==Sn?Y:l,u=u==Sn?Y:u;var d=l==Y,f=u==Y,m=l==u;if(m&&C(e)){if(!C(t))return!1;o=!0,d=!1}if(m&&!d)return a||=new p,o||h(e)?en(e,t,n,r,i,a):_n(e,t,l,n,r,i,a);if(!(n&xn)){var g=d&&wn.call(e,`__wrapped__`),_=f&&wn.call(t,`__wrapped__`);if(g||_){var v=g?e.value():e,y=_?t.value():t;return a||=new p,i(v,y,n,r,a)}}return m?(a||=new p,bn(e,t,n,r,i,a)):!1}function X(e,t,n,i,a){return e===t?!0:e==null||t==null||!r(e)&&!r(t)?e!==e&&t!==t:Tn(e,t,n,i,X,a)}var En=1,Dn=2;function On(e,t,n,r){var i=n.length,a=i,o=!r;if(e==null)return!a;for(e=Object(e);i--;){var s=n[i];if(o&&s[2]?s[1]!==e[s[0]]:!(s[0]in e))return!1}for(;++i<a;){s=n[i];var c=s[0],l=e[c],u=s[1];if(o&&s[2]){if(l===void 0&&!(c in e))return!1}else{var d=new p;if(r)var f=r(l,u,c,e,t,d);if(!(f===void 0?X(u,l,En|Dn,r,d):f))return!1}}return!0}function kn(e){return e===e&&!t(e)}function An(e){for(var t=k(e),n=t.length;n--;){var r=t[n],i=e[r];t[n]=[r,i,kn(i)]}return t}function Z(e,t){return function(n){return n==null?!1:n[e]===t&&(t!==void 0||e in Object(n))}}function jn(e){var t=An(e);return t.length==1&&t[0][2]?Z(t[0][0],t[0][1]):function(n){return n===e||On(n,e,t)}}function Mn(e,t){return e!=null&&t in Object(e)}function Nn(e,t,n){t=M(t,e);for(var r=-1,a=t.length,s=!1;++r<a;){var l=N(t[r]);if(!(s=e!=null&&n(e,l)))break;e=e[l]}return s||++r!=a?s:(a=e==null?0:e.length,!!a&&o(a)&&i(l,a)&&(c(e)||f(e)))}function Pn(e,t){return e!=null&&Nn(e,t,Mn)}var Fn=1,In=2;function Ln(e,t){return A(e)&&kn(t)?Z(N(e),t):function(n){var r=Ee(n,e);return r===void 0&&r===t?Pn(n,e):X(t,r,Fn|In)}}function Rn(e){return function(t){return t?.[e]}}function zn(e){return function(t){return P(t,e)}}function Bn(e){return A(e)?Rn(N(e)):zn(e)}function Q(e){return typeof e==`function`?e:e==null?w:typeof e==`object`?c(e)?Ln(e[0],e[1]):jn(e):Bn(e)}function Vn(e,t){return e&&ee(e,t,k)}function Hn(e,t){return function(n,r){if(n==null)return n;if(!S(n))return e(n,r);for(var i=n.length,a=t?i:-1,o=Object(n);(t?a--:++a<i)&&r(o[a],a,o)!==!1;);return n}}var $=Hn(Vn);function Un(e,t,n){for(var r=-1,i=e==null?0:e.length;++r<i;)if(n(t,e[r]))return!0;return!1}function Wn(e){return typeof e==`function`?e:w}function Gn(e,t){return(c(e)?fe:$)(e,Wn(t))}function Kn(e,t){var n=[];return $(e,function(e,r,i){t(e,r,i)&&n.push(e)}),n}function qn(e,t){return(c(e)?R:Kn)(e,Q(t,3))}function Jn(e,t){return O(t,function(t){return e[t]})}function Yn(e){return e==null?[]:Jn(e,k(e))}function Xn(e){return e===void 0}function Zn(e,t,n,r,i){return i(e,function(e,i,a){n=r?(r=!1,e):t(n,e,i,a)}),n}function Qn(e,t,n){var r=c(e)?Oe:Zn,i=arguments.length<3;return r(e,Q(t,4),n,i,$)}var $n=E&&1/q(new E([,-0]))[1]==1/0?function(e){return new E(e)}:de,er=200;function tr(e,t,n){var r=-1,i=_e,a=e.length,o=!0,s=[],c=s;if(n)o=!1,i=Un;else if(a>=er){var l=t?null:$n(e);if(l)return q(l);o=!1,i=K,c=new G}else c=t?[]:s;outer:for(;++r<a;){var u=e[r],d=t?t(u):u;if(u=n||u!==0?u:0,o&&d===d){for(var f=c.length;f--;)if(c[f]===d)continue outer;t&&c.push(d),s.push(u)}else i(c,d,n)||(c!==s&&c.push(d),s.push(u))}return s}export{pe as A,P as C,k as D,j as E,O as M,D as N,_e as O,L as S,M as T,Zt as _,qn as a,Ie as b,Wn as c,Vn as d,Q as f,K as g,Nn as h,Yn as i,de as j,ge as k,Un as l,Pn as m,Qn as n,Kn as o,Rn as p,Xn as r,Gn as s,tr as t,$ as u,G as v,N as w,R as x,W as y};

package/dist/web/assets/accounts-settings-section-C3uzfcyx.js

@@ -1 +0,0 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{C as t,S as n}from"./vendor-markdown-QKPNiWEd.js";import"./vendor-ui-CS1GvlOm.js";import{At as r,Cn as i,Cr as a,J as o,Kr as s,Zr as c,ci as l,cr as u,ht as d,ln as f,ut as p,xn as m}from"./icons-JMA45Ifw.js";import{a as h}from"./api-client-OiA8Ida1.js";import{n as g}from"./utils-Bslrbb-G.js";import"./portal-container-context-BXAsDqrB.js";import"./chat-preparation-cache-CRX9WAK5.js";import{n as _}from"./use-is-mobile-BXHbkfs9.js";import{r as v}from"./clipboard-D-VCry-F.js";import{r as y,t as b}from"./button-DR4_Bprq.js";import{a as x,i as S,n as C,o as w,r as T,t as E}from"./dialog-DLrqSaHA.js";import{t as D}from"./mobile-bottom-sheet-BdF6oawx.js";import"./use-visual-viewport-CHm9umK0.js";import{t as O}from"./input-D-RG8dzb.js";import{Bi as k,Bn as A,Ei as j,Hn as M,Ln as N,Rn as P,Sr as F,Vi as I,Vn as ee,zi as L,zn as R}from"./index-6UiaKItX.js";import{_ as te,a as ne,h as re,m as ie,o as ae,p as oe,r as se,v as ce,x as z,y as le}from"./api-settings-obEnPtdW.js";import{_ as ue,a as de,b as fe,c as pe,d as me,g as B,h as V,l as he,m as ge,n as _e,o as ve,p as H,r as ye,s as U,t as be,u as xe,x as W,y as G}from"./codex-reset-credit-button-Dav3UqiJ.js";var K=e(t(),1),q=n(),J=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],Y=Array.from({length:24},(e,t)=>t);function Se(e,t){let n=Array.from({length:7},()=>Array.from({length:24},()=>({sum:0,count:0,avg:0})));for(let r of e){let e=t===`5h`?r.five_hour_util:r.weekly_util;if(e==null)continue;let i=new Date(r.recorded_at+(r.recorded_at.endsWith(`Z`)?``:`Z`)),a=(i.getDay()+6)%7,o=i.getHours();n[a][o].sum+=e,n[a][o].count+=1}for(let e of n)for(let t of e)t.avg=t.count>0?t.sum/t.count:0;return n}function Ce(e){return e.map(e=>{let t=e.reduce((e,t)=>e+t.sum,0),n=e.reduce((e,t)=>e+t.count,0);return n>0?t/n:0})}function we(e){return Y.map(t=>{let n=0,r=0;for(let i of e)n+=i[t].sum,r+=i[t].count;return r>0?n/r:0})}function X(e){return e===0?`bg-surface-elevated`:e<.3?`bg-success/30`:e<.5?`bg-success/60`:e<.7?`bg-warning/50`:e<.9?`bg-warning/80`:`bg-error/80`}function Te(e){return e<.3?`bg-success`:e<.7?`bg-warning`:`bg-error`}function Ee({accountId:e}){let[t,n]=(0,K.useState)(null),[r,i]=(0,K.useState)(!0),[a,o]=(0,K.useState)(`5h`);(0,K.useEffect)(()=>{i(!0),oe(e).then(n).catch(()=>n([])).finally(()=>i(!1))},[e]);let s=(0,K.useMemo)(()=>t?Se(t,a):null,[t,a]),c=(0,K.useMemo)(()=>s?Ce(s):[],[s]),l=(0,K.useMemo)(()=>s?we(s):[],[s]),u=Math.max(...c,.01);if(Math.max(...l,.01),r)return(0,q.jsx)(`div`,{className:`flex items-center justify-center py-3`,children:(0,q.jsx)(m,{className:`size-3 animate-spin text-text-subtle`})});if(!t||t.length===0)return(0,q.jsx)(`div`,{className:`text-[10px] text-text-subtle py-2 text-center`,children:`No usage history yet`});let d=t.length,f=new Set(t.map(e=>new Date(e.recorded_at+(e.recorded_at.endsWith(`Z`)?``:`Z`)).toDateString())).size;return(0,q.jsxs)(`div`,{className:`mt-2 space-y-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(`span`,{className:`text-[10px] font-medium text-text-subtle`,children:`Usage Pattern (7d)`}),(0,q.jsxs)(`div`,{className:`flex gap-0.5 text-[9px]`,children:[(0,q.jsx)(`button`,{onClick:()=>o(`5h`),className:`px-1.5 py-0.5 rounded cursor-pointer transition-colors ${a===`5h`?`bg-primary/15 text-primary`:`text-text-subtle hover:text-text-secondary`}`,title:`5-hour rolling window limit — resets every 5 hours`,children:`5h`}),(0,q.jsx)(`button`,{onClick:()=>o(`weekly`),className:`px-1.5 py-0.5 rounded cursor-pointer transition-colors ${a===`weekly`?`bg-primary/15 text-primary`:`text-text-subtle hover:text-text-secondary`}`,title:`Weekly limit — resets every 7 days`,children:`Wk`})]})]}),(0,q.jsxs)(`p`,{className:`text-[9px] text-text-subtle leading-tight`,children:[`Avg `,a===`5h`?`5-hour`:`weekly`,` limit usage over `,f,`d (`,d,` samples). Higher % = closer to rate limit. Hover cells for details.`]}),(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Avg usage by day of week`}),(0,q.jsx)(`div`,{className:`flex flex-col gap-[2px] mt-0.5`,children:J.map((e,t)=>{let n=c[t]??0;return(0,q.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,q.jsx)(`span`,{className:`text-[8px] text-text-subtle w-5 shrink-0 text-right tabular-nums`,children:e}),(0,q.jsx)(`div`,{className:`flex-1 h-2.5 bg-surface-elevated rounded-sm overflow-hidden`,children:(0,q.jsx)(`div`,{className:`h-full rounded-sm transition-all ${Te(n)}`,style:{width:`${Math.round(n/u*100)}%`}})}),(0,q.jsxs)(`span`,{className:`text-[8px] text-text-subtle w-6 shrink-0 text-right tabular-nums`,children:[Math.round(n*100),`%`]})]},e)})})]}),(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Avg usage by hour (0h-23h)`}),(0,q.jsx)(`div`,{className:`flex gap-[1px] mt-0.5`,children:Y.map(e=>{let t=l[e]??0;return(0,q.jsxs)(`div`,{className:`flex-1 flex flex-col items-center gap-[1px]`,children:[(0,q.jsx)(`div`,{className:`w-full aspect-square rounded-[2px] ${X(t)}`,title:`${e}:00 — avg ${Math.round(t*100)}% usage`}),e%6==0&&(0,q.jsx)(`span`,{className:`text-[7px] text-text-subtle tabular-nums`,children:e})]},e)})})]}),s&&(0,q.jsxs)(`div`,{children:[(0,q.jsx)(`span`,{className:`text-[9px] text-text-subtle`,children:`Day x Hour heatmap`}),(0,q.jsxs)(`div`,{className:`flex flex-col gap-[1px] mt-0.5`,children:[J.map((e,t)=>(0,q.jsxs)(`div`,{className:`flex items-center gap-[1px]`,children:[(0,q.jsx)(`span`,{className:`text-[7px] text-text-subtle w-4 shrink-0 text-right`,children:e.charAt(0)}),Y.map(n=>{let r=s[t][n];return(0,q.jsx)(`div`,{className:`flex-1 aspect-square rounded-[1px] ${X(r.avg)}`,title:`${e} ${n}:00 — ${r.count>0?`avg ${Math.round(r.avg*100)}% (${r.count} samples)`:`no data`}`},n)})]},e)),(0,q.jsxs)(`div`,{className:`flex items-center gap-[1px]`,children:[(0,q.jsx)(`span`,{className:`w-4 shrink-0`}),Y.map(e=>(0,q.jsx)(`div`,{className:`flex-1 text-center`,children:e%6==0&&(0,q.jsx)(`span`,{className:`text-[7px] text-text-subtle tabular-nums`,children:e})},e))]})]})]}),(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[8px] text-text-subtle`,children:[(0,q.jsx)(`span`,{children:`Low`}),(0,q.jsxs)(`div`,{className:`flex gap-[2px]`,children:[(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-success/30`}),(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-success/60`}),(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-warning/50`}),(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-warning/80`}),(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-error/80`})]}),(0,q.jsx)(`span`,{children:`High`}),(0,q.jsx)(`span`,{className:`ml-1`,children:`|`}),(0,q.jsx)(`div`,{className:`size-2 rounded-[1px] bg-surface-elevated border border-border/30`}),(0,q.jsx)(`span`,{children:`No data`})]})]})}function De({profile:e,accountId:t,onClose:n}){let r=[[`Name`,e.account?.display_name],[`Email`,e.account?.email],[`Org`,e.organization?.name],[`Type`,e.organization?.organization_type],[`Tier`,e.organization?.rate_limit_tier],[`Status`,e.organization?.subscription_status]];return(0,q.jsxs)(`section`,{className:`space-y-2 border-t border-border pt-3`,"data-testid":`account-profile-panel`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(`h3`,{className:`text-sm font-medium`,children:`Profile`}),(0,q.jsx)(`button`,{className:`p-2 text-muted-foreground hover:text-foreground cursor-pointer`,onClick:n,"aria-label":`Close profile`,children:(0,q.jsx)(l,{className:`size-4`})})]}),(0,q.jsx)(`div`,{className:`grid grid-cols-[80px_1fr] gap-x-3 gap-y-1 text-xs`,children:r.map(([e,t])=>t?(0,q.jsxs)(`span`,{className:`contents`,children:[(0,q.jsx)(`span`,{className:`text-muted-foreground`,children:e}),(0,q.jsx)(`span`,{className:`break-all`,children:t})]},e):null)}),(0,q.jsx)(Ee,{accountId:t})]})}function Oe({display:e,onConfirm:t,onCancel:n}){let r=_(),i=(0,q.jsxs)(`div`,{className:`space-y-4`,"data-testid":`account-delete-confirm`,children:[(0,q.jsxs)(`p`,{className:`text-sm`,children:[`Remove `,(0,q.jsx)(`span`,{className:`font-medium`,children:e}),`?`]}),(0,q.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`The stored token is deleted from this machine. Any export you already made keeps working.`}),(0,q.jsxs)(`div`,{className:`flex flex-col-reverse md:flex-row gap-2 md:justify-end pt-2`,children:[(0,q.jsx)(b,{variant:`outline`,onClick:n,className:`min-h-11`,children:`Cancel`}),(0,q.jsx)(b,{variant:`destructive`,autoFocus:!1,onClick:t,className:`min-h-11`,children:`Remove account`})]})]});return r?(0,q.jsx)(D,{open:!0,onClose:n,children:(0,q.jsxs)(`div`,{className:`px-4 pb-4`,children:[(0,q.jsx)(`h2`,{className:`text-base font-semibold mb-3`,children:`Remove account`}),i]})}):(0,q.jsx)(E,{open:!0,onOpenChange:e=>{e||n()},children:(0,q.jsxs)(C,{className:`sm:max-w-sm`,children:[(0,q.jsx)(x,{children:(0,q.jsx)(w,{className:`text-sm`,children:`Remove account`})}),i]})})}function ke(e){let t=new Blob([e],{type:`application/json`}),n=document.createElement(`a`);n.href=URL.createObjectURL(t),n.download=`ppm-accounts-backup.json`,n.click(),URL.revokeObjectURL(n.href)}function Ae({open:e,onOpenChange:t,accounts:n,preselectId:r,onMessage:a}){let o=n.filter(e=>e.hasRefreshToken),[s,c]=(0,K.useState)(new Set),[l,u]=(0,K.useState)(``),[f,g]=(0,K.useState)(!1),[_,y]=(0,K.useState)(!1),[D,k]=(0,K.useState)(!1),[A,j]=(0,K.useState)(!1);e&&!A&&(c(r?new Set([r]):new Set(o.map(e=>e.id))),j(!0)),!e&&A&&j(!1);function M(){t(!1),u(``),g(!1),y(!1)}async function N(e){if(s.size===0)return;k(!0);let t=l.trim()||`ppm-hienlh`;try{let n={"Content-Type":`application/json`},r=h();r&&(n.Authorization=`Bearer ${r}`);let i=await fetch(`/api/accounts/export`,{method:`POST`,headers:n,body:JSON.stringify({password:t,accountIds:[...s],includeRefreshToken:f,refreshBeforeExport:_})});if(!i.ok){let e=await i.json();throw Error(e.error??`Export failed: ${i.status}`)}let o=await i.text();e&&await v(o)?a?.(`Backup copied to clipboard!`):(ke(o),a?.(`Backup downloaded.`)),M()}catch{}k(!1)}let P=s.size>0&&!D;return(0,q.jsx)(E,{open:e,onOpenChange:e=>{e||M()},children:(0,q.jsxs)(C,{className:`sm:max-w-md`,children:[(0,q.jsxs)(x,{children:[(0,q.jsxs)(w,{className:`text-sm flex items-center gap-1.5`,children:[(0,q.jsx)(i,{className:`size-3.5`}),` Export Accounts`]}),(0,q.jsx)(T,{className:`text-xs`,children:`Select accounts and set a password to protect the backup.`})]}),(0,q.jsxs)(`div`,{className:`space-y-3`,children:[(0,q.jsxs)(`div`,{className:`space-y-1`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,q.jsx)(`p`,{className:`text-[11px] font-medium text-muted-foreground`,children:`Accounts to export`}),(0,q.jsx)(`button`,{className:`text-[10px] text-primary hover:underline cursor-pointer`,onClick:()=>c(s.size===o.length?new Set:new Set(o.map(e=>e.id))),children:s.size===o.length?`Deselect all`:`Select all`})]}),o.length===0?(0,q.jsx)(`p`,{className:`text-[10px] text-muted-foreground p-2 border rounded`,children:`No exportable accounts.`}):(0,q.jsx)(`div`,{className:`max-h-36 overflow-y-auto space-y-1 border rounded p-2`,children:o.map(e=>(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(`input`,{type:`checkbox`,id:`exp-${e.id}`,checked:s.has(e.id),onChange:t=>{let n=new Set(s);t.target.checked?n.add(e.id):n.delete(e.id),c(n)},className:`size-3.5 accent-primary cursor-pointer`}),(0,q.jsx)(`label`,{htmlFor:`exp-${e.id}`,className:`text-xs cursor-pointer truncate`,children:e.label??e.email??e.id.slice(0,8)})]},e.id))})]}),(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsxs)(F,{className:`text-xs`,children:[`Password `,(0,q.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,q.jsx)(O,{type:`password`,placeholder:`Leave empty for default`,value:l,onChange:e=>u(e.target.value),className:`text-xs h-8`,autoComplete:`new-password`})]}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(`input`,{type:`checkbox`,id:`exp-full`,checked:f,onChange:e=>g(e.target.checked),className:`size-3.5 accent-primary cursor-pointer`}),(0,q.jsx)(`label`,{htmlFor:`exp-full`,className:`text-[11px] cursor-pointer`,children:`Include refresh tokens (full transfer)`})]}),(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(`input`,{type:`checkbox`,id:`exp-refresh`,checked:_,onChange:e=>y(e.target.checked),className:`size-3.5 accent-primary cursor-pointer`}),(0,q.jsx)(`label`,{htmlFor:`exp-refresh`,className:`text-[11px] cursor-pointer`,children:`Refresh tokens before export`})]}),f?(0,q.jsxs)(`div`,{className:`rounded-md border border-error/30 bg-error/5 p-2.5`,children:[(0,q.jsx)(`p`,{className:`text-[10px] font-medium text-error`,children:`Full transfer — source accounts will expire`}),(0,q.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Refresh tokens included. Source machine expires in ~1h after target refreshes.`})]}):_?(0,q.jsx)(`div`,{className:`rounded-md border border-warning/30 bg-warning/5 p-2.5`,children:(0,q.jsx)(`p`,{className:`text-[10px] font-medium text-warning`,children:`Refresh before export — invalidates previous shares`})}):(0,q.jsx)(`div`,{className:`rounded-md border border-success/30 bg-success/5 p-2.5`,children:(0,q.jsx)(`p`,{className:`text-[10px] font-medium text-success`,children:`Share current token (safe)`})}),(0,q.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Encrypted with AES-256-GCM + scrypt.`})]}),(0,q.jsxs)(S,{className:`gap-1.5 flex-col sm:flex-row`,children:[(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:M,children:`Cancel`}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,disabled:!P,onClick:()=>N(!0),children:[(0,q.jsx)(p,{className:`size-3 mr-1`}),` Copy`]}),(0,q.jsx)(b,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!P,onClick:()=>N(!1),children:D?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(m,{className:`size-3 animate-spin mr-1`}),` Exporting...`]}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(d,{className:`size-3 mr-1`}),` Download`]})})]})]})})}function je({open:e,onOpenChange:t,onSuccess:n}){let[r,a]=(0,K.useState)(``),[o,s]=(0,K.useState)(``),[c,l]=(0,K.useState)(!1),[u,d]=(0,K.useState)(null);function f(){t(!1),a(``),s(``),d(null)}async function p(){if(r.trim()){l(!0),d(null);try{let e=await ie({data:r.trim(),password:o.trim()||`ppm-hienlh`});f(),n(`Imported ${e.imported} account(s)`)}catch(e){d(e.message||`Import failed`)}l(!1)}}return(0,q.jsx)(E,{open:e,onOpenChange:e=>{e||f()},children:(0,q.jsxs)(C,{className:`sm:max-w-md`,children:[(0,q.jsxs)(x,{children:[(0,q.jsxs)(w,{className:`text-sm flex items-center gap-1.5`,children:[(0,q.jsx)(i,{className:`size-3.5`}),` Import Accounts`]}),(0,q.jsx)(T,{className:`text-xs`,children:`Paste backup data and enter the export password. Imported accounts are temporary (~1h).`})]}),(0,q.jsxs)(`div`,{className:`space-y-3`,children:[(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsx)(F,{className:`text-xs`,children:`Backup data`}),(0,q.jsx)(`textarea`,{value:r,onChange:e=>a(e.target.value),placeholder:`Paste backup JSON here...`,rows:4,className:`w-full text-xs p-2 rounded border border-border bg-background font-mono resize-none focus:outline-none focus:ring-1 focus:ring-primary`})]}),(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsxs)(F,{className:`text-xs`,children:[`Password `,(0,q.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,q.jsx)(O,{type:`password`,placeholder:`Leave empty for default`,value:o,onChange:e=>s(e.target.value),className:`text-xs h-8`,autoComplete:`current-password`})]})]}),u&&(0,q.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:u}),(0,q.jsxs)(S,{children:[(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:f,children:`Cancel`}),(0,q.jsx)(b,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!r.trim()||c,onClick:p,children:c?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(m,{className:`size-3 animate-spin mr-1`}),` Importing...`]}):`Import`})]})]})})}var Z=typeof window<`u`?window.matchMedia(`(min-width: 768px)`):null;function Me(e){return Z?.addEventListener(`change`,e),()=>Z?.removeEventListener(`change`,e)}function Ne(){return Z?.matches??!0}function Q(){let[e,t]=(0,K.useState)(null),[n,r]=(0,K.useState)(!0);return(0,K.useEffect)(()=>{r(!0),ae().then(t).finally(()=>r(!1))},[]),n?(0,q.jsx)(`p`,{className:`text-xs text-text-subtle py-4 text-center`,children:`Loading...`}):e?(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Rotation Strategy`}),(0,q.jsxs)(N,{value:e.strategy,onValueChange:async e=>{t(await z({strategy:e}))},children:[(0,q.jsx)(A,{className:`w-full h-9 text-xs`,children:(0,q.jsx)(ee,{})}),(0,q.jsxs)(P,{children:[(0,q.jsx)(R,{value:`round-robin`,children:`Round-robin`}),(0,q.jsx)(R,{value:`fill-first`,children:`Fill-first`}),(0,q.jsx)(R,{value:`lowest-usage`,children:`Lowest usage`})]})]}),(0,q.jsxs)(`p`,{className:`text-[10px] text-text-subtle`,children:[e.strategy===`round-robin`&&`Cycles through accounts evenly`,e.strategy===`fill-first`&&`Uses one account until its limit, then moves on`,e.strategy===`lowest-usage`&&`Picks the account with the lowest current usage`]})]}),(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Max Retry`}),(0,q.jsx)(`input`,{type:`number`,min:0,value:e.maxRetry,className:`w-full h-9 text-xs border rounded-md px-3 bg-background`,onChange:async e=>{let n=parseInt(e.target.value,10);!isNaN(n)&&n>=0&&t(await z({maxRetry:n}))}}),(0,q.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`How many accounts to try on failure. 0 = try all available accounts.`})]}),(0,q.jsxs)(`div`,{className:`space-y-1.5 border-t border-border pt-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(`label`,{className:`text-xs font-medium text-text-primary`,children:`Cooldown parking`}),(0,q.jsx)(M,{checked:e.cooldownEnabled,onCheckedChange:async e=>{t(await z({cooldownEnabled:e}))}})]}),(0,q.jsx)(`p`,{className:`text-[10px] text-text-subtle`,children:`Park a failing account (rate limit / usage limit / auth error) until it recovers. Off: accounts stay selectable — rotation still skips accounts already ≥95% on the 5-hour limit.`})]}),(0,q.jsxs)(`div`,{className:`flex items-center justify-between text-xs border-t border-border pt-3`,children:[(0,q.jsx)(`span`,{className:`text-text-subtle`,children:`Active accounts`}),(0,q.jsx)(`span`,{className:`font-medium text-text-primary`,children:e.activeCount})]})]}):(0,q.jsx)(`p`,{className:`text-xs text-text-subtle py-4 text-center`,children:`Failed to load settings`})}function Pe({open:e,onOpenChange:t}){let n=(0,K.useSyncExternalStore)(Me,Ne);return e?n?(0,q.jsx)(E,{open:e,onOpenChange:t,children:(0,q.jsxs)(C,{className:`sm:max-w-sm`,children:[(0,q.jsx)(x,{children:(0,q.jsxs)(w,{className:`text-sm flex items-center gap-2`,children:[(0,q.jsx)(a,{className:`size-4`}),` Rotation & Retry`]})}),(0,q.jsx)(Q,{})]})}):(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(`div`,{className:`fixed inset-0 z-50 transition-opacity duration-200 opacity-100`,onClick:()=>t(!1),style:{backgroundColor:`rgba(0,0,0,0.5)`}}),(0,q.jsxs)(`div`,{className:g(`fixed bottom-0 left-0 right-0 z-50 bg-background rounded-t-2xl border-t border-border shadow-2xl`,`transition-transform duration-300 ease-out max-h-[85vh] overflow-y-auto`,`translate-y-0`),children:[(0,q.jsx)(`div`,{className:`flex justify-center pt-3 pb-1`,children:(0,q.jsx)(`div`,{className:`w-10 h-1 rounded-full bg-border`})}),(0,q.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2 border-b border-border`,children:[(0,q.jsxs)(`span`,{className:`text-sm font-semibold flex items-center gap-2`,children:[(0,q.jsx)(a,{className:`size-4`}),` Rotation & Retry`]}),(0,q.jsx)(`button`,{onClick:()=>t(!1),className:`flex items-center justify-center size-7 rounded-md hover:bg-surface-elevated transition-colors`,children:(0,q.jsx)(l,{className:`size-4`})})]}),(0,q.jsx)(`div`,{className:`px-4 py-4 pb-8`,children:(0,q.jsx)(Q,{})})]})]}):null}var Fe=y(`inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`,{variants:{variant:{default:`border-transparent bg-primary text-primary-foreground shadow`,secondary:`border-transparent bg-secondary text-secondary-foreground`,destructive:`border-transparent bg-destructive text-destructive-foreground shadow`,outline:`text-foreground`}},defaultVariants:{variant:`default`}});function Ie({className:e,variant:t,...n}){return(0,q.jsx)(`div`,{className:g(Fe({variant:t}),e),...n})}function Le(e){let t=Math.floor(Date.now()/1e3);return e>t?`${Math.floor((e-t)/60)}m`:`exp`}function Re({accounts:e}){let[t,n]=(0,K.useState)([]),[r,i]=(0,K.useState)(!1),[a,o]=(0,K.useState)(!1),[s,c]=(0,K.useState)(new Map),l=e.filter(e=>e.hasRefreshToken);async function u(){if(l.length!==0){i(!0);try{let e=await ce(l.map(e=>e.id),a);n(t=>[...t,{round:t.length+1,time:new Date().toLocaleTimeString(),includeRefresh:a,items:e}])}catch{}i(!1)}}async function d(e,t){c(t=>new Map(t).set(e,{loading:!0}));try{let n=await le(t);c(t=>new Map(t).set(e,{loading:!1,...n}))}catch(t){c(n=>new Map(n).set(e,{loading:!1,status:`error`,error:t.message}))}}function f(e,t){return[{key:`r${e.round}-pre-${t.id}`,label:`Pre-export`,token:t.preExportTokenFull,preview:t.preExportToken,expires:t.preExportExpires},{key:`r${e.round}-exp-${t.id}`,label:`Exported`,token:t.exportedTokenFull,preview:t.exportedToken,expires:t.exportedExpires},{key:`r${e.round}-post-${t.id}`,label:`Post-export`,token:t.postExportTokenFull,preview:t.postExportToken,expires:t.postExportExpires}]}function p(){for(let e of t)for(let t of e.items)for(let n of f(e,t))n.token&&d(n.key,n.token)}return(0,q.jsxs)(`section`,{className:`border-t pt-4 space-y-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,q.jsx)(`p`,{className:`text-xs font-medium`,children:`Simulate export`}),t.length>0&&(0,q.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[t.length,` round(s)`]})]}),(0,q.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Every run appends a round. Earlier rounds are kept so tokens can be compared across runs.`}),l.length===0?(0,q.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No OAuth account with a refresh token to export.`}):(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,q.jsx)(M,{id:`sim-include-refresh`,checked:a,onCheckedChange:o,className:`cursor-pointer`}),(0,q.jsx)(F,{htmlFor:`sim-include-refresh`,className:`text-[11px] cursor-pointer`,children:`Include refresh tokens`})]}),(0,q.jsx)(b,{size:`sm`,className:`h-7 text-xs cursor-pointer`,disabled:r,onClick:()=>void u(),children:r?(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(m,{className:`size-3 animate-spin mr-1`}),` Exporting...`]}):`Run export #${t.length+1}`})]}),t.length>0&&(0,q.jsxs)(`div`,{className:`space-y-3`,children:[(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`w-full h-7 text-[11px] cursor-pointer`,onClick:p,children:[`Test all tokens (`,t.reduce((e,t)=>e+t.items.length*3,0),`)`]}),t.map(e=>(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsxs)(`p`,{className:`text-xs font-medium text-primary`,children:[`Round #`,e.round]}),(0,q.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:e.time}),(0,q.jsx)(Ie,{variant:e.includeRefresh?`destructive`:`secondary`,className:`text-[9px] px-1 py-0`,children:e.includeRefresh?`with refresh`:`access only`})]}),e.items.map(t=>(0,q.jsxs)(`div`,{className:`p-2 rounded-lg border bg-card space-y-1.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(`span`,{className:`text-[11px] font-medium`,children:t.label??t.email??t.id.slice(0,8)}),t.tokenChanged&&(0,q.jsx)(Ie,{variant:`secondary`,className:`text-[9px] px-1 py-0`,children:`DB token changed`})]}),f(e,t).map(e=>{let t=s.get(e.key);return(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[11px]`,children:[(0,q.jsx)(`span`,{className:`w-20 shrink-0 text-muted-foreground text-[10px]`,children:e.label}),(0,q.jsx)(`code`,{className:`flex-1 truncate font-mono text-[10px] bg-muted px-1 rounded`,children:e.preview??`N/A`}),e.expires&&(0,q.jsx)(`span`,{className:`text-[10px] text-muted-foreground shrink-0`,children:Le(e.expires)}),e.token?(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`h-6 text-[10px] px-1.5 cursor-pointer shrink-0`,disabled:t?.loading,onClick:()=>void d(e.key,e.token),children:t?.loading?(0,q.jsx)(m,{className:`size-3 animate-spin`}):`Test`}):(0,q.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`-`}),t&&!t.loading&&(0,q.jsx)(`span`,{className:`text-[10px] font-medium shrink-0 ${t.status?.startsWith(`valid`)?`text-success`:`text-error`}`,children:t.status})]},e.key)})]},`r${e.round}-${t.id}`))]},e.round))]})]})}function ze(e){let t=Math.floor(Date.now()/1e3),n=Math.floor(Math.abs(e-t)/60);return e>t?`${n}m left`:`expired ${n}m ago`}function Be({open:e,onOpenChange:t,accounts:n}){let[i,a]=(0,K.useState)(new Map),[o,s]=(0,K.useState)(!1);async function c(e){a(t=>new Map(t).set(e,{loading:!0}));try{let t=await te(e,o);a(n=>new Map(n).set(e,{loading:!1,result:t}))}catch(t){a(n=>new Map(n).set(e,{loading:!1,error:t.message}))}}function l(){for(let e of n.filter(e=>e.expiresAt!==null))c(e.id)}return(0,q.jsx)(E,{open:e,onOpenChange:t,children:(0,q.jsxs)(C,{className:`sm:max-w-xl max-h-[85vh] flex flex-col`,children:[(0,q.jsxs)(x,{children:[(0,q.jsxs)(w,{className:`text-sm flex items-center gap-1.5`,children:[(0,q.jsx)(r,{className:`size-4`}),` Token Test`]}),(0,q.jsx)(T,{className:`text-xs`,children:`Probe stored tokens for validity. Nothing is modified.`})]}),(0,q.jsxs)(`div`,{className:`space-y-4 overflow-y-auto flex-1 pr-1`,children:[(0,q.jsxs)(`section`,{className:`space-y-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,q.jsx)(`p`,{className:`text-xs font-medium`,children:`Current tokens`}),(0,q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,q.jsx)(M,{id:`token-test-refresh`,checked:o,onCheckedChange:s,className:`cursor-pointer`}),(0,q.jsx)(F,{htmlFor:`token-test-refresh`,className:`text-[11px] cursor-pointer`,children:`Also test refresh`})]}),(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`h-7 text-xs cursor-pointer`,onClick:l,children:`Test all`})]})]}),n.length===0&&(0,q.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`No accounts to test.`}),(0,q.jsx)(`div`,{className:`space-y-1.5`,children:n.map(e=>{let t=i.get(e.id),n=t?.result?.accessToken.status;return(0,q.jsxs)(`div`,{className:`p-2 rounded border bg-card space-y-1`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,q.jsx)(`span`,{className:`text-xs font-medium truncate block`,children:e.label??e.email??e.id.slice(0,8)}),e.expiresAt&&(0,q.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:ze(e.expiresAt)})]}),(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`h-7 text-xs cursor-pointer shrink-0`,disabled:t?.loading,onClick:()=>void c(e.id),children:t?.loading?(0,q.jsx)(m,{className:`size-3 animate-spin`}):`Test`})]}),t&&!t.loading&&(0,q.jsxs)(`div`,{className:`text-[11px] pl-2 border-l-2 border-muted`,children:[t.error&&(0,q.jsx)(`p`,{className:`text-error`,children:t.error}),n&&(0,q.jsxs)(`span`,{className:n.startsWith(`valid`)?`text-success`:`text-error`,children:[n,t.result?.accessToken.code?` (${t.result.accessToken.code})`:``]})]})]},e.id)})})]}),(0,q.jsx)(Re,{accounts:n})]}),(0,q.jsx)(S,{children:(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Close`})})]})})}function Ve(){let{usages:e,accounts:t,activeAccountId:n,initialLoading:i,refreshing:o,flashIds:s,reload:l}=he(),[p,h]=(0,K.useState)(null),[g,_]=(0,K.useState)(null),[v,y]=(0,K.useState)(null),[x,S]=(0,K.useState)(null),[C,w]=(0,K.useState)(null),[T,E]=(0,K.useState)(null),[D,O]=(0,K.useState)(void 0);function k(e){l(),e&&h(e)}async function A(e,t){_(e);try{await re(e,{status:t===`disabled`?`active`:`disabled`})}catch(e){h(e.message)}_(null),l()}async function j(){if(v){try{await se(v.id),h(`Account "${v.display}" removed.`),l()}catch(e){h(`Failed to remove: ${e.message}`)}y(null)}}let M=new Map(t.map(e=>[e.id,e])),N=e[0]?.usage.lastFetchedAt;return(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsx)(V,{description:`Connect multiple Claude accounts. PPM rotates between them automatically to avoid rate limits.`,onRefresh:()=>void l(),refreshing:o,disabled:i,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(b,{size:`sm`,className:`cursor-pointer gap-1.5`,onClick:()=>{O(void 0),E(`add`)},children:[(0,q.jsx)(u,{className:`size-4`}),` Add account`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>{w(null),E(`export`)},children:[(0,q.jsx)(d,{className:`size-4`}),` Export`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`import`),children:[(0,q.jsx)(c,{className:`size-4`}),` Import`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`rotation`),children:[(0,q.jsx)(a,{className:`size-4`}),` Rotation`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`token-test`),children:[(0,q.jsx)(r,{className:`size-4`}),` Token test`]})]})}),(0,q.jsx)(B,{message:p,onDismiss:()=>h(null)}),(0,q.jsxs)(`section`,{className:`space-y-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(`h3`,{className:`text-sm font-medium`,children:`Accounts`}),N&&(0,q.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`usage `,fe(new Date(N).getTime())]})]}),i?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-xs text-muted-foreground`,children:[(0,q.jsx)(m,{className:`size-4 animate-spin`}),` Loading accounts...`]}):e.length===0?(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-2 py-8 text-center`,children:[(0,q.jsx)(f,{className:`size-5 text-muted-foreground`}),(0,q.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No accounts connected yet.`}),(0,q.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Add one to start using PPM.`})]}):(0,q.jsx)(H,{children:e.map(e=>(0,q.jsx)(xe,{layout:`strip`,entry:e,isActive:e.accountId===n,accountInfo:M.get(e.accountId),onToggle:A,toggling:g===e.accountId,onDelete:(e,t)=>y({id:e,display:t}),onExport:e=>{w(e),E(`export`)},onViewProfile:(e,t)=>S({profile:e,accountId:t}),onReauth:()=>{O(e.accountLabel??e.accountId.slice(0,8)),E(`add`)},flash:s.has(e.accountId)},e.accountId))})]}),x&&(0,q.jsx)(De,{profile:x.profile,accountId:x.accountId,onClose:()=>S(null)}),v&&(0,q.jsx)(Oe,{display:v.display,onConfirm:()=>void j(),onCancel:()=>y(null)}),(0,q.jsx)(pe,{open:T===`add`,onOpenChange:e=>{E(e?`add`:null),e||O(void 0)},onSuccess:k,signInAgainFor:D}),(0,q.jsx)(Ae,{open:T===`export`,onOpenChange:e=>{E(e?`export`:null),e||w(null)},accounts:t,preselectId:C,onMessage:h}),(0,q.jsx)(je,{open:T===`import`,onOpenChange:e=>E(e?`import`:null),onSuccess:k}),(0,q.jsx)(Pe,{open:T===`rotation`,onOpenChange:e=>E(e?`rotation`:null)}),(0,q.jsx)(Be,{open:T===`token-test`,onOpenChange:e=>E(e?`token-test`:null),accounts:t})]})}function He({mode:e,onOpenChange:t,password:n,onPasswordChange:r,busy:a,onExport:o,onImport:s,error:l}){let u=(0,K.useRef)(null),f=e===`export`;return(0,q.jsx)(E,{open:e!==null,onOpenChange:t,children:(0,q.jsxs)(C,{className:`sm:max-w-md`,children:[(0,q.jsxs)(x,{children:[(0,q.jsxs)(w,{className:`text-sm flex items-center gap-1.5`,children:[(0,q.jsx)(i,{className:`size-4`}),` `,f?`Export Codex Accounts`:`Import Codex Accounts`]}),(0,q.jsx)(T,{className:`text-xs leading-relaxed`,children:f?`Writes a password-encrypted file containing each account's login.`:`Reads a backup file. The password must be the one it was exported with.`})]}),(0,q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,q.jsx)(F,{htmlFor:`codex-backup-password`,className:`text-xs`,children:`Password`}),(0,q.jsx)(O,{id:`codex-backup-password`,type:`password`,placeholder:f?`Choose a password`:`Password used for the export`,value:n,onChange:e=>r(e.target.value),className:`text-xs`,autoComplete:f?`new-password`:`current-password`}),(0,q.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`A backup holds full logins — keep the file and its password together.`})]}),l&&(0,q.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:l}),(0,q.jsx)(`input`,{ref:u,type:`file`,accept:`application/json,.json`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&s(t)}}),(0,q.jsxs)(S,{children:[(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Cancel`}),(0,q.jsxs)(b,{size:`sm`,className:`text-xs cursor-pointer gap-1.5`,disabled:!n.trim()||a,onClick:()=>f?o():u.current?.click(),children:[a?(0,q.jsx)(m,{className:`size-3.5 animate-spin`}):f?(0,q.jsx)(d,{className:`size-3.5`}):(0,q.jsx)(c,{className:`size-3.5`}),f?`Download backup`:`Choose file`]})]})]})})}var Ue=[{value:`round-robin`,label:`Round-robin`,hint:`Take the next account each time.`},{value:`fill-first`,label:`Fill-first`,hint:`Stay on one account until it runs out.`},{value:`lowest-usage`,label:`Lowest usage`,hint:`Pick whichever has the most left.`}];function We({open:e,onOpenChange:t,strategy:n,onChange:r}){return(0,q.jsx)(E,{open:e,onOpenChange:t,children:(0,q.jsxs)(C,{className:`sm:max-w-md`,children:[(0,q.jsxs)(x,{children:[(0,q.jsx)(w,{className:`text-sm`,children:`Codex Rotation`}),(0,q.jsx)(T,{className:`text-xs leading-relaxed`,children:`How a new chat chooses among your Codex accounts.`})]}),(0,q.jsx)(`div`,{className:`space-y-2`,children:Ue.map(e=>(0,q.jsxs)(`button`,{type:`button`,onClick:()=>r(e.value),"aria-current":n===e.value?`true`:void 0,className:g(`w-full text-left rounded-md border px-3 py-2.5 min-h-11 cursor-pointer transition-colors`,n===e.value?`border-primary bg-primary/10`:`border-border hover:bg-accent/50 active:bg-accent`),children:[(0,q.jsx)(`p`,{className:`text-sm font-medium`,children:e.label}),(0,q.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.hint})]},e.value))}),(0,q.jsx)(S,{children:(0,q.jsx)(b,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Done`})})]})})}function $(e){return e==null?null:Math.round(e*100)}function Ge({usage:e}){let t=e.session==null&&e.weekly==null;return(0,q.jsxs)(`div`,{className:`space-y-2`,children:[(t||e.session!=null)&&(0,q.jsx)(G,{label:`5-Hour Session`,pct:$(e.fiveHour),reset:W(e.session),resetsAt:e.session?.resetsAt}),(t||e.weekly!=null)&&(0,q.jsx)(G,{label:`Weekly`,pct:$(e.sevenDay),reset:W(e.weekly),resetsAt:e.weekly?.resetsAt})]})}function Ke(){let[e,t]=(0,K.useState)(null),n=de(()=>t(null)),[r,i]=(0,K.useState)(null);return(0,q.jsxs)(`div`,{className:`space-y-4`,children:[(0,q.jsx)(V,{description:(0,q.jsxs)(q.Fragment,{children:[`Each Codex account keeps its own login (`,(0,q.jsx)(`code`,{children:`CODEX_HOME`}),`). One is picked per chat by the rotation setting.`]}),onRefresh:()=>void n.load(),refreshing:n.loading,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsxs)(b,{size:`sm`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`add`),children:[(0,q.jsx)(u,{className:`size-4`}),` Add account`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`export`),children:[(0,q.jsx)(d,{className:`size-4`}),` Export`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`import`),children:[(0,q.jsx)(c,{className:`size-4`}),` Import`]}),(0,q.jsxs)(b,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`rotation`),children:[(0,q.jsx)(a,{className:`size-4`}),` Rotation`]})]})}),(0,q.jsx)(B,{message:n.msg??n.err,onDismiss:()=>{n.setMsg(null),n.setErr(null)}}),(0,q.jsxs)(`section`,{className:`space-y-2`,children:[(0,q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,q.jsx)(`h3`,{className:`text-sm font-medium`,children:`Codex Accounts`}),(0,q.jsx)(`span`,{className:`text-[10px] text-muted-foreground capitalize`,children:n.strategy.replace(`-`,` `)})]}),n.loading&&n.accounts.length===0?(0,q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-xs text-muted-foreground`,children:[(0,q.jsx)(m,{className:`size-4 animate-spin`}),` Loading accounts...`]}):n.accounts.length===0?(0,q.jsxs)(`div`,{className:`flex flex-col items-center gap-2 py-8 text-center`,children:[(0,q.jsx)(f,{className:`size-5 text-muted-foreground`}),(0,q.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No Codex accounts yet.`}),(0,q.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Chats use your default `,(0,q.jsx)(`code`,{children:`~/.codex`}),` login until you add one.`]})]}):(0,q.jsx)(H,{children:n.accounts.map(e=>{let t=n.usages[e.id]??{};return(0,q.jsxs)(ge,{dense:!0,className:`min-w-[300px] shrink-0 snap-start${e.signedOut?` opacity-60`:``}`,"data-testid":`account-card`,"data-account-id":e.id,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,q.jsx)(`span`,{className:`text-sm font-medium truncate flex-1 min-w-0`,children:e.label}),e.signedOut&&(0,q.jsx)(ue,{className:`text-[10px] text-error shrink-0 font-medium`,hint:`Codex rejected this account's login (revoked or expired), so no turn can run on it and it is skipped. The usage shown is the last reading. Click to sign in again — the account keeps its settings and chats.`,onClick:e.type===`chatgpt`?()=>i(e):void 0,children:`Sign in again`}),(0,q.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-text-subtle border border-border rounded px-1 shrink-0`,children:e.type}),U(e.planType)&&(0,q.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0`,children:U(e.planType)}),(0,q.jsx)(M,{checked:e.status!==`disabled`,onCheckedChange:()=>void n.toggle(e.id,e.status??`active`),disabled:n.toggling.has(e.id),"aria-label":e.status===`disabled`?`Enable account`:`Disable account`,className:`cursor-pointer shrink-0`}),(0,q.jsxs)(L,{children:[(0,q.jsx)(I,{asChild:!0,children:(0,q.jsx)(`button`,{type:`button`,onClick:()=>void n.remove(e.id),"aria-label":`Remove account`,className:`p-2 rounded cursor-pointer text-text-subtle hover:text-error hover:bg-surface-elevated transition-colors shrink-0`,children:(0,q.jsx)(s,{className:`size-4`})})}),(0,q.jsx)(k,{side:`top`,children:`Remove account`})]})]}),(0,q.jsx)(Ge,{usage:t}),t.resetCredits&&(0,q.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap text-[10px] text-text-subtle`,children:[(0,q.jsx)(me,{credits:t.resetCredits}),(0,q.jsx)(be,{account:e,usage:t,onDone:e=>{n.setMsg(e),n.load()}})]}),t.session==null&&(()=>{let r=ve(t.weekly);return r?(0,q.jsxs)(`div`,{className:`flex min-h-12 items-center justify-between gap-3 rounded-md border px-2.5 py-1.5 ${e.dailyGuardEnabled&&r.blocked?`border-error/40 bg-error/5`:`border-border/50 bg-surface/40`}`,children:[(0,q.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,q.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs font-medium ${e.dailyGuardEnabled&&r.blocked?`text-error`:`text-text-secondary`}`,children:[(0,q.jsx)(`span`,{children:`Daily guard`}),(0,q.jsxs)(L,{children:[(0,q.jsx)(I,{asChild:!0,children:(0,q.jsx)(`button`,{type:`button`,"aria-label":`About Daily guard`,className:`text-text-subtle hover:text-text-primary cursor-help`,children:(0,q.jsx)(o,{className:`size-3.5`})})}),(0,q.jsx)(k,{side:`top`,className:`max-w-64 text-xs leading-relaxed`,children:`Spreads the weekly quota across five weekdays, adding 20% per weekday. Weekend slots keep the previous cap; unused allowance carries forward. Daily slots start at the reset time and use UTC weekdays. Turn it off any time to use the remaining quota freely.`})]})]}),(0,q.jsx)(`p`,{className:`text-[10px] tabular-nums ${e.dailyGuardEnabled&&r.blocked?`text-error`:`text-text-subtle`}`,children:e.dailyGuardEnabled&&r.blocked?`${Math.round(r.used*100)}% used / ${Math.round(r.cap*100)}% daily cap. New turns paused.`:`Weekday ${r.day}/5, ${Math.round(r.cap*100)}% daily cap`})]}),(0,q.jsxs)(`span`,{className:`hidden`,title:`Weekday ${r.day}/5: hold weekly usage at or below ${Math.round(r.cap*100)}% to last until reset.`,children:[`Daily guard `,e.dailyGuardEnabled?`· Weekday ${r.day}/5 cap ${Math.round(r.cap*100)}%`:``]}),(0,q.jsx)(M,{checked:!!e.dailyGuardEnabled,onCheckedChange:()=>void n.toggleDailyGuard(e.id,!!e.dailyGuardEnabled),disabled:n.toggling.has(e.id),"aria-label":e.dailyGuardEnabled?`Disable Daily guard`:`Enable Daily guard`,className:`cursor-pointer shrink-0`})]}):null})()]},e.id)})})]}),(0,q.jsx)(ye,{open:e===`add`,onOpenChange:e=>{e||n.cancelLogin(),t(e?`add`:null)},label:n.label,onLabelChange:n.setLabel,apiKey:n.apiKey,onApiKeyChange:n.setApiKey,adding:n.adding,onAddApiKey:()=>void n.addApiKey(),deviceWaiting:n.deviceWaiting,onStartDevice:()=>void n.startDevice(),device:n.device,browser:n.browser,onStartBrowser:()=>void n.startBrowser(),loginStarting:n.loginStarting,callbackUrl:n.callbackUrl,onCallbackUrlChange:n.setCallbackUrl,submittingCallback:n.submittingCallback,onSubmitCallback:()=>void n.submitCallback(),error:n.err}),(0,q.jsx)(He,{mode:e===`export`?`export`:e===`import`?`import`:null,onOpenChange:e=>{e||t(null)},password:n.backupPassword,onPasswordChange:n.setBackupPassword,busy:n.exporting||n.importing,onExport:()=>void n.doExport(),onImport:e=>void n.doImport(e),error:n.err}),r&&(0,q.jsx)(_e,{account:r,onClose:()=>i(null),onDone:()=>void n.load()}),(0,q.jsx)(We,{open:e===`rotation`,onOpenChange:e=>t(e?`rotation`:null),strategy:n.strategy,onChange:e=>void n.changeStrategy(e)})]})}var qe=[{id:`claude`,label:`Claude`},{id:`codex`,label:`Codex`}];function Je(){let[e,t]=(0,K.useState)(null),[n,r]=(0,K.useState)(`claude`);(0,K.useEffect)(()=>{let e=!1;return ne().then(n=>{e||t(new Set(Object.keys(n.providers??{})))}).catch(()=>{e||t(new Set([`claude`]))}),()=>{e=!0}},[]);let i=qe.filter(t=>t.id===`claude`||e?.has(t.id)),a=i.length>1;return(0,q.jsxs)(`div`,{className:`space-y-4`,"data-testid":`accounts-pane`,"data-provider":n,children:[a&&(0,q.jsx)(`div`,{className:`flex gap-1 border-b border-border/50`,children:i.map(e=>(0,q.jsxs)(`button`,{onClick:()=>r(e.id),"data-testid":`accounts-tab-${e.id}`,"aria-current":n===e.id?`page`:void 0,className:`flex items-center gap-1.5 px-3 py-2 text-xs rounded-t transition-colors cursor-pointer ${n===e.id?`text-primary border-b-2 border-primary font-medium`:`text-text-subtle hover:text-text-secondary`}`,children:[(0,q.jsx)(j,{providerId:e.id}),e.label]},e.id))}),e===null&&!a&&(0,q.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,q.jsx)(m,{className:`size-3 animate-spin`}),` Checking configured providers...`]}),n===`claude`?(0,q.jsx)(Ve,{}):(0,q.jsx)(Ke,{})]})}export{Je as AccountsSettingsSection};