codepiper 0.1.0

package/packages/providers/claude-code/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@codepiper/provider-claude-code",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "dependencies": {
+    "@codepiper/core": "workspace:*",
+    "@codepiper/daemon": "workspace:*"
+  }
+}

package/packages/providers/claude-code/src/index.ts

@@ -0,0 +1,7 @@
+/**
+ * Claude Code provider package exports
+ */
+
+export type { ClaudeCodeSettings, OverlaySettingsOptions } from "./overlaySettings";
+export { generateOverlaySettings } from "./overlaySettings";
+export { ClaudeCodeProvider } from "./provider";

package/packages/providers/claude-code/src/overlaySettings.ts

@@ -0,0 +1,198 @@
+/**
+ * Overlay settings generator for Claude Code sessions
+ *
+ * Generates a per-session settings file that configures hooks and statusline
+ * to forward events to the codepiper daemon.
+ */
+
+import * as fs from "node:fs";
+import { mkdir } from "node:fs/promises";
+import { tmpdir } from "node:os";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+export interface OverlaySettingsOptions {
+  sessionId: string;
+  socketPath: string;
+  secret: string;
+  outputDir?: string;
+  enableStatusline?: boolean;
+}
+
+export interface ClaudeCodeSettings {
+  hooks?: {
+    SessionStart?: HookEntry[];
+    Notification?: HookEntry[];
+    PermissionRequest?: HookEntry[];
+    Stop?: HookEntry[];
+  };
+  statusline?: {
+    command: string;
+    stdin?: string;
+  };
+}
+
+interface HookEntry {
+  matcher?: Record<string, unknown>;
+  hooks: Hook[];
+}
+
+interface Hook {
+  type: "command";
+  command: string;
+  stdin?: string;
+  stdout?: string;
+}
+
+function shellQuote(value: string): string {
+  return `'${value.replaceAll("'", `'"'"'`)}'`;
+}
+
+function writeExecutableScript(filePath: string, content: string): void {
+  const fd = fs.openSync(filePath, "w", 0o700);
+  try {
+    fs.writeSync(fd, content);
+  } finally {
+    fs.closeSync(fd);
+  }
+  try {
+    fs.chmodSync(filePath, 0o700);
+  } catch {
+    // best-effort on non-POSIX filesystems
+  }
+}
+
+/**
+ * Generate overlay settings file for a Claude Code session
+ *
+ * The overlay configures:
+ * - Hooks to forward events to codepiper daemon
+ * - Environment variables for socket path, session ID, and auth secret
+ * - Optional statusline for session state tracking
+ *
+ * @param options Configuration for overlay generation
+ * @returns Path to generated settings file
+ */
+export async function generateOverlaySettings(options: OverlaySettingsOptions): Promise<string> {
+  const {
+    sessionId,
+    socketPath,
+    secret,
+    outputDir = join(tmpdir(), "codepiper", "settings"),
+    enableStatusline = false,
+  } = options;
+
+  // Ensure output directory exists with restrictive permissions (contains session secret)
+  await mkdir(outputDir, { recursive: true, mode: 0o700 });
+  try {
+    fs.chmodSync(outputDir, 0o700);
+  } catch {
+    // best-effort on non-POSIX filesystems
+  }
+
+  // Generate settings file path
+  const settingsPath = join(outputDir, `${sessionId}.json`);
+
+  // Build hook command using full path to CLI (not relying on PATH)
+  // Get project root: packages/providers/claude-code/src/overlaySettings.ts -> ../../../..
+  const currentFile = fileURLToPath(import.meta.url);
+  const currentDir = dirname(currentFile);
+  const projectRoot = join(currentDir, "..", "..", "..", "..");
+  const cliPath = join(projectRoot, "packages", "cli", "src", "main.ts");
+  const hookScriptPath = join(outputDir, `${sessionId}.hook-forward.sh`);
+  const hookCommand = `sh ${shellQuote(hookScriptPath)}`;
+  const hookScript = [
+    "#!/usr/bin/env sh",
+    "set -eu",
+    `export CODEPIPER_UNIX_SOCK=${shellQuote(socketPath)}`,
+    `export CODEPIPER_SESSION=${shellQuote(sessionId)}`,
+    `export CODEPIPER_SECRET=${shellQuote(secret)}`,
+    `exec bun run ${shellQuote(cliPath)} hook-forward`,
+    "",
+  ].join("\n");
+  writeExecutableScript(hookScriptPath, hookScript);
+
+  // Build settings object using new hooks format (array with matchers)
+  const settings: ClaudeCodeSettings = {
+    hooks: {
+      SessionStart: [
+        {
+          hooks: [
+            {
+              type: "command",
+              command: hookCommand,
+              stdin: "event",
+            },
+          ],
+        },
+      ],
+      Notification: [
+        {
+          hooks: [
+            {
+              type: "command",
+              command: hookCommand,
+              stdin: "event",
+            },
+          ],
+        },
+      ],
+      PermissionRequest: [
+        {
+          hooks: [
+            {
+              type: "command",
+              command: hookCommand,
+              stdin: "event",
+              stdout: "context", // Claude Code reads decision from stdout
+            },
+          ],
+        },
+      ],
+      Stop: [
+        {
+          hooks: [
+            {
+              type: "command",
+              command: hookCommand,
+              stdin: "event",
+            },
+          ],
+        },
+      ],
+    },
+  };
+
+  // Add statusline if enabled
+  if (enableStatusline) {
+    const statuslineScriptPath = join(outputDir, `${sessionId}.statusline-forward.sh`);
+    const statuslineCommand = `sh ${shellQuote(statuslineScriptPath)}`;
+    const statuslineScript = [
+      "#!/usr/bin/env sh",
+      "set -eu",
+      `export CODEPIPER_UNIX_SOCK=${shellQuote(socketPath)}`,
+      `export CODEPIPER_SESSION=${shellQuote(sessionId)}`,
+      `export CODEPIPER_SECRET=${shellQuote(secret)}`,
+      "exec codepiper statusline-forward",
+      "",
+    ].join("\n");
+    writeExecutableScript(statuslineScriptPath, statuslineScript);
+
+    settings.statusline = {
+      command: statuslineCommand,
+      stdin: "event",
+    };
+  }
+
+  // Write settings file with restrictive permissions (contains session secret)
+  const fd = fs.openSync(settingsPath, "w", 0o600);
+  fs.writeSync(fd, JSON.stringify(settings, null, 2));
+  fs.closeSync(fd);
+  try {
+    fs.chmodSync(settingsPath, 0o600);
+  } catch {
+    // best-effort on non-POSIX filesystems
+  }
+
+  return settingsPath;
+}

package/packages/providers/claude-code/src/provider.ts

@@ -0,0 +1,311 @@
+/**
+ * Claude Code provider implementation
+ *
+ * Spawns and manages Claude Code sessions via PTY, configuring hooks
+ * for event forwarding to the CodePiper daemon.
+ */
+
+import { randomBytes } from "node:crypto";
+import type {
+  Provider,
+  ProviderEvent,
+  ProviderId,
+  SessionHandle,
+  StartSessionOptions,
+} from "@codepiper/core";
+import { PTYProcess } from "@codepiper/daemon";
+import { generateOverlaySettings } from "./overlaySettings";
+
+interface ActiveSession {
+  handle: SessionHandle;
+  pty: PTYProcess;
+  settingsPath: string;
+  currentModel?: string;
+}
+
+/**
+ * Key name to escape sequence mapping
+ */
+const KEY_SEQUENCES: Record<string, string> = {
+  // Basic keys
+  enter: "\r",
+  return: "\r",
+  tab: "\t",
+  "shift+tab": "\x1b[Z",
+  escape: "\x1b",
+  esc: "\x1b",
+  space: " ",
+  backspace: "\x7f",
+  delete: "\x1b[3~",
+
+  // Control keys
+  "ctrl+a": "\x01",
+  "ctrl+b": "\x02",
+  "ctrl+c": "\x03",
+  "ctrl+d": "\x04",
+  "ctrl+e": "\x05",
+  "ctrl+f": "\x06",
+  "ctrl+g": "\x07",
+  "ctrl+h": "\x08",
+  "ctrl+i": "\x09",
+  "ctrl+j": "\x0a",
+  "ctrl+k": "\x0b",
+  "ctrl+l": "\x0c",
+  "ctrl+m": "\x0d",
+  "ctrl+n": "\x0e",
+  "ctrl+o": "\x0f",
+  "ctrl+p": "\x10",
+  "ctrl+q": "\x11",
+  "ctrl+r": "\x12",
+  "ctrl+s": "\x13",
+  "ctrl+t": "\x14",
+  "ctrl+u": "\x15",
+  "ctrl+v": "\x16",
+  "ctrl+w": "\x17",
+  "ctrl+x": "\x18",
+  "ctrl+y": "\x19",
+  "ctrl+z": "\x1a",
+
+  // Arrow keys
+  up: "\x1b[A",
+  down: "\x1b[B",
+  right: "\x1b[C",
+  left: "\x1b[D",
+
+  // Function keys
+  f1: "\x1bOP",
+  f2: "\x1bOQ",
+  f3: "\x1bOR",
+  f4: "\x1bOS",
+  f5: "\x1b[15~",
+  f6: "\x1b[17~",
+  f7: "\x1b[18~",
+  f8: "\x1b[19~",
+  f9: "\x1b[20~",
+  f10: "\x1b[21~",
+  f11: "\x1b[23~",
+  f12: "\x1b[24~",
+
+  // Special
+  home: "\x1b[H",
+  end: "\x1b[F",
+  pageup: "\x1b[5~",
+  pagedown: "\x1b[6~",
+  insert: "\x1b[2~",
+};
+
+export class ClaudeCodeProvider implements Provider {
+  public readonly id: ProviderId = "claude-code";
+
+  private sessions: Map<string, ActiveSession> = new Map();
+  private eventCallbacks: Array<(evt: ProviderEvent) => void> = [];
+  private socketPath: string;
+  private enableStatusline: boolean;
+
+  constructor(options?: {
+    socketPath?: string;
+    enableStatusline?: boolean;
+  }) {
+    this.socketPath = options?.socketPath || "/tmp/codepiper.sock";
+    this.enableStatusline = options?.enableStatusline ?? false;
+  }
+
+  async startSession(opts: StartSessionOptions): Promise<SessionHandle> {
+    const { id: sessionId, cwd, env, args = [], model, billingMode } = opts;
+
+    // Conditionally scrub ANTHROPIC_API_KEY based on billing mode
+    const cleanEnv = { ...env };
+    if ((billingMode ?? "subscription") === "subscription") {
+      delete cleanEnv.ANTHROPIC_API_KEY;
+    }
+
+    // Generate per-session secret for hook authentication
+    const secret = randomBytes(32).toString("hex");
+
+    // Generate overlay settings file
+    const settingsPath = await generateOverlaySettings({
+      sessionId,
+      socketPath: this.socketPath,
+      secret,
+      enableStatusline: this.enableStatusline,
+    });
+
+    // Build command arguments
+    const command = ["claude", "--session-id", sessionId, "--settings", settingsPath];
+
+    // Add model flag if specified
+    if (model) {
+      command.push("--model", model);
+    }
+
+    command.push(...args);
+
+    // Create session handle
+    const handle: SessionHandle = {
+      id: sessionId,
+      provider: this.id,
+      cwd,
+      status: "STARTING",
+      createdAt: new Date(),
+      updatedAt: new Date(),
+      metadata: {
+        settingsPath,
+        secret,
+      },
+    };
+
+    // Spawn PTY process
+    const pty = new PTYProcess({
+      command,
+      cwd,
+      env: cleanEnv,
+      cols: 120,
+      rows: 30,
+      onData: (data) => {
+        this.emitEvent({
+          sessionId,
+          type: "pty_output",
+          timestamp: new Date(),
+          payload: { data },
+        });
+      },
+      onExit: (exitCode, signal) => {
+        this.emitEvent({
+          sessionId,
+          type: "pty_exit",
+          timestamp: new Date(),
+          payload: { exitCode, signal },
+        });
+
+        // Update handle and clean up
+        const session = this.sessions.get(sessionId);
+        if (session) {
+          session.handle.status = exitCode === 0 ? "STOPPED" : "CRASHED";
+          session.handle.updatedAt = new Date();
+          this.sessions.delete(sessionId);
+        }
+      },
+    });
+
+    // Update handle with PID
+    handle.pid = pty.pid;
+
+    // Store session
+    const activeSession: ActiveSession = {
+      handle,
+      pty,
+      settingsPath,
+    };
+    if (model !== undefined) {
+      activeSession.currentModel = model;
+    }
+    this.sessions.set(sessionId, activeSession);
+
+    return handle;
+  }
+
+  async sendText(sessionId: string, text: string): Promise<void> {
+    const session = this.sessions.get(sessionId);
+    if (!session) {
+      throw new Error(`Session not found: ${sessionId}`);
+    }
+
+    session.pty.write(text);
+    session.handle.updatedAt = new Date();
+  }
+
+  async sendKeys(sessionId: string, keys: string[]): Promise<void> {
+    const session = this.sessions.get(sessionId);
+    if (!session) {
+      throw new Error(`Session not found: ${sessionId}`);
+    }
+
+    for (const key of keys) {
+      const sequence = KEY_SEQUENCES[key.toLowerCase()];
+      if (sequence) {
+        session.pty.write(sequence);
+      } else {
+        // If not a special key, write it directly
+        session.pty.write(key);
+      }
+    }
+
+    session.handle.updatedAt = new Date();
+  }
+
+  async stopSession(sessionId: string): Promise<void> {
+    const session = this.sessions.get(sessionId);
+    if (!session) {
+      throw new Error(`Session not found: ${sessionId}`);
+    }
+
+    await session.pty.kill();
+    session.handle.status = "STOPPED";
+    session.handle.updatedAt = new Date();
+
+    this.sessions.delete(sessionId);
+  }
+
+  /**
+   * Switch the model for an active session
+   *
+   * Uses the /model slash command to change the model in Claude Code
+   *
+   * @param sessionId - Session ID
+   * @param model - Model name (e.g., "sonnet", "opus", "haiku", "opusplan")
+   */
+  async switchModel(sessionId: string, model: string): Promise<void> {
+    const session = this.sessions.get(sessionId);
+    if (!session) {
+      throw new Error(`Session not found: ${sessionId}`);
+    }
+
+    // Send /model slash command
+    const command = `/model ${model}\r`;
+    session.pty.write(command);
+
+    // Update current model
+    session.currentModel = model;
+    session.handle.updatedAt = new Date();
+
+    // Emit model switch event
+    this.emitEvent({
+      sessionId,
+      type: "model_switch",
+      timestamp: new Date(),
+      payload: { model },
+    });
+  }
+
+  /**
+   * Get the current model for a session
+   */
+  getCurrentModel(sessionId: string): string | undefined {
+    const session = this.sessions.get(sessionId);
+    return session?.currentModel;
+  }
+
+  onEvent(cb: (evt: ProviderEvent) => void): void {
+    this.eventCallbacks.push(cb);
+  }
+
+  /**
+   * Get list of active session IDs (useful for testing)
+   */
+  getSessions(): string[] {
+    return Array.from(this.sessions.keys());
+  }
+
+  /**
+   * Emit event to all registered callbacks
+   */
+  private emitEvent(evt: ProviderEvent): void {
+    for (const cb of this.eventCallbacks) {
+      try {
+        cb(evt);
+      } catch (error) {
+        console.error("Error in event callback:", error);
+      }
+    }
+  }
+}

package/packages/web/dist/assets/AnalyticsPage-BIopKWRf.js

@@ -0,0 +1,17 @@
+import{r as i,j as e}from"./react-vendor-B5MgMUHH.js";import{c as A,a as f,f as h,u as U,S as ne,b as le,d as ce,e as de,g as N,B as xe,M as me,A as he,Z as pe}from"./index-hgphORiw.js";import{R as g,A as B,C as E,X as w,Y as S,T as v,a as u,B as K,b as F,P as ue,d as fe,e as je}from"./chart-vendor-DlOHLaCG.js";import"./monaco-core-DQ5Mk8AK.js";/**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ye=[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]],ge=A("dollar-sign",ye);/**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ve=[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]],be=A("download",ve);/**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ke=[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]],Ne=A("server",ke),l=i.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:f("rounded-lg border bg-card text-card-foreground shadow-sm",t),...a}));l.displayName="Card";const c=i.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:f("flex flex-col space-y-1.5 p-6",t),...a}));c.displayName="CardHeader";const d=i.forwardRef(({className:t,...a},s)=>e.jsx("h3",{ref:s,className:f("text-2xl font-semibold leading-none tracking-tight",t),...a}));d.displayName="CardTitle";const Ce=i.forwardRef(({className:t,...a},s)=>e.jsx("p",{ref:s,className:f("text-sm text-muted-foreground",t),...a}));Ce.displayName="CardDescription";const x=i.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:f("p-6 pt-0",t),...a}));x.displayName="CardContent";const we=i.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:f("flex items-center p-6 pt-0",t),...a}));we.displayName="CardFooter";function Se({data:t}){return t.length===0?e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Activity Timeline"})}),e.jsx(x,{children:e.jsx("div",{className:"flex h-[280px] items-center justify-center text-sm text-muted-foreground/50",children:"No activity data yet"})})]}):e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Activity Timeline"})}),e.jsx(x,{children:e.jsx(g,{width:"100%",height:280,children:e.jsxs(B,{data:t,children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"userGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:"#06b6d4",stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:"#06b6d4",stopOpacity:0})]}),e.jsxs("linearGradient",{id:"assistantGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:"#8b5cf6",stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:"#8b5cf6",stopOpacity:0})]})]}),e.jsx(E,{strokeDasharray:"3 3",stroke:"hsl(var(--border))",strokeOpacity:.3}),e.jsx(w,{dataKey:"date",stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,tickFormatter:a=>{const s=new Date(a);return`${s.getMonth()+1}/${s.getDate()}`}}),e.jsx(S,{stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,allowDecimals:!1}),e.jsx(v,{contentStyle:{backgroundColor:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:"8px",fontSize:"12px",color:"hsl(var(--foreground))"},labelFormatter:a=>`Date: ${a}`}),e.jsx(u,{type:"monotone",dataKey:"user_messages",name:"User messages",stroke:"#06b6d4",strokeWidth:2,fill:"url(#userGrad)"}),e.jsx(u,{type:"monotone",dataKey:"assistant_messages",name:"Assistant messages",stroke:"#8b5cf6",strokeWidth:2,fill:"url(#assistantGrad)"})]})})})]})}function Re({data:t}){return t.length===0?e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Sessions by Provider"})}),e.jsx(x,{children:e.jsx("div",{className:"flex h-[280px] items-center justify-center text-sm text-muted-foreground/50",children:"No session data yet"})})]}):e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Sessions by Provider"})}),e.jsx(x,{children:e.jsx(g,{width:"100%",height:280,children:e.jsxs(K,{data:t,children:[e.jsx(w,{dataKey:"provider",stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1}),e.jsx(S,{stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,allowDecimals:!1}),e.jsx(v,{contentStyle:{backgroundColor:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:"8px",fontSize:"12px",color:"hsl(var(--foreground))"},formatter:a=>[`${a??0} sessions`,"Count"]}),e.jsx(F,{dataKey:"count",fill:"#8b5cf6",radius:[4,4,0,0],maxBarSize:48})]})})})]})}function y({title:t,value:a,subtitle:s,icon:r}){return e.jsxs("div",{className:"rounded-xl border border-border bg-card backdrop-blur-sm p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("span",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:t}),r]}),e.jsx("div",{className:"text-2xl font-bold tracking-tight",children:a}),s&&e.jsx("p",{className:"text-xs text-muted-foreground/60 mt-1",children:s})]})}const C=["#06b6d4","#8b5cf6","#10b981","#f59e0b","#ef4444","#ec4899"];function Te(t){return t.replace("claude-","").replace("-20250929","").replace("-20251001","").replace("-20260214","")}function Le({data:t}){if(t.length===0)return e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Tokens by Model"})}),e.jsx(x,{children:e.jsx("div",{className:"flex h-[280px] items-center justify-center text-sm text-muted-foreground/50",children:"No model data yet"})})]});const a=t.map(r=>({...r,usedTokens:(r.prompt_tokens??0)+(r.completion_tokens??0)})),s=a.reduce((r,p)=>r+p.usedTokens,0);return e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Tokens by Model"})}),e.jsx(x,{children:e.jsxs("div",{className:"flex items-center gap-6",children:[e.jsx(g,{width:180,height:180,children:e.jsxs(ue,{children:[e.jsx(fe,{data:a,dataKey:"usedTokens",nameKey:"model",cx:"50%",cy:"50%",innerRadius:50,outerRadius:80,strokeWidth:2,stroke:"hsl(var(--card))",children:a.map((r,p)=>e.jsx(je,{fill:C[p%C.length]},r.model))}),e.jsx(v,{contentStyle:{backgroundColor:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:"8px",fontSize:"12px",color:"hsl(var(--foreground))"},formatter:r=>h(r??0)})]})}),e.jsx("div",{className:"flex-1 space-y-2.5",children:a.map((r,p)=>{const b=r.usedTokens,R=s>0?(b/s*100).toFixed(1):"0";return e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"h-2.5 w-2.5 rounded-full shrink-0",style:{backgroundColor:C[p%C.length]}}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-xs font-mono truncate",children:Te(r.model)}),e.jsxs("div",{className:"text-[10px] text-muted-foreground/60",children:[h(b)," tokens (",R,"%)",(r.cache_read??0)>0&&e.jsxs("span",{children:[" · ",h(r.cache_read)," cached"]}),e.jsxs("span",{children:[" · ",r.requests," req"]}),r.costEstimate!=null&&r.costEstimate>0&&e.jsxs("span",{children:[" · ~$",r.costEstimate.toFixed(2)]})]})]})]},r.model)})})]})})]})}const n={prompt:"#06b6d4",completion:"#8b5cf6",cacheCreation:"#f59e0b",cacheRead:"#10b981"};function De({data:t}){return t.length===0?e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Token Usage Over Time"})}),e.jsx(x,{children:e.jsx("div",{className:"flex h-[280px] items-center justify-center text-sm text-muted-foreground/50",children:"No token data yet"})})]}):e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Token Usage Over Time"})}),e.jsxs(x,{children:[e.jsx(g,{width:"100%",height:280,children:e.jsxs(B,{data:t,children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"promptGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:n.prompt,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:n.prompt,stopOpacity:0})]}),e.jsxs("linearGradient",{id:"completionGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:n.completion,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:n.completion,stopOpacity:0})]}),e.jsxs("linearGradient",{id:"cacheCreateGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:n.cacheCreation,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:n.cacheCreation,stopOpacity:0})]}),e.jsxs("linearGradient",{id:"cacheReadGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:n.cacheRead,stopOpacity:.3}),e.jsx("stop",{offset:"95%",stopColor:n.cacheRead,stopOpacity:0})]})]}),e.jsx(E,{strokeDasharray:"3 3",stroke:"hsl(var(--border))",strokeOpacity:.3}),e.jsx(w,{dataKey:"date",stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,tickFormatter:a=>{const s=new Date(a);return`${s.getMonth()+1}/${s.getDate()}`}}),e.jsx(S,{stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,allowDecimals:!1,tickFormatter:a=>h(a)}),e.jsx(v,{contentStyle:{backgroundColor:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:"8px",fontSize:"12px",color:"hsl(var(--foreground))"},formatter:a=>h(a??0),labelFormatter:a=>`Date: ${a}`}),e.jsx(u,{type:"monotone",dataKey:"prompt",stackId:"1",stroke:n.prompt,strokeWidth:2,fill:"url(#promptGrad)",name:"Prompt"}),e.jsx(u,{type:"monotone",dataKey:"completion",stackId:"1",stroke:n.completion,strokeWidth:2,fill:"url(#completionGrad)",name:"Completion"}),e.jsx(u,{type:"monotone",dataKey:"cacheCreation",stackId:"1",stroke:n.cacheCreation,strokeWidth:2,fill:"url(#cacheCreateGrad)",name:"Cache Creation"}),e.jsx(u,{type:"monotone",dataKey:"cacheRead",stackId:"1",stroke:n.cacheRead,strokeWidth:2,fill:"url(#cacheReadGrad)",name:"Cache Read"})]})}),e.jsx("div",{className:"mt-3 flex justify-center gap-5 text-xs",children:Object.entries(n).map(([a,s])=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-2 w-2 rounded-full",style:{backgroundColor:s}}),e.jsx("span",{className:"text-muted-foreground capitalize",children:a.replace(/([A-Z])/g," $1").trim()})]},a))})]})]})}function Ae({data:t}){return t.length===0?e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Tool Usage"})}),e.jsx(x,{children:e.jsx("div",{className:"flex h-[280px] items-center justify-center text-sm text-muted-foreground/50",children:"No tool usage data yet"})})]}):e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(d,{className:"text-base",children:"Tool Usage"})}),e.jsx(x,{children:e.jsx(g,{width:"100%",height:280,children:e.jsxs(K,{data:t,layout:"vertical",margin:{left:60},children:[e.jsx(w,{type:"number",stroke:"hsl(var(--muted-foreground))",fontSize:11,tickLine:!1,axisLine:!1,allowDecimals:!1}),e.jsx(S,{type:"category",dataKey:"tool",stroke:"hsl(var(--muted-foreground))",fontSize:10,tickLine:!1,axisLine:!1,width:55}),e.jsx(v,{contentStyle:{backgroundColor:"hsl(var(--card))",border:"1px solid hsl(var(--border))",borderRadius:"8px",fontSize:"12px",color:"hsl(var(--foreground))"},formatter:a=>[`${a??0} calls`,"Usage"]}),e.jsx(F,{dataKey:"count",fill:"#06b6d4",radius:[0,4,4,0],maxBarSize:24})]})})})]})}function Me(){const[t,a]=i.useState("7d"),[s,r]=i.useState(null),[p,b]=i.useState([]),[R,_]=i.useState([]),[$,q]=i.useState([]),[H,I]=i.useState([]),[O,W]=i.useState([]),[V,Z]=i.useState([]),[X,P]=i.useState(!0),G=i.useCallback(async()=>{P(!0);try{const[o,T,L,D,k,j,m]=await Promise.all([fetch(`/api/analytics/overview?range=${t}`),fetch(`/api/analytics/activity-timeline?range=${t}`),fetch(`/api/analytics/tokens-by-model?range=${t}`),fetch(`/api/analytics/token-usage?range=${t}`),fetch(`/api/analytics/tool-usage?range=${t}`),fetch(`/api/analytics/sessions-by-provider?range=${t}`),fetch("/api/providers")]);if(!o.ok)throw new Error("Failed to load overview");const[se,te,ae,re,oe,ie,z]=await Promise.all([o.json(),T.json(),L.json(),D.json(),k.json(),j.json(),m.ok?m.json():Promise.resolve({providers:[]})]);r(se),b(te),_(ae),q(re),I(oe),W(ie),Z(Array.isArray(z.providers)?z.providers:[])}catch(o){console.error("Error loading analytics:",o),U.error("Failed to load analytics data")}finally{P(!1)}},[t]);i.useEffect(()=>{G()},[G]);const Y=()=>{const o=["Date","Prompt Tokens","Completion Tokens","Cache Read","Cache Creation"],T=$.map(m=>[m.date,m.prompt,m.completion,m.cacheRead,m.cacheCreation]),L=[o,...T].map(m=>m.join(",")).join(`
+`),D=new Blob([L],{type:"text/csv"}),k=URL.createObjectURL(D),j=document.createElement("a");j.href=k,j.download=`analytics-${t}.csv`,j.click(),URL.revokeObjectURL(k),U.success("CSV exported successfully")};if(X||!s)return e.jsxs("div",{className:"p-4 md:p-8 max-w-7xl mx-auto",children:[e.jsx("div",{className:"mb-6 flex items-center justify-between",children:e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl md:text-3xl font-bold tracking-tight",children:"Analytics"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Token usage, activity patterns, and session metrics"})]})}),e.jsx("div",{className:"flex h-64 items-center justify-center",children:e.jsxs("div",{className:"flex items-center gap-3 text-muted-foreground",children:[e.jsx("div",{className:"w-4 h-4 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"}),e.jsx("span",{className:"text-sm",children:"Loading analytics..."})]})})]});const J=new Map(V.map(o=>[o.id,o])),M=O.filter(o=>Number(o.count)>0).map(o=>J.get(String(o.provider))).filter(o=>!!o&&o.capabilities.metricsChannel!=="transcript"),Q=M.length>0,ee=Array.from(new Set(M.map(o=>o.label)));return e.jsxs("div",{className:"p-4 md:p-8 max-w-7xl mx-auto",children:[e.jsxs("div",{className:"mb-6 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl md:text-3xl font-bold tracking-tight",children:"Analytics"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Token usage, activity patterns, and session metrics"})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs(ne,{value:t,onValueChange:a,children:[e.jsx(le,{className:"w-36 border-border bg-muted/30",children:e.jsx(ce,{})}),e.jsxs(de,{children:[e.jsx(N,{value:"today",children:"Today"}),e.jsx(N,{value:"7d",children:"Last 7 Days"}),e.jsx(N,{value:"30d",children:"Last 30 Days"}),e.jsx(N,{value:"all",children:"All Time"})]})]}),e.jsxs(xe,{variant:"outline",onClick:Y,className:"border-border hover:bg-accent/60",children:[e.jsx(be,{className:"h-3.5 w-3.5 mr-1.5"}),"Export"]})]})]}),e.jsxs("div",{className:"mb-6 grid grid-cols-2 gap-3 md:gap-4 md:grid-cols-3 lg:grid-cols-5",children:[e.jsx(y,{title:"Total Sessions",value:s.sessionsCount,subtitle:`${s.activeSessions} active`,icon:e.jsx(Ne,{className:"h-4 w-4 text-cyan-400"})}),e.jsx(y,{title:"Total Messages",value:h(s.totalMessages),subtitle:"User + assistant turns",icon:e.jsx(me,{className:"h-4 w-4 text-emerald-400"})}),e.jsx(y,{title:"Tokens Used",value:h(s.inputTokens!=null?s.inputTokens+s.outputTokens:s.totalTokens),subtitle:(s.cacheReadTokens??0)>0?`${h(s.cacheReadTokens)} cached`:void 0,icon:e.jsx(he,{className:"h-4 w-4 text-violet-400"})}),e.jsx(y,{title:"Cache Hit Rate",value:`${s.cacheHitRate}%`,subtitle:s.cacheHitRate>=50?"Excellent":s.cacheHitRate>=20?"Good":"Low",icon:e.jsx(pe,{className:"h-4 w-4 text-amber-400"})}),e.jsx(y,{title:"Est. API Cost",value:`$${s.costEstimate.toFixed(2)}`,subtitle:"Equivalent if billed per-token",icon:e.jsx(ge,{className:"h-4 w-4 text-emerald-400"})})]}),s.costEstimate>0&&e.jsx("div",{className:"mb-6 rounded-lg border border-border/60 bg-muted/20 px-4 py-3",children:e.jsxs("p",{className:"text-xs text-muted-foreground/70",children:[e.jsx("span",{className:"font-medium text-muted-foreground",children:"Cost estimate disclaimer:"})," ","This is an approximate equivalent API cost based on published Anthropic pricing. Actual costs may differ due to long-context pricing (>200K tokens), internal requests not captured in transcripts (e.g. context summarization), and pricing changes. Max plan subscribers are not charged per-token."]})}),Q&&e.jsx("div",{className:"mb-6 rounded-lg border border-amber-500/40 bg-amber-500/5 px-4 py-3",children:e.jsxs("p",{className:"text-xs text-muted-foreground/80",children:[e.jsx("span",{className:"font-medium text-amber-300",children:"Provider metrics note:"})," Token and tool analytics are transcript-driven. Active sessions from"," ",ee.join(", ")," may not fully appear in token charts."]})}),e.jsxs("div",{className:"grid gap-4 lg:grid-cols-2",children:[e.jsx("div",{className:"lg:col-span-2",children:e.jsx(Se,{data:p})}),e.jsx(Le,{data:R}),e.jsx(Ae,{data:H}),e.jsx("div",{className:"lg:col-span-2",children:e.jsx(De,{data:$})}),e.jsx(Re,{data:O})]})]})}export{Me as AnalyticsPage};

package/packages/web/dist/assets/PoliciesPage-CjdLN3dl.js

@@ -0,0 +1,11 @@
+import{r as c,j as e}from"./react-vendor-B5MgMUHH.js";import{c as z,S as V,b as O,d as U,e as q,g as y,h as v,i as B,j as f,u,B as p,P as D,I as j,D as S,k as $,l as F,m as I,n as E,o as R,p as T,C as X,q as J,X as K,r as L}from"./index-hgphORiw.js";import{T as _}from"./trash-2-Btlg0d4l.js";import{P as Q,L as k}from"./pencil-Dbczxz59.js";import{T as Y,a as Z,b as C,c as P}from"./tabs-C8LsWiR5.js";import"./monaco-core-DQ5Mk8AK.js";import"./chart-vendor-DlOHLaCG.js";/**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ee=[["path",{d:"M12 3v18",key:"108xh3"}],["path",{d:"m19 8 3 8a5 5 0 0 1-6 0zV7",key:"zcdpyk"}],["path",{d:"M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1",key:"1yorad"}],["path",{d:"m5 8 3 8a5 5 0 0 1-6 0zV7",key:"eua70x"}],["path",{d:"M7 21h10",key:"1b0cd5"}]],se=z("scale",ee);/**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const te=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],M=z("star",te);function re(){const[s,h]=c.useState([]),[n,i]=c.useState(!0),[m,a]=c.useState("all");c.useEffect(()=>{(async()=>{i(!0);try{const x=await f.getPolicyDecisions({decision:m==="all"?void 0:m,limit:100});h(x.decisions)}catch{u.error("Failed to load audit log")}finally{i(!1)}})()},[m]);const r=t=>{switch(t){case"allow":return"success";case"deny":return"destructive";case"ask":return"warning";default:return"secondary"}};return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Recent permission decisions across all sessions."}),e.jsxs(V,{value:m,onValueChange:t=>a(t),children:[e.jsx(O,{className:"w-32 h-8 text-xs border-border bg-muted/30",children:e.jsx(U,{})}),e.jsxs(q,{children:[e.jsx(y,{value:"all",children:"All"}),e.jsx(y,{value:"allow",children:"Allow"}),e.jsx(y,{value:"deny",children:"Deny"}),e.jsx(y,{value:"ask",children:"Ask"})]})]})]}),n?e.jsxs("div",{className:"flex items-center gap-2 text-muted-foreground py-8 justify-center",children:[e.jsx("div",{className:"w-3 h-3 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"}),e.jsx("span",{className:"text-xs",children:"Loading audit log..."})]}):s.length===0?e.jsx("div",{className:"text-center py-12 text-muted-foreground/50 text-sm",children:"No policy decisions recorded yet."}):e.jsxs("div",{className:"rounded-xl border border-border overflow-hidden bg-card/80 backdrop-blur-sm",children:[e.jsxs("div",{className:"grid grid-cols-[80px_100px_1fr_80px_1fr_100px] gap-3 px-4 py-2.5 border-b border-border text-[11px] font-medium text-muted-foreground uppercase tracking-wider",children:[e.jsx("div",{children:"Decision"}),e.jsx("div",{children:"Session"}),e.jsx("div",{children:"Tool"}),e.jsx("div",{children:"Policy"}),e.jsx("div",{children:"Reason"}),e.jsx("div",{children:"Time"})]}),s.map(t=>e.jsxs("div",{className:"grid grid-cols-[80px_100px_1fr_80px_1fr_100px] gap-3 px-4 py-2.5 border-b border-border/60 last:border-0 text-sm items-center",children:[e.jsx("div",{children:e.jsx(v,{variant:r(t.decision),className:"text-[10px]",children:t.decision})}),e.jsx("div",{className:"font-mono text-xs text-muted-foreground truncate",children:t.sessionId.slice(0,8)}),e.jsx("div",{className:"font-mono text-xs truncate",children:t.toolName}),e.jsx("div",{className:"font-mono text-[10px] text-muted-foreground/50 truncate",children:t.policyId?t.policyId.slice(0,8):"-"}),e.jsx("div",{className:"text-xs text-muted-foreground truncate",children:t.reason||"-"}),e.jsx("div",{className:"text-[11px] text-muted-foreground",children:B(t.timestamp)})]},t.id))]})]})}function G({rules:s,onChange:h}){const n=()=>{h([...s,{id:crypto.randomUUID(),action:"allow",tool:"",reason:""}])},i=(a,r)=>{const t=[...s];t[a]={...t[a],...r},h(t)},m=a=>{h(s.filter((r,t)=>t!==a))};return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Rules"}),e.jsxs(p,{type:"button",variant:"ghost",size:"sm",onClick:n,className:"h-7 text-xs",children:[e.jsx(D,{className:"h-3 w-3 mr-1"}),"Add Rule"]})]}),s.length===0&&e.jsx("p",{className:"text-xs text-muted-foreground/50 text-center py-4 border border-dashed border-border rounded-lg",children:"No rules yet. Add a rule to define permission behavior."}),s.map((a,r)=>e.jsxs("div",{className:"grid grid-cols-[100px_1fr_1fr_32px] gap-2 items-start p-3 rounded-lg border border-border bg-muted/20",children:[e.jsxs(V,{value:a.action,onValueChange:t=>i(r,{action:t}),children:[e.jsx(O,{className:"h-8 text-xs border-border bg-muted/30",children:e.jsx(U,{})}),e.jsxs(q,{children:[e.jsx(y,{value:"allow",children:"Allow"}),e.jsx(y,{value:"deny",children:"Deny"}),e.jsx(y,{value:"ask",children:"Ask"})]})]}),e.jsx(j,{placeholder:"Tool pattern (e.g. Bash, Write)",value:typeof a.tool=="string"?a.tool:(a.tool||[]).join(", "),onChange:t=>i(r,{tool:t.target.value}),className:"h-8 text-xs border-border bg-muted/30 font-mono placeholder:text-muted-foreground/30"}),e.jsx(j,{placeholder:"Reason (optional)",value:a.reason||"",onChange:t=>i(r,{reason:t.target.value}),className:"h-8 text-xs border-border bg-muted/30 placeholder:text-muted-foreground/30"}),e.jsx(p,{type:"button",variant:"ghost",size:"sm",className:"h-8 w-8 p-0 text-muted-foreground hover:text-red-400",onClick:()=>m(r),children:e.jsx(_,{className:"h-3.5 w-3.5"})})]},a.id))]})}function ae({onCreated:s}){const[h,n]=c.useState(!1),[i,m]=c.useState(!1),[a,r]=c.useState({name:"",description:"",priority:0,enabled:!0,rules:[]}),t=async()=>{if(!a.name.trim()){u.error("Policy name is required");return}if(a.rules.length===0){u.error("At least one rule is required");return}try{m(!0),await f.createPolicy({id:crypto.randomUUID(),name:a.name,description:a.description||void 0,priority:a.priority,enabled:a.enabled,rules:a.rules}),u.success("Policy created"),n(!1),r({name:"",description:"",priority:0,enabled:!0,rules:[]}),s()}catch(x){u.error(x instanceof Error?x.message:"Failed to create policy")}finally{m(!1)}};return e.jsxs(S,{open:h,onOpenChange:n,children:[e.jsx($,{asChild:!0,children:e.jsxs(p,{className:"bg-cyan-600 hover:bg-cyan-700 text-white border-0",children:[e.jsx(D,{className:"h-4 w-4 mr-1.5"}),"New Policy"]})}),e.jsxs(F,{className:"border-border bg-popover max-w-2xl max-h-[85vh] overflow-y-auto mx-4 sm:mx-auto",children:[e.jsxs(I,{children:[e.jsx(E,{children:"Create Policy"}),e.jsx(R,{className:"text-muted-foreground/60",children:"Define permission rules for tool access control."})]}),e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"create-policy-name",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Name *"}),e.jsx(j,{id:"create-policy-name",placeholder:"My Policy",value:a.name,onChange:x=>r(l=>({...l,name:x.target.value})),className:"border-border bg-muted/30 text-sm placeholder:text-muted-foreground/30"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"create-policy-priority",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Priority"}),e.jsx(j,{id:"create-policy-priority",type:"number",value:a.priority,onChange:x=>r(l=>({...l,priority:parseInt(x.target.value,10)||0})),className:"border-border bg-muted/30 text-sm font-mono"})]})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"create-policy-desc",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Description"}),e.jsx(j,{id:"create-policy-desc",placeholder:"Optional description",value:a.description,onChange:x=>r(l=>({...l,description:x.target.value})),className:"border-border bg-muted/30 text-sm placeholder:text-muted-foreground/30"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",id:"enabled",checked:a.enabled,onChange:x=>r(l=>({...l,enabled:x.target.checked})),className:"rounded border-border"}),e.jsx("label",{htmlFor:"enabled",className:"text-sm text-muted-foreground",children:"Enabled"})]}),e.jsx(G,{rules:a.rules,onChange:x=>r(l=>({...l,rules:x}))})]}),e.jsxs(T,{children:[e.jsx(p,{variant:"outline",onClick:()=>n(!1),disabled:i,className:"border-border",children:"Cancel"}),e.jsx(p,{onClick:t,disabled:i,className:"bg-cyan-600 hover:bg-cyan-700 text-white border-0",children:i?"Creating...":"Create Policy"})]})]})]})}function de({policies:s,onCreated:h}){const[n,i]=c.useState(!1),[m,a]=c.useState(!1),[r,t]=c.useState({name:"",description:"",isDefault:!1,selectedPolicyIds:[]}),x=d=>{t(b=>({...b,selectedPolicyIds:b.selectedPolicyIds.includes(d)?b.selectedPolicyIds.filter(w=>w!==d):[...b.selectedPolicyIds,d]}))},l=async()=>{if(!r.name.trim()){u.error("Set name is required");return}try{a(!0),await f.createPolicySet({id:crypto.randomUUID(),name:r.name,description:r.description||void 0,isDefault:r.isDefault,policyIds:r.selectedPolicyIds.length>0?r.selectedPolicyIds:void 0}),u.success("Policy set created"),i(!1),t({name:"",description:"",isDefault:!1,selectedPolicyIds:[]}),h()}catch(d){u.error(d instanceof Error?d.message:"Failed to create policy set")}finally{a(!1)}};return e.jsxs(S,{open:n,onOpenChange:i,children:[e.jsx($,{asChild:!0,children:e.jsxs(p,{variant:"outline",className:"border-border",children:[e.jsx(D,{className:"h-4 w-4 mr-1.5"}),"New Set"]})}),e.jsxs(F,{className:"border-border bg-popover max-w-lg max-h-[85vh] overflow-y-auto",children:[e.jsxs(I,{children:[e.jsx(E,{children:"Create Policy Set"}),e.jsx(R,{className:"text-muted-foreground/60",children:"Group policies together for easy application to sessions."})]}),e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"create-set-name",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Name *"}),e.jsx(j,{id:"create-set-name",placeholder:"Production Rules",value:r.name,onChange:d=>t(b=>({...b,name:d.target.value})),className:"border-border bg-muted/30 text-sm placeholder:text-muted-foreground/30"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"create-set-desc",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Description"}),e.jsx(j,{id:"create-set-desc",placeholder:"Optional description",value:r.description,onChange:d=>t(b=>({...b,description:d.target.value})),className:"border-border bg-muted/30 text-sm placeholder:text-muted-foreground/30"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",id:"set-default",checked:r.isDefault,onChange:d=>t(b=>({...b,isDefault:d.target.checked})),className:"rounded border-border"}),e.jsx("label",{htmlFor:"set-default",className:"text-sm text-muted-foreground",children:"Set as default (auto-apply to new sessions)"})]}),s.length>0&&e.jsxs("div",{className:"grid gap-2",children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Include Policies"}),e.jsx("div",{className:"space-y-1.5 max-h-48 overflow-y-auto rounded-lg border border-border p-2",children:s.map(d=>e.jsxs("label",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md hover:bg-accent/30 cursor-pointer transition-colors",children:[e.jsx("input",{type:"checkbox",checked:r.selectedPolicyIds.includes(d.id),onChange:()=>x(d.id),className:"rounded border-border"}),e.jsx("span",{className:"text-sm",children:d.name}),e.jsxs("span",{className:"text-[10px] font-mono text-muted-foreground/50 ml-auto",children:["P:",d.priority]})]},d.id))})]})]}),e.jsxs(T,{children:[e.jsx(p,{variant:"outline",onClick:()=>i(!1),disabled:m,className:"border-border",children:"Cancel"}),e.jsx(p,{onClick:l,disabled:m,className:"bg-cyan-600 hover:bg-cyan-700 text-white border-0",children:m?"Creating...":"Create Set"})]})]})]})}function ie({policy:s,open:h,onOpenChange:n,onSaved:i}){const[m,a]=c.useState(!1),[r,t]=c.useState({name:s.name,description:s.description||"",priority:s.priority,enabled:s.enabled,rules:[...s.rules]}),x=async()=>{if(!r.name.trim()){u.error("Policy name is required");return}try{a(!0),await f.updatePolicy(s.id,{name:r.name,description:r.description||void 0,priority:r.priority,enabled:r.enabled,rules:r.rules}),u.success("Policy updated"),n(!1),i()}catch(l){u.error(l instanceof Error?l.message:"Failed to update policy")}finally{a(!1)}};return e.jsx(S,{open:h,onOpenChange:n,children:e.jsxs(F,{className:"border-border bg-popover max-w-2xl max-h-[85vh] overflow-y-auto",children:[e.jsxs(I,{children:[e.jsx(E,{children:"Edit Policy"}),e.jsx(R,{className:"text-muted-foreground/60",children:"Modify the permission rules for this policy."})]}),e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"edit-policy-name",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Name *"}),e.jsx(j,{id:"edit-policy-name",value:r.name,onChange:l=>t(d=>({...d,name:l.target.value})),className:"border-border bg-muted/30 text-sm"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"edit-policy-priority",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Priority"}),e.jsx(j,{id:"edit-policy-priority",type:"number",value:r.priority,onChange:l=>t(d=>({...d,priority:parseInt(l.target.value,10)||0})),className:"border-border bg-muted/30 text-sm font-mono"})]})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("label",{htmlFor:"edit-policy-desc",className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Description"}),e.jsx(j,{id:"edit-policy-desc",value:r.description,onChange:l=>t(d=>({...d,description:l.target.value})),className:"border-border bg-muted/30 text-sm"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"checkbox",id:"edit-enabled",checked:r.enabled,onChange:l=>t(d=>({...d,enabled:l.target.checked})),className:"rounded border-border"}),e.jsx("label",{htmlFor:"edit-enabled",className:"text-sm text-muted-foreground",children:"Enabled"})]}),e.jsx(G,{rules:r.rules,onChange:l=>t(d=>({...d,rules:l}))})]}),e.jsxs(T,{children:[e.jsx(p,{variant:"outline",onClick:()=>n(!1),disabled:m,className:"border-border",children:"Cancel"}),e.jsx(p,{onClick:x,disabled:m,className:"bg-cyan-600 hover:bg-cyan-700 text-white border-0",children:m?"Saving...":"Save Changes"})]})]})})}function oe({policy:s,onUpdated:h}){const[n,i]=c.useState(!1),[m,a]=c.useState(!1),r=async()=>{if(confirm(`Delete policy "${s.name}"?`))try{a(!0),await f.deletePolicy(s.id),u.success("Policy deleted"),h()}catch(t){u.error(t instanceof Error?t.message:"Failed to delete policy")}finally{a(!1)}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"rounded-xl border border-border bg-card/80 backdrop-blur-sm p-5 hover:bg-accent/30 transition-colors",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("h3",{className:"text-sm font-semibold",children:s.name}),e.jsx(v,{variant:s.enabled?"success":"secondary",children:s.enabled?"Active":"Disabled"}),e.jsxs("span",{className:"text-[10px] font-mono text-muted-foreground/50 bg-muted/50 px-1.5 py-0.5 rounded border border-border",children:["Priority: ",s.priority]}),s.sessionId&&e.jsxs("span",{className:"text-[10px] font-mono text-cyan-400/60 bg-cyan-500/5 px-1.5 py-0.5 rounded border border-cyan-500/10",children:["Session: ",s.sessionId.slice(0,8)]}),!s.sessionId&&e.jsx("span",{className:"text-[10px] font-mono text-amber-400/60 bg-amber-500/5 px-1.5 py-0.5 rounded border border-amber-500/10",children:"Global"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(p,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 text-muted-foreground hover:text-foreground",onClick:()=>i(!0),children:e.jsx(Q,{className:"h-3.5 w-3.5"})}),e.jsx(p,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 text-muted-foreground hover:text-red-400",onClick:r,disabled:m,children:e.jsx(_,{className:"h-3.5 w-3.5"})})]})]}),s.description&&e.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:s.description}),e.jsxs("div",{className:"space-y-1.5 mb-3",children:[e.jsxs("p",{className:"text-[11px] font-medium text-muted-foreground uppercase tracking-wider",children:["Rules (",s.rules.length,")"]}),s.rules.map(t=>e.jsxs("div",{className:"flex items-center gap-2 text-sm",children:[e.jsx(v,{variant:t.action==="allow"?"success":t.action==="deny"?"destructive":"warning",children:t.action}),t.tool&&e.jsx("code",{className:"bg-muted/50 px-1.5 py-0.5 rounded text-[11px] font-mono border border-border",children:Array.isArray(t.tool)?t.tool.join(", "):t.tool}),t.reason&&e.jsxs("span",{className:"text-muted-foreground/60 text-xs",children:["- ",t.reason]})]},t.id))]}),e.jsxs("p",{className:"text-[11px] text-muted-foreground/50",children:["Updated ",B(s.updatedAt)]})]}),n&&e.jsx(ie,{policy:s,open:n,onOpenChange:i,onSaved:h})]})}function ne({policySet:s,allPolicies:h,onUpdated:n}){const[i,m]=c.useState(!1),[a,r]=c.useState([]),[t,x]=c.useState(!1),[l,d]=c.useState(!1);c.useEffect(()=>{if(!i)return;(async()=>{x(!0);try{const g=await f.getPolicySet(s.id);r(g.policySet.policies)}catch{u.error("Failed to load policy set members")}finally{x(!1)}})()},[i,s.id]);const b=async()=>{if(confirm(`Delete policy set "${s.name}"?`))try{d(!0),await f.deletePolicySet(s.id),u.success("Policy set deleted"),n()}catch(o){u.error(o instanceof Error?o.message:"Failed to delete")}finally{d(!1)}},w=async()=>{try{await f.updatePolicySet(s.id,{isDefault:!s.isDefault}),u.success(s.isDefault?"Removed as default":"Set as default"),n()}catch(o){u.error(o instanceof Error?o.message:"Failed to update")}},H=async o=>{try{await f.removePolicyFromSet(s.id,o),r(g=>g.filter(N=>N.id!==o)),u.success("Policy removed from set"),n()}catch(g){u.error(g instanceof Error?g.message:"Failed to remove")}},W=async o=>{try{await f.addPolicyToSet(s.id,o);const g=h.find(N=>N.id===o);g&&r(N=>[...N,g]),u.success("Policy added to set"),n()}catch(g){u.error(g instanceof Error?g.message:"Failed to add")}},A=h.filter(o=>!a.some(g=>g.id===o.id));return e.jsxs("div",{className:"rounded-xl border border-border bg-card/80 backdrop-blur-sm overflow-hidden",children:[e.jsxs("button",{type:"button",className:"flex items-center justify-between w-full p-5 cursor-pointer hover:bg-accent/30 transition-colors text-left",onClick:()=>m(!i),children:[e.jsxs("div",{className:"flex items-center gap-3",children:[i?e.jsx(X,{className:"h-4 w-4 text-muted-foreground"}):e.jsx(J,{className:"h-4 w-4 text-muted-foreground"}),e.jsx(k,{className:"h-4 w-4 text-cyan-400"}),e.jsx("h3",{className:"text-sm font-semibold",children:s.name}),s.isDefault&&e.jsxs(v,{variant:"warning",className:"text-[10px]",children:[e.jsx(M,{className:"h-2.5 w-2.5 mr-1"}),"Default"]}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[s.policyCount," ",s.policyCount===1?"policy":"policies"]}),e.jsxs("span",{className:"text-xs text-muted-foreground/50",children:[s.sessionCount," ",s.sessionCount===1?"session":"sessions"]})]}),e.jsxs("div",{className:"flex items-center gap-1",onClick:o=>o.stopPropagation(),children:[e.jsxs(p,{variant:"ghost",size:"sm",className:"h-7 px-2 text-xs text-muted-foreground hover:text-amber-400",onClick:w,children:[e.jsx(M,{className:`h-3 w-3 mr-1 ${s.isDefault?"fill-amber-400":""}`}),s.isDefault?"Unset Default":"Set Default"]}),e.jsx(p,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0 text-muted-foreground hover:text-red-400",onClick:b,disabled:l,children:e.jsx(_,{className:"h-3.5 w-3.5"})})]})]}),s.description&&!i&&e.jsx("div",{className:"px-5 pb-3 -mt-2",children:e.jsx("p",{className:"text-xs text-muted-foreground/60 pl-11",children:s.description})}),i&&e.jsxs("div",{className:"border-t border-border p-5 pt-4 space-y-3",children:[s.description&&e.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:s.description}),t?e.jsxs("div",{className:"flex items-center gap-2 text-muted-foreground py-4 justify-center",children:[e.jsx("div",{className:"w-3 h-3 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"}),e.jsx("span",{className:"text-xs",children:"Loading..."})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-[11px] font-medium text-muted-foreground uppercase tracking-wider",children:"Member Policies"}),a.length===0?e.jsx("p",{className:"text-xs text-muted-foreground/50 text-center py-3 border border-dashed border-border rounded-lg",children:"No policies in this set yet."}):e.jsx("div",{className:"space-y-1.5",children:a.map(o=>e.jsxs("div",{className:"flex items-center justify-between py-2 px-3 rounded-lg bg-muted/20 border border-border/50",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(v,{variant:o.enabled?"success":"secondary",className:"text-[10px]",children:o.enabled?"Active":"Off"}),e.jsx("span",{className:"text-sm",children:o.name}),e.jsxs("span",{className:"text-[10px] font-mono text-muted-foreground/50",children:["P:",o.priority]})]}),e.jsx(p,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0 text-muted-foreground hover:text-red-400",onClick:()=>H(o.id),children:e.jsx(K,{className:"h-3 w-3"})})]},o.id))}),A.length>0&&e.jsxs("div",{className:"pt-2",children:[e.jsx("p",{className:"text-[11px] font-medium text-muted-foreground uppercase tracking-wider mb-2",children:"Add Policy"}),e.jsx("div",{className:"flex flex-wrap gap-1.5",children:A.map(o=>e.jsxs("button",{type:"button",onClick:()=>W(o.id),className:"text-xs px-2.5 py-1 rounded-md border border-border bg-muted/30 text-muted-foreground hover:text-foreground hover:bg-accent/50 hover:border-cyan-500/30 transition-colors",children:["+ ",o.name]},o.id))})]})]})]})]})}function ge(){const[s,h]=c.useState([]),[n,i]=c.useState([]),[m,a]=c.useState(!0),r=c.useCallback(async()=>{try{const[t,x]=await Promise.all([f.getPolicies(),f.getPolicySets()]);h(t.policies),i(x.policySets)}catch{u.error("Failed to load policy data")}finally{a(!1)}},[]);return c.useEffect(()=>{r()},[r]),m?e.jsx("div",{className:"p-4 md:p-8 max-w-7xl mx-auto",children:e.jsx("div",{className:"flex justify-center items-center h-64",children:e.jsxs("div",{className:"flex items-center gap-3 text-muted-foreground",children:[e.jsx("div",{className:"w-4 h-4 border-2 border-cyan-500/30 border-t-cyan-500 rounded-full animate-spin"}),e.jsx("span",{className:"text-sm",children:"Loading policies..."})]})})}):e.jsxs("div",{className:"p-4 md:p-8 max-w-7xl mx-auto",children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h1",{className:"text-2xl md:text-3xl font-bold tracking-tight",children:"Policies"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Permission rules, policy sets, and audit trail"})]}),e.jsxs(Y,{defaultValue:"policies",children:[e.jsxs(Z,{className:"bg-muted/50 border border-border mb-6",children:[e.jsxs(C,{value:"policies",className:"data-[state=active]:bg-background data-[state=active]:text-foreground text-sm gap-1.5",children:[e.jsx(L,{className:"h-3.5 w-3.5"}),"Policies"]}),e.jsxs(C,{value:"sets",className:"data-[state=active]:bg-background data-[state=active]:text-foreground text-sm gap-1.5",children:[e.jsx(k,{className:"h-3.5 w-3.5"}),"Policy Sets"]}),e.jsxs(C,{value:"audit",className:"data-[state=active]:bg-background data-[state=active]:text-foreground text-sm gap-1.5",children:[e.jsx(se,{className:"h-3.5 w-3.5"}),"Audit Log"]})]}),e.jsxs(P,{value:"policies",children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:[s.length," ",s.length===1?"policy":"policies"," configured"]}),e.jsx(ae,{onCreated:r})]}),s.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center h-64 rounded-xl border border-border bg-card/80",children:[e.jsx(L,{className:"h-10 w-10 text-muted-foreground/20 mb-3"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-1",children:"No policies configured"}),e.jsx("p",{className:"text-xs text-muted-foreground/60",children:"Create your first policy to control tool permissions."})]}):e.jsx("div",{className:"space-y-3",children:s.map(t=>e.jsx(oe,{policy:t,onUpdated:r},t.id))})]}),e.jsxs(P,{value:"sets",children:[e.jsxs("div",{className:"flex justify-between items-center mb-4",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:[n.length," ",n.length===1?"set":"sets"," configured"]}),e.jsx(de,{policies:s,onCreated:r})]}),n.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center h-64 rounded-xl border border-border bg-card/80",children:[e.jsx(k,{className:"h-10 w-10 text-muted-foreground/20 mb-3"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-1",children:"No policy sets"}),e.jsx("p",{className:"text-xs text-muted-foreground/60",children:"Group policies into sets for easy application to sessions."})]}):e.jsx("div",{className:"space-y-3",children:n.map(t=>e.jsx(ne,{policySet:t,allPolicies:s,onUpdated:r},t.id))})]}),e.jsx(P,{value:"audit",children:e.jsx(re,{})})]})]})}export{ge as PoliciesPage};