memorix 1.2.2 → 1.2.4

package/src/cli/tui/ContextRail.tsx

@@ -1,118 +1,118 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { COLORS, SEP, STATUS_DOTS, SYMBOLS } from './theme.js';
-import type { ProjectInfo, HealthInfo, BackgroundInfo } from './data.js';
-import type { ChatAnswer } from './chat-service.js';
-import type { ViewType } from './theme.js';
-
-interface ContextRailProps {
-  project: ProjectInfo | null;
-  health: HealthInfo;
-  background: BackgroundInfo;
-  activeView: ViewType;
-  lastChat: ChatAnswer | null;
-  transcriptCount: number;
-  /** Rail width in columns (default 34). Parent should calculate based on terminal size. */
-  width?: number;
-}
-
-function separator(width: number): string {
-  return SEP.thin.repeat(width);
-}
-
-function charWidth(ch: string): number {
-  const cp = ch.codePointAt(0)!;
-  return ((cp >= 0x4E00 && cp <= 0x9FFF) || (cp >= 0x3040 && cp <= 0x30FF) ||
-          (cp >= 0xAC00 && cp <= 0xD7AF) || (cp >= 0xFF01 && cp <= 0xFF60) ||
-          (cp >= 0x3400 && cp <= 0x4DBF)) ? 2 : 1;
-}
-
-function fit(text: string, max: number): string {
-  if (max <= 0) return '';
-  // Measure display width (CJK chars = 2 columns)
-  let w = 0;
-  for (const ch of text) {
-    w += charWidth(ch);
-    if (w > max) break;
-  }
-  if (w <= max) return text.padEnd(text.length + (max - w));
-  // Truncate by display width
-  if (max === 1) return '…';
-  let result = '';
-  let rw = 0;
-  for (const ch of text) {
-    const cw = charWidth(ch);
-    if (rw + cw > max - 1) break;
-    result += ch;
-    rw += cw;
-  }
-  const truncated = `${result}…`;
-  return truncated.padEnd(truncated.length + Math.max(0, max - (rw + 1)));
-}
-
-export function ContextRail({ project, health, background, activeView, lastChat, transcriptCount, width: railWidth = 34 }: ContextRailProps): React.ReactElement {
-  const width = railWidth;
-  const inner = width - 4;
-
-  return (
-    <Box
-      flexDirection="column"
-      width={width}
-      flexShrink={0}
-      paddingLeft={1}
-      borderStyle="single"
-      borderColor={COLORS.border}
-      borderLeft={true}
-      borderTop={false}
-      borderRight={false}
-      borderBottom={false}
-    >
-      <Text color={COLORS.brand} bold wrap="truncate-end">Context</Text>
-      <Text color={COLORS.border} wrap="truncate-end">{separator(inner)}</Text>
-
-      <Box flexDirection="column" marginBottom={1}>
-        <Text color={COLORS.muted} wrap="truncate-end">View</Text>
-        <Text color={COLORS.text} wrap="truncate-end">{fit(activeView, inner)}</Text>
-      </Box>
-
-      <Box flexDirection="column" marginBottom={1}>
-        <Text color={COLORS.muted} wrap="truncate-end">Project</Text>
-        <Text color={project ? COLORS.text : COLORS.warning} wrap="truncate-end">{project ? fit(project.name, inner) : 'No project'}</Text>
-      </Box>
-
-      <Box flexDirection="column" marginBottom={1}>
-        <Text color={COLORS.muted} wrap="truncate-end">Retrieval</Text>
-        <Text color={health.embeddingProvider === 'ready' ? COLORS.success : COLORS.muted} wrap="truncate-end">
-          {`${health.embeddingProvider === 'ready' ? STATUS_DOTS.ok : STATUS_DOTS.off} ${fit(health.searchModeLabel, inner - 2)}`}
-        </Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(health.searchDiagnostic, inner)}</Text>
-      </Box>
-
-      <Box flexDirection="column" marginBottom={1}>
-        <Text color={COLORS.muted} wrap="truncate-end">Session</Text>
-        <Text color={COLORS.text} wrap="truncate-end">{fit(`${transcriptCount} messages`, inner)}</Text>
-        <Text color={background.healthy ? COLORS.success : COLORS.muted} wrap="truncate-end">
-          {fit(`${background.healthy ? STATUS_DOTS.running : STATUS_DOTS.off} background${background.port ? ` :${background.port}` : ''}`, inner)}
-        </Text>
-      </Box>
-
-      {lastChat && lastChat.sources.length > 0 && (
-        <Box flexDirection="column" marginBottom={1}>
-          <Text color={COLORS.muted} wrap="truncate-end">Last sources</Text>
-          {lastChat.sources.slice(0, 3).map((source) => (
-            <Text key={source.id} color={COLORS.textDim} wrap="truncate-end">{fit(`[obs:${source.id}] ${source.title}`, inner)}</Text>
-          ))}
-        </Box>
-      )}
-
-      <Box flexDirection="column">
-        <Text color={COLORS.muted} wrap="truncate-end">Quick actions</Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /chat ask with memory`, inner)}</Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /search inspect hits`, inner)}</Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /recent recent activity`, inner)}</Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /remember store a note`, inner)}</Text>
-        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /doctor diagnostics`, inner)}</Text>
-      </Box>
-    </Box>
-  );
-}
+import React from 'react';
+import { Box, Text } from 'ink';
+import { COLORS, SEP, STATUS_DOTS, SYMBOLS } from './theme.js';
+import type { ProjectInfo, HealthInfo, BackgroundInfo } from './data.js';
+import type { ChatAnswer } from './chat-service.js';
+import type { ViewType } from './theme.js';
+
+interface ContextRailProps {
+  project: ProjectInfo | null;
+  health: HealthInfo;
+  background: BackgroundInfo;
+  activeView: ViewType;
+  lastChat: ChatAnswer | null;
+  transcriptCount: number;
+  /** Rail width in columns (default 34). Parent should calculate based on terminal size. */
+  width?: number;
+}
+
+function separator(width: number): string {
+  return SEP.thin.repeat(width);
+}
+
+function charWidth(ch: string): number {
+  const cp = ch.codePointAt(0)!;
+  return ((cp >= 0x4E00 && cp <= 0x9FFF) || (cp >= 0x3040 && cp <= 0x30FF) ||
+          (cp >= 0xAC00 && cp <= 0xD7AF) || (cp >= 0xFF01 && cp <= 0xFF60) ||
+          (cp >= 0x3400 && cp <= 0x4DBF)) ? 2 : 1;
+}
+
+function fit(text: string, max: number): string {
+  if (max <= 0) return '';
+  // Measure display width (CJK chars = 2 columns)
+  let w = 0;
+  for (const ch of text) {
+    w += charWidth(ch);
+    if (w > max) break;
+  }
+  if (w <= max) return text.padEnd(text.length + (max - w));
+  // Truncate by display width
+  if (max === 1) return '…';
+  let result = '';
+  let rw = 0;
+  for (const ch of text) {
+    const cw = charWidth(ch);
+    if (rw + cw > max - 1) break;
+    result += ch;
+    rw += cw;
+  }
+  const truncated = `${result}…`;
+  return truncated.padEnd(truncated.length + Math.max(0, max - (rw + 1)));
+}
+
+export function ContextRail({ project, health, background, activeView, lastChat, transcriptCount, width: railWidth = 34 }: ContextRailProps): React.ReactElement {
+  const width = railWidth;
+  const inner = width - 4;
+
+  return (
+    <Box
+      flexDirection="column"
+      width={width}
+      flexShrink={0}
+      paddingLeft={1}
+      borderStyle="single"
+      borderColor={COLORS.border}
+      borderLeft={true}
+      borderTop={false}
+      borderRight={false}
+      borderBottom={false}
+    >
+      <Text color={COLORS.brand} bold wrap="truncate-end">Context</Text>
+      <Text color={COLORS.border} wrap="truncate-end">{separator(inner)}</Text>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text color={COLORS.muted} wrap="truncate-end">View</Text>
+        <Text color={COLORS.text} wrap="truncate-end">{fit(activeView, inner)}</Text>
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text color={COLORS.muted} wrap="truncate-end">Project</Text>
+        <Text color={project ? COLORS.text : COLORS.warning} wrap="truncate-end">{project ? fit(project.name, inner) : 'No project'}</Text>
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text color={COLORS.muted} wrap="truncate-end">Retrieval</Text>
+        <Text color={health.embeddingProvider === 'ready' ? COLORS.success : COLORS.muted} wrap="truncate-end">
+          {`${health.embeddingProvider === 'ready' ? STATUS_DOTS.ok : STATUS_DOTS.off} ${fit(health.searchModeLabel, inner - 2)}`}
+        </Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(health.searchDiagnostic, inner)}</Text>
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text color={COLORS.muted} wrap="truncate-end">Session</Text>
+        <Text color={COLORS.text} wrap="truncate-end">{fit(`${transcriptCount} messages`, inner)}</Text>
+        <Text color={background.healthy ? COLORS.success : COLORS.muted} wrap="truncate-end">
+          {fit(`${background.healthy ? STATUS_DOTS.running : STATUS_DOTS.off} background${background.port ? ` :${background.port}` : ''}`, inner)}
+        </Text>
+      </Box>
+
+      {lastChat && lastChat.sources.length > 0 && (
+        <Box flexDirection="column" marginBottom={1}>
+          <Text color={COLORS.muted} wrap="truncate-end">Last sources</Text>
+          {lastChat.sources.slice(0, 3).map((source) => (
+            <Text key={source.id} color={COLORS.textDim} wrap="truncate-end">{fit(`[obs:${source.id}] ${source.title}`, inner)}</Text>
+          ))}
+        </Box>
+      )}
+
+      <Box flexDirection="column">
+        <Text color={COLORS.muted} wrap="truncate-end">Quick actions</Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /chat ask with memory`, inner)}</Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /search inspect hits`, inner)}</Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /recent recent activity`, inner)}</Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /remember store a note`, inner)}</Text>
+        <Text color={COLORS.textDim} wrap="truncate-end">{fit(`${SYMBOLS.arrow} /doctor diagnostics`, inner)}</Text>
+      </Box>
+    </Box>
+  );
+}

package/src/cli/tui/HeaderBar.tsx

@@ -1,72 +1,72 @@
-/**
- * Top status bar for the Memorix workbench.
- *
- * Modern design: brand symbol, pill-style badges, status dots,
- * Unicode separators.
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import { COLORS, STATUS_DOTS, SYMBOLS } from './theme.js';
-import type { ProjectInfo, HealthInfo } from './data.js';
-
-interface HeaderBarProps {
-  version: string;
-  project: ProjectInfo | null;
-  health: HealthInfo;
-  mode: string;
-}
-
-function colorForMode(mode: string): string {
-  const normalized = mode.toLowerCase();
-  if (normalized.includes('hybrid')) return COLORS.success;
-  if (normalized.includes('vector')) return COLORS.accent;
-  return COLORS.warning;
-}
-
-export function HeaderBar({ version, project, health, mode }: HeaderBarProps): React.ReactElement {
-  return (
-    <Box
-      flexDirection="row"
-      justifyContent="space-between"
-      flexShrink={0}
-      paddingX={1}
-      borderStyle="single"
-      borderColor={COLORS.border}
-      borderBottom={true}
-      borderTop={false}
-      borderLeft={false}
-      borderRight={false}
-    >
-      {/* Brand */}
-      <Box gap={1}>
-        <Text color={COLORS.brand} bold>{SYMBOLS.bullet} Memorix</Text>
-        <Text color={COLORS.muted}>v{version}</Text>
-      </Box>
-
-      {/* Project name */}
-      <Box>
-        {project ? (
-          <Text color={COLORS.text}>{project.name}</Text>
-        ) : (
-          <Text color={COLORS.warning}>{STATUS_DOTS.warn} no project</Text>
-        )}
-      </Box>
-
-      {/* Status badges */}
-      <Box gap={1}>
-        {project ? (
-          <>
-            <Text color={COLORS.muted}>{SYMBOLS.pill(mode.toLowerCase())}</Text>
-            <Text color={COLORS.border}>|</Text>
-            <Text color={colorForMode(health.searchModeLabel)}>{STATUS_DOTS.ok} {health.searchModeLabel}</Text>
-            <Text color={COLORS.border}>|</Text>
-            <Text color={COLORS.text}>{health.activeMemories} mem</Text>
-          </>
-        ) : (
-          <Text color={COLORS.muted}>/configure to get started</Text>
-        )}
-      </Box>
-    </Box>
-  );
-}
+/**
+ * Top status bar for the Memorix workbench.
+ *
+ * Modern design: brand symbol, pill-style badges, status dots,
+ * Unicode separators.
+ */
+
+import React from 'react';
+import { Box, Text } from 'ink';
+import { COLORS, STATUS_DOTS, SYMBOLS } from './theme.js';
+import type { ProjectInfo, HealthInfo } from './data.js';
+
+interface HeaderBarProps {
+  version: string;
+  project: ProjectInfo | null;
+  health: HealthInfo;
+  mode: string;
+}
+
+function colorForMode(mode: string): string {
+  const normalized = mode.toLowerCase();
+  if (normalized.includes('hybrid')) return COLORS.success;
+  if (normalized.includes('vector')) return COLORS.accent;
+  return COLORS.warning;
+}
+
+export function HeaderBar({ version, project, health, mode }: HeaderBarProps): React.ReactElement {
+  return (
+    <Box
+      flexDirection="row"
+      justifyContent="space-between"
+      flexShrink={0}
+      paddingX={1}
+      borderStyle="single"
+      borderColor={COLORS.border}
+      borderBottom={true}
+      borderTop={false}
+      borderLeft={false}
+      borderRight={false}
+    >
+      {/* Brand */}
+      <Box gap={1}>
+        <Text color={COLORS.brand} bold>{SYMBOLS.bullet} Memorix</Text>
+        <Text color={COLORS.muted}>v{version}</Text>
+      </Box>
+
+      {/* Project name */}
+      <Box>
+        {project ? (
+          <Text color={COLORS.text}>{project.name}</Text>
+        ) : (
+          <Text color={COLORS.warning}>{STATUS_DOTS.warn} no project</Text>
+        )}
+      </Box>
+
+      {/* Status badges */}
+      <Box gap={1}>
+        {project ? (
+          <>
+            <Text color={COLORS.muted}>{SYMBOLS.pill(mode.toLowerCase())}</Text>
+            <Text color={COLORS.border}>|</Text>
+            <Text color={colorForMode(health.searchModeLabel)}>{STATUS_DOTS.ok} {health.searchModeLabel}</Text>
+            <Text color={COLORS.border}>|</Text>
+            <Text color={COLORS.text}>{health.activeMemories} mem</Text>
+          </>
+        ) : (
+          <Text color={COLORS.muted}>/configure to get started</Text>
+        )}
+      </Box>
+    </Box>
+  );
+}

package/src/cli/tui/LogoBanner.tsx

@@ -1,51 +1,51 @@
-/**
- * LogoBanner — ASCII art Memorix-Bridge logo with gradient coloring.
- *
- * Uses ink-gradient for the brand gradient effect.
- * Falls back to a compact single-line on narrow terminals (< 50 cols).
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import BigText from 'ink-big-text';
-import Gradient from 'ink-gradient';
-import { COLORS } from './theme.js';
-
-const SUBTITLE = 'Memory workbench for coding agents';
-
-interface LogoBannerProps {
-  /** Terminal width — used to decide full vs compact mode */
-  width?: number;
-  /** App version string, e.g. "1.0.8" */
-  version?: string;
-}
-
-export function LogoBanner({ width = 80, version }: LogoBannerProps): React.ReactElement {
-  const compact = width < 54;
-  const full = width >= 72;
-  const brandColors = [COLORS.brandBright, COLORS.brand, COLORS.brandDim];
-
-  if (compact) {
-    return (
-      <Box paddingX={1} flexDirection="column" alignItems="center">
-        <Gradient colors={brandColors}>
-          <Text bold>Memorix</Text>
-        </Gradient>
-        <Text color={COLORS.textDim}>Memory workbench</Text>
-        {version && <Text color={COLORS.muted}>v{version}</Text>}
-      </Box>
-    );
-  }
-
-  return (
-    <Box flexDirection="column" alignItems="center" paddingX={1}>
-      <Gradient colors={brandColors}>
-        {full ? <BigText text="MEMORIX" font="block" /> : <Text bold>MEMORIX</Text>}
-      </Gradient>
-      <Box>
-        <Text color={COLORS.textDim}>{SUBTITLE}</Text>
-        {version && <Text color={COLORS.muted}>  v{version}</Text>}
-      </Box>
-    </Box>
-  );
-}
+/**
+ * LogoBanner — ASCII art Memorix-Bridge logo with gradient coloring.
+ *
+ * Uses ink-gradient for the brand gradient effect.
+ * Falls back to a compact single-line on narrow terminals (< 50 cols).
+ */
+
+import React from 'react';
+import { Box, Text } from 'ink';
+import BigText from 'ink-big-text';
+import Gradient from 'ink-gradient';
+import { COLORS } from './theme.js';
+
+const SUBTITLE = 'Memory workbench for coding agents';
+
+interface LogoBannerProps {
+  /** Terminal width — used to decide full vs compact mode */
+  width?: number;
+  /** App version string, e.g. "1.0.8" */
+  version?: string;
+}
+
+export function LogoBanner({ width = 80, version }: LogoBannerProps): React.ReactElement {
+  const compact = width < 54;
+  const full = width >= 72;
+  const brandColors = [COLORS.brandBright, COLORS.brand, COLORS.brandDim];
+
+  if (compact) {
+    return (
+      <Box paddingX={1} flexDirection="column" alignItems="center">
+        <Gradient colors={brandColors}>
+          <Text bold>Memorix</Text>
+        </Gradient>
+        <Text color={COLORS.textDim}>Memory workbench</Text>
+        {version && <Text color={COLORS.muted}>v{version}</Text>}
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column" alignItems="center" paddingX={1}>
+      <Gradient colors={brandColors}>
+        {full ? <BigText text="MEMORIX" font="block" /> : <Text bold>MEMORIX</Text>}
+      </Gradient>
+      <Box>
+        <Text color={COLORS.textDim}>{SUBTITLE}</Text>
+        {version && <Text color={COLORS.muted}>  v{version}</Text>}
+      </Box>
+    </Box>
+  );
+}