lattice-orchestrator 0.7.0

package/dist/web/assets/NarrativeWalkthroughDemo-B5C566fu.js

@@ -0,0 +1,389 @@
+import{l as i,j as e,ao as r,r as o,p as a,ap as c}from"./main-B1fyog77.js";const d=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],h=i("chevron-left",d),l=[{path:"/prototype/narrative-walkthrough",label:"Narrative Walkthrough"},{path:"/prototype/walkthrough-headers",label:"Header Variations"},{path:"/prototype/section-headers",label:"Section Headers"},{path:"/prototype/moment-cards",label:"Moment Cards"},{path:"/prototype/file-tree",label:"Contextual File Tree"},{path:"/prototype/scrollycoding",label:"Scrollycoding"},{path:"/prototype/codehike-experiment",label:"CodeHike Experiment"},{path:"/prototype/walkthrough-showcase",label:"Walkthrough Showcase"},{path:"/prototype/smart-menu",label:"Smart Menu"}];function p(){const[t,n]=o.useState(!0);return e.jsx("div",{className:"fixed bottom-4 right-4 z-50",children:t?e.jsxs("button",{onClick:()=>n(!1),className:"flex items-center gap-2 px-3 py-2 rounded-lg bg-zinc-900/90 backdrop-blur-sm border border-zinc-700 text-zinc-400 text-xs font-mono hover:text-zinc-200 hover:border-zinc-500 transition-all shadow-lg",children:[e.jsx("span",{children:"Prototypes"}),e.jsx(h,{size:14})]}):e.jsxs("div",{className:"rounded-xl bg-zinc-900/95 backdrop-blur-sm border border-zinc-700 shadow-xl overflow-hidden",children:[e.jsxs("div",{className:"px-3 py-2 border-b border-zinc-800 flex items-center justify-between",children:[e.jsx("span",{className:"text-[10px] font-display text-zinc-500 uppercase tracking-wider",children:"Prototypes"}),e.jsx("button",{onClick:()=>n(!0),className:"text-zinc-500 hover:text-zinc-300",children:e.jsx(a,{size:14})})]}),e.jsx("div",{className:"p-2 space-y-1",children:l.map(s=>e.jsxs("a",{href:s.path,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 px-2 py-1.5 rounded text-xs text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800 transition-colors",children:[e.jsx(c,{size:12}),s.label]},s.path))})]})})}const g={sessionId:"8c3c3f2e",title:"Implementing Session Branching with Branch Point Indicators",summary:"Building the ability to create new sessions from any point in conversation history, with visual indicators showing where branches occurred.",totalTurns:43,generatedAt:new Date().toISOString(),fileTree:[{name:"src",path:"src",type:"directory",children:[{name:"services",path:"src/services",type:"directory",description:"Backend business logic",children:[{name:"session-info-service.ts",path:"session-info-service.ts",type:"file",description:"SQLite CRUD for session metadata"},{name:"claude-history-reader.ts",path:"claude-history-reader.ts",type:"file",description:"Reads session JSONL files"}]},{name:"routes",path:"src/routes",type:"directory",description:"REST API endpoints",children:[{name:"session.routes.ts",path:"session.routes.ts",type:"file",description:"Session CRUD endpoints"}]},{name:"components",path:"src/components",type:"directory",description:"React UI components",children:[{name:"BranchIndicator.tsx",path:"BranchIndicator.tsx",type:"file",description:"Shows branch count on messages"},{name:"MessageActions.tsx",path:"MessageActions.tsx",type:"file",description:"Right-click menu for messages"}]}]}],phases:[{name:"Discovery & Validation",narrative:"The session began with understanding the user's request and validating the approach. The core insight was that branching should work from any turn, not just the most recent one.",siblingFiles:[{path:"src/services/insights-coordinator.ts",name:"insights-coordinator.ts",description:"Coordinates insight generation events"},{path:"src/services/insights-computer.ts",name:"insights-computer.ts",description:"LLM calls for AI-generated metadata"},{path:"src/services/stream-manager.ts",name:"stream-manager.ts",description:"SSE broadcast to connected clients"}],directoryDescriptions:{src:"Application source code","src/services":"Backend business logic and data access"},keyMoments:[{turn:1,tag:"discovery",headline:"Understanding the branching requirement",narrative:'User wants to branch from any point in history, not just continue from the end. This requires tracking which message is the "branch point" for each session.',userSaid:"I want to be able to create a new session starting from any message in the conversation",code:void 0},{turn:5,tag:"discovery",headline:"Identified existing continuation_session_id field",code:[{file:"src/services/session-info-service.ts",language:"typescript",description:"SQLite CRUD for session metadata, insights, and turn summaries",before:"// existing file",after:`interface SessionInfo {
+  sessionId: string;
+  customName?: string;
+  // Existing field - tracks parent session
+  continuation_session_id?: string;
+  // NEW: Track which message we branched from
+  branch_point_message_id?: string;
+}`,narrative:"Found that sessions already track their parent via continuation_session_id, but we need to also track the specific message they branched from with a new branch_point_message_id field.",linkedPhrases:[{phrase:"continuation_session_id",lines:"5",tooltip:"Existing field that links to the parent session"},{phrase:"branch_point_message_id",lines:"7",tooltip:"New field we're adding to track the exact message"}],contextBefore:`import { Database } from 'better-sqlite3';
+import { logger } from '../utils/logger';
+
+// Session metadata stored in SQLite`,contextAfter:`interface SessionInsights {
+  purpose?: string;
+  milestones?: Milestone[];
+  currentState?: string;
+}`,hiddenLinesBefore:18,hiddenLinesAfter:412,changeStartLine:23,changeEndLine:30,fullFileBefore:`/**
+ * Session Info Service
+ *
+ * Manages session metadata in SQLite database.
+ */
+
+import { Database } from 'better-sqlite3';
+import { logger } from '../utils/logger';
+import * as path from 'path';
+import * as os from 'os';
+
+const DB_PATH = path.join(os.homedir(), '.claudia', 'session-info.db');
+
+// Session metadata stored in SQLite
+interface SessionInfo {
+  sessionId: string;
+  customName?: string;
+  pinned?: boolean;
+  archived?: boolean;
+  createdAt?: string;
+  updatedAt?: string;
+  // Existing field - tracks parent session
+  continuation_session_id?: string;
+}
+
+interface SessionInsights {
+  purpose?: string;
+  milestones?: Milestone[];
+  currentState?: string;
+}
+
+interface Milestone {
+  id: string;
+  label: string;
+  completed: boolean;
+}
+
+export class SessionInfoService {
+  private static instance: SessionInfoService;
+  private db: Database;
+
+  private constructor() {
+    this.db = new Database(DB_PATH);
+    this.runMigrations();
+  }
+
+  static getInstance(): SessionInfoService {
+    if (!SessionInfoService.instance) {
+      SessionInfoService.instance = new SessionInfoService();
+    }
+    return SessionInfoService.instance;
+  }
+
+  getSession(sessionId: string): SessionInfo | null {
+    const row = this.db.prepare('SELECT * FROM sessions WHERE session_id = ?').get(sessionId);
+    return row ? this.rowToSession(row) : null;
+  }
+
+  updateSession(sessionId: string, updates: Partial<SessionInfo>): void {
+    // ... implementation
+  }
+}`,fullFileAfter:`/**
+ * Session Info Service
+ *
+ * Manages session metadata in SQLite database.
+ */
+
+import { Database } from 'better-sqlite3';
+import { logger } from '../utils/logger';
+import * as path from 'path';
+import * as os from 'os';
+
+const DB_PATH = path.join(os.homedir(), '.claudia', 'session-info.db');
+
+// Session metadata stored in SQLite
+interface SessionInfo {
+  sessionId: string;
+  customName?: string;
+  pinned?: boolean;
+  archived?: boolean;
+  createdAt?: string;
+  updatedAt?: string;
+  // Existing field - tracks parent session
+  continuation_session_id?: string;
+  // NEW: Track which message we branched from
+  branch_point_message_id?: string;
+}
+
+interface SessionInsights {
+  purpose?: string;
+  milestones?: Milestone[];
+  currentState?: string;
+}
+
+interface Milestone {
+  id: string;
+  label: string;
+  completed: boolean;
+}
+
+export class SessionInfoService {
+  private static instance: SessionInfoService;
+  private db: Database;
+
+  private constructor() {
+    this.db = new Database(DB_PATH);
+    this.runMigrations();
+  }
+
+  static getInstance(): SessionInfoService {
+    if (!SessionInfoService.instance) {
+      SessionInfoService.instance = new SessionInfoService();
+    }
+    return SessionInfoService.instance;
+  }
+
+  getSession(sessionId: string): SessionInfo | null {
+    const row = this.db.prepare('SELECT * FROM sessions WHERE session_id = ?').get(sessionId);
+    return row ? this.rowToSession(row) : null;
+  }
+
+  updateSession(sessionId: string, updates: Partial<SessionInfo>): void {
+    // ... implementation
+  }
+}`}]}]},{name:"Core Implementation",narrative:"With the design validated, implementation began on the database schema, service layer, and API endpoints.",siblingFiles:[{path:"src/services/session-info-service.ts",name:"session-info-service.ts",description:"SQLite CRUD for session metadata"},{path:"src/routes/conversation.routes.ts",name:"conversation.routes.ts",description:"Chat message and prompt endpoints"},{path:"src/routes/system.routes.ts",name:"system.routes.ts",description:"Health checks and server info"},{path:"src/web/chat/components/MessageBubble.tsx",name:"MessageBubble.tsx",description:"Individual message rendering"},{path:"src/web/chat/components/ConversationView.tsx",name:"ConversationView.tsx",description:"Main chat view container"}],directoryDescriptions:{src:"Application source code","src/services":"Backend business logic and data access","src/routes":"REST API endpoint handlers","src/web":"Frontend React application","src/web/chat":"Chat UI module","src/web/chat/components":"React UI components"},keyMoments:[{turn:12,tag:"implement",headline:"Added branch_point_message_id column to sessions table",code:[{file:"src/services/session-info-service.ts",language:"typescript",before:"// existing file",after:`// Migration: Add branch point tracking
+db.exec(\`
+  ALTER TABLE sessions
+  ADD COLUMN branch_point_message_id TEXT;
+\`);`,focusLines:"3:4",explanation:"SQLite migration to add the new column for tracking branch points.",contextBefore:`  private runMigrations(): void {
+    const version = this.db.pragma('user_version', { simple: true }) as number;
+
+    if (version < 1) {`,contextAfter:`    }
+
+    if (version < 2) {
+      // Add insights columns
+      db.exec(\`ALTER TABLE sessions ADD COLUMN purpose TEXT;\`);`,hiddenLinesBefore:82,hiddenLinesAfter:350}]},{turn:18,tag:"implement",headline:"Created getBranchesForSession API endpoint",narrative:"API endpoint to fetch all branches that originated from a given session.",code:[{file:"src/routes/session.routes.ts",language:"typescript",description:"REST API endpoints for session CRUD, archiving, and branching",after:`router.get('/api/sessions/:sessionId/branches', async (req, res) => {
+  const { sessionId } = req.params;
+  const branches = sessionInfoService.getBranchesFrom(sessionId);
+  res.json({ branches });
+});`,explanation:"REST endpoint for the frontend to query branch information.",contextBefore:`router.delete('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.deleteSession(sessionId);
+  res.status(204).send();
+});`,contextAfter:`router.post('/api/sessions/:sessionId/archive', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.archiveSession(sessionId);
+  res.json({ success: true });
+});`,hiddenLinesBefore:138,hiddenLinesAfter:25,changeStartLine:142,changeEndLine:147,fullFileBefore:`/**
+ * Session Routes
+ *
+ * REST API endpoints for session management.
+ */
+
+import { Router } from 'express';
+import { SessionInfoService } from '../services/session-info-service';
+
+const router = Router();
+const sessionInfoService = SessionInfoService.getInstance();
+
+// List all sessions
+router.get('/api/sessions', async (req, res) => {
+  const sessions = await sessionInfoService.getAllSessions();
+  res.json({ sessions });
+});
+
+// Get single session
+router.get('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  const session = await sessionInfoService.getSession(sessionId);
+  if (!session) {
+    return res.status(404).json({ error: 'Session not found' });
+  }
+  res.json(session);
+});
+
+// Update session
+router.patch('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  const updates = req.body;
+  await sessionInfoService.updateSession(sessionId, updates);
+  res.json({ success: true });
+});
+
+// Delete session
+router.delete('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.deleteSession(sessionId);
+  res.status(204).send();
+});
+
+// Archive session
+router.post('/api/sessions/:sessionId/archive', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.archiveSession(sessionId);
+  res.json({ success: true });
+});
+
+export default router;`,fullFileAfter:`/**
+ * Session Routes
+ *
+ * REST API endpoints for session management.
+ */
+
+import { Router } from 'express';
+import { SessionInfoService } from '../services/session-info-service';
+
+const router = Router();
+const sessionInfoService = SessionInfoService.getInstance();
+
+// List all sessions
+router.get('/api/sessions', async (req, res) => {
+  const sessions = await sessionInfoService.getAllSessions();
+  res.json({ sessions });
+});
+
+// Get single session
+router.get('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  const session = await sessionInfoService.getSession(sessionId);
+  if (!session) {
+    return res.status(404).json({ error: 'Session not found' });
+  }
+  res.json(session);
+});
+
+// Update session
+router.patch('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  const updates = req.body;
+  await sessionInfoService.updateSession(sessionId, updates);
+  res.json({ success: true });
+});
+
+// Delete session
+router.delete('/api/sessions/:sessionId', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.deleteSession(sessionId);
+  res.status(204).send();
+});
+
+// Get branches from a session
+router.get('/api/sessions/:sessionId/branches', async (req, res) => {
+  const { sessionId } = req.params;
+  const branches = sessionInfoService.getBranchesFrom(sessionId);
+  res.json({ branches });
+});
+
+// Archive session
+router.post('/api/sessions/:sessionId/archive', async (req, res) => {
+  const { sessionId } = req.params;
+  await sessionInfoService.archiveSession(sessionId);
+  res.json({ success: true });
+});
+
+export default router;`}]},{turn:23,tag:"implement",headline:"Built branch indicator component",code:[{file:"src/web/chat/components/BranchIndicator.tsx",language:"tsx",description:"Visual indicator showing branch count for messages",status:"added",after:`function BranchIndicator({ messageId, branches }: Props) {
+  const branchesFromHere = branches.filter(
+    b => b.branchPointMessageId === messageId
+  );
+
+  if (branchesFromHere.length === 0) return null;
+
+  return (
+    <div className="flex items-center gap-1 text-xs text-zinc-500">
+      <GitBranch size={12} />
+      <span>{branchesFromHere.length} branch(es)</span>
+    </div>
+  );
+}`,narrative:"The component filters branches to find ones originating from this message, then renders a count. The early return handles the common case where most messages have no branches.",linkedPhrases:[{phrase:"filters branches",lines:"2:4",tooltip:"Finds branches where this message is the branch point"},{phrase:"early return",lines:"6",tooltip:"Optimization: most messages have no branches"},{phrase:"renders a count",lines:"8:12"}],contextBefore:`import { GitBranch } from 'lucide-react';
+
+interface Props {
+  messageId: string;
+  branches: Branch[];
+}`,contextAfter:"export default BranchIndicator;",hiddenLinesBefore:1,hiddenLinesAfter:5,changeStartLine:12,changeEndLine:25,fullFileBefore:`/**
+ * Branch Indicator
+ *
+ * Shows the number of branches that originated from a specific message.
+ */
+
+import { GitBranch } from 'lucide-react';
+
+interface Branch {
+  sessionId: string;
+  branchPointMessageId: string;
+  createdAt: string;
+}
+
+interface Props {
+  messageId: string;
+  branches: Branch[];
+}
+
+// Placeholder - component will be implemented
+function BranchIndicator({ messageId, branches }: Props) {
+  return null;
+}
+
+export default BranchIndicator;`,fullFileAfter:`/**
+ * Branch Indicator
+ *
+ * Shows the number of branches that originated from a specific message.
+ */
+
+import { GitBranch } from 'lucide-react';
+
+interface Branch {
+  sessionId: string;
+  branchPointMessageId: string;
+  createdAt: string;
+}
+
+interface Props {
+  messageId: string;
+  branches: Branch[];
+}
+
+function BranchIndicator({ messageId, branches }: Props) {
+  const branchesFromHere = branches.filter(
+    b => b.branchPointMessageId === messageId
+  );
+
+  if (branchesFromHere.length === 0) return null;
+
+  return (
+    <div className="flex items-center gap-1 text-xs text-zinc-500">
+      <GitBranch size={12} />
+      <span>{branchesFromHere.length} branch(es)</span>
+    </div>
+  );
+}
+
+export default BranchIndicator;`}]}]},{name:"The Branch Indicator Rabbit Hole",narrative:"What started as a simple UI addition turned into a debugging session. The branch indicators weren't appearing even though the data was correct.",siblingFiles:[{path:"src/web/chat/components/MessageActions.tsx",name:"MessageActions.tsx",description:"Right-click context menu for messages"},{path:"src/services/sessions/session-cache.ts",name:"session-cache.ts",description:"In-memory session data cache"}],directoryDescriptions:{src:"Application source code","src/services":"Backend business logic and data access","src/services/sessions":"Session management and history","src/web/chat/components":"React UI components"},keyMoments:[{turn:28,tag:"friction",headline:"Branch indicators not showing up",narrative:"The component was rendering but the indicators weren't visible. Spent time checking CSS, data flow, and component mounting.",userSaid:"the branch indicator isnt showing up"},{turn:31,tag:"discovery",headline:"Found the root cause: message ID mismatch",code:[{file:"src/web/chat/components/BranchIndicator.tsx",language:"typescript",before:"// existing file",after:`// Message IDs from Claude use 'msg_' prefix, but we store without it
+const normalizedId = messageId.replace(/^msg_/, '');
+const branchesFromHere = branches.filter(
+  b => b.branchPointMessageId === normalizedId
+);`,narrative:"The messageId from Claude includes a msg_ prefix, but we were storing IDs without it. The fix strips the prefix before comparison using normalizedId.",linkedPhrases:[{phrase:"msg_ prefix",lines:"1:2",tooltip:"Claude's message IDs look like msg_abc123"},{phrase:"normalizedId",lines:"2",tooltip:"Strip the prefix to match our stored format"}]}]},{turn:35,tag:"pivot",headline:"Discovered pagination was hiding branch point messages",narrative:"Even with the ID fix, indicators still weren't showing. The branch point message was often not in the visible paginated window.",userSaid:"still not showing. maybe its not in the current view?"},{turn:39,tag:"fix",headline:"Fixed pagination to include branch point messages",code:[{file:"src/services/sessions/claude-history-reader.ts",language:"typescript",after:`async getMessages(sessionId: string, options: {
+  limit?: number;
+  branchPointMessageId?: string
+}): Promise<Message[]> {
+  const messages = await this.fetchPaginated(sessionId, options.limit);
+
+  // Always include the branch point if it exists and isn't already included
+  if (options.branchPointMessageId) {
+    const hasBranchPoint = messages.some(
+      m => m.id === options.branchPointMessageId
+    );
+    if (!hasBranchPoint) {
+      const branchPoint = await this.fetchMessage(
+        sessionId,
+        options.branchPointMessageId
+      );
+      if (branchPoint) {
+        messages.unshift(branchPoint);
+      }
+    }
+  }
+
+  return messages;
+}`,narrative:"The fix adds an optional branchPointMessageId parameter. After fetching paginated messages, we check if the branch point is already included. If not, we fetch it separately and prepend it to the array with unshift.",linkedPhrases:[{phrase:"branchPointMessageId parameter",lines:"3",tooltip:"Optional - only used for branched sessions"},{phrase:"check if the branch point is already included",lines:"9:11"},{phrase:"fetch it separately",lines:"13:16",tooltip:"Single message fetch by ID"},{phrase:"unshift",lines:"18",tooltip:"Prepend to array so it appears first"}]}]},{turn:42,tag:"implement",headline:"Removed deprecated branch helper utility",narrative:"With branch handling now built into the history reader, the old helper module was no longer needed.",code:[{file:"src/utils/branch-helpers.ts",language:"typescript",description:"Deprecated helper functions for branch point detection",status:"deleted",before:`/**
+ * Branch Helpers
+ *
+ * Utility functions for branch point detection.
+ * @deprecated Use ClaudeHistoryReader.getMessagesWithBranchPoint instead
+ */
+
+export function findBranchPointIndex(messages: Message[], branchId: string): number {
+  return messages.findIndex(m => m.id === branchId);
+}
+
+export function isBranchPoint(message: Message, branches: Branch[]): boolean {
+  return branches.some(b => b.branchPointMessageId === message.id);
+}
+
+export function getBranchesForMessage(messageId: string, branches: Branch[]): Branch[] {
+  return branches.filter(b => b.branchPointMessageId === messageId);
+}`,after:""}]}]}],outcome:{summary:'Session branching now works from any point in conversation history. Users can right-click any message and select "Branch from here" to create a new session. Branch points are marked with a visual indicator, and the indicator persists even when the branch point would normally be outside the paginated view.',filesChanged:["session-info-service.ts","session.routes.ts","BranchIndicator.tsx","claude-history-reader.ts","MessageActions.tsx","branch-helpers.ts"],linesAdded:156,linesRemoved:41},editorial:{heading:"What Made This Hard",content:`The implementation itself was straightforward, but the debugging revealed subtle assumptions. The message ID format mismatch would have been caught earlier with consistent ID handling. The pagination issue highlighted that "recent messages" pagination doesn't work well for features that reference specific historical messages - they need explicit inclusion.`}};function u(){return e.jsxs(e.Fragment,{children:[e.jsx(r,{walkthrough:g}),e.jsx(p,{})]})}export{u as NarrativeWalkthroughDemo,u as default};

package/dist/web/assets/OutcomeVariations-BrZfsVcs.js

@@ -0,0 +1 @@
+import{l as v,j as e,aj as h,O as b,T as u,f as z,ah as y,ak as w,o as k,aq as C,n as T}from"./main-B1fyog77.js";import{T as F}from"./target-Cf92wDTW.js";import{B as A}from"./brain-BXIZKtOZ.js";const O=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],N=v("circle-check",O);function m(i){const t=[];for(const r of i){const s=r.path.split("/");let a=t;for(let n=0;n<s.length;n++){const d=s[n],p=n===s.length-1,j=s.slice(0,n+1).join("/");let o=a.find(f=>f.name===d);o||(o={name:d,path:j,type:p?"file":"directory",children:p?void 0:[],fileInfo:p?r:void 0},a.push(o)),!p&&o.children&&(a=o.children)}}const c=r=>r.sort((s,a)=>s.type!==a.type?s.type==="directory"?-1:1:s.name.localeCompare(a.name)).map(s=>({...s,children:s.children?c(s.children):void 0}));return c(t)}const l={summary:'Session branching now works from any point in conversation history. Users can right-click any message and select "Branch from here" to create a new session that preserves context up to that point.',files:[{path:"src/services/session-info-service.ts",type:"modified",linesAdded:45,linesRemoved:8},{path:"src/routes/session.routes.ts",type:"modified",linesAdded:32,linesRemoved:0},{path:"src/components/BranchIndicator.tsx",type:"added",linesAdded:67},{path:"src/services/claude-history-reader.ts",type:"modified",linesAdded:12,linesRemoved:15}],totalLinesAdded:156,totalLinesRemoved:23,insight:{heading:"What Made This Hard",content:`The pagination issue highlighted that "recent messages" pagination doesn't work well for features that reference specific historical messages - they need explicit inclusion.`}};function x({node:i,depth:t=0}){const c=s=>{switch(s){case"added":return e.jsx(T,{size:14,className:"text-emerald-500"});case"deleted":return e.jsx(C,{size:14,className:"text-red-500"});case"modified":return e.jsx(k,{size:14,className:"text-amber-500"})}};if(i.type==="directory")return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 py-0.5 text-zinc-500",style:{paddingLeft:`${t*16}px`},children:[e.jsx(y,{size:14,className:"text-zinc-600"}),e.jsx("span",{className:"text-sm font-mono",children:i.name})]}),i.children?.map((s,a)=>e.jsx(x,{node:s,depth:t+1},a))]});const r=i.fileInfo;return e.jsxs("div",{className:"flex items-center gap-1.5 py-0.5 text-zinc-400 group",style:{paddingLeft:`${t*16}px`},children:[r?c(r.type):e.jsx(w,{size:14,className:"text-zinc-600"}),e.jsx("span",{className:"text-sm font-mono",children:i.name}),r&&(r.linesAdded||r.linesRemoved)&&e.jsxs("span",{className:"text-xs font-mono text-zinc-600 ml-auto",children:[r.linesAdded?e.jsxs("span",{className:"text-emerald-600",children:["+",r.linesAdded]}):null,r.linesAdded&&r.linesRemoved?" ":null,r.linesRemoved?e.jsxs("span",{className:"text-red-600",children:["-",r.linesRemoved]}):null]})]})}function R({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsx("div",{className:"text-emerald-400 text-sm font-medium mb-3 uppercase tracking-wider",children:"Outcome"}),e.jsx("p",{className:"text-xl text-zinc-200 leading-relaxed mb-8",children:i}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"border border-border/30 rounded-lg p-3 bg-card/20",children:[e.jsxs("div",{className:"text-[11px] uppercase tracking-wider text-muted-foreground/60 mb-2 flex items-center gap-1.5",children:[e.jsx(h,{size:12}),"Changes",e.jsxs("span",{className:"ml-auto font-mono",children:[e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),e.jsx("div",{className:"space-y-0",children:a.map((n,d)=>e.jsx(x,{node:n},d))})]}),e.jsxs("div",{className:"border border-amber-500/20 rounded-lg p-3 bg-amber-500/5",children:[e.jsxs("div",{className:"text-[11px] uppercase tracking-wider text-amber-400/80 mb-2 flex items-center gap-1.5",children:[e.jsx(b,{size:12}),s.heading]}),e.jsx("div",{className:"text-sm leading-relaxed text-foreground/80",children:s.content})]})]})]})}function I({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-8",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-emerald-500/10 border border-emerald-500/30 flex items-center justify-center shrink-0",children:e.jsx(N,{size:16,className:"text-emerald-400"})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display font-bold text-emerald-400 uppercase tracking-wider mb-2",children:"Complete"}),e.jsx("p",{className:"text-zinc-300 leading-relaxed",children:i})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"rounded-xl border border-zinc-800 bg-zinc-900/50 overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-zinc-800 flex items-center gap-2",children:[e.jsx(h,{size:14,className:"text-zinc-500"}),e.jsx("span",{className:"text-xs font-medium text-zinc-400 uppercase tracking-wider",children:"Changes"}),e.jsxs("span",{className:"ml-auto text-xs font-mono text-zinc-600",children:[e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),e.jsx("div",{className:"py-2 px-3",children:a.map((n,d)=>e.jsx(x,{node:n},d))})]}),e.jsxs("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/5 overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-amber-500/20 flex items-center gap-2",children:[e.jsx(b,{size:14,className:"text-amber-400"}),e.jsx("span",{className:"text-xs font-medium text-amber-400 uppercase tracking-wider",children:s.heading})]}),e.jsx("div",{className:"p-4",children:e.jsx("p",{className:"text-sm text-zinc-300 leading-relaxed",children:s.content})})]})]})]})}function S({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsxs("div",{className:"text-[10px] font-display font-bold text-zinc-500 uppercase tracking-wider mb-4 flex items-center gap-2",children:[e.jsx(N,{size:12,className:"text-emerald-500"}),"Result"]}),e.jsx("p",{className:"text-lg text-zinc-200 leading-relaxed mb-6",children:i}),e.jsxs("div",{className:"border-l-2 border-amber-500/50 pl-4 mb-8",children:[e.jsx("div",{className:"text-[10px] font-display font-bold text-amber-400 uppercase tracking-wider mb-1",children:s.heading}),e.jsx("p",{className:"text-sm text-zinc-400 leading-relaxed",children:s.content})]}),e.jsxs("div",{className:"flex items-start gap-6",children:[e.jsxs("div",{className:"text-xs font-mono text-zinc-600 shrink-0 pt-0.5",children:[t.length," files",e.jsxs("div",{className:"mt-1",children:[e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),e.jsx("div",{className:"flex-1 border-l border-zinc-800/50 pl-4",children:a.map((n,d)=>e.jsx(x,{node:n},d))})]})]})}function V({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsxs("div",{className:"mb-10",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-amber-500/10 border border-amber-500/20 mb-4",children:[e.jsx(u,{size:12,className:"text-amber-400"}),e.jsx("span",{className:"text-[10px] font-display font-bold text-amber-400 uppercase tracking-wider",children:s.heading})]}),e.jsx("p",{className:"text-xl text-zinc-100 leading-relaxed",children:s.content})]}),e.jsx("p",{className:"text-zinc-500 leading-relaxed mb-8",children:i}),e.jsxs("div",{className:"pt-6 border-t border-zinc-800/50",children:[e.jsxs("div",{className:"text-[10px] font-display text-zinc-600 uppercase tracking-wider mb-2 flex items-center gap-4",children:[e.jsxs("span",{children:[t.length," files changed"]}),e.jsxs("span",{children:[e.jsxs("span",{className:"text-emerald-600",children:["+",c]})," ",e.jsxs("span",{className:"text-red-600",children:["-",r]})]})]}),e.jsx("div",{className:"space-y-0",children:a.map((n,d)=>e.jsx(x,{node:n},d))})]})]})}function L({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-zinc-800 border border-zinc-700 flex items-center justify-center text-emerald-400 text-lg",children:e.jsx(N,{size:20})}),e.jsx("h2",{className:"text-2xl font-bold text-zinc-100",children:"Done"})]}),e.jsx("p",{className:"text-zinc-400 text-lg leading-relaxed mb-8 ml-14",children:i}),e.jsxs("div",{className:"ml-14 space-y-6",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-amber-500/5 border border-amber-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(b,{size:14,className:"text-amber-400"}),e.jsx("span",{className:"text-xs font-display font-bold text-amber-400 uppercase tracking-wider",children:s.heading})]}),e.jsx("p",{className:"text-sm text-zinc-300 leading-relaxed",children:s.content})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-[10px] font-display text-zinc-600 uppercase tracking-wider mb-2 flex items-center gap-2",children:[e.jsx(h,{size:10}),t.length," files · ",e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]}),a.map((n,d)=>e.jsx(x,{node:n},d))]})]})]})}function B({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsx("div",{className:"text-emerald-400 text-sm font-medium mb-3 uppercase tracking-wider",children:"Result"}),e.jsx("p",{className:"text-xl text-zinc-200 leading-relaxed mb-8",children:i}),e.jsxs("div",{className:"flex gap-8",children:[e.jsxs("div",{className:"w-56 shrink-0",children:[e.jsxs("div",{className:"text-[10px] font-display text-zinc-600 uppercase tracking-wider mb-3 flex items-center justify-between",children:[e.jsx("span",{children:"Changes"}),e.jsxs("span",{children:[e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),e.jsx("div",{className:"border-l border-zinc-800 pl-3",children:a.map((n,d)=>e.jsx(x,{node:n},d))})]}),e.jsxs("div",{className:"flex-1 border-l border-amber-500/30 pl-6",children:[e.jsxs("div",{className:"text-[10px] font-display font-bold text-amber-400 uppercase tracking-wider mb-3 flex items-center gap-2",children:[e.jsx(b,{size:12}),s.heading]}),e.jsx("p",{className:"text-zinc-300 leading-relaxed",children:s.content})]})]})]})}function P({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s}){const a=m(t);return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12 space-y-6",children:[e.jsx("p",{className:"text-zinc-200 leading-relaxed",children:i}),e.jsxs("div",{className:"p-4 rounded-lg bg-amber-500/5 border border-amber-500/20",children:[e.jsxs("div",{className:"text-[11px] font-display font-bold text-amber-400 uppercase tracking-wider mb-2 flex items-center gap-2",children:[e.jsx(b,{size:12}),s.heading]}),e.jsx("p",{className:"text-sm text-zinc-300 leading-relaxed",children:s.content})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-[11px] font-display text-zinc-500 uppercase tracking-wider mb-2 flex items-center gap-4",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(h,{size:12}),t.length," files"]}),e.jsxs("span",{children:[e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),a.map((n,d)=>e.jsx(x,{node:n},d))]})]})}const D={hard:{icon:u,colorClass:"text-amber-400",borderClass:"border-amber-500/20",bgClass:"bg-amber-500/5"},learned:{icon:A,colorClass:"text-purple-400",borderClass:"border-purple-500/20",bgClass:"bg-purple-500/5"},surprising:{icon:z,colorClass:"text-cyan-400",borderClass:"border-cyan-500/20",bgClass:"bg-cyan-500/5"},pattern:{icon:F,colorClass:"text-emerald-400",borderClass:"border-emerald-500/20",bgClass:"bg-emerald-500/5"}};function g({summary:i,files:t,totalLinesAdded:c,totalLinesRemoved:r,insight:s,insightType:a="hard"}){const n=m(t),d=D[a],p=d.icon;return e.jsxs("section",{className:"border-t border-zinc-800 pt-12 mt-12",children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:"text-emerald-400 text-sm font-medium uppercase tracking-wider",children:"Result"}),e.jsxs("div",{className:"text-[10px] font-mono text-zinc-600",children:[t.length," files · ",e.jsxs("span",{className:"text-emerald-500",children:["+",c]})," ",e.jsxs("span",{className:"text-red-500",children:["-",r]})]})]}),e.jsx("p",{className:"text-zinc-300 leading-relaxed mb-8",children:i}),e.jsxs("div",{className:"grid grid-cols-5 gap-6",children:[e.jsxs("div",{className:"col-span-2 border border-border/30 rounded-lg p-3 bg-card/20",children:[e.jsxs("div",{className:"text-[11px] uppercase tracking-wider text-muted-foreground/60 mb-2 flex items-center gap-1.5",children:[e.jsx(h,{size:12}),"Changed"]}),n.map((j,o)=>e.jsx(x,{node:j},o))]}),e.jsxs("div",{className:`col-span-3 p-4 rounded-lg ${d.bgClass} border ${d.borderClass}`,children:[e.jsxs("div",{className:`text-[11px] uppercase tracking-wider mb-2 flex items-center gap-1.5 ${d.colorClass}`,children:[e.jsx(p,{size:12}),s.heading]}),e.jsx("p",{className:"text-sm text-zinc-300 leading-relaxed",children:s.content})]})]})]})}function H(){return e.jsx("div",{className:"min-h-dvh bg-zinc-950 text-zinc-100",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-8 py-12",children:[e.jsx("h1",{className:"text-3xl font-bold mb-2",children:"Outcome Section Variations"}),e.jsx("p",{className:"text-zinc-500 mb-12",children:"Following style guide patterns. Files as minimal tree with git info. Insight heading can vary per session."}),e.jsxs("div",{className:"space-y-24",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"A: LabeledPanel Style"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Two panels side-by-side using LabeledPanel structure from InsightsPanel"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(R,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"B: Card Container Style"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Cards with headers, following CrossSessionSidebar card pattern"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(I,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"C: Inline Compact"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Blockquote insight, files as side column"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(S,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"D: Insight-First"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"The kernel/insight is the hero - pill badge, large text"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(V,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"E: Phase Style"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Matches phase section pattern with circle + indented content"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(L,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"F: Two-Column Editorial"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Narrow files column, wide insight column with border separator"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(B,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"G: Stacked Full-Width"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Three distinct blocks stacked vertically"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(P,{...l})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-display text-emerald-400 mb-4 uppercase tracking-wider",children:"H: Insight Type Variants"}),e.jsx("p",{className:"text-xs text-zinc-600 mb-4",children:"Shows how insight type affects styling (amber/purple/cyan/emerald)"}),e.jsx("div",{className:"p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(g,{...l,insightType:"hard"})}),e.jsx("div",{className:"mt-4 p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(g,{...l,insightType:"learned",insight:{heading:"Key Learning",content:l.insight.content}})}),e.jsx("div",{className:"mt-4 p-6 rounded-xl border border-zinc-800 bg-zinc-900/30",children:e.jsx(g,{...l,insightType:"surprising",insight:{heading:"Unexpected Discovery",content:l.insight.content}})})]})]})]})})}export{R as OutcomeVariationA,I as OutcomeVariationB,S as OutcomeVariationC,V as OutcomeVariationD,L as OutcomeVariationE,B as OutcomeVariationF,P as OutcomeVariationG,g as OutcomeVariationH,H as OutcomeVariationsShowcase,H as default};

package/dist/web/assets/PermissionPatternPickerPrototype-CBOhe2Me.js

@@ -0,0 +1 @@
+import{j as e,r as a,c as p,p as m,q as y,X as k,C as h,h as N,s as v}from"./main-B1fyog77.js";const w=[{pattern:"Bash(npm install lodash)",description:"Only this exact operation"},{pattern:"Bash(npm install *)",description:'Any "npm install" command'},{pattern:"Bash(npm *)",description:'Any "npm" command'},{pattern:"Bash",description:"All bash operations"}],A=[{pattern:"Write(src/components/Button.tsx)",description:"Only this exact operation"},{pattern:"Write(src/components/*.tsx)",description:"Any .tsx file in src/components"},{pattern:"Write(src/**/*.tsx)",description:"Any .tsx file under src/"},{pattern:"Write(*.tsx)",description:"Any .tsx file"},{pattern:"Write",description:"All write operations"}];function u({toolName:b,summary:o,patterns:n}){const[t,g]=a.useState(!1),[s,f]=a.useState(!1),[r,i]=a.useState("session");return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg overflow-hidden bg-amber-500/5",children:[e.jsxs("div",{className:"bg-amber-500/10 px-4 py-3 flex items-center gap-4",children:[e.jsxs("button",{onClick:()=>g(!t),className:"flex items-center gap-3 flex-1 min-w-0 text-left",children:[t?e.jsx(p,{size:14,className:"text-amber-400 shrink-0"}):e.jsx(m,{size:14,className:"text-amber-400 shrink-0"}),e.jsx(y,{size:16,className:"text-amber-400 shrink-0"}),e.jsx("span",{className:"font-display text-xs font-bold text-amber-400 uppercase tracking-wider shrink-0",children:b}),e.jsx("span",{className:"text-muted-foreground/40 shrink-0",children:"·"}),e.jsx("span",{className:`text-sm text-foreground/70 font-mono ${t?"":"truncate"}`,children:o})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-red-500/30 hover:text-red-400 transition-colors",children:[e.jsx(k,{size:12}),"Deny"]}),e.jsxs("button",{className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-emerald-500/30 text-emerald-400 text-xs font-display uppercase tracking-wider hover:border-emerald-400 hover:bg-emerald-500/5 transition-colors",children:[e.jsx(h,{size:12}),"Allow"]}),e.jsxs("button",{onClick:()=>f(!s),className:`group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border text-xs font-display uppercase tracking-wider transition-colors ${s?"border-sky-400 text-sky-400 bg-sky-500/5":"border-sky-500/30 text-sky-400 hover:border-sky-400 hover:bg-sky-500/5"}`,children:[s?e.jsx(p,{size:12}):e.jsx(m,{size:12}),"Allow Always"]})]})]}),t&&!s&&e.jsx("div",{className:"border-t border-amber-500/20 px-4 py-3 bg-background/50",children:e.jsx("pre",{className:"font-mono text-sm text-foreground whitespace-pre-wrap break-all bg-neutral-950 rounded p-3",children:o})}),s&&e.jsxs("div",{className:"border-t border-amber-500/20 bg-background/30",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-border/20 flex items-center gap-4",children:[e.jsx("span",{className:"text-xs text-muted-foreground uppercase tracking-wider",children:"Remember for:"}),e.jsxs("div",{className:"flex gap-1 bg-muted/10 rounded p-0.5",children:[e.jsxs("button",{onClick:()=>i("session"),className:`flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors ${r==="session"?"bg-sky-500/20 text-sky-400":"text-muted-foreground hover:text-foreground"}`,children:[e.jsx(N,{size:12}),"This Session"]}),e.jsxs("button",{onClick:()=>i("global"),className:`flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors ${r==="global"?"bg-violet-500/20 text-violet-400":"text-muted-foreground hover:text-foreground"}`,children:[e.jsx(v,{size:12}),"Always"]})]})]}),e.jsx("div",{className:"py-2",children:n.map(({pattern:l,description:j},d)=>{const c=d===0,x=d===n.length-1&&n.length>1;return e.jsxs("button",{className:"w-full text-left px-4 py-2.5 hover:bg-accent/30 transition-colors flex items-center gap-3 group",children:[e.jsx("div",{className:`w-2 h-2 rounded-full shrink-0 ${c?"bg-emerald-400":x?"bg-amber-400":"bg-muted-foreground/30"}`}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"font-mono text-xs text-foreground/80",children:l}),e.jsx("span",{className:"text-[11px] text-muted-foreground block mt-0.5",children:j})]}),c&&e.jsx("span",{className:"text-[9px] uppercase tracking-wider text-emerald-400/70 bg-emerald-500/10 px-1.5 py-0.5 rounded shrink-0",children:"safest"}),x&&e.jsx("span",{className:"text-[9px] uppercase tracking-wider text-amber-400/70 bg-amber-500/10 px-1.5 py-0.5 rounded shrink-0",children:"broad"}),e.jsx(h,{size:14,className:`shrink-0 opacity-0 group-hover:opacity-100 transition-opacity ${r==="session"?"text-sky-400":"text-violet-400"}`})]},l)})}),e.jsx("div",{className:"px-4 py-2 border-t border-border/20 text-[10px] text-muted-foreground",children:r==="session"?e.jsx("span",{children:"Pattern will be allowed for this session only"}):e.jsx("span",{children:"Pattern will be saved and allowed in all future sessions"})})]})]})}function z(){return e.jsx("div",{className:"min-h-dvh bg-background p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground mb-2",children:"Permission Pattern Picker"}),e.jsx("p",{className:"text-muted-foreground",children:'Final design - click "Allow Always" to expand'})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"Bash Command Example"}),e.jsx(u,{toolName:"Bash",summary:"npm install lodash",patterns:w})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"File Write Example"}),e.jsx(u,{toolName:"Write",summary:"src/components/Button.tsx",patterns:A})]})]})})}export{z as PermissionPatternPickerPrototype,z as default};

package/dist/web/assets/PermissionPrototype-BcF-a5an.js

@@ -0,0 +1 @@
+import{r as x,j as e,t as m,R as S,u as C,X as b,C as c,S as N,F as P,v as f,w as z,q as v,c as y,p as k,x as w}from"./main-B1fyog77.js";const l=[{id:"perm-bash-1",streamingId:"mock-stream",toolName:"Bash",toolInput:{command:"npm run build",description:"Build the project"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-edit-1",streamingId:"mock-stream",toolName:"Edit",toolInput:{file_path:"/home/jason/cui-custom/src/server.ts",old_string:"const PORT = 3000;",new_string:"const PORT = process.env.PORT || 3000;"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-read-1",streamingId:"mock-stream",toolName:"Read",toolInput:{file_path:"/home/jason/cui-custom/package.json"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-grep-1",streamingId:"mock-stream",toolName:"Grep",toolInput:{pattern:"permission",path:"/home/jason/cui-custom/src"},timestamp:new Date().toISOString(),status:"pending"}],j={Bash:z,Edit:f,Write:f,Read:P,Grep:N,Glob:N};function u(t,a){switch(t){case"Bash":return a.command||"";case"Read":case"Write":case"Edit":return a.file_path||"";case"Grep":return`"${a.pattern}" in ${a.path}`;default:return""}}function D({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!0),o=j[t.toolName]||m,d=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg p-4 bg-amber-500/5",children:[e.jsxs("div",{className:"text-xs uppercase tracking-wider text-amber-400/70 mb-2 flex items-center gap-2",children:[e.jsx(v,{size:12}),"Permission Request"]}),e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"p-2 rounded bg-card/30 border border-border/20",children:e.jsx(o,{size:16,className:"text-muted-foreground"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-foreground/80",children:t.toolName}),e.jsx("div",{className:"text-xs text-muted-foreground/60 font-mono truncate",children:d})]})]}),e.jsxs("button",{onClick:()=>r(!s),className:"text-xs text-muted-foreground/50 hover:text-muted-foreground/70 flex items-center gap-1 mb-3",children:[s?e.jsx(y,{size:12}):e.jsx(k,{size:12}),s?"Hide details":"Show details"]}),s&&e.jsx("div",{className:"mb-4 p-3 rounded bg-card/20 border border-border/20",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function A({permission:t,onApprove:a,onDeny:n}){const s=j[t.toolName]||m,r=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-border/30 rounded-lg p-4 bg-card/20",children:[e.jsxs("p",{className:"text-xs text-muted-foreground/60 leading-relaxed mb-2 italic",children:['"Claude wants to execute a ',t.toolName.toLowerCase(),' operation"']}),e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(s,{size:14,className:"text-muted-foreground/70 shrink-0"}),e.jsx("code",{className:"text-sm text-foreground/80 font-mono truncate",children:r})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function R({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!1),o=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg overflow-hidden bg-amber-500/5",children:[e.jsxs("div",{className:"bg-amber-500/10 px-4 py-3 flex items-center gap-4",children:[e.jsxs("button",{onClick:()=>r(!s),className:"flex items-center gap-3 flex-1 min-w-0 text-left",children:[s?e.jsx(y,{size:14,className:"text-amber-400 shrink-0"}):e.jsx(k,{size:14,className:"text-amber-400 shrink-0"}),e.jsx(v,{size:16,className:"text-amber-400 shrink-0"}),e.jsx("span",{className:"font-display text-xs font-bold text-amber-400 uppercase tracking-wider shrink-0",children:t.toolName}),e.jsx("span",{className:"text-muted-foreground/40 shrink-0",children:"·"}),e.jsx("span",{className:`text-sm text-foreground/70 font-mono ${s?"":"truncate"}`,children:o})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{onClick:d=>{d.stopPropagation(),n()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-red-500/30 hover:text-red-400 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{onClick:d=>{d.stopPropagation(),a()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-emerald-500/30 text-emerald-400 text-xs font-display uppercase tracking-wider hover:border-emerald-400 hover:bg-emerald-500/5 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]}),s&&e.jsx("div",{className:"border-t border-amber-500/20 px-4 py-3 bg-background/50",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})})]})}function O({permissions:t,onApprove:a,onDeny:n,onApproveAll:s}){return t.length===0?null:e.jsxs("div",{className:"border border-border/30 rounded-lg bg-card/20 overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-border/20 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Pending Permissions"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-amber-500/20 text-amber-400 tabular-nums",children:t.length})]}),e.jsx("button",{onClick:s,className:"text-xs text-emerald-400/70 hover:text-emerald-400 transition-colors",children:"Allow all"})]}),e.jsx("div",{className:"divide-y divide-border/10",children:t.map(r=>{const o=j[r.toolName]||m,d=u(r.toolName,r.toolInput);return e.jsxs("div",{className:"px-4 py-3 flex items-center gap-3 hover:bg-card/30 transition-colors",children:[e.jsx(o,{size:14,className:"text-muted-foreground/50 shrink-0"}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs font-medium text-foreground/70",children:r.toolName}),e.jsx("span",{className:"text-xs text-muted-foreground/40 font-mono truncate",children:d})]})}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[e.jsx("button",{onClick:()=>n(r.id),className:"p-1.5 rounded text-muted-foreground/50 hover:text-red-400 hover:bg-red-500/10 transition-colors",title:"Deny",children:e.jsx(b,{size:12})}),e.jsx("button",{onClick:()=>a(r.id),className:"p-1.5 rounded text-emerald-400/70 hover:text-emerald-400 hover:bg-emerald-500/10 transition-colors",title:"Allow",children:e.jsx(c,{size:12})})]})]},r.id)})})]})}function E(){const[t,a]=x.useState(l[0]),[n,s]=x.useState(l),r=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},o=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},d=()=>{s([])},I=()=>{a(l[0]),s(l)};return e.jsxs("div",{className:"min-h-dvh bg-background",children:[e.jsxs("header",{className:"sticky top-0 z-20 flex items-center justify-between px-4 py-3 h-[60px] bg-background border-b border-border/50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(rgba(0,255,255,0.03)_1px,transparent_1px),linear-gradient(90deg,rgba(0,255,255,0.03)_1px,transparent_1px)] bg-[size:20px_20px] pointer-events-none"}),e.jsxs("div",{className:"relative flex items-center gap-2",children:[e.jsx(m,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"font-mono text-sm font-bold text-amber-400 tracking-wider",children:"PERMISSIONS"}),e.jsx("span",{className:"font-display text-[10px] text-muted-foreground/50 uppercase tracking-widest",children:"[PROTOTYPE]"})]}),e.jsxs("button",{onClick:I,className:"relative flex items-center gap-2 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-cyan-500/30 hover:text-cyan-400 transition-colors",children:[e.jsx(S,{size:12}),"Reset"]})]}),e.jsxs("div",{className:"p-6 max-w-5xl mx-auto space-y-8",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(i=>e.jsx("button",{onClick:()=>a(i),className:`px-3 py-1.5 text-xs font-display uppercase tracking-wider rounded-sm border transition-colors ${t.id===i.id?"border-cyan-500/50 text-cyan-400 bg-cyan-500/10":"border-border/30 text-muted-foreground hover:border-border/50 hover:text-foreground/80"}`,children:i.toolName},i.id))}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"A: Labeled Panel Style"}),e.jsx(D,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"B: Recommendation Card Style"}),e.jsx(A,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"C: Header Banner Style"}),e.jsx(R,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"D: Batched Queue Style"}),e.jsx(O,{permissions:n,onApprove:r,onDeny:o,onApproveAll:d})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Current: Built-in PermissionDialog"}),e.jsx("div",{className:"relative border border-border/30 rounded-lg bg-card/20 p-4 min-h-[280px]",children:e.jsxs("div",{className:"absolute bottom-4 left-4 right-4",children:[e.jsx(C,{permissionRequest:t,isVisible:!0}),e.jsxs("div",{className:"mt-3 flex gap-2 justify-end",children:[e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]})})]})]})]})}export{E as PermissionPrototype,E as default};