@hienlh/ppm 0.20.5 → 0.20.7

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

@@ -1,6 +1,6 @@
 import { useState, useCallback, useRef, useEffect, useMemo, startTransition } from "react";
 import { useWebSocket } from "./use-websocket";
-import { api, getAuthToken, projectUrl } from "@/lib/api-client";
+import { api, projectUrl } from "@/lib/api-client";
 import { flattenWithExpansions, prefixPreCompactIds } from "@/lib/flatten-expansions";
 import { useStreamingStore } from "@/stores/streaming-store";
 import { usePanelStore } from "@/stores/panel-store";
@@ -188,6 +188,12 @@ export function useChat(
   const pendingMessageRef = useRef<string | null>(null);
   const sendRef = useRef<(data: string) => void>(() => {});
   const refetchRef = useRef<(() => void) | null>(null);
+  const historyActivityRef = useRef(0);
+  const historyReconciledRef = useRef(0);
+  const turnFinalizedRef = useRef(false);
+  const historyRequestRef = useRef<AbortController | null>(null);
+  const queuedReplayMessagesRef = useRef<MessageEvent[]>([]);
+  const handleMessageRef = useRef<((event: MessageEvent) => void) | null>(null);
   /** True while replaying turn_events — suppresses setPendingApproval */
   const isReplayingRef = useRef(false);
   /** toolUseIds of AskUserQuestion tool_use events. The approval_request event
@@ -712,6 +718,7 @@ export function useChat(
         const finalContent = streamingContentRef.current;
         const finalEvents = [...streamingEventsRef.current];
         const finalAccount = streamingAccountRef.current;
+        turnFinalizedRef.current = !!finalContent || finalEvents.length > 0;
         const doneUuid = ev.lastMessageUuid as string | undefined;
         const doneUsage = ev.usage;
         setMessages((prev) => {
@@ -765,6 +772,11 @@ export function useChat(
     // Ignore keepalive pings
     if ((data as any).type === "ping") return;
 
+    if (isReplayingRef.current) {
+      queuedReplayMessagesRef.current.push(event);
+      return;
+    }
+
     // file:changed, session:unread_changed and jira:* are app-wide and now arrive
     // on the global bus (`use-global-events.ts`) instead of here — a chat socket is
     // not guaranteed to exist since chat tabs mount lazily.
@@ -773,6 +785,7 @@ export function useChat(
     // bubble. The sender never receives this echo (server excludes the sender),
     // so no dedupe against the optimistic append is needed.
     if ((data as any).type === "user_message") {
+      historyActivityRef.current++;
       const content = (data as any).content as string;
       setMessages((prev) => {
         const last = prev[prev.length - 1];
@@ -829,22 +842,36 @@ export function useChat(
     // Handle phase transitions from BE
     if ((data as any).type === "phase_changed") {
       const p = (data as any).phase as SessionPhase;
+      const wasActive = phaseRef.current !== "idle";
+      if (!wasActive && p !== "idle") turnFinalizedRef.current = false;
+      if (p !== "idle") historyActivityRef.current++;
       setPhase(p);
       phaseRef.current = p;
       setConnectingElapsed(p === "connecting" ? ((data as any).elapsed ?? 0) : 0);
       // Safety: idle phase means no turn running — ensure compact indicator does not linger.
       // BE should broadcast compact_status=done too, but this is a belt-and-braces clear.
-      if (p === "idle") setCompactStatus(null);
+      if (p === "idle") {
+        setCompactStatus(null);
+        setStatusMessage(null);
+        // Completion can arrive after lost content/done frames. Reconcile once
+        // the turn is idle so the answer appears without a manual reload.
+        if (wasActive && !turnFinalizedRef.current) refetchRef.current?.();
+      }
       return;
     }
 
     // Handle session state (replaces connected + status)
     if ((data as any).type === "session_state") {
       setIsConnected(true);
+      // A live session may have no buffered events yet, so no turn_events frame
+      // will follow. This acknowledgement already confirms the connection.
+      setIsReconnecting(false);
       setConnectedSessionId((data as any).sessionId ?? sessionIdRef.current);
       const state = data as any;
       const p = state.phase as SessionPhase;
+      if (p !== "idle") historyActivityRef.current++;
       const wasIdle = phaseRef.current === "idle";
+      if (wasIdle && p !== "idle") turnFinalizedRef.current = false;
       setPhase(p);
       phaseRef.current = p;
       if (state.sessionTitle) setSessionTitle(state.sessionTitle);
@@ -895,6 +922,7 @@ export function useChat(
 
     // Handle turn_events (reconnect sync with rAF chunking)
     if ((data as any).type === "turn_events") {
+      historyActivityRef.current++;
       const events = (data as any).events as unknown[];
       const userMessage = (data as any).userMessage as string | null;
       if (!events?.length && !userMessage) { setIsReconnecting(false); return; }
@@ -961,6 +989,10 @@ export function useChat(
           replayRafRef.current = 0;
           isReplayingRef.current = false;
           setIsReconnecting(false);
+          // Preserve websocket order: live text/done must follow the snapshot,
+          // even when rebuilding a large snapshot takes several frames.
+          const queued = queuedReplayMessagesRef.current.splice(0);
+          for (const message of queued) handleMessageRef.current?.(message);
         }
       };
       replayRafRef.current = requestAnimationFrame(processChunk);
@@ -970,6 +1002,7 @@ export function useChat(
     // Route content events through processStreamEvent
     processStreamEvent(data);
   }, [processStreamEvent]);
+  handleMessageRef.current = handleMessage;
 
   const wsUrl = sessionId && projectName
     ? `/ws/project/${encodeURIComponent(projectName)}/chat/${sessionId}`
@@ -979,6 +1012,14 @@ export function useChat(
     url: wsUrl,
     onMessage: handleMessage,
     autoConnect: !!sessionId && !!projectName,
+    idleTimeoutMs: 45_000, // Server sends a heartbeat every 15 seconds.
+    onConnectionChange: (connected) => {
+      if (!connected) {
+        setIsConnected(false);
+        setIsReconnecting(true);
+      }
+      // session_state, rather than TCP open, confirms chat synchronization.
+    },
   });
 
   // Keep sendRef in sync so handleMessage can flush queued messages
@@ -987,6 +1028,9 @@ export function useChat(
   // Load history and reset state when session changes
   useEffect(() => {
     let cancelled = false;
+    const historyReconciled = historyReconciledRef.current;
+    turnFinalizedRef.current = false;
+    historyActivityRef.current++;
 
     // Keep the user's unconfirmed model/thinking picks across the draft→real transition
     // (null → id), but drop them when switching between two existing sessions so one
@@ -1019,6 +1063,7 @@ export function useChat(
     if (syncRafRef.current) { clearTimeout(syncRafRef.current); syncRafRef.current = 0; }
     setIsConnected(false);
     setConnectedSessionId(null);
+    setIsReconnecting(false);
     // Reset team state
     teamActivityRef.current = { teamNames: new Set(), messages: [] };
     teamUnreadRef.current = 0;
@@ -1060,7 +1105,7 @@ export function useChat(
           `${projectUrl(projectName)}/chat/sessions/${sessionId}/messages?providerId=${providerId}`,
         )
         .then((data: any) => {
-          if (cancelled) return;
+          if (cancelled || historyReconciledRef.current !== historyReconciled) return;
           // Tolerate the pre-versionMap shape (a bare array): a browser running a
           // cached bundle from before the upgrade would otherwise render an empty
           // history with no error.
@@ -1093,7 +1138,9 @@ export function useChat(
           historyLoadedAtRef.current = Date.now();
         })
         .catch(() => {
-          if (!cancelled) setMessages((prev) => prev.filter((m) => !staleIds.has(m.id)));
+          if (!cancelled && historyReconciledRef.current === historyReconciled) {
+            setMessages((prev) => prev.filter((m) => !staleIds.has(m.id)));
+          }
         })
         .finally(() => {
           if (!cancelled) setMessagesLoading(false);
@@ -1104,6 +1151,14 @@ export function useChat(
 
     return () => {
       cancelled = true;
+      historyRequestRef.current?.abort();
+      historyRequestRef.current = null;
+      if (syncRafRef.current) clearTimeout(syncRafRef.current);
+      syncRafRef.current = 0;
+      if (replayRafRef.current) cancelAnimationFrame(replayRafRef.current);
+      replayRafRef.current = 0;
+      isReplayingRef.current = false;
+      queuedReplayMessagesRef.current = [];
     };
   }, [sessionId, providerId, projectName, updateTeamActivity, loadTeamDetail]);
 
@@ -1112,8 +1167,10 @@ export function useChat(
       // An attachment-only message is legitimate now that images travel with it: the
       // caller may have nothing to say beyond the picture.
       if (!content.trim() && !opts?.images?.length) return;
+      historyActivityRef.current++;
 
       const isFollowUp = phaseRef.current !== "idle";
+      turnFinalizedRef.current = false;
 
       if (isFollowUp) {
         // Cancel pending throttled sync before finalizing
@@ -1302,30 +1359,34 @@ export function useChat(
   }, [wsReconnect]);
 
   const refetchMessages = useCallback(() => {
-    if (!sessionId || !projectName) return;
+    if (!sessionId || !projectName || phaseRef.current !== "idle") return;
+    historyRequestRef.current?.abort();
+    const request = new AbortController();
+    historyRequestRef.current = request;
+    const activity = historyActivityRef.current;
     // No setMessagesLoading(true) here — keep current messages visible while
     // fetching in the background (stale-while-revalidate). The initial load
     // in the session-change useEffect already handles the first-time loading screen.
-    fetch(`${projectUrl(projectName)}/chat/sessions/${sessionId}/messages?providerId=${providerId}`, {
-      headers: { Authorization: `Bearer ${getAuthToken()}` },
-    })
-      .then((r) => r.json())
-      .then((json: any) => {
+    api.get<any>(`${projectUrl(projectName)}/chat/sessions/${sessionId}/messages?providerId=${providerId}`, { signal: request.signal })
+      .then((data: any) => {
         // A turn may have started while this fetch was in flight (e.g. edit→fork
         // swaps the session, session_state arrives idle and triggers this refetch,
         // then the queued edited message sends and moves phase off idle). The
         // fetched history predates that send, so replacing now would drop the
         // just-sent user message — leaving it missing until a manual reload.
-        if (phaseRef.current !== "idle") return;
+        if (request.signal.aborted || historyRequestRef.current !== request
+          || historyActivityRef.current !== activity || phaseRef.current !== "idle"
+          || sessionIdRef.current !== sessionId || projectNameRef.current !== projectName
+          || isReplayingRef.current) return;
         // Same back-compat unwrap as the initial load above.
-        const payload = json.ok
-          ? (Array.isArray(json.data) ? { messages: json.data, versionMap: undefined } : json.data)
-          : null;
+        const payload = Array.isArray(data) ? { messages: data, versionMap: undefined } : data;
         // versionMap is refreshed independently of the length guard below: an
         // edit changes the branch tree without necessarily changing history
         // length, and the `n/m` counts must not go stale.
         if (payload?.versionMap) setVersionMap(payload.versionMap);
         if (Array.isArray(payload?.messages) && payload.messages.length > 0) {
+          historyReconciledRef.current++;
+          if (syncRafRef.current) { clearTimeout(syncRafRef.current); syncRafRef.current = 0; }
           setMessages(payload.messages);
           streamingContentRef.current = "";
           streamingEventsRef.current = [];

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

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useCallback } from "react";
-import { WsClient } from "@/lib/ws-client";
+import { WsClient, type WsClientOptions } from "@/lib/ws-client";
 
-interface UseWebSocketOptions {
+interface UseWebSocketOptions extends WsClientOptions {
   url: string;
   onMessage?: (event: MessageEvent) => void;
   autoConnect?: boolean;
@@ -11,26 +11,39 @@ export function useWebSocket({
   url,
   onMessage,
   autoConnect = true,
+  idleTimeoutMs,
+  onConnectionChange,
 }: UseWebSocketOptions) {
   const clientRef = useRef<WsClient | null>(null);
+  const onMessageRef = useRef(onMessage);
+  const onConnectionChangeRef = useRef(onConnectionChange);
+  onMessageRef.current = onMessage;
+  onConnectionChangeRef.current = onConnectionChange;
 
   useEffect(() => {
-    const client = new WsClient(url);
+    let active = true;
+    const client = new WsClient(url, {
+      idleTimeoutMs,
+      onConnectionChange: (connected) => {
+        if (active) onConnectionChangeRef.current?.(connected);
+      },
+    });
     clientRef.current = client;
 
-    if (onMessage) {
-      client.onMessage(onMessage);
-    }
+    client.onMessage((event) => onMessageRef.current?.(event));
 
     if (autoConnect) {
       client.connect();
     }
 
     return () => {
+      // Replacing a session socket is intentional, not a connection failure.
+      // The old client's cleanup must not update the new session's UI.
+      active = false;
       client.disconnect();
       clientRef.current = null;
     };
-  }, [url, autoConnect]); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [url, autoConnect, idleTimeoutMs]);
 
   const send = useCallback((data: string | ArrayBuffer) => {
     clientRef.current?.send(data);

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

@@ -205,11 +205,14 @@ export interface AIProviderSettings {
   system_prompt?: string;
   agent_teams?: boolean;
   context_1m?: boolean;
+  model_context_window?: number | null;
+  model_auto_compact_token_limit?: number | null;
   inherit_claude_mcp?: boolean;
 }
 
 export interface AISettings {
   default_provider: string;
+  share_provider_context?: boolean;
   providers: Record<string, AIProviderSettings>;
 }
 

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

@@ -5,6 +5,12 @@ type MessageHandler = (data: MessageEvent) => void;
 const MAX_RECONNECT_DELAY = 30_000;
 const BASE_DELAY = 1_000;
 
+export interface WsClientOptions {
+  /** Opt in only for protocols that regularly send heartbeat messages. */
+  idleTimeoutMs?: number;
+  onConnectionChange?: (connected: boolean) => void;
+}
+
 export class WsClient {
   private ws: WebSocket | null = null;
   private url: string;
@@ -15,14 +21,18 @@ export class WsClient {
   /** Messages queued while WS is still CONNECTING — flushed on open */
   private pendingMessages: (string | ArrayBuffer)[] = [];
   private visibilityHandler: (() => void) | null = null;
+  private idleTimer: ReturnType<typeof setTimeout> | null = null;
+  private lastReceivedAt = 0;
+  private connected = false;
 
-  constructor(url: string) {
+  constructor(url: string, private options: WsClientOptions = {}) {
     this.url = url;
     // Reconnect immediately when page becomes visible (e.g. iPad wake from sleep)
     this.visibilityHandler = () => {
-      if (document.visibilityState === "visible" && !this.intentionalClose && this.ws?.readyState !== WebSocket.OPEN) {
-        if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-        this.reconnectTimer = null;
+      const state = this.ws?.readyState;
+      const stale = !!this.options.idleTimeoutMs && Date.now() - this.lastReceivedAt >= this.options.idleTimeoutMs;
+      if (document.visibilityState === "visible" && !this.intentionalClose
+        && (stale || (state !== WebSocket.OPEN && state !== WebSocket.CONNECTING))) {
         this.reconnectAttempts = 0;
         this.connect();
       }
@@ -32,6 +42,8 @@ export class WsClient {
 
   connect(): void {
     this.intentionalClose = false;
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
+    this.reconnectTimer = null;
     this.cleanup();
 
     const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
@@ -52,9 +64,13 @@ export class WsClient {
     }
 
     this.ws = new WebSocket(fullUrl);
+    this.lastReceivedAt = Date.now();
+    this.armIdleCheck();
 
     this.ws.onopen = () => {
       this.reconnectAttempts = 0;
+      this.lastReceivedAt = Date.now();
+      this.setConnected(true);
       // Send "ready" handshake — triggers server to send status/connected.
       // Through Cloudflare tunnels, the server's open-handler message may not
       // arrive because the end-to-end data path isn't fully established yet.
@@ -71,12 +87,15 @@ export class WsClient {
     };
 
     this.ws.onmessage = (event) => {
+      this.lastReceivedAt = Date.now();
       for (const handler of this.handlers) {
         handler(event);
       }
     };
 
     this.ws.onclose = () => {
+      this.clearIdleCheck();
+      this.setConnected(false);
       if (!this.intentionalClose) {
         this.scheduleReconnect();
       }
@@ -125,6 +144,8 @@ export class WsClient {
   }
 
   private cleanup(): void {
+    this.clearIdleCheck();
+    this.setConnected(false);
     if (this.ws) {
       this.ws.onopen = null;
       this.ws.onclose = null;
@@ -141,6 +162,7 @@ export class WsClient {
   }
 
   private scheduleReconnect(): void {
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
     const delay = Math.min(
       BASE_DELAY * Math.pow(2, this.reconnectAttempts),
       MAX_RECONNECT_DELAY,
@@ -148,4 +170,33 @@ export class WsClient {
     this.reconnectAttempts++;
     this.reconnectTimer = setTimeout(() => this.connect(), delay);
   }
+
+  private setConnected(connected: boolean): void {
+    if (this.connected === connected) return;
+    this.connected = connected;
+    this.options.onConnectionChange?.(connected);
+  }
+
+  private clearIdleCheck(): void {
+    if (this.idleTimer) clearTimeout(this.idleTimer);
+    this.idleTimer = null;
+  }
+
+  private armIdleCheck(): void {
+    this.clearIdleCheck();
+    const timeout = this.options.idleTimeoutMs;
+    if (!timeout || timeout <= 0 || !Number.isFinite(timeout)) return;
+    const remaining = Math.max(0, timeout - (Date.now() - this.lastReceivedAt));
+    this.idleTimer = setTimeout(() => {
+      this.idleTimer = null;
+      if (this.intentionalClose) return;
+      if (Date.now() - this.lastReceivedAt >= timeout) {
+        // An OPEN socket can have a dead downstream without firing close/error.
+        // A fresh handshake lets the server replay the active turn or idle history.
+        this.connect();
+      } else {
+        this.armIdleCheck();
+      }
+    }, remaining);
+  }
 }

package/.release-bin/zip

@@ -1,15 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-while [[ "$#" -gt 0 && "$1" == -* ]]; do shift; done
-archive="$1"
-root="$2"
-python.exe - "$archive" "$root" <<'PY'
-import os, sys, zipfile
-archive, root = sys.argv[1:3]
-base = os.path.dirname(root)
-with zipfile.ZipFile(archive, "w", zipfile.ZIP_DEFLATED) as z:
-    for current, _, files in os.walk(root):
-        for filename in files:
-            path = os.path.join(current, filename)
-            z.write(path, os.path.relpath(path, base))
-PY

package/.release-node-shim.sh

@@ -1,11 +0,0 @@
-#!/usr/bin/env bash
-node() {
-  if [ "$1" = "-p" ]; then
-    bun -e "console.log($2)"
-  else
-    command bun "$@"
-  fi
-}
-export -f node
-export PATH="$PWD/.release-bin:$PATH"
-bash scripts/release.sh 0.20.5

package/dist/web/assets/ai-settings-section-PaEh_o0w.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-FhOqtrmT.js";import{S as t,x as n}from"./vendor-markdown-Ls5AcU91.js";import{n as r}from"./api-client-CEYCBt_0.js";import{B as i,Dr as a,G as o,H as s,Ln as c,M as l,U as u,V as d,W as f,X as p,Xn as m,Y as h,cn as g}from"./index-DYGLdCpe.js";import{getAISettings as _,updateAISettings as v}from"./api-settings-D18Q4Ocp.js";var y=e(t(),1),b=n(),x=[{value:`low`,label:`Low`},{value:`medium`,label:`Medium`},{value:`high`,label:`High`},{value:`xhigh`,label:`Extra`},{value:`max`,label:`Max`}],S=[{value:`bypassPermissions`,label:`Bypass permissions (default)`},{value:`default`,label:`Ask before edits`},{value:`acceptEdits`,label:`Edit automatically`},{value:`plan`,label:`Plan mode`}],C={claude:`Claude`,cursor:`Cursor`,codex:`Codex`,gemini:`Gemini`};function w({compact:e}={}){let[t,n]=(0,y.useState)(null),[c,m]=(0,y.useState)(``),[w,E]=(0,y.useState)([]),[D,O]=(0,y.useState)(!1),[k,A]=(0,y.useState)(!1),[j,M]=(0,y.useState)(null),[N,P]=(0,y.useState)(0);(0,y.useEffect)(()=>{_().then(e=>{n(e),m(e.default_provider??`claude`)}).catch(e=>M(e.message))},[]),(0,y.useEffect)(()=>{c&&(O(!0),r.get(`/api/settings/ai/providers/${c}/models`).then(E).catch(()=>E([])).finally(()=>O(!1)))},[c]);let F=t?Object.keys(t.providers).filter(e=>e!==`mock`).map(e=>({id:e,name:C[e]??e})):[],I=t?.providers[c],L=I?.type===`agent-sdk`||!I?.type&&c===`claude`,R=async(e,r)=>{if(t){A(!0),M(null);try{n(await v({providers:{[c]:{[e]:r}}})),P(e=>e+1)}catch(e){M(e.message)}finally{A(!1)}}},z=e?`text-[11px]`:`text-sm`,B=e?`text-xs`:`text-sm`,V=e?`space-y-2`:`space-y-4`,H=e?`space-y-1.5`:`space-y-3`,U=e?`space-y-1`:`space-y-1.5`;if(!t)return(0,b.jsxs)(`div`,{className:H,children:[(0,b.jsx)(`h3`,{className:`${B} font-medium text-text-secondary`,children:`AI Settings`}),(0,b.jsx)(`p`,{className:`${z} text-text-subtle`,children:j?`Error: ${j}`:`Loading...`})]});let W=L?w:[{value:`__default__`,label:`Auto (default)`},...w];return(0,b.jsxs)(`div`,{className:V,children:[(0,b.jsx)(`h3`,{className:`${B} font-medium text-text-secondary`,children:`AI Settings`}),F.length>1&&(0,b.jsx)(`div`,{className:`flex gap-0.5 border-b border-border/50 -mx-1 px-1`,children:F.map(e=>(0,b.jsxs)(`button`,{onClick:()=>m(e.id),className:`flex items-center gap-1 px-2 py-1 text-[11px] rounded-t transition-colors ${c===e.id?`text-primary border-b-2 border-primary font-medium`:`text-text-subtle hover:text-text-secondary`}`,children:[(0,b.jsx)(l,{providerId:e.id}),(0,b.jsx)(`span`,{className:`capitalize`,children:e.name})]},e.id))}),(0,b.jsxs)(`div`,{className:H,children:[c===`codex`&&(0,b.jsxs)(`button`,{type:`button`,onClick:()=>g(`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:`${z} text-text-secondary`,children:`Codex accounts & login`}),(0,b.jsx)(a,{className:`size-3.5 text-text-subtle shrink-0`})]}),w.length>0&&(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-model`,className:e?z:void 0,children:`Model`}),(0,b.jsxs)(i,{value:L?I?.model??w[0]?.value:I?.model||`__default__`,onValueChange:e=>R(`model`,e===`__default__`?void 0:e),disabled:D,children:[(0,b.jsx)(u,{id:`ai-model`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(f,{placeholder:D?`Loading models...`:`Select model`})}),(0,b.jsx)(d,{className:`max-h-[300px]`,children:W.map(e=>(0,b.jsx)(s,{value:e.value,children:e.label},e.value))})]})]}),L&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-base-url`,className:e?z:void 0,children:`Base URL`}),(0,b.jsx)(p,{id:`ai-base-url`,type:`url`,defaultValue:I?.base_url??``,placeholder:`https://api.anthropic.com (default)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{R(`base_url`,e.target.value.trim()||void 0)}},`baseurl-${c}-${N}`)]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-api-key`,className:e?z:void 0,children:`API Key / Token`}),(0,b.jsx)(p,{id:`ai-api-key`,type:`password`,defaultValue:I?.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(`••••`)||R(`api_key`,t||void 0)}},`apikey-${c}-${N}`),(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:U,children:[(0,b.jsx)(h,{htmlFor:`ai-effort`,className:e?z:void 0,children:`Effort`}),(0,b.jsxs)(i,{value:I?.effort??`high`,onValueChange:e=>R(`effort`,e),children:[(0,b.jsx)(u,{id:`ai-effort`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(f,{})}),(0,b.jsx)(d,{children:x.map(e=>(0,b.jsx)(s,{value:e.value,children:e.label},e.value))})]})]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-max-turns`,className:e?z:void 0,children:`Max Turns (1-500)`}),(0,b.jsx)(p,{id:`ai-max-turns`,type:`number`,min:1,max:500,defaultValue:I?.max_turns??100,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);isNaN(t)||R(`max_turns`,t)}},`turns-${c}-${N}`)]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-budget`,className:e?z:void 0,children:`Max Budget (USD)`}),(0,b.jsx)(p,{id:`ai-budget`,type:`number`,step:.1,min:.01,max:50,defaultValue:I?.max_budget_usd??``,placeholder:`No limit`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseFloat(e.target.value);R(`max_budget_usd`,isNaN(t)?void 0:t)}},`budget-${c}-${N}`)]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-thinking`,className:e?z:void 0,children:`Thinking Budget (tokens)`}),(0,b.jsx)(p,{id:`ai-thinking`,type:`number`,min:0,defaultValue:I?.thinking_budget_tokens??``,placeholder:`Adaptive (model decides)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);R(`thinking_budget_tokens`,isNaN(t)?void 0:t)}},`thinking-${c}-${N}`)]}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(h,{htmlFor:`ai-agent-teams`,className:e?z: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)(o,{id:`ai-agent-teams`,checked:I?.agent_teams??!1,onCheckedChange:e=>R(`agent_teams`,e)})]}),I?.agent_teams&&(0,b.jsx)(T,{compact:e}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(h,{htmlFor:`ai-context-1m`,className:e?z: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)(o,{id:`ai-context-1m`,checked:I?.context_1m??!1,onCheckedChange:e=>R(`context_1m`,e)})]}),(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{children:[(0,b.jsx)(h,{htmlFor:`ai-inherit-mcp`,className:e?z: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)(o,{id:`ai-inherit-mcp`,checked:I?.inherit_claude_mcp??!0,onCheckedChange:e=>R(`inherit_claude_mcp`,e)})]})]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-permission-mode`,className:e?z:void 0,children:`Default Permission Mode`}),(0,b.jsxs)(i,{value:I?.permission_mode??`bypassPermissions`,onValueChange:e=>R(`permission_mode`,e),children:[(0,b.jsx)(u,{id:`ai-permission-mode`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,b.jsx)(f,{})}),(0,b.jsx)(d,{children:S.map(e=>(0,b.jsx)(s,{value:e.value,children:e.label},e.value))})]})]}),(0,b.jsxs)(`div`,{className:U,children:[(0,b.jsx)(h,{htmlFor:`ai-system-prompt`,className:e?z:void 0,children:`Additional Instructions`}),(0,b.jsx)(`textarea`,{id:`ai-system-prompt`,rows:e?3:4,defaultValue:I?.system_prompt??``,placeholder:`Enter additional instructions for ${c}...`,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=>{R(`system_prompt`,e.target.value.trim()||void 0)}},`sysprompt-${c}-${N}`)]})]}),k&&(0,b.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`Saving...`}),j&&(0,b.jsx)(`p`,{className:`text-xs text-error`,children:j})]})}function T({compact:e}){let[t,n]=(0,y.useState)([]),[i,a]=(0,y.useState)(!1),[o,s]=(0,y.useState)(null),l=(0,y.useCallback)(async()=>{a(!0);try{n(await r.get(`/api/teams`)??[])}catch{}a(!1)},[]);(0,y.useEffect)(()=>{l()},[l]);let u=async e=>{try{await r.del(`/api/teams/${encodeURIComponent(e)}`),n(t=>t.filter(t=>t.name!==e)),s(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)(h,{className:e?`text-[11px]`:void 0,children:[`Teams (`,t.length,`)`]}),(0,b.jsx)(`button`,{onClick:l,className:`text-text-subtle hover:text-foreground p-1`,"aria-label":`Refresh teams`,children:(0,b.jsx)(m,{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()}`:``]})]}),o===e.name?(0,b.jsxs)(`div`,{className:`flex gap-1 shrink-0 ml-2`,children:[(0,b.jsx)(`button`,{onClick:()=>u(e.name),className:`px-2 py-1 bg-error text-white rounded text-[10px]`,children:`Delete`}),(0,b.jsx)(`button`,{onClick:()=>s(null),className:`px-2 py-1 bg-panel-2 text-text rounded text-[10px]`,children:`Cancel`})]}):(0,b.jsx)(`button`,{onClick:()=>s(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)(c,{className:`size-3.5`})})]},e.name))]})}export{w as t};

package/dist/web/assets/architecture-PBZL5I3N-DfR8k8Bc.js

@@ -1 +0,0 @@
-import{K as e}from"./vendor-mermaid-CfY1-PkA.js";export{e as createArchitectureServices};