pi-anchor 0.2.0 → 0.2.2

package/src/tui.ts

@@ -57,11 +57,13 @@ export function groupAnchorsByQuadrant(anchors: Anchor[], now: number = Date.now
   return groups;
 }
 
+const ANSI_REGEX = /\x1b\[[0-9;]*[a-zA-Z]|\x1b\][^\x07\x1b]*(?:\x07|\x1b\\)/g;
+
 /**
  * Strip ANSI escape codes from string
  */
 export function stripAnsi(str: string): string {
-  return str.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '');
+  return str.replace(ANSI_REGEX, '');
 }
 
 /**
@@ -120,30 +122,58 @@ export function getDisplayWidth(str: string): number {
   return width;
 }
 
+export function hasActiveUI(ctx: ExtensionContext | null | undefined): ctx is ExtensionContext {
+  if (!ctx) return false;
+  try {
+    return Boolean(ctx.hasUI && ctx.ui);
+  } catch {
+    return false;
+  }
+}
+
 /**
  * Truncate string to target terminal visual width with ellipsis
  */
 export function truncateToWidth(str: string, maxWidth: number, ellipsis = '…'): string {
-  const current = getDisplayWidth(str);
-  if (current <= maxWidth) return str;
+  if (maxWidth <= 0) return '';
+  const singleLine = str.replace(/[\r\n\t]+/g, ' ');
+  const totalWidth = getDisplayWidth(singleLine);
+  if (totalWidth <= maxWidth) return singleLine;
 
   const ellipsisWidth = getDisplayWidth(ellipsis);
-  const target = maxWidth - ellipsisWidth;
-  if (target <= 0) return ellipsis.slice(0, maxWidth);
+  const target = Math.max(0, maxWidth - ellipsisWidth);
+  if (target === 0) return ellipsis.slice(0, maxWidth);
 
   let accumulated = '';
   let accumWidth = 0;
+  let i = 0;
+
+  while (i < singleLine.length) {
+    ANSI_REGEX.lastIndex = i;
+    const match = ANSI_REGEX.exec(singleLine);
+    if (match && match.index === i) {
+      accumulated += match[0];
+      i += match[0].length;
+      continue;
+    }
+
+    const codePoint = singleLine.codePointAt(i) || 0;
+    const charLen = codePoint > 0xffff ? 2 : 1;
+    const fullChar = singleLine.slice(i, i + charLen);
+    const charWidth = getDisplayWidth(fullChar);
 
-  for (const char of str) {
-    const charWidth = getDisplayWidth(char);
     if (accumWidth + charWidth > target) {
       break;
     }
-    accumulated += char;
+    accumulated += fullChar;
     accumWidth += charWidth;
+    i += charLen;
   }
 
-  return accumulated + ellipsis;
+  // Invariant 11: Guard against trailing open brackets right before ellipsis (e.g. "Fix auth (…" -> "Fix auth…")
+  accumulated = accumulated.replace(/\s*[\(\[\{（【]$/, '');
+
+  return accumulated + ellipsis + (singleLine.includes('\x1b') ? '\x1b[0m' : '');
 }
 
 /**
@@ -271,15 +301,19 @@ export function formatOrigin(anchor: Anchor | string): string {
  * Update footer status bar capsule: `⌖ 1`
  */
 export function updateAnchorStatusBar(ctx: ExtensionContext, store: AnchorStore): void {
-  if (!ctx.hasUI || !ctx.ui) return;
+  if (!hasActiveUI(ctx)) return;
 
-  const active = store.list({ status: 'active', cwd: ctx.cwd });
-  if (active.length === 0) {
-    ctx.ui.setStatus('anchor', undefined);
-    return;
-  }
+  try {
+    const active = store.list({ status: 'active', cwd: ctx.cwd });
+    if (active.length === 0) {
+      ctx.ui.setStatus('anchor', undefined);
+      return;
+    }
 
-  ctx.ui.setStatus('anchor', `⌖ ${active.length}`);
+    ctx.ui.setStatus('anchor', `⌖ ${active.length}`);
+  } catch {
+    // Ignore stale context errors during session replacement
+  }
 }
 
 /**
@@ -288,49 +322,53 @@ export function updateAnchorStatusBar(ctx: ExtensionContext, store: AnchorStore)
  * Automatically cleared on agent_start (when user sends first message).
  */
 export function updateStartupBanner(ctx: ExtensionContext, store: AnchorStore): void {
-  if (!ctx.hasUI || !ctx.ui) return;
+  if (!hasActiveUI(ctx)) return;
 
-  const active = store.list({ status: 'active', cwd: ctx.cwd });
-  if (active.length === 0) {
-    ctx.ui.setWidget('anchor-startup', undefined);
-    return;
-  }
+  try {
+    const active = store.list({ status: 'active', cwd: ctx.cwd });
+    if (active.length === 0) {
+      ctx.ui.setWidget('anchor-startup', undefined);
+      return;
+    }
 
-  const groups = groupAnchorsByQuadrant(active);
-  const sorted = [...groups.today, ...groups.upcoming, ...groups.habits, ...groups.backlog];
-  const topItems = sorted.slice(0, 3);
-
-  const factory = (_tui?: any, theme?: any) => ({
-    render: (width: number) => {
-      const maxTitleWidth = Math.max(16, width - 36);
-      const fg = theme?.fg ? theme.fg.bind(theme) : (_c: string, text: string) => text;
-
-      const lines: string[] = [
-        fg('accent', `⌖ Anchor · ${active.length} active commitments:`)
-      ];
-
-      for (let i = 0; i < topItems.length; i++) {
-        const a = topItems[i];
-        const num = (i + 1).toString().padStart(2, '0');
-        const q = classifyAnchor(a);
-        const tgt = formatTargetDate(a);
-        const titlePadded = truncateToWidth(a.title, maxTitleWidth);
-        lines.push(`  • ${fg('muted', `[${q}]`)}  ${fg('dim', num)} ${titlePadded} ${fg('dim', `(${tgt})`)}`);
-      }
-
-      if (sorted.length > 3) {
-        lines.push(fg('dim', `  (+${sorted.length - 3} more · run /anchor to inspect)`));
-      }
-
-      return lines;
-    },
-    invalidate: () => {}
-  });
-
-  // Reactive component factory in real TUI mode, static string[] in mock tests
-  const content = (ctx as any).ui?.theme ? factory : factory().render(80);
-
-  ctx.ui.setWidget('anchor-startup', content as any, { placement: 'aboveEditor' });
+    const groups = groupAnchorsByQuadrant(active);
+    const sorted = [...groups.today, ...groups.upcoming, ...groups.habits, ...groups.backlog];
+    const topItems = sorted.slice(0, 3);
+
+    const factory = (_tui?: any, theme?: any) => ({
+      render: (width: number) => {
+        const maxTitleWidth = Math.max(12, width - 36);
+        const fg = theme?.fg ? theme.fg.bind(theme) : (_c: string, text: string) => text;
+
+        const lines: string[] = [
+          truncateToWidth(fg('accent', `⌖ Anchor · ${active.length} active commitments:`), width)
+        ];
+
+        for (let i = 0; i < topItems.length; i++) {
+          const a = topItems[i];
+          const num = a.id.replace(/^anc-/, '').padStart(2, '0');
+          const q = classifyAnchor(a);
+          const tgt = formatTargetDate(a);
+          const titlePadded = truncateToWidth(a.title, maxTitleWidth);
+          lines.push(truncateToWidth(`  • ${fg('muted', `[${q}]`)}  ${fg('dim', num)} ${titlePadded} ${fg('dim', `(${tgt})`)}`, width));
+        }
+
+        if (sorted.length > 3) {
+          lines.push(truncateToWidth(fg('dim', `  (+${sorted.length - 3} more · run /anchor to inspect)`), width));
+        }
+
+        return lines;
+      },
+      invalidate: () => {}
+    });
+
+    // Reactive component factory in real TUI mode, static string[] in mock tests
+    const content = (ctx as any).ui?.theme ? factory : factory().render(80);
+
+    ctx.ui.setWidget('anchor-startup', content as any, { placement: 'aboveEditor' });
+  } catch {
+    // Ignore stale context errors during session replacement
+  }
 }
 
 /**
@@ -340,7 +378,7 @@ export async function openAnchorDashboard(
   ctx: ExtensionContext,
   store: AnchorStore
 ): Promise<void> {
-  if (!ctx.hasUI || !ctx.ui) return;
+  if (!hasActiveUI(ctx)) return;
 
   const list = store.list({ status: 'active', cwd: ctx.cwd });
   if (list.length === 0) {
@@ -358,10 +396,13 @@ export async function openAnchorDashboard(
 
   const optionMap = new Map<string, Anchor>();
   const displayOptions: string[] = [];
+  const termCols = process.stdout?.columns || 96;
+  const isNarrow = termCols < 88;
+  const titleWidth = isNarrow ? Math.max(18, termCols - 36) : 34;
 
   for (let i = 0; i < sortedList.length; i++) {
     const a = sortedList[i];
-    const num = (i + 1).toString().padStart(2, '0');
+    const num = a.id.replace(/^anc-/, '').padStart(2, '0');
     const category = padToWidth(`[${classifyAnchor(a)}]`, 12);
     const origin = formatOrigin(a);
     const target = formatTargetDate(a);
@@ -373,27 +414,51 @@ export async function openAnchorDashboard(
 
     // Clean tabular column alignment: ID, Category, Title, Project, Target, Created
     const colNum = `${num}  `;
-    const colTitle = padToWidth(titleWithFiles, 34);
+    const colTitle = padToWidth(titleWithFiles, titleWidth);
     const colOrigin = padToWidth(origin, 10);
     const colTarget = padToWidth(target, 12);
     const colCreated = created;
 
-    const label = `${colNum}${category}${colTitle}  ${colOrigin}  ${colTarget}  ${colCreated}`.trimEnd();
+    const label = isNarrow
+      ? `${colNum}${category}${colTitle}  ${colTarget}`.trimEnd()
+      : `${colNum}${category}${colTitle}  ${colOrigin}  ${colTarget}  ${colCreated}`.trimEnd();
 
     optionMap.set(label, a);
     displayOptions.push(label);
   }
 
-  const selected = await ctx.ui.select('⌖ Anchors (enter to complete):', displayOptions);
+  const selected = await ctx.ui.select('⌖ Anchors (select to inspect or settle):', displayOptions);
   if (!selected) return;
 
   const anchor = optionMap.get(selected);
   if (!anchor) return;
 
-  store.settle(anchor.id, { settledBy: 'manual-command' });
-  const successMsg = anchor.recurrence === 'daily'
-    ? `⌖ Completed for today: "${anchor.title}" (resets tomorrow)`
-    : `⌖ Settled: "${anchor.title}"`;
-  ctx.ui.notify(successMsg, 'info');
-  updateAnchorStatusBar(ctx, store);
+  const action = await ctx.ui.select(
+    `⌖ Anchor #${anchor.id}: "${anchor.title}"`,
+    [
+      '✓ Settle (Mark completed and archive)',
+      'ℹ View details & associated files',
+      '↩ Cancel'
+    ]
+  );
+  if (!action || action.startsWith('↩')) return;
+
+  if (action.startsWith('✓')) {
+    store.settle(anchor.id, { settledBy: 'manual-command' });
+    const successMsg = anchor.recurrence === 'daily'
+      ? `⌖ Completed for today: "${anchor.title}" (resets tomorrow)`
+      : `⌖ Settled #${anchor.id}: "${anchor.title}" (/anchor undo to revert)`;
+    ctx.ui.notify(successMsg, 'info');
+    updateAnchorStatusBar(ctx, store);
+  } else if (action.startsWith('ℹ')) {
+    const details = [
+      `#${anchor.id} [${anchor.priority.toUpperCase()}] ${anchor.title}`,
+      anchor.description ? `Description: ${anchor.description}` : null,
+      anchor.targetDate ? `Target Date: ${anchor.targetDate} (${formatTargetDate(anchor)})` : null,
+      anchor.files && anchor.files.length > 0 ? `Files: ${anchor.files.join(', ')}` : null,
+      anchor.verifyCommand ? `Verify Command: ${anchor.verifyCommand}` : null,
+      `Created: ${formatCreationTime(anchor.createdAt)} (in ${anchor.project || 'global'})`
+    ].filter(Boolean).join('\n');
+    ctx.ui.notify(details, 'info');
+  }
 }

package/src/types.ts

@@ -69,6 +69,7 @@ export interface AnchorStoreState {
   version: number;
   anchors: Anchor[];
   lastSweepAt: number;
+  nextId?: number;
 }
 
 export interface TouchMatchResult {