upfynai-code 0.1.0 → 2.2.0

package/src/statusline-core/themes/gruvbox.sh

@@ -1,32 +0,0 @@
-#!/usr/bin/env bash
-# Theme: Gruvbox Dark (retro groovy)
-THEME_NAME="Gruvbox"
-
-CLR_RST='\033[0m'
-CLR_BOLD='\033[1m'
-CLR_DIM='\033[2m'
-
-CLR_SKILL='\033[38;2;211;134;155m'       # Red
-CLR_MODEL='\033[38;2;177;98;134m'        # Purple
-CLR_DIR='\033[38;2;131;165;152m'         # Aqua
-CLR_GITHUB='\033[38;2;235;219;178m'      # FG
-CLR_TOKENS='\033[38;2;250;189;47m'       # Yellow
-CLR_COST='\033[38;2;184;187;38m'         # Green
-CLR_VIM='\033[38;2;131;165;152m'         # Aqua
-CLR_AGENT='\033[38;2;69;133;136m'        # Blue
-
-CLR_CTX_LOW='\033[38;2;235;219;178m'     # FG
-CLR_CTX_MED='\033[38;2;254;128;25m'      # Orange
-CLR_CTX_HIGH='\033[38;2;251;73;52m'      # Red
-CLR_CTX_CRIT='\033[38;2;204;36;29m'      # Dark red
-
-CLR_SEP='\033[38;2;80;73;69m'            # BG2
-CLR_BAR_EMPTY='\033[38;2;60;56;54m'      # BG1
-CLR_LABEL='\033[38;2;124;111;100m'       # Gray
-
-CLR_GIT_STAGED='\033[38;2;184;187;38m'
-CLR_GIT_UNSTAGED='\033[38;2;250;189;47m'
-
-BAR_FILLED='█'
-BAR_EMPTY='░'
-SEP_CHAR='│'

package/src/statusline-core/themes/nord.sh

@@ -1,32 +0,0 @@
-#!/usr/bin/env bash
-# Theme: Nord (arctic, blue-tinted)
-THEME_NAME="Nord"
-
-CLR_RST='\033[0m'
-CLR_BOLD='\033[1m'
-CLR_DIM='\033[2m'
-
-CLR_SKILL='\033[38;2;136;192;208m'       # Nord Frost 3
-CLR_MODEL='\033[38;2;180;142;173m'       # Nord Aurora purple
-CLR_DIR='\033[38;2;163;190;140m'         # Nord Aurora green
-CLR_GITHUB='\033[38;2;216;222;233m'      # Nord Snow Storm 1
-CLR_TOKENS='\033[38;2;235;203;139m'      # Nord Aurora yellow
-CLR_COST='\033[38;2;163;190;140m'        # Nord Aurora green
-CLR_VIM='\033[38;2;143;188;187m'         # Nord Frost 1
-CLR_AGENT='\033[38;2;129;161;193m'       # Nord Frost 2
-
-CLR_CTX_LOW='\033[38;2;216;222;233m'     # Snow Storm
-CLR_CTX_MED='\033[38;2;208;135;112m'     # Nord Aurora orange
-CLR_CTX_HIGH='\033[38;2;191;97;106m'     # Nord Aurora red
-CLR_CTX_CRIT='\033[38;2;191;97;106m'
-
-CLR_SEP='\033[38;2;67;76;94m'            # Nord Polar Night 3
-CLR_BAR_EMPTY='\033[38;2;46;52;64m'      # Nord Polar Night 1
-CLR_LABEL='\033[38;2;76;86;106m'         # Nord Polar Night 4
-
-CLR_GIT_STAGED='\033[38;2;163;190;140m'
-CLR_GIT_UNSTAGED='\033[38;2;235;203;139m'
-
-BAR_FILLED='█'
-BAR_EMPTY='░'
-SEP_CHAR='│'

package/src/statusline-core/themes/tokyo-night.sh

@@ -1,32 +0,0 @@
-#!/usr/bin/env bash
-# Theme: Tokyo Night (vibrant neon)
-THEME_NAME="Tokyo Night"
-
-CLR_RST='\033[0m'
-CLR_BOLD='\033[1m'
-CLR_DIM='\033[2m'
-
-CLR_SKILL='\033[38;2;255;117;127m'       # Red/pink
-CLR_MODEL='\033[38;2;187;154;247m'       # Purple
-CLR_DIR='\033[38;2;125;207;255m'         # Cyan
-CLR_GITHUB='\033[38;2;192;202;245m'      # Foreground
-CLR_TOKENS='\033[38;2;224;175;104m'      # Yellow/orange
-CLR_COST='\033[38;2;158;206;106m'        # Green
-CLR_VIM='\033[38;2;115;218;202m'         # Teal
-CLR_AGENT='\033[38;2;122;162;247m'       # Blue
-
-CLR_CTX_LOW='\033[38;2;192;202;245m'     # Foreground
-CLR_CTX_MED='\033[38;2;255;158;100m'     # Orange
-CLR_CTX_HIGH='\033[38;2;247;118;142m'    # Red
-CLR_CTX_CRIT='\033[38;2;219;75;75m'      # Deep red
-
-CLR_SEP='\033[38;2;59;66;97m'            # Comment color
-CLR_BAR_EMPTY='\033[38;2;41;46;66m'      # Dark bg
-CLR_LABEL='\033[38;2;86;95;137m'         # Muted
-
-CLR_GIT_STAGED='\033[38;2;158;206;106m'
-CLR_GIT_UNSTAGED='\033[38;2;224;175;104m'
-
-BAR_FILLED='█'
-BAR_EMPTY='░'
-SEP_CHAR='│'

package/src/store/canvas-store.ts

@@ -1,50 +0,0 @@
-import { create } from 'zustand';
-import type { CanvasNode, CanvasEdge } from '../types/canvas-graph';
-
-interface CanvasState {
-  nodes: CanvasNode[];
-  edges: CanvasEdge[];
-  lastNodeId: string | null;
-
-  addNode: (node: Omit<CanvasNode, 'x' | 'y'>) => void;
-  clear: () => void;
-}
-
-const NODE_SPACING_Y = 120;
-const NODE_START_X = 100;
-const NODE_START_Y = 100;
-
-export const useCanvasStore = create<CanvasState>((set, get) => ({
-  nodes: [],
-  edges: [],
-  lastNodeId: null,
-
-  addNode: (partial) => {
-    const { nodes, edges, lastNodeId } = get();
-    const y = NODE_START_Y + nodes.length * NODE_SPACING_Y;
-    const x = NODE_START_X;
-
-    const node: CanvasNode = {
-      ...partial,
-      x,
-      y,
-    };
-
-    const newEdges = [...edges];
-    if (lastNodeId) {
-      newEdges.push({
-        id: `edge-${lastNodeId}-${node.id}`,
-        fromId: lastNodeId,
-        toId: node.id,
-      });
-    }
-
-    set({
-      nodes: [...nodes, node],
-      edges: newEdges,
-      lastNodeId: node.id,
-    });
-  },
-
-  clear: () => set({ nodes: [], edges: [], lastNodeId: null }),
-}));

package/src/store/chat-store.ts

@@ -1,60 +0,0 @@
-import { create } from 'zustand';
-import type { ChatMessage, TokenUsage } from '../types/sdk-messages';
-
-interface ChatState {
-  messages: ChatMessage[];
-  streamingText: string;
-  streamingToolName: string;
-  input: string;
-  isWaiting: boolean;
-
-  addMessage: (msg: ChatMessage) => void;
-  appendStreamDelta: (text: string) => void;
-  setStreamingToolName: (name: string) => void;
-  finalizeStreaming: (usage?: TokenUsage) => void;
-  setInput: (input: string) => void;
-  setWaiting: (waiting: boolean) => void;
-  clearMessages: () => void;
-}
-
-let messageCounter = 0;
-
-export const useChatStore = create<ChatState>((set, get) => ({
-  messages: [],
-  streamingText: '',
-  streamingToolName: '',
-  input: '',
-  isWaiting: false,
-
-  addMessage: (msg) => set((s) => ({
-    messages: [...s.messages, msg],
-  })),
-
-  appendStreamDelta: (text) => set((s) => ({
-    streamingText: s.streamingText + text,
-  })),
-
-  setStreamingToolName: (name) => set({ streamingToolName: name }),
-
-  finalizeStreaming: (usage) => {
-    const { streamingText, messages } = get();
-    if (streamingText) {
-      set({
-        messages: [...messages, {
-          id: `msg-${++messageCounter}`,
-          role: 'assistant',
-          content: streamingText,
-          timestamp: Date.now(),
-          usage,
-        }],
-        streamingText: '',
-        streamingToolName: '',
-        isWaiting: false,
-      });
-    }
-  },
-
-  setInput: (input) => set({ input }),
-  setWaiting: (waiting) => set({ isWaiting: waiting }),
-  clearMessages: () => set({ messages: [], streamingText: '', streamingToolName: '' }),
-}));

package/src/store/permission-store.ts

@@ -1,29 +0,0 @@
-import { create } from 'zustand';
-
-export interface PendingPermission {
-  requestId: string;
-  toolName: string;
-  toolInput: Record<string, unknown>;
-  timestamp: number;
-}
-
-interface PermissionState {
-  pending: PendingPermission[];
-  addRequest: (req: PendingPermission) => void;
-  removeRequest: (requestId: string) => void;
-  clearAll: () => void;
-}
-
-export const usePermissionStore = create<PermissionState>((set) => ({
-  pending: [],
-
-  addRequest: (req) => set((s) => ({
-    pending: [...s.pending, req],
-  })),
-
-  removeRequest: (requestId) => set((s) => ({
-    pending: s.pending.filter((p) => p.requestId !== requestId),
-  })),
-
-  clearAll: () => set({ pending: [] }),
-}));

package/src/store/session-store.ts

@@ -1,52 +0,0 @@
-import { create } from 'zustand';
-
-interface SessionState {
-  sessionId: string | null;
-  model: string;
-  cwd: string;
-  tools: string[];
-  permissionMode: string;
-  isConnected: boolean;
-  isStreaming: boolean;
-
-  setInit: (data: {
-    sessionId: string;
-    model: string;
-    cwd: string;
-    tools: string[];
-    permissionMode: string;
-  }) => void;
-  setCwd: (cwd: string) => void;
-  setModel: (model: string) => void;
-  setStreaming: (streaming: boolean) => void;
-  setConnected: (connected: boolean) => void;
-  reset: () => void;
-}
-
-export const useSessionStore = create<SessionState>((set) => ({
-  sessionId: null,
-  model: 'unknown',
-  cwd: '',
-  tools: [],
-  permissionMode: 'default',
-  isConnected: false,
-  isStreaming: false,
-
-  setInit: (data) => set({
-    sessionId: data.sessionId,
-    model: data.model,
-    cwd: data.cwd,
-    tools: data.tools,
-    permissionMode: data.permissionMode,
-    isConnected: true,
-  }),
-
-  setCwd: (cwd) => set({ cwd }),
-  setModel: (model) => set({ model }),
-  setStreaming: (streaming) => set({ isStreaming: streaming }),
-  setConnected: (connected) => set({ isConnected: connected }),
-  reset: () => set({
-    sessionId: null, model: 'unknown', cwd: '', tools: [],
-    permissionMode: 'default', isConnected: false, isStreaming: false,
-  }),
-}));

package/src/store/statusline-store.ts

@@ -1,160 +0,0 @@
-import { create } from 'zustand';
-import type { StatuslineData } from '../types/statusline-fields';
-import { DEFAULT_STATUSLINE } from '../types/statusline-fields';
-import type { TokenUsage, ModelUsageEntry } from '../types/sdk-messages';
-
-// Port of skill-statusline helpers
-export function fmtTok(n: number): string {
-  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
-  if (n >= 1_000) return `${Math.round(n / 1_000)}k`;
-  return String(n);
-}
-
-export function fmtDuration(ms: number): string {
-  if (ms < 1000) return `${ms}ms`;
-  const sec = Math.floor(ms / 1000);
-  if (sec < 60) return `${sec}s`;
-  const min = Math.floor(sec / 60);
-  const rem = sec % 60;
-  if (min < 60) return rem > 0 ? `${min}m${rem}s` : `${min}m`;
-  const hr = Math.floor(min / 60);
-  const remMin = min % 60;
-  return `${hr}h${remMin}m`;
-}
-
-export function fmtCost(usd: number): string {
-  if (usd === 0) return '$0.00';
-  if (usd < 0.01) return `$${usd.toFixed(4)}`;
-  return `$${usd.toFixed(2)}`;
-}
-
-// Parse model ID → clean display name (port of core.sh logic)
-export function parseModelName(modelId: string): string {
-  const familyMatch = modelId.match(/^claude-([a-z]+)-/);
-  if (!familyMatch) return modelId;
-  const family = familyMatch[1].charAt(0).toUpperCase() + familyMatch[1].slice(1);
-  const verMatch = modelId.match(/-(\d)-(\d)$/);
-  if (verMatch) return `${family} ${verMatch[1]}.${verMatch[2]}`;
-  const verDateMatch = modelId.match(/-(\d)-\d{8}$/);
-  if (verDateMatch) return `${family} ${verDateMatch[1]}`;
-  return family;
-}
-
-// Tool name → skill label (port of core.sh case statement)
-const SKILL_MAP: Record<string, string> = {
-  Task: 'Agent', Read: 'Read', Write: 'Write', Edit: 'Edit',
-  MultiEdit: 'Multi Edit', Glob: 'Search(Files)', Grep: 'Search(Content)',
-  Bash: 'Terminal', WebSearch: 'Web Search', WebFetch: 'Web Fetch',
-  Skill: 'Skill', AskUserQuestion: 'Asking...', EnterPlanMode: 'Planning',
-  ExitPlanMode: 'Plan Ready', TaskCreate: 'Task Create', TaskUpdate: 'Task Update',
-  NotebookEdit: 'Notebook',
-};
-
-interface StatuslineState extends StatuslineData {
-  updateFromInit: (model: string, cwd: string, sessionId: string, permissionMode: string) => void;
-  updateFromUsage: (usage: TokenUsage) => void;
-  updateFromResult: (data: {
-    cost: number; duration: number; numTurns: number;
-    usage: TokenUsage; modelUsage?: Record<string, ModelUsageEntry>;
-  }) => void;
-  updateSkill: (toolName: string) => void;
-  markCompaction: (preTokens: number) => void;
-  updateGit: (data: {
-    branch: string; ghUser: string; ghRepo: string;
-    staged: boolean; unstaged: boolean;
-  }) => void;
-  reset: () => void;
-}
-
-export const useStatuslineStore = create<StatuslineState>((set, get) => ({
-  ...DEFAULT_STATUSLINE,
-
-  updateFromInit: (modelId, cwd, sessionId, permissionMode) => {
-    const model = parseModelName(modelId);
-    const parts = cwd.replace(/\\/g, '/').split('/').filter(Boolean);
-    const dirShort = parts.length > 3
-      ? parts.slice(-3).join('/')
-      : parts.length > 0 ? parts.slice(-2).join('/') : '~';
-
-    set({ model, modelId, cwd, dirShort, sessionId, permissionMode });
-  },
-
-  updateFromUsage: (usage) => {
-    const s = get();
-    const inputTokens = usage.input_tokens || 0;
-    const outputTokens = usage.output_tokens || 0;
-    const cacheCreate = usage.cache_creation_input_tokens || 0;
-    const cacheRead = usage.cache_read_input_tokens || 0;
-
-    // Context % = (input + cache_creation + cache_read) / context_size
-    const contextUsed = inputTokens + cacheCreate + cacheRead;
-    const contextPct = s.contextSize > 0
-      ? Math.min(100, Math.round((contextUsed / s.contextSize) * 100))
-      : 0;
-
-    let compactionWarning = '';
-    let isCompacting = false;
-    if (contextPct >= 95) {
-      compactionWarning = 'COMPACTING';
-      isCompacting = true;
-    } else if (contextPct >= 85) {
-      compactionWarning = `${100 - contextPct}% left`;
-    }
-
-    set({
-      tokensWinIn: inputTokens,
-      tokensWinOut: outputTokens,
-      tokensCumIn: s.tokensCumIn + inputTokens,
-      tokensCumOut: s.tokensCumOut + outputTokens,
-      cacheCreate,
-      cacheRead,
-      contextUsed,
-      contextPct,
-      contextRemaining: 100 - contextPct,
-      compactionWarning,
-      isCompacting,
-    });
-  },
-
-  updateFromResult: (data) => {
-    const contextSize = data.modelUsage
-      ? Object.values(data.modelUsage)[0]?.contextWindow || 200000
-      : 200000;
-
-    set({
-      cost: data.cost,
-      costFormatted: fmtCost(data.cost),
-      duration: data.duration,
-      durationFormatted: fmtDuration(data.duration),
-      numTurns: data.numTurns,
-      contextSize,
-    });
-
-    // Recompute burn rate
-    if (data.duration > 60000 && data.cost > 0) {
-      const rate = data.cost / (data.duration / 60000);
-      set({ burnRate: `$${rate.toFixed(2)}/m` });
-    }
-  },
-
-  updateSkill: (toolName) => {
-    set({ skill: SKILL_MAP[toolName] || toolName });
-  },
-
-  markCompaction: (preTokens) => {
-    set({ isCompacting: true, compactionWarning: 'COMPACTING' });
-  },
-
-  updateGit: (data) => {
-    const github = data.ghRepo
-      ? `${data.ghUser}/${data.ghRepo}/${data.branch}`
-      : data.branch;
-    set({
-      branch: data.branch,
-      gitDirty: { staged: data.staged, unstaged: data.unstaged },
-      github,
-    });
-  },
-
-  reset: () => set(DEFAULT_STATUSLINE),
-}));

package/src/styles/global.css

@@ -1,117 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
-
-:root {
-  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
-  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
-  --radius: 8px;
-  --radius-sm: 4px;
-  --radius-lg: 12px;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html, body, #root {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-body {
-  font-family: var(--font-sans);
-  font-size: 14px;
-  line-height: 1.5;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* Scrollbar styling */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--color-border, #2a2a32);
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-text-muted, #787882);
-}
-
-/* Selection */
-::selection {
-  background: var(--color-accent, #a855f7);
-  color: white;
-}
-
-/* Code blocks */
-code, pre {
-  font-family: var(--font-mono);
-}
-
-pre {
-  overflow-x: auto;
-  border-radius: var(--radius);
-  padding: 12px 16px;
-}
-
-/* Markdown content */
-.markdown-content h1,
-.markdown-content h2,
-.markdown-content h3 {
-  margin-top: 16px;
-  margin-bottom: 8px;
-  font-weight: 600;
-}
-
-.markdown-content p {
-  margin-bottom: 8px;
-}
-
-.markdown-content ul, .markdown-content ol {
-  margin-left: 20px;
-  margin-bottom: 8px;
-}
-
-.markdown-content code:not(pre code) {
-  padding: 2px 6px;
-  border-radius: var(--radius-sm);
-  font-size: 0.9em;
-}
-
-/* Animations */
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
-}
-
-@keyframes slideUp {
-  from { opacity: 0; transform: translateY(8px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-fade-in {
-  animation: fadeIn 0.2s ease-out;
-}
-
-.animate-pulse {
-  animation: pulse 1.5s ease-in-out infinite;
-}
-
-.animate-slide-up {
-  animation: slideUp 0.3s ease-out;
-}