tycono 0.3.14-beta.20 → 0.3.14-beta.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tycono",
-  "version": "0.3.14-beta.20",
+  "version": "0.3.14-beta.22",
   "description": "Build an AI company. Watch them work.",
   "type": "module",
   "bin": {

package/src/tui/components/CommandMode.tsx

@@ -83,16 +83,8 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
     }
 
     case 'thinking': {
-      const text = ((event.data.text as string) ?? '').slice(0, 120);
-      if (!text.trim()) return null;
-      return {
-        id: ++lineCounter,
-        prefix: isSupervisor ? undefined : event.roleId,
-        prefixColor: roleColor,
-        text: `\uD83D\uDCAD ${text}`,
-        color: 'gray',
-        indent: !isSupervisor,
-      };
+      // Hide thinking by default — internal noise for user
+      return null;
     }
 
     case 'dispatch:start': {
@@ -130,17 +122,19 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
 
     case 'tool:start': {
       const toolName = (event.data.name as string) ?? 'tool';
+      // Only show Write/Edit (file changes) + Bash (commands). Hide Read/Grep/Glob (noise).
+      const isWrite = ['Write', 'Edit', 'NotebookEdit'].includes(toolName);
+      const isBash = toolName === 'Bash';
+      if (!isWrite && !isBash) return null; // Hide read-only tools
+
       const input = event.data.input;
       let detail = '';
       if (input && typeof input === 'object') {
         const inp = input as Record<string, unknown>;
-        if (inp.file_path) detail = ` ${String(inp.file_path)}`;
-        else if (inp.command) detail = ` ${String(inp.command).slice(0, 80)}`;
-        else if (inp.pattern) detail = ` ${String(inp.pattern)}`;
-        else if (inp.description) detail = ` ${String(inp.description).slice(0, 60)}`;
+        if (inp.file_path) detail = ` ${String(inp.file_path).split('/').slice(-2).join('/')}`;
+        else if (inp.command) detail = ` ${String(inp.command).slice(0, 60)}`;
+        else if (inp.description) detail = ` ${String(inp.description).slice(0, 40)}`;
       }
-      // Highlight file writes
-      const isWrite = ['Write', 'Edit'].includes(toolName);
       return {
         id: ++lineCounter,
         prefix: isSupervisor ? undefined : event.roleId,
@@ -152,15 +146,8 @@ export function summarizeEvent(event: SSEEvent, allRoleIds: string[]): StreamLin
     }
 
     case 'tool:result': {
-      const toolName = (event.data.name as string) ?? 'tool';
-      return {
-        id: ++lineCounter,
-        prefix: isSupervisor ? undefined : event.roleId,
-        prefixColor: roleColor,
-        text: `  \u2190 ${toolName} done`,
-        color: 'gray',
-        indent: !isSupervisor,
-      };
+      // Hide tool results — tool:start is sufficient
+      return null;
     }
 
     case 'msg:start': {
@@ -421,10 +408,10 @@ export const CommandMode: React.FC<CommandModeProps> = ({
   const handleSubmit = useCallback((value: string) => {
     const trimmed = value.trim();
     if (trimmed) {
-      // Show user input immediately in scrollback (before AI responds)
+      // Show user input with visual separator for emphasis
       setUserInputs(prev => [...prev.slice(-10), {
         id: ++lineCounter,
-        text: `> ${trimmed}`,
+        text: `\u2501\u2501 > ${trimmed}`,
         color: 'green',
       }]);
       onSubmit(trimmed);

package/src/tui/components/PanelMode.tsx

@@ -70,8 +70,8 @@ function eventLine(ev: SSEEvent): string | null {
   catch { t = '--:--:--'; }
   const r = (ev.roleId ?? '').padEnd(12);
   switch (ev.type) {
-    case 'text': { const x = ((ev.data.text as string) ?? '').trim(); return x ? `${t} ${r} ${x.slice(0, 120)}` : null; }
-    case 'thinking': { const x = ((ev.data.text as string) ?? '').trim(); return x ? `${t} ${r} \uD83D\uDCAD ${x.slice(0, 80)}` : null; }
+    case 'text': { const x = ((ev.data.text as string) ?? '').replace(/\n/g, ' ').trim(); return x ? `${t} ${r} ${x.slice(0, 120)}` : null; }
+    case 'thinking': { const x = ((ev.data.text as string) ?? '').replace(/\n/g, ' ').trim(); return x ? `${t} ${r} \uD83D\uDCAD ${x.slice(0, 80)}` : null; }
     case 'tool:start': { const n = (ev.data.name as string) ?? ''; const d = ev.data.input ? (((ev.data.input as any).file_path || (ev.data.input as any).command || (ev.data.input as any).pattern || '') as string).slice(0, 50) : ''; return `${t} ${r} \u2192 ${n} ${d}`; }
     case 'tool:result': return `${t} ${r} \u2190 ${(ev.data.name as string) ?? ''} done`;
     case 'msg:start': return `${t} ${r} \u25B6 Started`;
@@ -157,6 +157,9 @@ const PanelModeInner: React.FC<PanelModeProps> = ({
   const leftWidth = 28;
   const termCols = process.stdout.columns || 120;
   const rightWidth = termCols - leftWidth - 3;
+  const headerLines = 2;
+  const footerLines = 3;
+  const contentHeight = Math.max(termHeight - headerLines - footerLines, 5);
 
   // === Build left column: OrgTree ===
   const ceoIcon = statuses['ceo'] === 'working' ? '\u25CF' : statuses['ceo'] === 'done' ? '\u2713' : '\u25CB';
@@ -176,7 +179,8 @@ const PanelModeInner: React.FC<PanelModeProps> = ({
   const rightContentLines: string[] = [];
   let selectedDocPath: string | null = null;
   if (rightTab === 'stream') {
-    const maxEv = Math.max(5, termHeight - 10);
+    if (selectedRoleId) rightContentLines.push(`\u25B8 ${selectedRoleId}`);
+    const maxEv = Math.max(5, contentHeight - 3);
     const filtered = selectedRoleId ? events.filter(e => e.roleId === selectedRoleId) : events;
     const visible = filtered.slice(-maxEv);
     for (const ev of visible) {
@@ -237,11 +241,8 @@ const PanelModeInner: React.FC<PanelModeProps> = ({
     }
   }
 
-  // === Merge left + right, pad to fill terminal height ===
-  const headerLines = 3; // header + separator + org tree title
-  const footerLines = 2; // separator + keybindings
-  const contentHeight = Math.max(termHeight - headerLines - footerLines, 5);
-  const maxRows = Math.max(leftLines.length, rightContentLines.length, contentHeight);
+  // === Merge left + right, cap to terminal height ===
+  const maxRows = contentHeight;
 
   const rows: Array<{ left: string; right: string; leftSelected: boolean; leftWorking: boolean }> = [];
   for (let i = 0; i < maxRows; i++) {