@hienlh/ppm 0.22.2 → 0.22.3

package/src/web/lib/onboarding/onboarding-copy.ts

@@ -0,0 +1,57 @@
+import type { OnboardingFamiliarity, OnboardingStepId } from "./onboarding-types";
+
+interface StepCopy { title: string; body: string; more: string; action: string }
+const copy: Record<OnboardingStepId, { title: string; action: string; bodies: [string, string, string]; more: string }> = {
+  project: {
+    title: "Choose a project", action: "Choose project",
+    bodies: ["A project is a folder with the files you want to work on. Choose one on the computer running PPM, which may be different from your phone.", "Choose or add a project to begin.", "Select the workspace for this walkthrough."],
+    more: "Use the project picker to select an existing folder or add one. The tour never creates files or changes your project.",
+  },
+  chat: {
+    title: "Open AI chat", action: "Open chat",
+    bodies: ["Chat lets you ask an AI assistant about your project. Open a chat and choose an available AI provider.", "Open a chat with your preferred available provider.", "Open a provider-backed chat tab."],
+    more: "If no provider is ready, use the existing setup or retry controls, or open AI Settings. You can pause this guide and return after setup.",
+  },
+  send: {
+    title: "Ask about your project", action: "Use suggested question",
+    bodies: ["Ask AI to explain your project. You can use our suggested question or write your own, then press Send yourself.", "Send a question and wait for a successful answer.", "Complete one AI turn in this project."],
+    more: "The suggestion requests reading only; your provider's existing permissions still apply. Your draft is never replaced and nothing is sent automatically. Errors or interrupted replies do not complete this step.",
+  },
+  history: {
+    title: "Find your conversation", action: "Show conversation history",
+    bodies: ["Use the chat history menu to open the conversation you just had. This is how you return to your work later.", "Reopen this conversation from the chat history menu.", "Select the completed session in chat history."],
+    more: "Choose the conversation from the history menu above the chat, even if it is already open. If you skipped sending a message, you can skip this step too.",
+  },
+  file: {
+    title: "Read a project file", action: "Open files",
+    bodies: ["The file explorer shows your project's folders and files. Open any text file that you want to read.", "Open any text file from the explorer.", "Open any source, text or Markdown file."],
+    more: "This step completes when a text editor or Markdown Preview loads successfully. The filename does not matter. Images and databases are not part of this reading exercise. If the project is empty or has no readable files, skip this step or choose another project; no sample file is created automatically.",
+  },
+  search: {
+    title: "Search your project", action: "Open search",
+    bodies: ["Search helps you find words inside project files. Type at least two characters and look at the results.", "Search file contents using at least two characters.", "Run a project content search."],
+    more: "A successful search with no matches still counts. A failed request does not. Try a different word, retry an error, or open a result to read its file.",
+  },
+  terminal: {
+    title: "Open the terminal", action: "Open terminal",
+    bodies: ["A terminal runs commands on the computer hosting PPM. Open one and wait for it to connect; you do not need to type a command yet.", "Open a terminal and wait for the shell to become ready.", "Connect a terminal for this project."],
+    more: "The tour never types or executes commands. If connection fails, retry using the terminal controls or skip this step.",
+  },
+  git: {
+    title: "View project changes", action: "Open Git changes",
+    bodies: ["Git tracks changes in a project. Open its changes view to see whether files have changed.", "Inspect the project's Git status.", "Load the working-tree status."],
+    more: "A clean repository counts too. If the folder does not use Git, skip this step or choose another project. The tour never initializes a repository or commits changes.",
+  },
+  run: {
+    title: "Find how to run the project", action: "Find run instructions",
+    bodies: ["Open README or a package manifest and look for instructions to start the project. You can use those instructions in the terminal when you are ready.", "Find the documented run instructions in README or a package manifest.", "Inspect README or package scripts for the run command."],
+    more: "Find run instructions opens a README in the project root, or package.json if there is no readable README. README Preview counts too. After reading, confirm that you know where to find the instructions. This does not run the project. If no file is found, browse Files or skip this step.",
+  },
+};
+
+export const ONBOARDING_SUGGESTED_PROMPT = "Summarize this project and explain how to run it. Only read; do not edit files.";
+export function getOnboardingCopy(step: OnboardingStepId, familiarity: OnboardingFamiliarity | null): StepCopy {
+  const item = copy[step];
+  const index = familiarity === "advanced" ? 2 : familiarity === "familiar" ? 1 : 0;
+  return { title: item.title, body: item.bodies[index], more: item.more, action: item.action };
+}

package/src/web/lib/onboarding/onboarding-state.ts

@@ -0,0 +1,77 @@
+import { getOnboardingSteps } from "./onboarding-steps";
+import type { OnboardingEvent, OnboardingState, OnboardingStepId } from "./onboarding-types";
+
+export function initialOnboardingState(): OnboardingState {
+  return { version: 1, status: "unseen", familiarity: null, goal: null, currentStep: null,
+    completed: [], skipped: [], projectName: null, sessionId: null, attempt: null, runDocumentReady: false };
+}
+
+export function advanceOnboarding(state: OnboardingState, skipped = false): OnboardingState {
+  if (state.status !== "active" || !state.currentStep) return state;
+  const completed = state.completed.filter((id) => id !== state.currentStep);
+  const omitted = state.skipped.filter((id) => id !== state.currentStep);
+  (skipped ? omitted : completed).push(state.currentStep);
+  const route = getOnboardingSteps(state.goal);
+  const next = route.slice(route.indexOf(state.currentStep) + 1).find((id) => !completed.includes(id) && !omitted.includes(id));
+  return { ...state, completed, skipped: omitted, currentStep: next ?? state.currentStep, status: next ? "active" : "finished" };
+}
+
+export function observeOnboarding(state: OnboardingState, event: OnboardingEvent): OnboardingState {
+  // Failure invalidates an already tracked turn even if its tab just became hidden.
+  if (event.type === "chat-failed" && event.projectName === state.projectName && state.attempt?.id === event.attemptId &&
+      state.attempt.tabId === event.tabId && state.attempt.sessionId === event.sessionId) {
+    return { ...state, attempt: { ...state.attempt, failed: true } };
+  }
+  if (state.status !== "active" || !event.visible || event.projectName !== state.projectName) return state;
+  const step = state.currentStep;
+  if (event.type === "run-document-ready" && step === "run") return { ...state, runDocumentReady: true };
+  if (event.type === "chat-opened" && step === "chat") return advanceOnboarding(state);
+  if (event.type === "chat-started" && step === "send") {
+    if (state.attempt?.id === event.attemptId) return state;
+    return { ...state, sessionId: event.sessionId, attempt: { id: event.attemptId, tabId: event.tabId, sessionId: event.sessionId, failed: false } };
+  }
+  if (event.type === "chat-session" && state.attempt?.id === event.attemptId && state.attempt.tabId === event.tabId && state.attempt.sessionId === event.previousSessionId) {
+    return { ...state, sessionId: event.sessionId, attempt: { ...state.attempt, sessionId: event.sessionId } };
+  }
+  if (event.type === "chat-failed" || event.type === "chat-succeeded") {
+    const attempt = state.attempt;
+    if (!attempt || attempt.id !== event.attemptId || attempt.tabId !== event.tabId || attempt.sessionId !== event.sessionId) return state;
+    if (event.type === "chat-failed") return { ...state, attempt: { ...attempt, failed: true } };
+    return step === "send" && !attempt.failed && event.hasContent ? advanceOnboarding(state) : state;
+  }
+  if (event.type === "history-opened" && step === "history" && state.completed.includes("send") && event.sessionId === state.sessionId) return advanceOnboarding(state);
+  if (event.type === "file-ready") {
+    if (step === "file") return advanceOnboarding(state);
+    if (step === "run" && event.isRunDocument) return { ...state, runDocumentReady: true };
+  }
+  if ((event.type === "search-succeeded" && step === "search") ||
+      (event.type === "terminal-ready" && step === "terminal") ||
+      (event.type === "git-ready" && step === "git") ||
+      (event.type === "run-acknowledged" && step === "run" && state.runDocumentReady)) return advanceOnboarding(state);
+  return state;
+}
+
+/** Select only durable fields: no paths, drafts, queries or runtime evidence. */
+export function serializeOnboarding(state: OnboardingState): string {
+  const { version, status, familiarity, goal, currentStep, completed, skipped, projectName, sessionId } = state;
+  return JSON.stringify({ version, status, familiarity, goal, currentStep, completed, skipped, projectName, sessionId });
+}
+
+export function hydrateOnboarding(raw: string | null): OnboardingState {
+  const initial = initialOnboardingState();
+  if (!raw) return initial;
+  try {
+    const value = JSON.parse(raw);
+    if (!value || value.version !== 1 || !["unseen", "choosing", "active", "paused", "dismissed", "finished"].includes(value.status) ||
+        ![null, "beginner", "familiar", "advanced"].includes(value.familiarity) || ![null, "ai", "explore", "developer"].includes(value.goal)) return initial;
+    const route = getOnboardingSteps(value.goal);
+    if (value.currentStep !== null && !route.includes(value.currentStep)) return initial;
+    if (![value.completed, value.skipped].every((list) => Array.isArray(list) && list.every((id) => route.includes(id)))) return initial;
+    if (![value.projectName, value.sessionId].every((id) => id === null || typeof id === "string")) return initial;
+    if (["active", "finished"].includes(value.status) && (!value.familiarity || !value.goal || !value.currentStep)) return initial;
+    const completed = [...new Set<OnboardingStepId>(value.completed)];
+    const skipped = [...new Set<OnboardingStepId>(value.skipped)].filter((id) => !completed.includes(id));
+    return { ...initial, status: value.status === "active" ? "paused" : value.status, familiarity: value.familiarity,
+      goal: value.goal, currentStep: value.currentStep, completed, skipped, projectName: value.projectName, sessionId: value.sessionId };
+  } catch { return initial; }
+}

package/src/web/lib/onboarding/onboarding-steps.ts

@@ -0,0 +1,16 @@
+import type { OnboardingGoal, OnboardingStepId } from "./onboarding-types";
+
+const routes: Record<OnboardingGoal, readonly OnboardingStepId[]> = {
+  ai: ["project", "chat", "send", "history"],
+  explore: ["project", "file", "search"],
+  developer: ["project", "terminal", "git", "run"],
+};
+
+export function getOnboardingSteps(goal: OnboardingGoal | null): readonly OnboardingStepId[] {
+  return goal ? routes[goal] : [];
+}
+
+export const ONBOARDING_TARGETS: Record<OnboardingStepId, string> = {
+  project: "project", chat: "chat", send: "chat-input", history: "chat-history",
+  file: "explorer", search: "search", terminal: "terminal", git: "git", run: "explorer",
+};

package/src/web/lib/onboarding/onboarding-types.ts

@@ -0,0 +1,39 @@
+export type OnboardingFamiliarity = "beginner" | "familiar" | "advanced";
+export type OnboardingGoal = "ai" | "explore" | "developer";
+export type OnboardingStatus = "unseen" | "choosing" | "active" | "paused" | "dismissed" | "finished";
+export type OnboardingStepId = "project" | "chat" | "send" | "history" | "file" | "search" | "terminal" | "git" | "run";
+
+type Scope = { projectName: string; visible: boolean };
+type ChatScope = Scope & { tabId: string; sessionId: string; attemptId: string };
+export type OnboardingEvent =
+  | (Scope & { type: "chat-opened"; tabId: string; sessionId?: string | null })
+  | (ChatScope & { type: "chat-started" })
+  | (ChatScope & { type: "chat-failed" })
+  | (ChatScope & { type: "chat-succeeded"; hasContent: boolean })
+  | (ChatScope & { type: "chat-session"; previousSessionId: string })
+  | (Scope & { type: "history-opened"; tabId: string; sessionId: string })
+  | (Scope & { type: "file-ready"; tabId: string; isRunDocument?: boolean })
+  | (Scope & { type: "run-document-ready"; tabId: string })
+  | (Scope & { type: "search-succeeded"; requestId: string })
+  | (Scope & { type: "terminal-ready"; tabId: string })
+  | (Scope & { type: "git-ready" | "run-acknowledged" });
+
+export interface OnboardingState {
+  version: 1;
+  status: OnboardingStatus;
+  familiarity: OnboardingFamiliarity | null;
+  goal: OnboardingGoal | null;
+  currentStep: OnboardingStepId | null;
+  completed: OnboardingStepId[];
+  skipped: OnboardingStepId[];
+  projectName: string | null;
+  sessionId: string | null;
+  /** Transient evidence is deliberately excluded from persistence. */
+  attempt: { id: string; tabId: string; sessionId: string; failed: boolean } | null;
+  runDocumentReady: boolean;
+}
+
+export const ONBOARDING_EVENT = "ppm:onboarding-evidence";
+export function emitOnboardingEvidence(event: OnboardingEvent): void {
+  if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent(ONBOARDING_EVENT, { detail: event }));
+}

package/src/web/lib/onboarding/run-instructions.ts

@@ -0,0 +1,22 @@
+import { api, projectUrl } from "@/lib/api-client";
+import { useTabStore } from "@/stores/tab-store";
+import type { FileDirEntry } from "../../../types/project";
+
+export function chooseRunInstructions(entries: FileDirEntry[]): string | undefined {
+  const names = entries.filter((entry) => entry.type === "file").map((entry) => entry.name);
+  const priorities = ["readme.md", "readme.markdown", "readme.txt", "readme", "readme.rst", "package.json"];
+  return priorities.map((name) => names.find((candidate) => candidate.toLowerCase() === name)).find(Boolean);
+}
+
+/** Navigation only. Readiness comes from the actual editor/preview after loading. */
+export async function openRunInstructions(projectName: string, stillCurrent: () => boolean): Promise<"opened" | "missing" | "stale"> {
+  const entries = await api.get<FileDirEntry[]>(`${projectUrl(projectName)}/files/list`);
+  if (!stillCurrent()) return "stale";
+  const filePath = chooseRunInstructions(entries);
+  if (!filePath) return "missing";
+  useTabStore.getState().openTab({ type: "editor", title: filePath, projectId: projectName,
+    metadata: { projectName, filePath }, closable: true });
+  // Re-check already-open previews as well as newly mounted editors.
+  requestAnimationFrame(() => window.dispatchEvent(new Event("ppm:onboarding-refresh")));
+  return "opened";
+}

package/src/web/stores/onboarding-store.ts

@@ -0,0 +1,74 @@
+import { create } from "zustand";
+import { advanceOnboarding, hydrateOnboarding, initialOnboardingState, observeOnboarding, serializeOnboarding } from "../lib/onboarding/onboarding-state";
+import { getOnboardingSteps } from "../lib/onboarding/onboarding-steps";
+import type { OnboardingEvent, OnboardingFamiliarity, OnboardingGoal, OnboardingState } from "../lib/onboarding/onboarding-types";
+
+export const ONBOARDING_STORAGE_KEY = "ppm-onboarding-v1";
+interface OnboardingActions {
+  begin: () => void;
+  chooseFamiliarity: (value: OnboardingFamiliarity) => void;
+  chooseGoal: (value: OnboardingGoal) => void;
+  start: (projectName?: string | null) => void;
+  pause: () => void;
+  dismiss: () => void;
+  resume: (projectName?: string | null) => void;
+  replay: () => void;
+  skip: () => void;
+  back: () => void;
+  changeChoices: () => void;
+  observe: (event: OnboardingEvent) => void;
+  setProjectContext: (name: string | null) => void;
+}
+
+function readState(): OnboardingState {
+  try { return hydrateOnboarding(typeof localStorage === "undefined" ? null : localStorage.getItem(ONBOARDING_STORAGE_KEY)); }
+  catch { return initialOnboardingState(); }
+}
+
+export const useOnboardingStore = create<OnboardingState & OnboardingActions>((set, get) => {
+  const activate = (name?: string | null) => set((state) => {
+    if (!state.goal || !state.familiarity) return { status: "choosing" as const };
+    const projectName = name === undefined ? state.projectName : name;
+    const changed = projectName !== state.projectName;
+    const next: OnboardingState = { ...state, status: "active", projectName,
+      currentStep: changed || !state.currentStep ? "project" : state.currentStep,
+      completed: changed ? [] : state.completed, skipped: changed ? [] : state.skipped,
+      attempt: changed ? null : state.attempt, sessionId: changed ? null : state.sessionId,
+      runDocumentReady: changed ? false : state.runDocumentReady };
+    return next.currentStep === "project" && projectName ? advanceOnboarding(next) : next;
+  });
+  return {
+    ...readState(),
+    begin: () => set({ status: "choosing" }),
+    chooseFamiliarity: (familiarity) => set({ familiarity }),
+    chooseGoal: (goal) => set((state) => state.goal === goal ? { goal } : {
+      goal, currentStep: "project", completed: state.completed.includes("project") && state.projectName ? ["project"] : [],
+      skipped: [], sessionId: null, attempt: null, runDocumentReady: false,
+    }),
+    start: activate,
+    pause: () => set((state) => state.status === "active" || state.status === "choosing" ? { status: "paused", attempt: null } : {}),
+    dismiss: () => set({ status: "dismissed", attempt: null }),
+    resume: activate,
+    replay: () => set({ ...initialOnboardingState(), status: "choosing" }),
+    skip: () => set((state) => advanceOnboarding(state, true)),
+    back: () => set((state) => {
+      const route = getOnboardingSteps(state.goal);
+      const index = state.currentStep ? route.indexOf(state.currentStep) : -1;
+      return index > 0 ? { currentStep: route[index - 1], status: "active" } : {};
+    }),
+    changeChoices: () => set({ status: "choosing", attempt: null }),
+    observe: (event) => set((state) => observeOnboarding(state, event)),
+    setProjectContext: (name) => {
+      const state = get();
+      if (state.status !== "active") return;
+      if (state.currentStep === "project" && name) {
+        set(advanceOnboarding({ ...state, projectName: name }));
+      } else if (name !== state.projectName) set({ status: "paused", attempt: null, runDocumentReady: false });
+    },
+  };
+});
+
+useOnboardingStore.subscribe((state) => {
+  try { if (typeof localStorage !== "undefined") localStorage.setItem(ONBOARDING_STORAGE_KEY, serializeOnboarding(state)); }
+  catch { /* Guidance remains usable when browser storage is unavailable. */ }
+});

package/vite.config.ts

@@ -86,7 +86,11 @@ export default defineConfig({
     port: 5173,
     allowedHosts: true,
     proxy: {
-      "/api": process.env.PPM_DEV_API ?? "http://localhost:8081",
+      "/api": {
+        target: process.env.PPM_DEV_API ?? "http://localhost:8081",
+        // HTML preview CSP must refer to the browser-facing authority.
+        changeOrigin: false,
+      },
       "/ws": {
         target: process.env.PPM_DEV_API ?? "http://localhost:8081",
         ws: true,

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{C as t,S as n}from"./vendor-markdown-CuWCHIVb.js";import"./vendor-ui-DmZ-Mb-H.js";import{Br as r,Tn as i,V as a,Xt as o,ct as s,dn as c,kr as l,ln as u,nt as d,or as f,qn as p,st as m,wr as h,xt as g}from"./icons-DQjqk0lJ.js";import{n as _,r as v}from"./api-client-Jn3njtNw.js";import{n as y}from"./utils-Bmf_8h7Y.js";import"./portal-container-context-BarKmT4S.js";import{n as b}from"./use-is-mobile-TkcwP1Gx.js";import{n as x,t as S}from"./button-B9CTrsEf.js";import{a as C,i as w,n as T,o as E,r as D,t as O}from"./dialog-B84_DJQ8.js";import{t as k}from"./mobile-bottom-sheet-C3TniEP-.js";import"./use-visual-viewport-Lp878uzs.js";import{t as A}from"./input-C7Q8FxeL.js";import{$t as j,Cn as M,G as N,J as P,K as F,Tn as I,W as ee,Y as L,fn as te,q as R,rt as z,wn as B}from"./index-CN0G8uYY.js";import{addAccount as V,deleteAccount as H,exchangeOAuthCode as U,getAISettings as W,getAccountSettings as G,getOAuthUrl as K,getUsageHistory as ne,importAccounts as q,patchAccount as J,testAccountToken as re,testExport as Y,testRawToken as ie,updateAccountSettings as X}from"./api-settings-BxijvPBR.js";import{a as ae,c as oe,d as se,f as ce,i as le,n as ue,o as de,r as fe,s as pe,t as me,u as he}from"./codex-daily-guard-ChDPiXDx.js";var Z=e(t(),1),Q=n(),ge=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],$=Array.from({length:24},(e,t)=>t);function _e(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 ve(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 ye(e){return $.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 be(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 xe(e){return e<.3?`bg-success`:e<.7?`bg-warning`:`bg-error`}function Se({accountId:e}){let[t,n]=(0,Z.useState)(null),[r,i]=(0,Z.useState)(!0),[a,o]=(0,Z.useState)(`5h`);(0,Z.useEffect)(()=>{i(!0),ne(e).then(n).catch(()=>n([])).finally(()=>i(!1))},[e]);let s=(0,Z.useMemo)(()=>t?_e(t,a):null,[t,a]),c=(0,Z.useMemo)(()=>s?ve(s):[],[s]),l=(0,Z.useMemo)(()=>s?ye(s):[],[s]),d=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)(u,{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 f=t.length,p=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 `,p,`d (`,f,` 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:ge.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 ${xe(n)}`,style:{width:`${Math.round(n/d*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:$.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] ${be(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:[ge.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)}),$.map(n=>{let r=s[t][n];return(0,Q.jsx)(`div`,{className:`flex-1 aspect-square rounded-[1px] ${be(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`}),$.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 Ce({profile:e,accountId:t,onClose:n}){let i=[[`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)(r,{className:`size-4`})})]}),(0,Q.jsx)(`div`,{className:`grid grid-cols-[80px_1fr] gap-x-3 gap-y-1 text-xs`,children:i.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)(Se,{accountId:t})]})}function we({display:e,onConfirm:t,onCancel:n}){let r=b(),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)(S,{variant:`outline`,onClick:n,className:`min-h-11`,children:`Cancel`}),(0,Q.jsx)(S,{variant:`destructive`,autoFocus:!1,onClick:t,className:`min-h-11`,children:`Remove account`})]})]});return r?(0,Q.jsx)(k,{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)(O,{open:!0,onOpenChange:e=>{e||n()},children:(0,Q.jsxs)(T,{className:`sm:max-w-sm`,children:[(0,Q.jsx)(C,{children:(0,Q.jsx)(E,{className:`text-sm`,children:`Remove account`})}),i]})})}function Te({open:e,onOpenChange:t,onSuccess:n}){let[r,i]=(0,Z.useState)(``),[a,o]=(0,Z.useState)(``),[s,c]=(0,Z.useState)(!1),[l,d]=(0,Z.useState)(null),[f,p]=(0,Z.useState)(null),[m,h]=(0,Z.useState)(``),[g,_]=(0,Z.useState)(!1),[v,y]=(0,Z.useState)(`idle`);function b(){p(null),h(``),y(`idle`),d(null)}function x(){t(!1),b(),i(``),o(``),d(null)}async function k(){_(!0),d(null);try{let{url:e,state:t}=await K();p(t),y(`waiting`),window.open(e,`_blank`)}catch(e){d(e.message)}_(!1)}async function j(){if(!(!m.trim()||!f)){_(!0),d(null);try{let e=m.trim();e.includes(`#`)&&(e=e.split(`#`)[0]??e);let t=await U(e,f);x(),n(t?.status===`disabled`?`Signed in. This account is still disabled — enable it to use it.`:`Account connected via OAuth!`)}catch(e){d(e.message)}_(!1)}}async function M(){if(r.trim()){c(!0),d(null);try{let e=await V({apiKey:r.trim(),label:a.trim()||void 0});x(),n(e?.status===`disabled`?`Token updated. This account is still disabled — enable it to use it.`:`Account added!`)}catch(e){d(e.message)}c(!1)}}let N=r.trim()?r.trim().startsWith(`sk-ant-oat`)?`OAuth token (Claude Max/Pro)`:r.trim().startsWith(`sk-ant-api`)?`API key`:`Unknown format`:``;return(0,Q.jsx)(O,{open:e,onOpenChange:e=>{e||x()},children:(0,Q.jsxs)(T,{className:`sm:max-w-md`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsx)(E,{className:`text-sm`,children:`Add Claude Account`}),(0,Q.jsx)(D,{className:`text-xs leading-relaxed`,children:`Connect via OAuth (recommended) or paste a token manually.`})]}),(0,Q.jsxs)(`div`,{className:`space-y-3`,children:[(0,Q.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,Q.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Recommended: Login with Claude`}),v===`idle`?(0,Q.jsx)(S,{size:`sm`,className:`w-full h-8 text-xs`,onClick:k,disabled:g,children:g?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{className:`size-3 animate-spin mr-1`}),` Opening...`]}):`Login with Claude`}):(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Authorize in the opened tab, then paste the code:`}),(0,Q.jsx)(A,{placeholder:`Paste code here...`,value:m,onChange:e=>h(e.target.value),className:`text-xs h-8 font-mono`,autoFocus:!0}),(0,Q.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,Q.jsx)(S,{size:`sm`,className:`flex-1 h-7 text-xs`,onClick:j,disabled:!m.trim()||g,children:g?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{className:`size-3 animate-spin mr-1`}),` Connecting...`]}):`Connect`}),(0,Q.jsx)(S,{size:`sm`,variant:`ghost`,className:`h-7 text-xs`,onClick:b,children:`Cancel`})]})]})]}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(`div`,{className:`flex-1 border-t`}),(0,Q.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`or paste token`}),(0,Q.jsx)(`div`,{className:`flex-1 border-t`})]}),(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsx)(z,{htmlFor:`add-token`,className:`text-xs`,children:`Token`}),(0,Q.jsx)(A,{id:`add-token`,type:`password`,placeholder:`sk-ant-...`,value:r,onChange:e=>i(e.target.value),className:`text-xs h-8 font-mono`}),N&&(0,Q.jsxs)(`p`,{className:`text-[10px] text-muted-foreground`,children:[`Detected: `,N]})]}),(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsx)(z,{htmlFor:`add-label`,className:`text-xs`,children:`Label (optional)`}),(0,Q.jsx)(A,{id:`add-label`,placeholder:`e.g. Personal, Work`,value:a,onChange:e=>o(e.target.value),className:`text-xs h-8`})]})]}),l&&(0,Q.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:l}),(0,Q.jsxs)(w,{children:[(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs h-7`,onClick:x,children:`Cancel`}),(0,Q.jsx)(S,{size:`sm`,className:`text-xs h-7`,onClick:M,disabled:!r.trim()||s,children:s?`Adding...`:`Add Token`})]})]})})}function Ee(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 De({open:e,onOpenChange:t,accounts:n,preselectId:r,onMessage:i}){let a=n.filter(e=>e.hasRefreshToken),[o,s]=(0,Z.useState)(new Set),[l,f]=(0,Z.useState)(``),[p,h]=(0,Z.useState)(!1),[g,_]=(0,Z.useState)(!1),[y,b]=(0,Z.useState)(!1),[x,k]=(0,Z.useState)(!1);e&&!x&&(s(r?new Set([r]):new Set(a.map(e=>e.id))),k(!0)),!e&&x&&k(!1);function M(){t(!1),f(``),h(!1),_(!1)}async function N(e){if(o.size===0)return;b(!0);let t=l.trim()||`ppm-hienlh`;try{let n={"Content-Type":`application/json`},r=v();r&&(n.Authorization=`Bearer ${r}`);let a=await fetch(`/api/accounts/export`,{method:`POST`,headers:n,body:JSON.stringify({password:t,accountIds:[...o],includeRefreshToken:p,refreshBeforeExport:g})});if(!a.ok){let e=await a.json();throw Error(e.error??`Export failed: ${a.status}`)}let s=await a.text();e&&await j(s)?i?.(`Backup copied to clipboard!`):(Ee(s),i?.(`Backup downloaded.`)),M()}catch{}b(!1)}let P=o.size>0&&!y;return(0,Q.jsx)(O,{open:e,onOpenChange:e=>{e||M()},children:(0,Q.jsxs)(T,{className:`sm:max-w-md`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsxs)(E,{className:`text-sm flex items-center gap-1.5`,children:[(0,Q.jsx)(c,{className:`size-3.5`}),` Export Accounts`]}),(0,Q.jsx)(D,{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:()=>s(o.size===a.length?new Set:new Set(a.map(e=>e.id))),children:o.size===a.length?`Deselect all`:`Select all`})]}),a.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:a.map(e=>(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(`input`,{type:`checkbox`,id:`exp-${e.id}`,checked:o.has(e.id),onChange:t=>{let n=new Set(o);t.target.checked?n.add(e.id):n.delete(e.id),s(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)(z,{className:`text-xs`,children:[`Password `,(0,Q.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,Q.jsx)(A,{type:`password`,placeholder:`Leave empty for default`,value:l,onChange:e=>f(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:p,onChange:e=>h(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:g,onChange:e=>_(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`})]}),p?(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.`})]}):g?(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)(w,{className:`gap-1.5 flex-col sm:flex-row`,children:[(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:M,children:`Cancel`}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,disabled:!P,onClick:()=>N(!0),children:[(0,Q.jsx)(d,{className:`size-3 mr-1`}),` Copy`]}),(0,Q.jsx)(S,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!P,onClick:()=>N(!1),children:y?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{className:`size-3 animate-spin mr-1`}),` Exporting...`]}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(m,{className:`size-3 mr-1`}),` Download`]})})]})]})})}function Oe({open:e,onOpenChange:t,onSuccess:n}){let[r,i]=(0,Z.useState)(``),[a,o]=(0,Z.useState)(``),[s,l]=(0,Z.useState)(!1),[d,f]=(0,Z.useState)(null);function p(){t(!1),i(``),o(``),f(null)}async function m(){if(r.trim()){l(!0),f(null);try{let e=await q({data:r.trim(),password:a.trim()||`ppm-hienlh`});p(),n(`Imported ${e.imported} account(s)`)}catch(e){f(e.message||`Import failed`)}l(!1)}}return(0,Q.jsx)(O,{open:e,onOpenChange:e=>{e||p()},children:(0,Q.jsxs)(T,{className:`sm:max-w-md`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsxs)(E,{className:`text-sm flex items-center gap-1.5`,children:[(0,Q.jsx)(c,{className:`size-3.5`}),` Import Accounts`]}),(0,Q.jsx)(D,{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)(z,{className:`text-xs`,children:`Backup data`}),(0,Q.jsx)(`textarea`,{value:r,onChange:e=>i(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)(z,{className:`text-xs`,children:[`Password `,(0,Q.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(optional)`})]}),(0,Q.jsx)(A,{type:`password`,placeholder:`Leave empty for default`,value:a,onChange:e=>o(e.target.value),className:`text-xs h-8`,autoComplete:`current-password`})]})]}),d&&(0,Q.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:d}),(0,Q.jsxs)(w,{children:[(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs h-7 cursor-pointer`,onClick:p,children:`Cancel`}),(0,Q.jsx)(S,{size:`sm`,className:`text-xs h-7 cursor-pointer`,disabled:!r.trim()||s,onClick:m,children:s?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{className:`size-3 animate-spin mr-1`}),` Importing...`]}):`Import`})]})]})})}var ke=typeof window<`u`?window.matchMedia(`(min-width: 768px)`):null;function Ae(e){return ke?.addEventListener(`change`,e),()=>ke?.removeEventListener(`change`,e)}function je(){return ke?.matches??!0}function Me(){let[e,t]=(0,Z.useState)(null),[n,r]=(0,Z.useState)(!0);return(0,Z.useEffect)(()=>{r(!0),G().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)(ee,{value:e.strategy,onValueChange:async e=>{t(await X({strategy:e}))},children:[(0,Q.jsx)(R,{className:`w-full h-9 text-xs`,children:(0,Q.jsx)(P,{})}),(0,Q.jsxs)(N,{children:[(0,Q.jsx)(F,{value:`round-robin`,children:`Round-robin`}),(0,Q.jsx)(F,{value:`fill-first`,children:`Fill-first`}),(0,Q.jsx)(F,{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 X({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)(L,{checked:e.cooldownEnabled,onCheckedChange:async e=>{t(await X({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 Ne({open:e,onOpenChange:t}){let n=(0,Z.useSyncExternalStore)(Ae,je);return e?n?(0,Q.jsx)(O,{open:e,onOpenChange:t,children:(0,Q.jsxs)(T,{className:`sm:max-w-sm`,children:[(0,Q.jsx)(C,{children:(0,Q.jsxs)(E,{className:`text-sm flex items-center gap-2`,children:[(0,Q.jsx)(f,{className:`size-4`}),` Rotation & Retry`]})}),(0,Q.jsx)(Me,{})]})}):(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:y(`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)(f,{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)(r,{className:`size-4`})})]}),(0,Q.jsx)(`div`,{className:`px-4 py-4 pb-8`,children:(0,Q.jsx)(Me,{})})]})]}):null}var Pe=x(`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 Fe({className:e,variant:t,...n}){return(0,Q.jsx)(`div`,{className:y(Pe({variant:t}),e),...n})}function Ie(e){let t=Math.floor(Date.now()/1e3);return e>t?`${Math.floor((e-t)/60)}m`:`exp`}function Le({accounts:e}){let[t,n]=(0,Z.useState)([]),[r,i]=(0,Z.useState)(!1),[a,o]=(0,Z.useState)(!1),[s,c]=(0,Z.useState)(new Map),l=e.filter(e=>e.hasRefreshToken);async function d(){if(l.length!==0){i(!0);try{let e=await Y(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 f(e,t){c(t=>new Map(t).set(e,{loading:!0}));try{let n=await ie(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 p(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 m(){for(let e of t)for(let t of e.items)for(let n of p(e,t))n.token&&f(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)(L,{id:`sim-include-refresh`,checked:a,onCheckedChange:o,className:`cursor-pointer`}),(0,Q.jsx)(z,{htmlFor:`sim-include-refresh`,className:`text-[11px] cursor-pointer`,children:`Include refresh tokens`})]}),(0,Q.jsx)(S,{size:`sm`,className:`h-7 text-xs cursor-pointer`,disabled:r,onClick:()=>void d(),children:r?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{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)(S,{size:`sm`,variant:`outline`,className:`w-full h-7 text-[11px] cursor-pointer`,onClick:m,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)(Fe,{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)(Fe,{variant:`secondary`,className:`text-[9px] px-1 py-0`,children:`DB token changed`})]}),p(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:Ie(e.expires)}),e.token?(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`h-6 text-[10px] px-1.5 cursor-pointer shrink-0`,disabled:t?.loading,onClick:()=>void f(e.key,e.token),children:t?.loading?(0,Q.jsx)(u,{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 Re(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 ze({open:e,onOpenChange:t,accounts:n}){let[r,i]=(0,Z.useState)(new Map),[a,o]=(0,Z.useState)(!1);async function s(e){i(t=>new Map(t).set(e,{loading:!0}));try{let t=await re(e,a);i(n=>new Map(n).set(e,{loading:!1,result:t}))}catch(t){i(n=>new Map(n).set(e,{loading:!1,error:t.message}))}}function c(){for(let e of n.filter(e=>e.expiresAt!==null))s(e.id)}return(0,Q.jsx)(O,{open:e,onOpenChange:t,children:(0,Q.jsxs)(T,{className:`sm:max-w-xl max-h-[85vh] flex flex-col`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsxs)(E,{className:`text-sm flex items-center gap-1.5`,children:[(0,Q.jsx)(g,{className:`size-4`}),` Token Test`]}),(0,Q.jsx)(D,{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)(L,{id:`token-test-refresh`,checked:a,onCheckedChange:o,className:`cursor-pointer`}),(0,Q.jsx)(z,{htmlFor:`token-test-refresh`,className:`text-[11px] cursor-pointer`,children:`Also test refresh`})]}),(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`h-7 text-xs cursor-pointer`,onClick:c,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=r.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:Re(e.expiresAt)})]}),(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`h-7 text-xs cursor-pointer shrink-0`,disabled:t?.loading,onClick:()=>void s(e.id),children:t?.loading?(0,Q.jsx)(u,{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)(Le,{accounts:n})]}),(0,Q.jsx)(w,{children:(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Close`})})]})})}function Be(){let{usages:e,accounts:t,activeAccountId:n,initialLoading:r,refreshing:i,flashIds:a,reload:s}=fe(),[c,d]=(0,Z.useState)(null),[h,_]=(0,Z.useState)(null),[v,y]=(0,Z.useState)(null),[b,x]=(0,Z.useState)(null),[C,w]=(0,Z.useState)(null),[T,E]=(0,Z.useState)(null);function D(e){s(),e&&d(e)}async function O(e,t){_(e);try{await J(e,{status:t===`disabled`?`active`:`disabled`})}catch(e){d(e.message)}_(null),s()}async function k(){if(v){try{await H(v.id),d(`Account "${v.display}" removed.`),s()}catch(e){d(`Failed to remove: ${e.message}`)}y(null)}}let A=new Map(t.map(e=>[e.id,e])),j=e[0]?.usage.lastFetchedAt;return(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsx)(pe,{description:`Connect multiple Claude accounts. PPM rotates between them automatically to avoid rate limits.`,onRefresh:()=>void s(),refreshing:i,disabled:r,actions:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(S,{size:`sm`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`add`),children:[(0,Q.jsx)(p,{className:`size-4`}),` Add account`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>{w(null),E(`export`)},children:[(0,Q.jsx)(m,{className:`size-4`}),` Export`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`import`),children:[(0,Q.jsx)(l,{className:`size-4`}),` Import`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`rotation`),children:[(0,Q.jsx)(f,{className:`size-4`}),` Rotation`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>E(`token-test`),children:[(0,Q.jsx)(g,{className:`size-4`}),` Token test`]})]})}),(0,Q.jsx)(oe,{message:c,onDismiss:()=>d(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`}),j&&(0,Q.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`usage `,se(new Date(j).getTime())]})]}),r?(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-xs text-muted-foreground`,children:[(0,Q.jsx)(u,{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)(o,{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)(ae,{children:e.map(e=>(0,Q.jsx)(le,{layout:`strip`,entry:e,isActive:e.accountId===n,accountInfo:A.get(e.accountId),onToggle:O,toggling:h===e.accountId,onDelete:(e,t)=>y({id:e,display:t}),onExport:e=>{w(e),E(`export`)},onViewProfile:(e,t)=>x({profile:e,accountId:t}),flash:a.has(e.accountId)},e.accountId))})]}),b&&(0,Q.jsx)(Ce,{profile:b.profile,accountId:b.accountId,onClose:()=>x(null)}),v&&(0,Q.jsx)(we,{display:v.display,onConfirm:()=>void k(),onCancel:()=>y(null)}),(0,Q.jsx)(Te,{open:T===`add`,onOpenChange:e=>E(e?`add`:null),onSuccess:D}),(0,Q.jsx)(De,{open:T===`export`,onOpenChange:e=>{E(e?`export`:null),e||w(null)},accounts:t,preselectId:C,onMessage:d}),(0,Q.jsx)(Oe,{open:T===`import`,onOpenChange:e=>E(e?`import`:null),onSuccess:D}),(0,Q.jsx)(Ne,{open:T===`rotation`,onOpenChange:e=>E(e?`rotation`:null)}),(0,Q.jsx)(ze,{open:T===`token-test`,onOpenChange:e=>E(e?`token-test`:null),accounts:t})]})}function Ve({open:e,onOpenChange:t,label:n,onLabelChange:r,apiKey:a,onApiKeyChange:c,adding:l,onAddApiKey:d,deviceWaiting:f,onStartDevice:p,device:m,error:h,browser:g,onStartBrowser:_,loginStarting:v,callbackUrl:y,onCallbackUrlChange:b,submittingCallback:x,onSubmitCallback:k}){let j=v||f||!!g||l;return(0,Q.jsx)(O,{open:e,onOpenChange:t,children:(0,Q.jsxs)(T,{className:`sm:max-w-md max-h-[90dvh] overflow-y-auto`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsx)(E,{className:`text-sm`,children:`Add Codex Account`}),(0,Q.jsx)(D,{className:`text-xs leading-relaxed`,children:`Choose browser login, a device code, or an OpenAI API key.`})]}),(0,Q.jsxs)(`div`,{className:`space-y-3`,children:[(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsx)(z,{htmlFor:`codex-label`,className:`text-xs`,children:`Label (optional)`}),(0,Q.jsx)(A,{id:`codex-label`,placeholder:`e.g. Personal, Work`,value:n,onChange:e=>r(e.target.value),disabled:j,className:`text-xs`})]}),(0,Q.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,Q.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Browser login`}),(0,Q.jsxs)(S,{size:`sm`,className:`w-full cursor-pointer gap-1.5`,onClick:_,disabled:j,children:[(0,Q.jsx)(s,{className:`size-4`}),` Sign in with browser`]}),g&&(0,Q.jsxs)(`div`,{className:`space-y-2 text-xs`,children:[(0,Q.jsxs)(`a`,{href:g.authUrl,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-primary hover:underline`,children:[(0,Q.jsx)(s,{className:`size-3`}),` Open ChatGPT sign-in`]}),(0,Q.jsx)(`p`,{children:`Sign in, then copy the full localhost callback URL from the address bar and paste it below. On a phone, copy it even if the page fails to load.`}),(0,Q.jsx)(z,{htmlFor:`codex-callback-url`,children:`Callback URL`}),(0,Q.jsx)(A,{id:`codex-callback-url`,type:`password`,autoComplete:`off`,spellCheck:!1,placeholder:`http://localhost:.../auth/callback?...`,value:y,onChange:e=>b(e.target.value),disabled:x}),(0,Q.jsxs)(S,{size:`sm`,onClick:k,disabled:!y.trim()||x,children:[x&&(0,Q.jsx)(u,{className:`size-3 animate-spin`}),` Submit callback URL`]}),(0,Q.jsxs)(`p`,{role:`status`,className:`flex items-center gap-1.5 text-muted-foreground`,children:[(0,Q.jsx)(u,{className:`size-3 animate-spin`}),` Waiting for authorization. This may complete automatically on this computer.`]})]})]}),(0,Q.jsxs)(`div`,{className:`rounded-md border p-3 space-y-2`,children:[(0,Q.jsx)(`p`,{className:`text-[11px] font-medium`,children:`Device code`}),(0,Q.jsx)(S,{size:`sm`,className:`w-full cursor-pointer gap-1.5`,onClick:p,disabled:j,children:f?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(u,{className:`size-4 animate-spin`}),` Waiting for authorization...`]}):(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(i,{className:`size-4`}),` Sign in with device code`]})}),m&&(0,Q.jsxs)(`div`,{className:`rounded-md border border-primary/40 bg-primary/10 p-2.5 space-y-1.5`,children:[(0,Q.jsx)(`p`,{className:`text-[11px]`,children:`Enter this code to authorize:`}),(0,Q.jsx)(`div`,{className:`font-mono text-lg tracking-widest`,children:m.userCode}),(0,Q.jsxs)(`a`,{href:m.verificationUrl,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 text-primary hover:underline text-[11px]`,children:[(0,Q.jsx)(s,{className:`size-3`}),` `,m.verificationUrl]})]})]}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(`div`,{className:`flex-1 border-t`}),(0,Q.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`or paste an API key`}),(0,Q.jsx)(`div`,{className:`flex-1 border-t`})]}),(0,Q.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Q.jsx)(z,{htmlFor:`codex-api-key`,className:`text-xs`,children:`OpenAI API key`}),(0,Q.jsx)(A,{id:`codex-api-key`,type:`password`,placeholder:`sk-...`,value:a,onChange:e=>c(e.target.value),className:`text-xs font-mono`})]})]}),v&&(0,Q.jsx)(`p`,{role:`status`,className:`text-xs`,children:`Starting login...`}),h&&(0,Q.jsx)(`div`,{role:`alert`,className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:h}),(0,Q.jsxs)(w,{children:[(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Cancel`}),(0,Q.jsxs)(S,{size:`sm`,className:`text-xs cursor-pointer gap-1.5`,onClick:d,disabled:!a.trim()||j,children:[l?(0,Q.jsx)(u,{className:`size-3.5 animate-spin`}):(0,Q.jsx)(o,{className:`size-3.5`}),`Add key`]})]})]})})}function He({mode:e,onOpenChange:t,password:n,onPasswordChange:r,busy:i,onExport:a,onImport:o,error:s}){let d=(0,Z.useRef)(null),f=e===`export`;return(0,Q.jsx)(O,{open:e!==null,onOpenChange:t,children:(0,Q.jsxs)(T,{className:`sm:max-w-md`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsxs)(E,{className:`text-sm flex items-center gap-1.5`,children:[(0,Q.jsx)(c,{className:`size-4`}),` `,f?`Export Codex Accounts`:`Import Codex Accounts`]}),(0,Q.jsx)(D,{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)(z,{htmlFor:`codex-backup-password`,className:`text-xs`,children:`Password`}),(0,Q.jsx)(A,{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.`})]}),s&&(0,Q.jsx)(`div`,{className:`text-[11px] p-2 rounded bg-error/10 text-error`,children:s}),(0,Q.jsx)(`input`,{ref:d,type:`file`,accept:`application/json,.json`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&o(t)}}),(0,Q.jsxs)(w,{children:[(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Cancel`}),(0,Q.jsxs)(S,{size:`sm`,className:`text-xs cursor-pointer gap-1.5`,disabled:!n.trim()||i,onClick:()=>f?a():d.current?.click(),children:[i?(0,Q.jsx)(u,{className:`size-3.5 animate-spin`}):f?(0,Q.jsx)(m,{className:`size-3.5`}):(0,Q.jsx)(l,{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)(O,{open:e,onOpenChange:t,children:(0,Q.jsxs)(T,{className:`sm:max-w-md`,children:[(0,Q.jsxs)(C,{children:[(0,Q.jsx)(E,{className:`text-sm`,children:`Codex Rotation`}),(0,Q.jsx)(D,{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:y(`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)(w,{children:(0,Q.jsx)(S,{size:`sm`,variant:`outline`,className:`text-xs cursor-pointer`,onClick:()=>t(!1),children:`Done`})})]})})}function Ge(e){return e==null?null:Math.round(e*100)}function Ke({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)(he,{label:`5-Hour Session`,pct:Ge(e.fiveHour),reset:ce(e.session),resetsAt:e.session?.resetsAt}),(t||e.weekly!=null)&&(0,Q.jsx)(he,{label:`Weekly`,pct:Ge(e.sevenDay),reset:ce(e.weekly),resetsAt:e.weekly?.resetsAt})]})}var qe=2e3,Je=21e4;function Ye(e){let[t,n]=(0,Z.useState)([]),[r,i]=(0,Z.useState)(`round-robin`),[a,o]=(0,Z.useState)({}),[s,c]=(0,Z.useState)(!1),[l,u]=(0,Z.useState)(new Set),[d,f]=(0,Z.useState)(``),[p,m]=(0,Z.useState)(``),[h,g]=(0,Z.useState)(!1),[y,b]=(0,Z.useState)(null),[x,S]=(0,Z.useState)(null),[C,w]=(0,Z.useState)(!1),[T,E]=(0,Z.useState)(null),[D,O]=(0,Z.useState)(!1),[k,A]=(0,Z.useState)(``),[j,M]=(0,Z.useState)(!1),[N,P]=(0,Z.useState)(``),[F,I]=(0,Z.useState)(!1),[ee,L]=(0,Z.useState)(!1),[te,R]=(0,Z.useState)(null),z=(0,Z.useRef)(null),B=(0,Z.useRef)(null),V=(0,Z.useRef)(0),H=(0,Z.useRef)(!1),U=(0,Z.useRef)(!1),W=(0,Z.useRef)(!1),G=(0,Z.useRef)(e);G.current=e;let K=(0,Z.useCallback)(async()=>{c(!0);try{let e=await _.get(`/api/codex-accounts`);n(e.accounts),i(e.strategy),_.get(`/api/codex-accounts/usage`).then(o).catch(()=>{})}finally{c(!1)}},[]);(0,Z.useEffect)(()=>{K()},[K]);let ne=async()=>{if(!(!d.trim()||U.current||H.current||B.current)){U.current=!0,g(!0),b(null);try{await _.post(`/api/codex-accounts/api-key`,{apiKey:d.trim(),label:p.trim()||void 0}),f(``),m(``),e(),await K()}catch(e){b(e.message)}finally{U.current=!1,g(!1)}}},q=(0,Z.useCallback)(()=>{V.current+=1,H.current=!1,W.current=!1,z.current?.(),z.current=null;let e=B.current;B.current=null,e&&_.del(`/api/codex-accounts/${e.method}-login/${e.id}`).catch(()=>{})},[]),J=(0,Z.useCallback)(()=>{q(),S(null),w(!1),E(null),O(!1),A(``),M(!1)},[q]),re=(0,Z.useCallback)((e,t)=>{let n=Date.now()+(t===`browser`?61e4:Je),r=!1,i;z.current=()=>{r=!0,clearTimeout(i)};let a=async()=>{if(r)return;let o=null;try{o=await _.get(`/api/codex-accounts/${t}-login/${e}/status`)}catch{}if(!r){if(o?.state===`done`){J(),m(``),G.current(),await K();return}if(o?.state===`error`||Date.now()>n){J(),b(o?.state===`error`?o.error:`${t===`browser`?`Browser`:`Device`} login timed out.`);return}i=setTimeout(a,qe)}};a()},[J,K]);(0,Z.useEffect)(()=>q,[q]);let Y=async e=>{if(H.current||B.current||U.current)return;H.current=!0;let t=++V.current;O(!0),b(null);try{let n=await _.post(`/api/codex-accounts/${e}-login`,{label:p.trim()||void 0});if(t!==V.current){_.del(`/api/codex-accounts/${e}-login/${n.id}`).catch(()=>{});return}B.current={id:n.id,method:e},e===`device`?(S(n),w(!0)):E(n),re(n.id,e)}catch(e){t===V.current&&b(e.message)}finally{t===V.current&&(H.current=!1,O(!1))}};return{accounts:t,strategy:r,usages:a,loading:s,apiKey:d,setApiKey:f,label:p,setLabel:m,adding:h,err:y,setErr:b,device:x,deviceWaiting:C,backupPassword:N,setBackupPassword:P,exporting:F,importing:ee,msg:te,setMsg:R,toggling:l,load:K,addApiKey:ne,startDevice:()=>Y(`device`),startBrowser:()=>Y(`browser`),browser:T,loginStarting:D,callbackUrl:k,setCallbackUrl:A,submittingCallback:j,submitCallback:async()=>{let e=B.current;if(e?.method!==`browser`||!k.trim()||W.current)return;let t=V.current;W.current=!0,M(!0),b(null);let n=k.trim();A(``);try{await _.post(`/api/codex-accounts/browser-login/${e.id}/callback`,{callbackUrl:n})}catch(e){t===V.current&&b(e.message)}finally{t===V.current&&(W.current=!1,M(!1))}},cancelLogin:J,remove:async e=>{await _.del(`/api/codex-accounts/${e}`),await K()},toggle:async(e,t)=>{let n=t===`disabled`?`active`:`disabled`;u(t=>new Set(t).add(e)),b(null);try{await _.patch(`/api/codex-accounts/${e}`,{status:n}),await K()}catch(e){b(e.message||`Could not change the account`)}finally{u(t=>{let n=new Set(t);return n.delete(e),n})}},toggleDailyGuard:async(e,t)=>{u(t=>new Set(t).add(e)),b(null);try{await _.patch(`/api/codex-accounts/${e}`,{dailyGuardEnabled:!t}),await K()}catch(e){b(e.message||`Could not change Daily guard`)}finally{u(t=>{let n=new Set(t);return n.delete(e),n})}},changeStrategy:async e=>{i(e);try{await _.put(`/api/codex-accounts/strategy`,{strategy:e})}catch{}},doExport:async()=>{if(!N.trim()){b(`Set a backup password first.`);return}I(!0),b(null),R(null);try{let t={"Content-Type":`application/json`},n=v();n&&(t.Authorization=`Bearer ${n}`);let r=await fetch(`/api/codex-accounts/export`,{method:`POST`,headers:t,body:JSON.stringify({password:N})});if(!r.ok){let e=await r.json().catch(()=>({}));throw Error(e.error??`Export failed: ${r.status}`)}let i=await r.text(),a=new Blob([i],{type:`application/json`}),o=document.createElement(`a`);o.href=URL.createObjectURL(a),o.download=`ppm-codex-accounts-backup.json`,o.click(),URL.revokeObjectURL(o.href),R(`Backup downloaded.`),e()}catch(e){b(e.message)}finally{I(!1)}},doImport:async t=>{if(!N.trim()){b(`Enter the backup password first.`);return}L(!0),b(null),R(null);try{let n=await t.text(),r=await _.post(`/api/codex-accounts/import`,{data:n,password:N});R(`Imported ${r.imported}${r.skipped?`, skipped ${r.skipped}`:``}.`),e(),await K()}catch(e){b(e.message)}finally{L(!1)}}}}function Xe(){let[e,t]=(0,Z.useState)(null),n=Ye(()=>t(null));return(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsx)(pe,{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)(S,{size:`sm`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`add`),children:[(0,Q.jsx)(p,{className:`size-4`}),` Add account`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`export`),children:[(0,Q.jsx)(m,{className:`size-4`}),` Export`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`import`),children:[(0,Q.jsx)(l,{className:`size-4`}),` Import`]}),(0,Q.jsxs)(S,{size:`sm`,variant:`outline`,className:`cursor-pointer gap-1.5`,onClick:()=>t(`rotation`),children:[(0,Q.jsx)(f,{className:`size-4`}),` Rotation`]})]})}),(0,Q.jsx)(oe,{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)(u,{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)(o,{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)(ae,{children:n.accounts.map(e=>{let t=n.usages[e.id]??{};return(0,Q.jsxs)(de,{dense:!0,className:`min-w-[300px] shrink-0 snap-start`,"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}),(0,Q.jsx)(`span`,{className:`text-[10px] uppercase tracking-wide text-text-subtle border border-border rounded px-1 shrink-0`,children:e.type}),ue(e.planType)&&(0,Q.jsx)(`span`,{className:`text-[10px] text-text-subtle shrink-0`,children:ue(e.planType)}),(0,Q.jsx)(L,{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)(M,{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)(h,{className:`size-4`})})}),(0,Q.jsx)(B,{side:`top`,children:`Remove account`})]})]}),(0,Q.jsx)(Ke,{usage:t}),t.session==null&&(()=>{let r=me(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)(M,{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)(a,{className:`size-3.5`})})}),(0,Q.jsx)(B,{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)(L,{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)(Ve,{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}),(0,Q.jsx)(We,{open:e===`rotation`,onOpenChange:e=>t(e?`rotation`:null),strategy:n.strategy,onChange:e=>void n.changeStrategy(e)})]})}var Ze=[{id:`claude`,label:`Claude`},{id:`codex`,label:`Codex`}];function Qe(){let[e,t]=(0,Z.useState)(null),[n,r]=(0,Z.useState)(`claude`);(0,Z.useEffect)(()=>{let e=!1;return W().then(n=>{e||t(new Set(Object.keys(n.providers??{})))}).catch(()=>{e||t(new Set([`claude`]))}),()=>{e=!0}},[]);let i=Ze.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)(te,{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)(u,{className:`size-3 animate-spin`}),` Checking configured providers...`]}),n===`claude`?(0,Q.jsx)(Be,{}):(0,Q.jsx)(Xe,{})]})}export{Qe as AccountsSettingsSection};