@stackmemoryai/stackmemory 0.3.0 → 0.3.3

package/dist/features/tui/components/frame-visualizer.js

@@ -0,0 +1,377 @@
+import blessed from "blessed";
+import { EventEmitter } from "events";
+class FrameVisualizer extends EventEmitter {
+  tree;
+  // contrib.tree type
+  frames;
+  rootNodes;
+  selectedFrame = null;
+  constructor(tree) {
+    super();
+    this.tree = tree;
+    this.frames = /* @__PURE__ */ new Map();
+    this.rootNodes = [];
+    this.initializeUI();
+  }
+  initializeUI() {
+    this.tree.rows.interactive = true;
+    this.tree.rows.mouse = true;
+    this.tree.setData({
+      extended: true,
+      children: {
+        Sessions: {
+          extended: true,
+          children: {
+            "Loading...": {}
+          }
+        }
+      }
+    });
+    this.tree.rows.on("select", (node) => {
+      if (node && node.frameId) {
+        this.selectFrame(node.frameId);
+      }
+    });
+    this.addLegend();
+  }
+  addLegend() {
+    const legend = `{gray-fg}Tiers: {red-fg}\u25CF Hot{/} {yellow-fg}\u25CF Warm{/} {blue-fg}\u25CF Cold{/}{/}`;
+  }
+  /**
+   * Build tree structure from flat frame data
+   */
+  buildFrameTree(frames) {
+    const nodeMap = /* @__PURE__ */ new Map();
+    const rootNodes = [];
+    frames.forEach((frame) => {
+      const node = {
+        id: frame.id,
+        label: this.formatFrameLabel(frame),
+        children: [],
+        extended: frame.type === "root",
+        tier: frame.tier,
+        score: frame.score || 0
+      };
+      nodeMap.set(frame.id, node);
+    });
+    frames.forEach((frame) => {
+      const node = nodeMap.get(frame.id);
+      if (!node) return;
+      if (frame.parentId) {
+        const parent = nodeMap.get(frame.parentId);
+        if (parent) {
+          parent.children = parent.children || [];
+          parent.children.push(node);
+        } else {
+          rootNodes.push(node);
+        }
+      } else {
+        rootNodes.push(node);
+      }
+    });
+    const sortNodes = (nodes) => {
+      nodes.sort((a, b) => b.score - a.score);
+      nodes.forEach((node) => {
+        if (node.children && node.children.length > 0) {
+          sortNodes(node.children);
+        }
+      });
+    };
+    sortNodes(rootNodes);
+    return rootNodes;
+  }
+  formatFrameLabel(frame) {
+    const tierIcon = this.getTierIcon(frame.tier);
+    const typeIcon = this.getTypeIcon(frame.type);
+    const timestamp = new Date(frame.timestamp).toLocaleTimeString();
+    const tokens = frame.tokenCount ? `[${this.formatTokens(frame.tokenCount)}]` : "";
+    const compression = frame.compressionRatio ? `(${frame.compressionRatio.toFixed(1)}x)` : "";
+    let label = `${tierIcon} ${typeIcon} ${timestamp} ${tokens} ${compression}`;
+    if (frame.digest) {
+      const digest = frame.digest.length > 30 ? frame.digest.substring(0, 30) + "..." : frame.digest;
+      label += ` - ${digest}`;
+    }
+    return label;
+  }
+  getTierIcon(tier) {
+    switch (tier) {
+      case "hot":
+        return "{red-fg}\u25CF{/}";
+      case "warm":
+        return "{yellow-fg}\u25CF{/}";
+      case "cold":
+        return "{blue-fg}\u25CF{/}";
+      default:
+        return "{gray-fg}\u25CB{/}";
+    }
+  }
+  getTypeIcon(type) {
+    switch (type) {
+      case "root":
+        return "\u{1F4C1}";
+      case "branch":
+        return "\u{1F33F}";
+      case "leaf":
+        return "\u{1F343}";
+      default:
+        return "\u{1F4C4}";
+    }
+  }
+  formatTokens(tokens) {
+    if (tokens < 1e3) return `${tokens}`;
+    if (tokens < 1e6) return `${(tokens / 1e3).toFixed(1)}K`;
+    return `${(tokens / 1e6).toFixed(1)}M`;
+  }
+  /**
+   * Convert FrameNode tree to blessed-contrib tree format
+   */
+  convertToTreeData(nodes) {
+    const children = {};
+    const sessionGroups = /* @__PURE__ */ new Map();
+    nodes.forEach((node) => {
+      const sessionId = this.frames.get(node.id)?.sessionId || "unknown";
+      if (!sessionGroups.has(sessionId)) {
+        sessionGroups.set(sessionId, []);
+      }
+      sessionGroups.get(sessionId).push(node);
+    });
+    sessionGroups.forEach((sessionNodes, sessionId) => {
+      const sessionLabel = `Session: ${sessionId.substring(0, 8)}`;
+      children[sessionLabel] = {
+        extended: true,
+        children: this.buildNodeChildren(sessionNodes)
+      };
+    });
+    const stats = this.calculateStatistics();
+    children["Statistics"] = {
+      extended: false,
+      children: {
+        [`Total Frames: ${stats.total}`]: {},
+        [`Hot Tier: ${stats.hot} (${stats.hotSize})`]: {},
+        [`Warm Tier: ${stats.warm} (${stats.warmSize})`]: {},
+        [`Cold Tier: ${stats.cold} (${stats.coldSize})`]: {},
+        [`Avg Compression: ${stats.avgCompression.toFixed(1)}x`]: {},
+        [`Total Tokens: ${this.formatTokens(stats.totalTokens)}`]: {}
+      }
+    };
+    return { extended: true, children };
+  }
+  buildNodeChildren(nodes) {
+    const children = {};
+    nodes.forEach((node) => {
+      const nodeData = {
+        frameId: node.id,
+        extended: node.extended
+      };
+      if (node.children && node.children.length > 0) {
+        nodeData.children = this.buildNodeChildren(node.children);
+      }
+      children[node.label] = nodeData;
+    });
+    return children;
+  }
+  calculateStatistics() {
+    const frames = Array.from(this.frames.values());
+    const stats = {
+      total: frames.length,
+      hot: 0,
+      warm: 0,
+      cold: 0,
+      hotSize: "0B",
+      warmSize: "0B",
+      coldSize: "0B",
+      totalTokens: 0,
+      avgCompression: 0
+    };
+    let hotBytes = 0;
+    let warmBytes = 0;
+    let coldBytes = 0;
+    let totalCompression = 0;
+    let compressionCount = 0;
+    frames.forEach((frame) => {
+      switch (frame.tier) {
+        case "hot":
+          stats.hot++;
+          hotBytes += frame.tokenCount * 4;
+          break;
+        case "warm":
+          stats.warm++;
+          warmBytes += frame.tokenCount * 4;
+          break;
+        case "cold":
+          stats.cold++;
+          coldBytes += frame.tokenCount * 4;
+          break;
+      }
+      stats.totalTokens += frame.tokenCount || 0;
+      if (frame.compressionRatio) {
+        totalCompression += frame.compressionRatio;
+        compressionCount++;
+      }
+    });
+    stats.hotSize = this.formatBytes(hotBytes);
+    stats.warmSize = this.formatBytes(warmBytes);
+    stats.coldSize = this.formatBytes(coldBytes);
+    stats.avgCompression = compressionCount > 0 ? totalCompression / compressionCount : 1;
+    return stats;
+  }
+  formatBytes(bytes) {
+    if (bytes < 1024) return `${bytes}B`;
+    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`;
+    if (bytes < 1073741824) return `${(bytes / 1048576).toFixed(1)}MB`;
+    return `${(bytes / 1073741824).toFixed(1)}GB`;
+  }
+  update(frames) {
+    this.frames.clear();
+    frames.forEach((frame) => {
+      this.frames.set(frame.id, frame);
+    });
+    this.rootNodes = this.buildFrameTree(frames);
+    const treeData = this.convertToTreeData(this.rootNodes);
+    this.tree.setData(treeData);
+    const stats = this.calculateStatistics();
+    this.tree.screen.render();
+  }
+  selectFrame(frameId) {
+    this.selectedFrame = frameId;
+    const frame = this.frames.get(frameId);
+    if (frame) {
+      this.emit("frame:selected", frame);
+      this.showFrameDetails(frame);
+    }
+  }
+  showFrameDetails(frame) {
+    const details = blessed.box({
+      parent: this.tree.screen,
+      top: "center",
+      left: "center",
+      width: "60%",
+      height: "60%",
+      content: this.formatFrameDetails(frame),
+      tags: true,
+      border: {
+        type: "line"
+      },
+      style: {
+        border: {
+          fg: "yellow"
+        }
+      },
+      scrollable: true,
+      keys: true,
+      vi: true,
+      mouse: true,
+      hidden: false,
+      label: ` Frame: ${frame.id.substring(0, 8)} `
+    });
+    details.key(["escape", "q"], () => {
+      details.destroy();
+      this.tree.screen.render();
+    });
+    details.key(["m"], () => {
+      this.migrateFrame(frame);
+      details.destroy();
+      this.tree.screen.render();
+    });
+    details.focus();
+    this.tree.screen.render();
+  }
+  formatFrameDetails(frame) {
+    let details = `{bold}Frame ID:{/} ${frame.id}
+`;
+    details += `{bold}Session:{/} ${frame.sessionId}
+`;
+    details += `{bold}Type:{/} ${frame.type}
+`;
+    details += `{bold}Tier:{/} ${this.getTierIcon(frame.tier)} ${frame.tier}
+`;
+    details += `{bold}Created:{/} ${new Date(frame.timestamp).toLocaleString()}
+`;
+    if (frame.parentId) {
+      details += `{bold}Parent:{/} ${frame.parentId.substring(0, 8)}
+`;
+    }
+    details += `
+{bold}Metrics:{/}
+`;
+    details += `  Tokens: ${this.formatTokens(frame.tokenCount)}
+`;
+    details += `  Score: ${frame.score || 0}
+`;
+    if (frame.compressionRatio) {
+      const saved = Math.round((1 - 1 / frame.compressionRatio) * 100);
+      details += `  Compression: ${frame.compressionRatio.toFixed(2)}x (${saved}% saved)
+`;
+    }
+    if (frame.digest) {
+      details += `
+{bold}Digest:{/}
+${frame.digest}
+`;
+    }
+    if (frame.tools && frame.tools.length > 0) {
+      details += `
+{bold}Tools Used:{/}
+`;
+      frame.tools.forEach((tool) => {
+        details += `  \u2022 ${tool}
+`;
+      });
+    }
+    if (frame.inputs && frame.inputs.length > 0) {
+      details += `
+{bold}Inputs ({${frame.inputs.length}}):{/}
+`;
+      frame.inputs.slice(0, 3).forEach((input) => {
+        const preview = input.length > 50 ? input.substring(0, 50) + "..." : input;
+        details += `  ${preview}
+`;
+      });
+    }
+    if (frame.outputs && frame.outputs.length > 0) {
+      details += `
+{bold}Outputs ({${frame.outputs.length}}):{/}
+`;
+      frame.outputs.slice(0, 3).forEach((output) => {
+        const preview = output.length > 50 ? output.substring(0, 50) + "..." : output;
+        details += `  ${preview}
+`;
+      });
+    }
+    if (frame.children && frame.children.length > 0) {
+      details += `
+{bold}Children:{/} ${frame.children.length} frames
+`;
+    }
+    if (frame.references && frame.references.length > 0) {
+      details += `{bold}References:{/} ${frame.references.length} frames
+`;
+    }
+    details += `
+{gray-fg}[m] Migrate Tier | [d] Delete | [e] Export{/}
+`;
+    return details;
+  }
+  migrateFrame(frame) {
+    const tierOrder = ["hot", "warm", "cold"];
+    const currentIndex = tierOrder.indexOf(frame.tier);
+    const nextTier = tierOrder[(currentIndex + 1) % tierOrder.length];
+    this.emit("frame:migrate", {
+      frameId: frame.id,
+      fromTier: frame.tier,
+      toTier: nextTier
+    });
+    frame.tier = nextTier;
+    this.update(Array.from(this.frames.values()));
+  }
+  focus() {
+    this.tree.rows.focus();
+  }
+  hasFocus() {
+    return this.tree.rows === this.tree.screen.focused;
+  }
+}
+export {
+  FrameVisualizer
+};
+//# sourceMappingURL=frame-visualizer.js.map

package/dist/features/tui/components/frame-visualizer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/tui/components/frame-visualizer.ts"],
+  "sourcesContent": ["/**\n * Frame Visualizer Component\n * Displays frame storage hierarchy with tier indicators\n */\n\nimport blessed from 'blessed';\nimport contrib from 'blessed-contrib';\nimport { EventEmitter } from 'events';\nimport type { FrameData, FrameNode } from '../types.js';\n\nexport class FrameVisualizer extends EventEmitter {\n  private tree: any; // contrib.tree type\n  private frames: Map<string, FrameData>;\n  private rootNodes: FrameNode[];\n  private selectedFrame: string | null = null;\n\n  constructor(tree: any) {\n    super();\n    this.tree = tree;\n    this.frames = new Map();\n    this.rootNodes = [];\n    this.initializeUI();\n  }\n\n  private initializeUI(): void {\n    // Configure tree widget\n    this.tree.rows.interactive = true;\n    this.tree.rows.mouse = true;\n\n    // Set initial data\n    this.tree.setData({\n      extended: true,\n      children: {\n        Sessions: {\n          extended: true,\n          children: {\n            'Loading...': {},\n          },\n        },\n      },\n    });\n\n    // Handle selection\n    this.tree.rows.on('select', (node: any) => {\n      if (node && node.frameId) {\n        this.selectFrame(node.frameId);\n      }\n    });\n\n    // Add legend\n    this.addLegend();\n  }\n\n  private addLegend(): void {\n    const legend = `{gray-fg}Tiers: {red-fg}\u25CF Hot{/} {yellow-fg}\u25CF Warm{/} {blue-fg}\u25CF Cold{/}{/}`;\n    // The tree widget itself doesn't have setLabel, only box widgets do\n    // We'll update the label when we update the tree data\n  }\n\n  /**\n   * Build tree structure from flat frame data\n   */\n  private buildFrameTree(frames: FrameData[]): FrameNode[] {\n    const nodeMap = new Map<string, FrameNode>();\n    const rootNodes: FrameNode[] = [];\n\n    // Create nodes\n    frames.forEach((frame) => {\n      const node: FrameNode = {\n        id: frame.id,\n        label: this.formatFrameLabel(frame),\n        children: [],\n        extended: frame.type === 'root',\n        tier: frame.tier,\n        score: frame.score || 0,\n      };\n      nodeMap.set(frame.id, node);\n    });\n\n    // Build hierarchy\n    frames.forEach((frame) => {\n      const node = nodeMap.get(frame.id);\n      if (!node) return;\n\n      if (frame.parentId) {\n        const parent = nodeMap.get(frame.parentId);\n        if (parent) {\n          parent.children = parent.children || [];\n          parent.children.push(node);\n        } else {\n          rootNodes.push(node);\n        }\n      } else {\n        rootNodes.push(node);\n      }\n    });\n\n    // Sort by score and timestamp\n    const sortNodes = (nodes: FrameNode[]) => {\n      nodes.sort((a, b) => b.score - a.score);\n      nodes.forEach((node) => {\n        if (node.children && node.children.length > 0) {\n          sortNodes(node.children);\n        }\n      });\n    };\n\n    sortNodes(rootNodes);\n    return rootNodes;\n  }\n\n  private formatFrameLabel(frame: FrameData): string {\n    const tierIcon = this.getTierIcon(frame.tier);\n    const typeIcon = this.getTypeIcon(frame.type);\n    const timestamp = new Date(frame.timestamp).toLocaleTimeString();\n    const tokens = frame.tokenCount\n      ? `[${this.formatTokens(frame.tokenCount)}]`\n      : '';\n    const compression = frame.compressionRatio\n      ? `(${frame.compressionRatio.toFixed(1)}x)`\n      : '';\n\n    let label = `${tierIcon} ${typeIcon} ${timestamp} ${tokens} ${compression}`;\n\n    if (frame.digest) {\n      const digest =\n        frame.digest.length > 30\n          ? frame.digest.substring(0, 30) + '...'\n          : frame.digest;\n      label += ` - ${digest}`;\n    }\n\n    return label;\n  }\n\n  private getTierIcon(tier: string): string {\n    switch (tier) {\n      case 'hot':\n        return '{red-fg}\u25CF{/}';\n      case 'warm':\n        return '{yellow-fg}\u25CF{/}';\n      case 'cold':\n        return '{blue-fg}\u25CF{/}';\n      default:\n        return '{gray-fg}\u25CB{/}';\n    }\n  }\n\n  private getTypeIcon(type: string): string {\n    switch (type) {\n      case 'root':\n        return '\uD83D\uDCC1';\n      case 'branch':\n        return '\uD83C\uDF3F';\n      case 'leaf':\n        return '\uD83C\uDF43';\n      default:\n        return '\uD83D\uDCC4';\n    }\n  }\n\n  private formatTokens(tokens: number): string {\n    if (tokens < 1000) return `${tokens}`;\n    if (tokens < 1000000) return `${(tokens / 1000).toFixed(1)}K`;\n    return `${(tokens / 1000000).toFixed(1)}M`;\n  }\n\n  /**\n   * Convert FrameNode tree to blessed-contrib tree format\n   */\n  private convertToTreeData(nodes: FrameNode[]): any {\n    // Blessed-contrib tree expects an object with { extended, children }\n    const children: any = {};\n\n    // Group by session\n    const sessionGroups = new Map<string, FrameNode[]>();\n\n    nodes.forEach((node) => {\n      const sessionId = this.frames.get(node.id)?.sessionId || 'unknown';\n      if (!sessionGroups.has(sessionId)) {\n        sessionGroups.set(sessionId, []);\n      }\n      sessionGroups.get(sessionId)!.push(node);\n    });\n\n    // Build tree structure\n    sessionGroups.forEach((sessionNodes, sessionId) => {\n      const sessionLabel = `Session: ${sessionId.substring(0, 8)}`;\n      children[sessionLabel] = {\n        extended: true,\n        children: this.buildNodeChildren(sessionNodes),\n      };\n    });\n\n    // Add statistics\n    const stats = this.calculateStatistics();\n    children['Statistics'] = {\n      extended: false,\n      children: {\n        [`Total Frames: ${stats.total}`]: {},\n        [`Hot Tier: ${stats.hot} (${stats.hotSize})`]: {},\n        [`Warm Tier: ${stats.warm} (${stats.warmSize})`]: {},\n        [`Cold Tier: ${stats.cold} (${stats.coldSize})`]: {},\n        [`Avg Compression: ${stats.avgCompression.toFixed(1)}x`]: {},\n        [`Total Tokens: ${this.formatTokens(stats.totalTokens)}`]: {},\n      },\n    };\n\n    return { extended: true, children };\n  }\n\n  private buildNodeChildren(nodes: FrameNode[]): any {\n    const children: any = {};\n\n    nodes.forEach((node) => {\n      const nodeData: any = {\n        frameId: node.id,\n        extended: node.extended,\n      };\n\n      if (node.children && node.children.length > 0) {\n        nodeData.children = this.buildNodeChildren(node.children);\n      }\n\n      children[node.label] = nodeData;\n    });\n\n    return children;\n  }\n\n  private calculateStatistics(): any {\n    const frames = Array.from(this.frames.values());\n    const stats = {\n      total: frames.length,\n      hot: 0,\n      warm: 0,\n      cold: 0,\n      hotSize: '0B',\n      warmSize: '0B',\n      coldSize: '0B',\n      totalTokens: 0,\n      avgCompression: 0,\n    };\n\n    let hotBytes = 0;\n    let warmBytes = 0;\n    let coldBytes = 0;\n    let totalCompression = 0;\n    let compressionCount = 0;\n\n    frames.forEach((frame) => {\n      // Count by tier\n      switch (frame.tier) {\n        case 'hot':\n          stats.hot++;\n          hotBytes += frame.tokenCount * 4; // Rough estimate: 4 bytes per token\n          break;\n        case 'warm':\n          stats.warm++;\n          warmBytes += frame.tokenCount * 4;\n          break;\n        case 'cold':\n          stats.cold++;\n          coldBytes += frame.tokenCount * 4;\n          break;\n      }\n\n      stats.totalTokens += frame.tokenCount || 0;\n\n      if (frame.compressionRatio) {\n        totalCompression += frame.compressionRatio;\n        compressionCount++;\n      }\n    });\n\n    stats.hotSize = this.formatBytes(hotBytes);\n    stats.warmSize = this.formatBytes(warmBytes);\n    stats.coldSize = this.formatBytes(coldBytes);\n    stats.avgCompression =\n      compressionCount > 0 ? totalCompression / compressionCount : 1.0;\n\n    return stats;\n  }\n\n  private formatBytes(bytes: number): string {\n    if (bytes < 1024) return `${bytes}B`;\n    if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`;\n    if (bytes < 1073741824) return `${(bytes / 1048576).toFixed(1)}MB`;\n    return `${(bytes / 1073741824).toFixed(1)}GB`;\n  }\n\n  public update(frames: FrameData[]): void {\n    // Update frame map\n    this.frames.clear();\n    frames.forEach((frame) => {\n      this.frames.set(frame.id, frame);\n    });\n\n    // Build tree structure\n    this.rootNodes = this.buildFrameTree(frames);\n\n    // Convert to tree widget format\n    const treeData = this.convertToTreeData(this.rootNodes);\n\n    // Update tree widget\n    this.tree.setData(treeData);\n\n    // Update label with stats if the tree has a parent box container\n    const stats = this.calculateStatistics();\n    // Stats will be shown in the tree data instead\n\n    this.tree.screen.render();\n  }\n\n  private selectFrame(frameId: string): void {\n    this.selectedFrame = frameId;\n    const frame = this.frames.get(frameId);\n    if (frame) {\n      this.emit('frame:selected', frame);\n      this.showFrameDetails(frame);\n    }\n  }\n\n  private showFrameDetails(frame: FrameData): void {\n    const details = blessed.box({\n      parent: this.tree.screen,\n      top: 'center',\n      left: 'center',\n      width: '60%',\n      height: '60%',\n      content: this.formatFrameDetails(frame),\n      tags: true,\n      border: {\n        type: 'line',\n      },\n      style: {\n        border: {\n          fg: 'yellow',\n        },\n      },\n      scrollable: true,\n      keys: true,\n      vi: true,\n      mouse: true,\n      hidden: false,\n      label: ` Frame: ${frame.id.substring(0, 8)} `,\n    });\n\n    details.key(['escape', 'q'], () => {\n      details.destroy();\n      this.tree.screen.render();\n    });\n\n    // Add migrate button\n    details.key(['m'], () => {\n      this.migrateFrame(frame);\n      details.destroy();\n      this.tree.screen.render();\n    });\n\n    details.focus();\n    this.tree.screen.render();\n  }\n\n  private formatFrameDetails(frame: FrameData): string {\n    let details = `{bold}Frame ID:{/} ${frame.id}\\n`;\n    details += `{bold}Session:{/} ${frame.sessionId}\\n`;\n    details += `{bold}Type:{/} ${frame.type}\\n`;\n    details += `{bold}Tier:{/} ${this.getTierIcon(frame.tier)} ${frame.tier}\\n`;\n    details += `{bold}Created:{/} ${new Date(frame.timestamp).toLocaleString()}\\n`;\n\n    if (frame.parentId) {\n      details += `{bold}Parent:{/} ${frame.parentId.substring(0, 8)}\\n`;\n    }\n\n    details += `\\n{bold}Metrics:{/}\\n`;\n    details += `  Tokens: ${this.formatTokens(frame.tokenCount)}\\n`;\n    details += `  Score: ${frame.score || 0}\\n`;\n\n    if (frame.compressionRatio) {\n      const saved = Math.round((1 - 1 / frame.compressionRatio) * 100);\n      details += `  Compression: ${frame.compressionRatio.toFixed(2)}x (${saved}% saved)\\n`;\n    }\n\n    if (frame.digest) {\n      details += `\\n{bold}Digest:{/}\\n${frame.digest}\\n`;\n    }\n\n    if (frame.tools && frame.tools.length > 0) {\n      details += `\\n{bold}Tools Used:{/}\\n`;\n      frame.tools.forEach((tool) => {\n        details += `  \u2022 ${tool}\\n`;\n      });\n    }\n\n    if (frame.inputs && frame.inputs.length > 0) {\n      details += `\\n{bold}Inputs ({${frame.inputs.length}}):{/}\\n`;\n      frame.inputs.slice(0, 3).forEach((input) => {\n        const preview =\n          input.length > 50 ? input.substring(0, 50) + '...' : input;\n        details += `  ${preview}\\n`;\n      });\n    }\n\n    if (frame.outputs && frame.outputs.length > 0) {\n      details += `\\n{bold}Outputs ({${frame.outputs.length}}):{/}\\n`;\n      frame.outputs.slice(0, 3).forEach((output) => {\n        const preview =\n          output.length > 50 ? output.substring(0, 50) + '...' : output;\n        details += `  ${preview}\\n`;\n      });\n    }\n\n    if (frame.children && frame.children.length > 0) {\n      details += `\\n{bold}Children:{/} ${frame.children.length} frames\\n`;\n    }\n\n    if (frame.references && frame.references.length > 0) {\n      details += `{bold}References:{/} ${frame.references.length} frames\\n`;\n    }\n\n    details += `\\n{gray-fg}[m] Migrate Tier | [d] Delete | [e] Export{/}\\n`;\n\n    return details;\n  }\n\n  private migrateFrame(frame: FrameData): void {\n    // Determine next tier\n    const tierOrder = ['hot', 'warm', 'cold'];\n    const currentIndex = tierOrder.indexOf(frame.tier);\n    const nextTier = tierOrder[(currentIndex + 1) % tierOrder.length];\n\n    // Emit migration event\n    this.emit('frame:migrate', {\n      frameId: frame.id,\n      fromTier: frame.tier,\n      toTier: nextTier,\n    });\n\n    // Optimistically update UI\n    frame.tier = nextTier as 'hot' | 'warm' | 'cold';\n    this.update(Array.from(this.frames.values()));\n  }\n\n  public focus(): void {\n    this.tree.rows.focus();\n  }\n\n  public hasFocus(): boolean {\n    return this.tree.rows === this.tree.screen.focused;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/features/tui/components/pr-tracker.js

@@ -0,0 +1,123 @@
+import { EventEmitter } from "events";
+class PRTracker extends EventEmitter {
+  list;
+  prs;
+  issues;
+  selectedItem = null;
+  viewMode = "prs";
+  constructor(list) {
+    super();
+    this.list = list;
+    this.prs = /* @__PURE__ */ new Map();
+    this.issues = /* @__PURE__ */ new Map();
+    this.initializeUI();
+  }
+  initializeUI() {
+    this.list.on("select", (item, index) => {
+      if (this.viewMode === "prs") {
+        const prId = Array.from(this.prs.keys())[index];
+        this.selectPR(prId);
+      } else {
+        const issueId = Array.from(this.issues.keys())[index];
+        this.selectIssue(issueId);
+      }
+    });
+    this.list.key(["tab"], () => {
+      this.toggleView();
+    });
+  }
+  formatPRItem(pr) {
+    const status = this.getPRStatusIcon(pr);
+    const checks = this.getChecksStatus(pr.checks);
+    const reviews = this.getReviewStatus(pr.reviews);
+    let item = `${status} #${pr.number}: ${pr.title}
+`;
+    item += `   {gray-fg}@${pr.author.login} | ${checks} | ${reviews} | +${pr.additions}/-${pr.deletions}{/}`;
+    if (pr.linkedIssues?.length) {
+      item += ` | {cyan-fg}\u{1F517}${pr.linkedIssues.length}{/}`;
+    }
+    return item;
+  }
+  formatIssueItem(issue) {
+    const status = issue.state === "open" ? "{green-fg}\u25CF{/}" : "{gray-fg}\u25CF{/}";
+    const assignees = issue.assignees?.map((a) => `@${a}`).join(", ") || "unassigned";
+    let item = `${status} #${issue.number}: ${issue.title}
+`;
+    item += `   {gray-fg}@${issue.author.login} | ${assignees} | \u{1F4AC}${issue.comments}{/}`;
+    return item;
+  }
+  getPRStatusIcon(pr) {
+    if (pr.state === "merged") return "{magenta-fg}\u2B24{/}";
+    if (pr.state === "closed") return "{red-fg}\u2B24{/}";
+    if (pr.draft) return "{gray-fg}\u25CB{/}";
+    return "{green-fg}\u25CF{/}";
+  }
+  getChecksStatus(checks) {
+    if (!checks) return "{gray-fg}no checks{/}";
+    if (checks.failed > 0) return `{red-fg}\u2717 ${checks.failed}/${checks.total}{/}`;
+    if (checks.pending > 0) return `{yellow-fg}\u23F3 ${checks.pending}/${checks.total}{/}`;
+    return `{green-fg}\u2713 ${checks.passed}/${checks.total}{/}`;
+  }
+  getReviewStatus(reviews) {
+    const approved = reviews.filter((r) => r.state === "approved").length;
+    const changes = reviews.filter((r) => r.state === "changes_requested").length;
+    if (changes > 0) return `{red-fg}\u{1F44E}${changes}{/}`;
+    if (approved > 0) return `{green-fg}\u{1F44D}${approved}{/}`;
+    return "{gray-fg}no reviews{/}";
+  }
+  update(data) {
+    if (data.prs) {
+      this.prs.clear();
+      data.prs.forEach((pr) => this.prs.set(pr.id, pr));
+    }
+    if (data.issues) {
+      this.issues.clear();
+      data.issues.forEach((issue) => this.issues.set(issue.id, issue));
+    }
+    this.refreshDisplay();
+  }
+  refreshDisplay() {
+    let items = [];
+    let label = "";
+    if (this.viewMode === "prs") {
+      items = Array.from(this.prs.values()).map((pr) => this.formatPRItem(pr));
+      const open = Array.from(this.prs.values()).filter((pr) => pr.state === "open").length;
+      label = ` \u{1F500} Pull Requests (${open}/${this.prs.size}) [Tab] Issues `;
+    } else {
+      items = Array.from(this.issues.values()).map((issue) => this.formatIssueItem(issue));
+      const open = Array.from(this.issues.values()).filter((i) => i.state === "open").length;
+      label = ` \u{1F41B} Issues (${open}/${this.issues.size}) [Tab] PRs `;
+    }
+    this.list.setItems(items);
+    if (this.list.parent && typeof this.list.parent.setLabel === "function") {
+      this.list.parent.setLabel(label);
+    }
+    this.list.screen.render();
+  }
+  toggleView() {
+    this.viewMode = this.viewMode === "prs" ? "issues" : "prs";
+    this.refreshDisplay();
+  }
+  selectPR(prId) {
+    const pr = this.prs.get(prId);
+    if (pr) {
+      this.emit("pr:selected", pr);
+    }
+  }
+  selectIssue(issueId) {
+    const issue = this.issues.get(issueId);
+    if (issue) {
+      this.emit("issue:selected", issue);
+    }
+  }
+  focus() {
+    this.list.focus();
+  }
+  hasFocus() {
+    return this.list === this.list.screen.focused;
+  }
+}
+export {
+  PRTracker
+};
+//# sourceMappingURL=pr-tracker.js.map

package/dist/features/tui/components/pr-tracker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/features/tui/components/pr-tracker.ts"],
+  "sourcesContent": ["/**\n * PR/Issue Tracker Component\n * Displays GitHub PRs and issues with status indicators\n */\n\nimport blessed from 'blessed';\nimport { EventEmitter } from 'events';\nimport type { PRData, IssueData } from '../types.js';\n\nexport class PRTracker extends EventEmitter {\n  private list: blessed.Widgets.ListElement;\n  private prs: Map<string, PRData>;\n  private issues: Map<string, IssueData>;\n  private selectedItem: string | null = null;\n  private viewMode: 'prs' | 'issues' = 'prs';\n\n  constructor(list: blessed.Widgets.ListElement) {\n    super();\n    this.list = list;\n    this.prs = new Map();\n    this.issues = new Map();\n    this.initializeUI();\n  }\n\n  private initializeUI(): void {\n    this.list.on('select', (item, index) => {\n      if (this.viewMode === 'prs') {\n        const prId = Array.from(this.prs.keys())[index];\n        this.selectPR(prId);\n      } else {\n        const issueId = Array.from(this.issues.keys())[index];\n        this.selectIssue(issueId);\n      }\n    });\n\n    // Toggle between PRs and Issues\n    this.list.key(['tab'], () => {\n      this.toggleView();\n    });\n  }\n\n  private formatPRItem(pr: PRData): string {\n    const status = this.getPRStatusIcon(pr);\n    const checks = this.getChecksStatus(pr.checks);\n    const reviews = this.getReviewStatus(pr.reviews);\n    \n    let item = `${status} #${pr.number}: ${pr.title}\\n`;\n    item += `   {gray-fg}@${pr.author.login} | ${checks} | ${reviews} | +${pr.additions}/-${pr.deletions}{/}`;\n    \n    if (pr.linkedIssues?.length) {\n      item += ` | {cyan-fg}\uD83D\uDD17${pr.linkedIssues.length}{/}`;\n    }\n    \n    return item;\n  }\n\n  private formatIssueItem(issue: IssueData): string {\n    const status = issue.state === 'open' ? '{green-fg}\u25CF{/}' : '{gray-fg}\u25CF{/}';\n    const assignees = issue.assignees?.map(a => `@${a}`).join(', ') || 'unassigned';\n    \n    let item = `${status} #${issue.number}: ${issue.title}\\n`;\n    item += `   {gray-fg}@${issue.author.login} | ${assignees} | \uD83D\uDCAC${issue.comments}{/}`;\n    \n    return item;\n  }\n\n  private getPRStatusIcon(pr: PRData): string {\n    if (pr.state === 'merged') return '{magenta-fg}\u2B24{/}';\n    if (pr.state === 'closed') return '{red-fg}\u2B24{/}';\n    if (pr.draft) return '{gray-fg}\u25CB{/}';\n    return '{green-fg}\u25CF{/}';\n  }\n\n  private getChecksStatus(checks?: PRData['checks']): string {\n    if (!checks) return '{gray-fg}no checks{/}';\n    if (checks.failed > 0) return `{red-fg}\u2717 ${checks.failed}/${checks.total}{/}`;\n    if (checks.pending > 0) return `{yellow-fg}\u23F3 ${checks.pending}/${checks.total}{/}`;\n    return `{green-fg}\u2713 ${checks.passed}/${checks.total}{/}`;\n  }\n\n  private getReviewStatus(reviews: PRData['reviews']): string {\n    const approved = reviews.filter(r => r.state === 'approved').length;\n    const changes = reviews.filter(r => r.state === 'changes_requested').length;\n    \n    if (changes > 0) return `{red-fg}\uD83D\uDC4E${changes}{/}`;\n    if (approved > 0) return `{green-fg}\uD83D\uDC4D${approved}{/}`;\n    return '{gray-fg}no reviews{/}';\n  }\n\n  public update(data: { prs?: PRData[], issues?: IssueData[] }): void {\n    if (data.prs) {\n      this.prs.clear();\n      data.prs.forEach(pr => this.prs.set(pr.id, pr));\n    }\n    \n    if (data.issues) {\n      this.issues.clear();\n      data.issues.forEach(issue => this.issues.set(issue.id, issue));\n    }\n    \n    this.refreshDisplay();\n  }\n\n  private refreshDisplay(): void {\n    let items: string[] = [];\n    let label = '';\n    \n    if (this.viewMode === 'prs') {\n      items = Array.from(this.prs.values()).map(pr => this.formatPRItem(pr));\n      const open = Array.from(this.prs.values()).filter(pr => pr.state === 'open').length;\n      label = ` \uD83D\uDD00 Pull Requests (${open}/${this.prs.size}) [Tab] Issues `;\n    } else {\n      items = Array.from(this.issues.values()).map(issue => this.formatIssueItem(issue));\n      const open = Array.from(this.issues.values()).filter(i => i.state === 'open').length;\n      label = ` \uD83D\uDC1B Issues (${open}/${this.issues.size}) [Tab] PRs `;\n    }\n    \n    this.list.setItems(items);\n    if (this.list.parent && typeof (this.list.parent as any).setLabel === 'function') {\n      (this.list.parent as any).setLabel(label);\n    }\n    \n    this.list.screen.render();\n  }\n\n  private toggleView(): void {\n    this.viewMode = this.viewMode === 'prs' ? 'issues' : 'prs';\n    this.refreshDisplay();\n  }\n\n  private selectPR(prId: string): void {\n    const pr = this.prs.get(prId);\n    if (pr) {\n      this.emit('pr:selected', pr);\n    }\n  }\n\n  private selectIssue(issueId: string): void {\n    const issue = this.issues.get(issueId);\n    if (issue) {\n      this.emit('issue:selected', issue);\n    }\n  }\n\n  public focus(): void {\n    this.list.focus();\n  }\n\n  public hasFocus(): boolean {\n    return this.list === this.list.screen.focused;\n  }\n}"],
+  "mappings": "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",
+  "names": []
+}