claude-ws 0.3.97 → 0.3.99

package/src/app/api/tasks/[id]/compact/route.ts

@@ -0,0 +1,62 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { db, schema } from '@/lib/db';
+import { eq } from 'drizzle-orm';
+import { nanoid } from 'nanoid';
+import { agentManager } from '@/lib/agent-manager';
+import { sessionManager } from '@/lib/session-manager';
+import { createLogger } from '@/lib/logger';
+
+const log = createLogger('CompactTask');
+
+// POST /api/tasks/[id]/compact - Trigger conversation compaction
+export async function POST(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id: taskId } = await params;
+
+    const task = await db.query.tasks.findFirst({
+      where: eq(schema.tasks.id, taskId),
+    });
+
+    if (!task) {
+      return NextResponse.json({ error: 'Task not found' }, { status: 404 });
+    }
+
+    const project = await db.query.projects.findFirst({
+      where: eq(schema.projects.id, task.projectId),
+    });
+
+    if (!project) {
+      return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+    }
+
+    const conversationSummary = await sessionManager.getConversationSummary(taskId);
+
+    const attemptId = nanoid();
+    await db.insert(schema.attempts).values({
+      id: attemptId,
+      taskId,
+      prompt: 'Compact: summarize conversation context',
+      displayPrompt: 'Compacting conversation...',
+      status: 'running',
+    });
+
+    log.info({ attemptId, taskId }, 'Starting compact');
+
+    agentManager.compact({
+      attemptId,
+      projectPath: project.path,
+      conversationSummary,
+    });
+
+    return NextResponse.json({ success: true, attemptId });
+  } catch (error) {
+    log.error({ error }, 'Failed to compact');
+    return NextResponse.json(
+      { error: 'Failed to compact conversation' },
+      { status: 500 }
+    );
+  }
+}

package/src/components/access-anywhere/api-access-key-setup-modal.tsx

@@ -73,14 +73,14 @@ export function ApiAccessKeySetupForm({ onSuccess }: ApiAccessKeySetupFormProps)
       const data = await res.json();
 
       if (!res.ok) {
-        throw new Error(data.error || 'Failed to save API key');
+        throw new Error(data.error || t('failedToSaveApiKey'));
       }
 
       if (onSuccess) {
         onSuccess();
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to save API key');
+      setError(err instanceof Error ? err.message : t('failedToSaveApiKey'));
     } finally {
       setSaving(false);
     }

package/src/components/access-anywhere/tunnel-settings-dialog.tsx

@@ -81,7 +81,7 @@ export function TunnelSettingsDialog() {
   };
 
   const handleReset = async () => {
-    if (confirm('Are you sure you want to reset the tunnel configuration? This will clear all saved settings and open the setup wizard again.')) {
+    if (confirm(t('resetConfirmation'))) {
       setResetting(true);
       try {
         await useTunnelStore.getState().resetOnboarding();
@@ -120,7 +120,7 @@ export function TunnelSettingsDialog() {
             <VisuallyHidden>
               <DialogTitle>Access Anywhere</DialogTitle>
             </VisuallyHidden>
-            No tunnel configuration found. Please set up Access Anywhere first.
+            {t('noTunnelConfig')}
           </div>
         ) : (
           <>
@@ -141,7 +141,7 @@ export function TunnelSettingsDialog() {
                   variant={status === 'connected' ? 'default' : 'secondary'}
                   className={status === 'connected' ? 'bg-green-500 hover:bg-green-600 text-white' : ''}
                 >
-                  {status === 'connected' ? '● Connected' : '○ Disconnected'}
+                  {status === 'connected' ? `● ${t('connected')}` : `○ ${t('disconnected')}`}
                 </Badge>
                 {subdomain && (
                   <>
@@ -159,7 +159,7 @@ export function TunnelSettingsDialog() {
                       variant="outline"
                       size="sm"
                       onClick={handleCopyUrl}
-                      title={copiedUrl ? 'Copied!' : 'Copy URL'}
+                      title={copiedUrl ? t('copiedToClipboard') : t('copyUrl')}
                     >
                       {copiedUrl ? <Check className="h-3 w-3 text-green-500" /> : <Copy className="h-3 w-3" />}
                     </Button>
@@ -195,13 +195,13 @@ export function TunnelSettingsDialog() {
                       variant="outline"
                       size="icon"
                       onClick={handleCopyApiKey}
-                      title={copied ? 'Copied!' : 'Copy API key'}
+                      title={copied ? t('copiedToClipboard') : t('clickToCopyApiKey')}
                     >
                       {copied ? <RefreshCw className="h-4 w-4 text-green-500" /> : <Copy className="h-4 w-4" />}
                     </Button>
                   </div>
                   <p className="text-xs text-muted-foreground">
-                    {copied ? 'Copied to clipboard!' : 'Click to copy full API key'}
+                    {copied ? t('copiedToClipboard') : t('clickToCopyApiKey')}
                   </p>
                 </div>
               )}

package/src/components/access-anywhere/wizard-step-ctunnel.tsx

@@ -73,7 +73,7 @@ export function WizardStepCtunnel() {
 
   const checkAvailability = async () => {
     if (!subdomain || !email) {
-      setErrorMessage('Subdomain and email are required');
+      setErrorMessage(t('subdomainRequired'));
       return;
     }
 
@@ -84,7 +84,7 @@ export function WizardStepCtunnel() {
         // Subdomain already registered to this email, proceed to confirmation or direct connect
         await registerSubdomain();
       } else {
-        setErrorMessage('Subdomain is not available');
+        setErrorMessage(t('subdomainNotAvailable'));
       }
       return;
     }
@@ -107,10 +107,10 @@ export function WizardStepCtunnel() {
       if (data.success) {
         setStep('confirm');
       } else {
-        setErrorMessage(data.message || 'Failed to register subdomain');
+        setErrorMessage(data.message || t('failedToRegisterSubdomain'));
       }
     } catch (error) {
-      setErrorMessage(error instanceof Error ? error.message : 'Failed to register subdomain');
+      setErrorMessage(error instanceof Error ? error.message : t('failedToRegisterSubdomain'));
     } finally {
       setRegistering(false);
     }
@@ -118,7 +118,7 @@ export function WizardStepCtunnel() {
 
   const confirmSubdomain = async () => {
     if (!confirmationCode) {
-      setErrorMessage('Confirmation code is required');
+      setErrorMessage(t('confirmationCodeIsRequired'));
       return;
     }
 
@@ -137,10 +137,10 @@ export function WizardStepCtunnel() {
         setStep('connecting');
         await startTunnel(subdomain);
       } else {
-        setErrorMessage(data.message || 'Failed to confirm subdomain');
+        setErrorMessage(data.message || t('failedToConfirmSubdomain'));
       }
     } catch (error) {
-      setErrorMessage(error instanceof Error ? error.message : 'Failed to confirm subdomain');
+      setErrorMessage(error instanceof Error ? error.message : t('failedToConfirmSubdomain'));
     } finally {
       setVerifying(false);
     }
@@ -151,7 +151,7 @@ export function WizardStepCtunnel() {
       setStep('connected');
     } else if (status === 'error' && step === 'connecting') {
       setStep('error');
-      setErrorMessage(error || 'Failed to start tunnel');
+      setErrorMessage(error || t('failedToStartTunnel'));
     }
   }, [status, error]);
 

package/src/components/agent-factory/dependency-tree.tsx

@@ -3,6 +3,7 @@
 import { Badge } from '@/components/ui/badge';
 import { ChevronRight, ChevronDown, AlertTriangle, AlertCircle } from 'lucide-react';
 import { useState } from 'react';
+import { useTranslations } from 'next-intl';
 
 export interface DependencyTreeNode {
   type: 'skill' | 'command' | 'agent';
@@ -29,6 +30,7 @@ export function DependencyTree({ nodes }: DependencyTreeProps) {
 }
 
 function TreeNode({ node }: { node: DependencyTreeNode }) {
+  const t = useTranslations('agentFactory');
   const [expanded, setExpanded] = useState(true);
   const hasChildren = node.children && node.children.length > 0;
 
@@ -68,20 +70,20 @@ function TreeNode({ node }: { node: DependencyTreeNode }) {
         {node.cycle && (
           <Badge variant="outline" className="text-orange-500 border-orange-500 text-xs">
             <AlertTriangle className="w-3 h-3 mr-1" />
-            Cycle
+            {t('cycle')}
           </Badge>
         )}
 
         {node.missing && (
           <Badge variant="outline" className="text-red-500 border-red-500 text-xs">
             <AlertCircle className="w-3 h-3 mr-1" />
-            Missing
+            {t('missing')}
           </Badge>
         )}
 
         {node.truncated && (
           <Badge variant="outline" className="text-gray-500 text-xs">
-            Max depth
+            {t('maxDepth')}
           </Badge>
         )}
 

package/src/components/agent-factory/discovery-dialog.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useMemo, useCallback, memo } from 'react';
+import { useTranslations } from 'next-intl';
 import {
   Dialog,
   DialogContent,
@@ -102,6 +103,7 @@ const TreeNode = memo(function TreeNode({
   onImport,
   onClick
 }: TreeNodeProps) {
+  const t = useTranslations('agentFactory');
   const key = getNodeKey(node, index);
   const isExpanded = expandedFolders.has(key);
 
@@ -121,11 +123,11 @@ const TreeNode = memo(function TreeNode({
   const getStatusBadge = (status: string) => {
     switch (status) {
       case 'new':
-        return <span className="text-xs px-2 py-0.5 rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200">New</span>;
+        return <span className="text-xs px-2 py-0.5 rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200">{t('newStatus')}</span>;
       case 'update':
-        return <span className="text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200">Update</span>;
+        return <span className="text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200">{t('update')}</span>;
       case 'current':
-        return <span className="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200">Current</span>;
+        return <span className="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200">{t('current')}</span>;
       default:
         return null;
     }
@@ -253,10 +255,10 @@ const TreeNode = memo(function TreeNode({
               ) : statusMap.get(`${node.type}-${node.name}`)?.status === 'update' ? (
                 <>
                   <RotateCcw className="w-3 h-3 mr-1" />
-                  Update
+                  {t('update')}
                 </>
               ) : (
-                'Import'
+                t('import')
               )}
             </Button>
           </>
@@ -287,6 +289,8 @@ const TreeNode = memo(function TreeNode({
 });
 
 export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
+  const t = useTranslations('agentFactory');
+  const tCommon = useTranslations('common');
   const { plugins, discovering, discoverPlugins, importPlugin, fetchPlugins } = useAgentFactoryStore();
   const [discovered, setDiscovered] = useState<DiscoveredNode[]>([]);
   const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
@@ -550,10 +554,10 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
           <DialogHeader>
             <DialogTitle className="flex items-center gap-3">
               <Package className="w-6 h-6" />
-              Discover Plugins
+              {t('discoverPlugins')}
             </DialogTitle>
             <DialogDescription>
-              Scan your filesystem for existing Claude plugins and import them into Agent Factory.
+              {t('scanDescription')}
             </DialogDescription>
           </DialogHeader>
 
@@ -561,17 +565,17 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
             {!scanned ? (
               <div className="text-center py-12 text-muted-foreground">
                 <Package className="w-12 h-12 mx-auto mb-4 text-muted-foreground/50" />
-                <p className="mb-4">Click the Scan button to search for plugins</p>
+                <p className="mb-4">{t('clickScanToSearch')}</p>
                 <Button onClick={handleScan} disabled={scanning}>
                   {scanning ? (
                     <>
                       <RefreshCw className="w-4 h-4 mr-2 animate-spin" />
-                      Scanning...
+                      {tCommon('scanning')}
                     </>
                   ) : (
                     <>
                       <Search className="w-4 h-4 mr-2" />
-                      Scan
+                      {t('scan')}
                     </>
                   )}
                 </Button>
@@ -579,11 +583,11 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
             ) : scanning ? (
               <div className="text-center py-8 text-muted-foreground">
                 <div className="animate-spin w-8 h-8 border-2 border-primary border-t-transparent rounded-full mx-auto mb-4" />
-                Scanning for plugins...
+                {t('scanningForPlugins')}
               </div>
             ) : discovered.length === 0 ? (
               <div className="text-center py-8 text-muted-foreground">
-                <p className="mb-4">No plugins found /skills, /commands, or /agents</p>
+                <p className="mb-4">{t('noPluginsFoundScan')}</p>
                 <Button variant="outline" onClick={handleScan} disabled={scanning}>
                   <RefreshCw className="w-4 h-4 mr-2" />
                   Rescan
@@ -592,19 +596,19 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
             ) : (
               <div className="space-y-2">
                 <div className="flex items-center justify-between px-2 py-1 text-sm text-muted-foreground sticky top-0 bg-background">
-                  <span>{statusMap.size} plugins found</span>
+                  <span>{statusMap.size} {t('pluginsFound')}</span>
                   <div className="flex gap-2">
                     <span className="flex items-center gap-1">
                       <span className="w-2 h-2 rounded-full bg-blue-500"></span>
-                      {newCount} new
+                      {newCount} {t('newStatus')}
                     </span>
                     <span className="flex items-center gap-1">
                       <span className="w-2 h-2 rounded-full bg-orange-500"></span>
-                      {updateCount} updates
+                      {updateCount} {t('updates')}
                     </span>
                     <span className="flex items-center gap-1">
                       <span className="w-2 h-2 rounded-full bg-gray-400"></span>
-                      {currentCount} current
+                      {currentCount} {t('current')}
                     </span>
                   </div>
                 </div>
@@ -634,7 +638,7 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
             </span>
             <div className="flex gap-2">
               <Button variant="outline" onClick={() => onOpenChange(false)}>
-                Close
+                {tCommon('close')}
               </Button>
               {scanned && discovered.length > 0 && (
                 <>
@@ -644,7 +648,7 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
                     disabled={scanning}
                   >
                     <RefreshCw className="w-4 h-4 mr-2" />
-                    Rescan
+                    {t('rescan')}
                   </Button>
                   {needsAction > 0 && (
                     <Button
@@ -654,11 +658,11 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
                       {importing ? (
                         <>
                           <RefreshCw className="w-4 h-4 mr-2 animate-spin" />
-                          Importing...
+                          {tCommon('importing')}
                         </>
                       ) : (
                         <>
-                          Import All ({needsAction})
+                          {t('importAll')} ({needsAction})
                         </>
                       )}
                     </Button>
@@ -671,10 +675,10 @@ export function DiscoveryDialog({ open, onOpenChange }: DiscoveryDialogProps) {
                       {importing ? (
                         <>
                           <RefreshCw className="w-4 h-4 mr-2 animate-spin" />
-                          Importing...
+                          {tCommon('importing')}
                         </>
                       ) : (
-                        `Import ${selectedIds.size} Selected`
+                        t('importSelected', { count: selectedIds.size })
                       )}
                     </Button>
                   )}