@hienlh/ppm 0.22.1 → 0.22.2

package/src/web/hooks/use-usage.ts

@@ -26,8 +26,9 @@ interface UseUsageReturn {
  * `sessionId` scopes the reported account to this session's binding. Without it the header
  * shows whichever account ran last across every open session, which is wrong for all but one.
  */
-export function useUsage(projectName: string, providerId = "claude", sessionId?: string): UseUsageReturn {
-  const scope = JSON.stringify([projectName, providerId, sessionId]);
+export function useUsage(projectName: string, providerId = "claude", sessionId?: string, pickedAccountId?: string): UseUsageReturn {
+  const previewAccountId = providerId === "codex" && !sessionId ? pickedAccountId : undefined;
+  const scope = JSON.stringify([projectName, providerId, sessionId, previewAccountId]);
   const [snapshot, setSnapshot] = useState<{ scope: string; usage: UsageInfo; fetchedAt: string | null } | null>(null);
   const [usageLoading, setUsageLoading] = useState(false);
   const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);
@@ -39,11 +40,12 @@ export function useUsage(projectName: string, providerId = "claude", sessionId?:
     setUsageLoading(true);
     const qs = forceRefresh ? "&refresh=1" : "";
     const sessionQs = sessionId ? `&session=${encodeURIComponent(sessionId)}` : "";
+    const accountQs = previewAccountId ? `&accountId=${encodeURIComponent(previewAccountId)}` : "";
     // Via api.get, not raw fetch: the toolbar's loading state is gated on this
     // settling, and a raw fetch has no timeout to stop it stalling forever.
     return api
       .get<(UsageInfo & { lastFetchedAt?: string }) | null>(
-        `${projectUrl(projectName)}/chat/usage?providerId=${providerId}${sessionQs}${qs}`,
+        `${projectUrl(projectName)}/chat/usage?providerId=${providerId}${sessionQs}${accountQs}${qs}`,
       )
       .then((data) => {
         if (request !== requestRef.current) return;
@@ -55,7 +57,7 @@ export function useUsage(projectName: string, providerId = "claude", sessionId?:
       .finally(() => {
         if (request === requestRef.current) setUsageLoading(false);
       });
-  }, [projectName, providerId, sessionId, scope]);
+  }, [projectName, providerId, sessionId, previewAccountId, scope]);
 
   // Read cache on mount + auto-read every POLL_INTERVAL
   useEffect(() => {

package/src/web/lib/api-client.ts

@@ -122,11 +122,17 @@ export class ApiClient {
     }
   }
 
-  async post<T>(path: string, body?: unknown): Promise<T> {
+  /**
+   * No default timeout, unlike `get`: a POST is not idempotent, so cutting one off
+   * mid-flight can leave the server having done the work with nobody to tell. A
+   * caller that would rather fail loudly than wait passes its own `signal`.
+   */
+  async post<T>(path: string, body?: unknown, options?: { signal?: AbortSignal }): Promise<T> {
     const res = await fetch(`${this.baseUrl}${path}`, {
       method: "POST",
       headers: this.headers(),
       body: body != null ? JSON.stringify(body) : undefined,
+      signal: options?.signal,
     });
     return this.handleResponse<T>(res);
   }

package/src/web/lib/api-settings.ts

@@ -212,6 +212,7 @@ export interface AIProviderSettings {
 
 export interface AISettings {
   default_provider: string;
+  new_chat_provider_mode?: "default" | "follow-focus";
   share_provider_context?: boolean;
   providers: Record<string, AIProviderSettings>;
 }

package/src/web/lib/new-chat-provider.ts

@@ -0,0 +1,8 @@
+import type { AISettings } from "./api-settings";
+
+/** The source is captured when the tab opens, before another panel can gain focus. */
+export function resolveNewChatProvider(settings: AISettings, focusedProvider?: string): string {
+  return settings.new_chat_provider_mode === "follow-focus" && focusedProvider
+    ? focusedProvider
+    : settings.default_provider || "claude";
+}

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

@@ -89,6 +89,8 @@ export interface PanelStore {
   grid: string[][];
   focusedPanelId: string;
   currentProject: string | null;
+  /** Session-local focus memory, isolated by project; non-chat tabs do not clear it. */
+  lastFocusedChatProviders: Record<string, string>;
 
   /** Keep-alive: per-project grid snapshots (for hidden workspaces) */
   projectGrids: Record<string, string[][]>;
@@ -106,7 +108,7 @@ export interface PanelStore {
   reloadProject: (projectName: string) => void;
 
   // Panel focus
-  setFocusedPanel: (panelId: string) => void;
+  setFocusedPanel: (panelId: string, rememberChat?: boolean) => void;
 
   // Tab operations (operate on focused panel by default)
   openTab: (tab: Omit<Tab, "id">, panelId?: string) => string;
@@ -210,6 +212,7 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
   return {
     ...defaultLayout(),
     currentProject: null,
+    lastFocusedChatProviders: {},
     projectGrids: {},
     projectFocused: {},
     dock: { visible: false, height: 30 },
@@ -459,10 +462,13 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
       get().switchProject(projectName);
     },
 
-    setFocusedPanel: (panelId) => {
+    setFocusedPanel: (panelId, rememberChat = true) => {
       // Focus drives where the next tab opens, so it must stay on a real, on-grid panel.
       if (isWindowPanelId(panelId)) return;
-      if (get().panels[panelId]) set({ focusedPanelId: panelId });
+      const panel = get().panels[panelId];
+      if (!panel) return;
+      set({ focusedPanelId: panelId });
+      if (rememberChat) rememberChatProvider(panel.tabs.find((t) => t.id === panel.activeTabId));
     },
 
     openTab: (tabDef, panelId?) => {
@@ -474,6 +480,15 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
       const panel = get().panels[pid];
       if (!panel) return "";
 
+      if (tabDef.type === "chat" && !tabDef.metadata?.sessionId && !tabDef.metadata?.providerId) {
+        const project = tabDef.projectId ?? (tabDef.metadata?.projectName as string | undefined) ?? get().currentProject;
+        tabDef = { ...tabDef, metadata: {
+          ...tabDef.metadata,
+          providerPending: true,
+          focusedProviderOnOpen: project ? get().lastFocusedChatProviders[project] : undefined,
+        } };
+      }
+
       // Terminal: compute next available index if not provided
       if (tabDef.type === "terminal" && !tabDef.metadata?.terminalIndex) {
         const allTabs = Object.values(get().panels).flatMap((p) => p.tabs);
@@ -499,6 +514,7 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
         for (const p of Object.values(get().panels)) {
           const existing = p.tabs.find((t) => t.type === "chat" && t.metadata?.sessionId === sid);
           if (existing) {
+            rememberChatProvider(existing);
             set((s) => ({
               focusedPanelId: focusAfterActivate(p.id),
               panels: {
@@ -664,6 +680,7 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
     setActiveTab: (tabId, panelId?) => {
       const panel = panelId ? get().panels[panelId] : findPanel(tabId);
       if (!panel) return;
+      rememberChatProvider(panel.tabs.find((t) => t.id === tabId));
       const pid = panel.id;
       set((s) => {
         const p = s.panels[pid]!;
@@ -862,3 +879,29 @@ export const usePanelStore = create<PanelStore>()((set, get) => {
     isMobile: () => typeof window !== "undefined" && window.innerWidth < 768,
   };
 });
+
+// Observe activation as well as a provider change in the focused composer. Updates
+// from background chats must never replace the user's most recent focus choice.
+function rememberChatProvider(tab: Tab | undefined) {
+  const state = usePanelStore.getState();
+  if (tab?.type !== "chat" || tab.metadata?.providerPending) return;
+  const project = tab.projectId ?? (tab.metadata?.projectName as string | undefined) ?? state.currentProject;
+  const provider = (tab.metadata?.providerId as string | undefined) ?? "claude";
+  if (!project || state.lastFocusedChatProviders[project] === provider) return;
+  usePanelStore.setState({ lastFocusedChatProviders: {
+    ...state.lastFocusedChatProviders, [project]: provider,
+  } });
+}
+
+usePanelStore.subscribe((state, previous) => {
+  const panel = state.panels[state.focusedPanelId];
+  const tab = panel?.tabs.find((t) => t.id === panel.activeTabId);
+  // A panel's chrome can change the destination for new tabs without focusing
+  // its chat. Actual body/tab focus is recorded explicitly by the actions above.
+  const oldPanel = previous.panels[state.focusedPanelId];
+  const oldTab = oldPanel?.tabs.find((t) => t.id === oldPanel.activeTabId);
+  if (tab?.id === oldTab?.id
+    && tab?.metadata?.providerId === oldTab?.metadata?.providerId
+    && state.currentProject === previous.currentProject) return;
+  rememberChatProvider(tab);
+});

package/dist/web/assets/ai-settings-section-BtR7rF-T.js

@@ -1 +0,0 @@
-import"./vendor-markdown-CuWCHIVb.js";import"./vendor-ui-DmZ-Mb-H.js";import"./icons-DQjqk0lJ.js";import"./api-client-C1ZwRL4Y.js";import"./portal-container-context-BarKmT4S.js";import"./panel-store-CboGJAwh.js";import"./window-store-UC1jJeLM.js";import"./tab-store-OJa1GPCq.js";import"./use-is-mobile-TkcwP1Gx.js";import"./input-C7Q8FxeL.js";import{t as e}from"./ai-settings-section-r9JctHNM.js";export{e as AISettingsSection};

package/dist/web/assets/ai-settings-section-r9JctHNM.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{Qn as r,ct as i,wr as a}from"./icons-DQjqk0lJ.js";import{n as o}from"./api-client-C1ZwRL4Y.js";import{t as s}from"./input-C7Q8FxeL.js";import{G as c,J as l,K as u,W as d,Y as f,fn as p,q as m,rn as h,rt as g}from"./index-CEZVxM4G.js";import{getAISettings as _,updateAISettings as v}from"./api-settings-_7Q-ULxp.js";var y=e(t(),1),b=n(),x=[128e3,272e3,4e5,512e3,872e3,1e6],S=[1e5,2e5,23e4,35e4,45e4,75e4,9e5];function C({id:e,label:t,value:n,presets:r,disabled:i,compact:a,onChange:o}){let[c,l]=(0,y.useState)(!!n&&!r.includes(Number(n))),u=a?`text-[11px]`:`text-sm`;return(0,b.jsxs)(`div`,{className:`space-y-1`,children:[(0,b.jsx)(g,{htmlFor:e,className:u,children:t}),(0,b.jsxs)(`select`,{id:e,value:c?`custom`:n||`default`,disabled:i,"aria-describedby":`codex-context-help`,className:`w-full min-h-11 sm:min-h-0 rounded-md border border-input bg-background px-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 ${a?`h-7`:`h-9`} ${u}`,onChange:e=>{let t=e.target.value;l(t===`custom`),t!==`custom`&&o(t===`default`?``:t)},children:[(0,b.jsx)(`option`,{value:`default`,children:`Codex default`}),r.map(e=>(0,b.jsxs)(`option`,{value:String(e),children:[e===1e6?`1M`:`${e/1e3}K`,` tokens`]},e)),(0,b.jsx)(`option`,{value:`custom`,children:`Custom...`})]}),c&&(0,b.jsx)(s,{id:`${e}-custom`,"aria-label":`Custom ${t.toLowerCase()}`,type:`number`,min:1,step:1,required:!0,value:n,disabled:i,placeholder:`Enter tokens`,"aria-describedby":`codex-context-help`,className:`min-h-11 sm:min-h-0 ${a?`h-7 text-[11px]`:``}`,onChange:e=>o(e.target.value)})]})}function w({config:e,compact:t,saving:n,onSave:r}){let[i,a]=(0,y.useState)(String(e?.model_context_window??``)),[o,s]=(0,y.useState)(String(e?.model_auto_compact_token_limit??``)),[c,l]=(0,y.useState)(null),u=t?`text-[11px]`:`text-sm`,d=t?`text-[9px]`:`text-[11px]`;async function f(e){e.preventDefault();let t=i.trim()?Number(i):null,n=o.trim()?Number(o):null;if([t,n].some(e=>e!==null&&(!Number.isSafeInteger(e)||e<=0))){l(`Enter positive whole numbers of tokens, or leave blank for Codex defaults.`);return}if(t!==null&&n!==null&&n>t){l(`Auto-compact threshold must not exceed the context window.`);return}l(null),await r({model_context_window:t,model_auto_compact_token_limit:n})}return(0,b.jsxs)(`form`,{onSubmit:f,className:`space-y-2 rounded-md border border-border p-3`,children:[(0,b.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2`,children:[(0,b.jsx)(C,{id:`codex-context-window`,label:`Context window (tokens)`,value:i,presets:x,disabled:n,compact:t,onChange:e=>{a(e),l(null)}}),(0,b.jsx)(C,{id:`codex-compact-threshold`,label:`Auto-compact threshold (tokens)`,value:o,presets:S,disabled:n,compact:t,onChange:e=>{s(e),l(null)}})]}),(0,b.jsx)(`p`,{id:`codex-context-help`,className:`${d} text-muted-foreground`,children:`Choose Codex default to use Codex configuration and model defaults, or Custom to enter a value. Presets are shortcuts, not a list of limits supported by your model; increasing these values does not unlock a larger context window. Applies to new sessions and sessions resumed after a PPM restart.`}),c&&(0,b.jsx)(`p`,{role:`alert`,className:`${u} text-error`,children:c}),(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,b.jsx)(`a`,{href:`https://learn.chatgpt.com/docs/config-file/config-reference`,target:`_blank`,rel:`noreferrer`,className:`${d} text-primary underline`,children:`Codex context documentation`}),(0,b.jsx)(`button`,{type:`submit`,disabled:n,className:`min-h-11 sm:min-h-0 rounded-md border border-border px-3 py-1.5 hover:bg-surface-elevated disabled:opacity-50 ${u}`,children:n?`Saving...`:`Save context settings`})]})]})}var T=[{value:`low`,label:`Low`},{value:`medium`,label:`Medium`},{value:`high`,label:`High`},{value:`xhigh`,label:`Extra`},{value:`max`,label:`Max`}],E=[{value:`bypassPermissions`,label:`Bypass permissions (default)`},{value:`default`,label:`Ask before edits`},{value:`acceptEdits`,label:`Edit automatically`},{value:`plan`,label:`Plan mode`}],D={claude:`Claude`,cursor:`Cursor`,codex:`Codex`,gemini:`Gemini`};function O({compact:e}={}){let[t,n]=(0,y.useState)(null),[r,a]=(0,y.useState)(``),[x,S]=(0,y.useState)([]),[C,O]=(0,y.useState)(!1),[A,j]=(0,y.useState)(!1),[M,N]=(0,y.useState)(null),[P,F]=(0,y.useState)(0);(0,y.useEffect)(()=>{_().then(e=>{n(e),a(e.default_provider??`claude`)}).catch(e=>N(e.message))},[]),(0,y.useEffect)(()=>{r&&(O(!0),o.get(`/api/settings/ai/providers/${r}/models`).then(S).catch(()=>S([])).finally(()=>O(!1)))},[r]);let I=t?Object.keys(t.providers).filter(e=>e!==`mock`).map(e=>({id:e,name:D[e]??e})):[],L=t?.providers[r],R=L?.type===`agent-sdk`||!L?.type&&r===`claude`,z=async e=>{if(!t)return!1;j(!0),N(null);try{return n(await v(e)),F(e=>e+1),!0}catch(e){return N(e.message),!1}finally{j(!1)}},B=(e,t)=>z({providers:{[r]:{[e]:t}}}),V=e?`text-[11px]`:`text-sm`,H=e?`text-xs`:`text-sm`,U=e?`space-y-2`:`space-y-4`,W=e?`space-y-1.5`:`space-y-3`,G=e?`space-y-1`:`space-y-1.5`;if(!t)return(0,b.jsxs)(`div`,{className:W,children:[(0,b.jsx)(`h3`,{className:`${H} font-medium text-text-secondary`,children:`AI Settings`}),(0,b.jsx)(`p`,{className:`${V} text-text-subtle`,children:M?`Error: ${M}`:`Loading...`})]});let K=R?x:[{value:`__default__`,label:`Auto (default)`},...x];return(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(`h3`,{className:`${H} font-medium text-text-secondary`,children:`AI Settings`}),(0,b.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border border-border p-3`,children:[(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-share-provider-context`,className:e?V:void 0,children:`Share rules and memory between providers`}),(0,b.jsx)(`p`,{id:`ai-share-provider-context-description`,className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Share project rules and memory, plus global instruction files, across providers. Applies from the next project-chat message. Turning off keeps context already sent.`})]}),(0,b.jsx)(f,{id:`ai-share-provider-context`,"aria-describedby":`ai-share-provider-context-description`,checked:t.share_provider_context??!0,disabled:A,onCheckedChange:e=>z({share_provider_context:e})})]}),I.length>1&&(0,b.jsx)(`div`,{className:`flex gap-0.5 border-b border-border/50 -mx-1 px-1`,children:I.map(e=>(0,b.jsxs)(`button`,{onClick:()=>a(e.id),className:`flex items-center gap-1 px-2 py-1 text-[11px] rounded-t transition-colors ${r===e.id?`text-primary border-b-2 border-primary font-medium`:`text-text-subtle hover:text-text-secondary`}`,children:[(0,b.jsx)(p,{providerId:e.id}),(0,b.jsx)(`span`,{className:`capitalize`,children:e.name})]},e.id))}),(0,b.jsxs)(`div`,{className:W,children:[r===`codex`&&(0,b.jsxs)(`button`,{type:`button`,onClick:()=>h(`accounts`),className:`w-full flex items-center justify-between gap-2 rounded-md border border-border px-2.5 py-2 text-left cursor-pointer hover:bg-surface-elevated transition-colors`,children:[(0,b.jsx)(`span`,{className:`${V} text-text-secondary`,children:`Codex accounts & login`}),(0,b.jsx)(i,{className:`size-3.5 text-text-subtle shrink-0`})]}),x.length>0&&(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-model`,className:e?V:void 0,children:`Model`}),(0,b.jsxs)(d,{value:R?L?.model??x[0]?.value:L?.model||`__default__`,onValueChange:e=>B(`model`,e===`__default__`?void 0:e),disabled:C,children:[(0,b.jsx)(m,{id:`ai-model`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(l,{placeholder:C?`Loading models...`:`Select model`})}),(0,b.jsx)(c,{className:`max-h-[300px]`,children:K.map(e=>(0,b.jsx)(u,{value:e.value,children:e.label},e.value))})]})]}),r===`codex`&&(0,b.jsx)(w,{config:L,compact:e,saving:A,onSave:e=>z({providers:{codex:e}})},JSON.stringify([L?.model_context_window,L?.model_auto_compact_token_limit])),R&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-base-url`,className:e?V:void 0,children:`Base URL`}),(0,b.jsx)(s,{id:`ai-base-url`,type:`url`,defaultValue:L?.base_url??``,placeholder:`https://api.anthropic.com (default)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{B(`base_url`,e.target.value.trim()||void 0)}},`baseurl-${r}-${P}`)]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-api-key`,className:e?V:void 0,children:`API Key / Token`}),(0,b.jsx)(s,{id:`ai-api-key`,type:`password`,defaultValue:L?.api_key??``,placeholder:`sk-ant-... (optional, overrides accounts)`,className:e?`h-7 text-[11px] font-mono`:`font-mono`,onBlur:e=>{let t=e.target.value.trim();t.startsWith(`••••`)||B(`api_key`,t||void 0)}},`apikey-${r}-${P}`),(0,b.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Direct API key or OAuth token. Leave empty to use connected accounts.`})]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-effort`,className:e?V:void 0,children:`Effort`}),(0,b.jsxs)(d,{value:L?.effort??`high`,onValueChange:e=>B(`effort`,e),children:[(0,b.jsx)(m,{id:`ai-effort`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(l,{})}),(0,b.jsx)(c,{children:T.map(e=>(0,b.jsx)(u,{value:e.value,children:e.label},e.value))})]})]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-max-turns`,className:e?V:void 0,children:`Max Turns (1-500)`}),(0,b.jsx)(s,{id:`ai-max-turns`,type:`number`,min:1,max:500,defaultValue:L?.max_turns??100,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);isNaN(t)||B(`max_turns`,t)}},`turns-${r}-${P}`)]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-budget`,className:e?V:void 0,children:`Max Budget (USD)`}),(0,b.jsx)(s,{id:`ai-budget`,type:`number`,step:.1,min:.01,max:50,defaultValue:L?.max_budget_usd??``,placeholder:`No limit`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseFloat(e.target.value);B(`max_budget_usd`,isNaN(t)?void 0:t)}},`budget-${r}-${P}`)]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-thinking`,className:e?V:void 0,children:`Thinking Budget (tokens)`}),(0,b.jsx)(s,{id:`ai-thinking`,type:`number`,min:0,defaultValue:L?.thinking_budget_tokens??``,placeholder:`Adaptive (model decides)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);B(`thinking_budget_tokens`,isNaN(t)?void 0:t)}},`thinking-${r}-${P}`)]}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(g,{htmlFor:`ai-agent-teams`,className:e?V:void 0,children:`Agent Teams`}),(0,b.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Experimental. Enables multi-agent collaboration with shared tasks and messaging. Uses ~7x more tokens.`})]}),(0,b.jsx)(f,{id:`ai-agent-teams`,checked:L?.agent_teams??!1,onCheckedChange:e=>B(`agent_teams`,e)})]}),L?.agent_teams&&(0,b.jsx)(k,{compact:e}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(g,{htmlFor:`ai-context-1m`,className:e?V:void 0,children:`1M Context Window`}),(0,b.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Requires an entitled account (Max/Team/Enterprise) and an Opus 4 / Sonnet 4 model. Other accounts will error.`})]}),(0,b.jsx)(f,{id:`ai-context-1m`,checked:L?.context_1m??!1,onCheckedChange:e=>B(`context_1m`,e)})]}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(g,{htmlFor:`ai-inherit-mcp`,className:e?V:void 0,children:`Inherit Claude Code MCP`}),(0,b.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Auto-load MCP servers from Claude Code's ~/.claude.json (global + per-project). Your own MCP servers override inherited ones.`})]}),(0,b.jsx)(f,{id:`ai-inherit-mcp`,checked:L?.inherit_claude_mcp??!0,onCheckedChange:e=>B(`inherit_claude_mcp`,e)})]})]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-permission-mode`,className:e?V:void 0,children:`Default Permission Mode`}),(0,b.jsxs)(d,{value:L?.permission_mode??`bypassPermissions`,onValueChange:e=>B(`permission_mode`,e),children:[(0,b.jsx)(m,{id:`ai-permission-mode`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(l,{})}),(0,b.jsx)(c,{children:E.map(e=>(0,b.jsx)(u,{value:e.value,children:e.label},e.value))})]})]}),(0,b.jsxs)(`div`,{className:G,children:[(0,b.jsx)(g,{htmlFor:`ai-system-prompt`,className:e?V:void 0,children:`Additional Instructions`}),(0,b.jsx)(`textarea`,{id:`ai-system-prompt`,rows:e?3:4,defaultValue:L?.system_prompt??``,placeholder:`Enter additional instructions for ${r}...`,className:`w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${e?`text-[11px]`:`text-sm`}`,onBlur:e=>{B(`system_prompt`,e.target.value.trim()||void 0)}},`sysprompt-${r}-${P}`)]})]}),A&&(0,b.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`Saving...`}),M&&(0,b.jsx)(`p`,{className:`text-xs text-error`,children:M})]})}function k({compact:e}){let[t,n]=(0,y.useState)([]),[i,s]=(0,y.useState)(!1),[c,l]=(0,y.useState)(null),u=(0,y.useCallback)(async()=>{s(!0);try{n(await o.get(`/api/teams`)??[])}catch{}s(!1)},[]);(0,y.useEffect)(()=>{u()},[u]);let d=async e=>{try{await o.del(`/api/teams/${encodeURIComponent(e)}`),n(t=>t.filter(t=>t.name!==e)),l(null)}catch{}};return t.length===0&&!i?null:(0,b.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,b.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,b.jsxs)(g,{className:e?`text-[11px]`:void 0,children:[`Teams (`,t.length,`)`]}),(0,b.jsx)(`button`,{onClick:u,className:`text-text-subtle hover:text-foreground p-1`,"aria-label":`Refresh teams`,children:(0,b.jsx)(r,{className:`size-3 ${i?`animate-spin`:``}`})})]}),t.map(e=>(0,b.jsxs)(`div`,{className:`flex items-center justify-between p-2 rounded bg-surface-elevated text-xs`,children:[(0,b.jsxs)(`div`,{className:`min-w-0`,children:[(0,b.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),e.description&&(0,b.jsx)(`div`,{className:`text-text-subtle truncate`,children:e.description}),(0,b.jsxs)(`div`,{className:`text-text-subtle`,children:[e.members?.length??e.memberCount??0,` members`,e.createdAt?` · ${new Date(e.createdAt).toLocaleDateString()}`:``]})]}),c===e.name?(0,b.jsxs)(`div`,{className:`flex gap-1 shrink-0 ml-2`,children:[(0,b.jsx)(`button`,{onClick:()=>d(e.name),className:`px-2 py-1 bg-error text-white rounded text-[10px]`,children:`Delete`}),(0,b.jsx)(`button`,{onClick:()=>l(null),className:`px-2 py-1 bg-panel-2 text-text rounded text-[10px]`,children:`Cancel`})]}):(0,b.jsx)(`button`,{onClick:()=>l(e.name),className:`shrink-0 text-text-subtle hover:text-error p-1 ml-2`,"aria-label":`Delete team ${e.name}`,children:(0,b.jsx)(a,{className:`size-3.5`})})]},e.name))]})}export{O as t};

package/dist/web/assets/api-client-pQL53cDQ.js

@@ -1 +0,0 @@
-import"./vendor-markdown-CuWCHIVb.js";import"./vendor-ui-DmZ-Mb-H.js";import{i as e,n as t}from"./api-client-C1ZwRL4Y.js";export{t as api,e as projectUrl};