@benzsiangco/jarvis 1.0.0 → 1.1.0

package/src/web/ui/src/config/models.ts

@@ -0,0 +1,70 @@
+// Model context limits (in tokens)
+export const MODEL_CONTEXT_LIMITS: Record<string, number> = {
+  'gemini-2.0-flash-exp': 1_000_000,
+  'gemini-2.0-flash-thinking-exp': 1_000_000,
+  'gemini-1.5-pro-002': 2_000_000,
+  'gemini-1.5-pro': 2_000_000,
+  'gemini-1.5-flash-002': 1_000_000,
+  'gemini-1.5-flash': 1_000_000,
+  'claude-3-5-sonnet-20241022': 200_000,
+  'claude-3-5-sonnet-20240620': 200_000,
+  'claude-3-opus-20240229': 200_000,
+  'claude-3-sonnet-20240229': 200_000,
+  'gpt-4o': 128_000,
+  'gpt-4o-2024-11-20': 128_000,
+  'gpt-4o-mini': 128_000,
+  'gpt-4-turbo': 128_000,
+  'o1-preview': 128_000,
+  'o1-mini': 128_000,
+  'o3-mini': 200_000,
+};
+
+// Model pricing (per 1M tokens)
+export const MODEL_PRICING: Record<string, { input: number; output: number }> = {
+  'gemini-2.0-flash-exp': { input: 0, output: 0 }, // Free
+  'gemini-2.0-flash-thinking-exp': { input: 0, output: 0 }, // Free
+  'gemini-1.5-pro-002': { input: 1.25, output: 5.0 },
+  'gemini-1.5-pro': { input: 1.25, output: 5.0 },
+  'gemini-1.5-flash-002': { input: 0.075, output: 0.3 },
+  'gemini-1.5-flash': { input: 0.075, output: 0.3 },
+  'claude-3-5-sonnet-20241022': { input: 3.0, output: 15.0 },
+  'claude-3-5-sonnet-20240620': { input: 3.0, output: 15.0 },
+  'claude-3-opus-20240229': { input: 15.0, output: 75.0 },
+  'claude-3-sonnet-20240229': { input: 3.0, output: 15.0 },
+  'gpt-4o': { input: 2.5, output: 10.0 },
+  'gpt-4o-2024-11-20': { input: 2.5, output: 10.0 },
+  'gpt-4o-mini': { input: 0.15, output: 0.6 },
+  'gpt-4-turbo': { input: 10.0, output: 30.0 },
+  'o1-preview': { input: 15.0, output: 60.0 },
+  'o1-mini': { input: 3.0, output: 12.0 },
+  'o3-mini': { input: 1.1, output: 4.4 },
+};
+
+// Model display names
+export const MODEL_DISPLAY_NAMES: Record<string, string> = {
+  'gemini-2.0-flash-exp': 'Gemini 2.0 Flash',
+  'gemini-2.0-flash-thinking-exp': 'Gemini 2.0 Flash Thinking',
+  'gemini-1.5-pro-002': 'Gemini 1.5 Pro',
+  'gemini-1.5-pro': 'Gemini 1.5 Pro',
+  'gemini-1.5-flash-002': 'Gemini 1.5 Flash',
+  'gemini-1.5-flash': 'Gemini 1.5 Flash',
+  'claude-3-5-sonnet-20241022': 'Claude Sonnet 3.5',
+  'claude-3-5-sonnet-20240620': 'Claude Sonnet 3.5',
+  'claude-3-opus-20240229': 'Claude Opus 3',
+  'claude-3-sonnet-20240229': 'Claude Sonnet 3',
+  'gpt-4o': 'GPT-4o',
+  'gpt-4o-2024-11-20': 'GPT-4o',
+  'gpt-4o-mini': 'GPT-4o Mini',
+  'gpt-4-turbo': 'GPT-4 Turbo',
+  'o1-preview': 'O1 Preview',
+  'o1-mini': 'O1 Mini',
+  'o3-mini': 'O3 Mini',
+};
+
+// Provider display names
+export const PROVIDER_NAMES: Record<string, string> = {
+  'google': 'Google',
+  'anthropic': 'Anthropic',
+  'openai': 'OpenAI',
+  'unknown': 'Unknown',
+};

package/src/web/ui/src/main.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+const container = document.getElementById('root');
+if (container) {
+  const root = createRoot(container);
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  );
+}

package/src/web/ui/src/store/agentStore.ts

@@ -0,0 +1,41 @@
+import { create } from 'zustand';
+
+export type Persona = 'it-expert' | 'hacker' | 'designer' | 'minimalist';
+export type Variant = 'standard' | 'creative' | 'precise';
+
+interface AgentState {
+  persona: Persona;
+  selectedModelId: string;
+  selectedAgentId: string;
+  variant: Variant;
+  activeAccount: string | null;
+  accountPool: Array<{ id: string; label: string; provider: string; status: 'active' | 'rate-limited' | 'offline' }>;
+  taskTree: any[]; // Nested sub-agent tasks
+  
+  // Actions
+  setPersona: (persona: Persona) => void;
+  setSelectedModelId: (id: string) => void;
+  setSelectedAgentId: (id: string) => void;
+  setVariant: (variant: Variant) => void;
+  updateAccountStatus: (id: string, status: 'active' | 'rate-limited' | 'offline') => void;
+  setTaskTree: (tasks: any[]) => void;
+}
+
+export const useAgentStore = create<AgentState>((set) => ({
+  persona: 'it-expert',
+  selectedModelId: '',
+  selectedAgentId: 'build',
+  variant: 'standard',
+  activeAccount: null,
+  accountPool: [],
+  taskTree: [],
+
+  setPersona: (persona) => set({ persona }),
+  setSelectedModelId: (id) => set({ selectedModelId: id }),
+  setSelectedAgentId: (id) => set({ selectedAgentId: id }),
+  setVariant: (variant) => set({ variant }),
+  updateAccountStatus: (id, status) => set((state) => ({
+    accountPool: state.accountPool.map(a => a.id === id ? { ...a, status } : a)
+  })),
+  setTaskTree: (tasks) => set({ taskTree: tasks }),
+}));

package/src/web/ui/src/store/uiStore.ts

@@ -0,0 +1,64 @@
+import { create } from 'zustand';
+
+export interface Workspace {
+  id: string;
+  name: string;
+  path: string;
+  icon: string;
+}
+
+interface UIState {
+  // Layout State
+  isMobile: boolean;
+  isSidebarOpen: boolean;
+  isContextOpen: boolean;
+  activeModule: 'chat' | 'settings';
+  terminalVisible: boolean;
+  isSettingsOpen: boolean;
+  
+  // Workspace State
+  workspaces: Workspace[];
+  activeWorkspaceId: string | null;
+  
+  // Actions
+  setMobile: (isMobile: boolean) => void;
+  toggleSidebar: () => void;
+  toggleContext: () => void;
+  setActiveModule: (module: 'chat' | 'settings') => void;
+  setTerminalVisible: (visible: boolean) => void;
+  setSettingsOpen: (open: boolean) => void;
+  setWorkspaces: (workspaces: Workspace[]) => void;
+  addWorkspace: (workspace: Workspace) => void;
+  removeWorkspace: (id: string) => void;
+  setActiveWorkspace: (id: string | null) => void;
+}
+
+export const useUIStore = create<UIState>((set) => ({
+  isMobile: typeof window !== 'undefined' ? window.innerWidth < 768 : false,
+  isSidebarOpen: true,
+  isContextOpen: true,
+  activeModule: 'chat',
+  terminalVisible: false,
+  isSettingsOpen: false,
+  workspaces: [],
+  activeWorkspaceId: null,
+
+  setMobile: (isMobile) => set({ isMobile }),
+  toggleSidebar: () => set((state) => ({ isSidebarOpen: !state.isSidebarOpen })),
+  toggleContext: () => set((state) => ({ isContextOpen: !state.isContextOpen })),
+  setActiveModule: (module) => set({ activeModule: module }),
+  setTerminalVisible: (visible) => set({ terminalVisible: visible }),
+  setSettingsOpen: (open) => set({ isSettingsOpen: open }),
+  setWorkspaces: (workspaces) => set({ workspaces }),
+  addWorkspace: (workspace) => set((state) => ({ 
+    workspaces: [...state.workspaces, workspace],
+    activeWorkspaceId: workspace.id 
+  })),
+  removeWorkspace: (id) => set((state) => ({
+    workspaces: state.workspaces.filter(ws => ws.id !== id),
+    activeWorkspaceId: state.activeWorkspaceId === id 
+      ? (state.workspaces.find(ws => ws.id !== id)?.id || null)
+      : state.activeWorkspaceId
+  })),
+  setActiveWorkspace: (id) => set({ activeWorkspaceId: id }),
+}));

package/src/web/ui/src/types/index.ts

@@ -0,0 +1,54 @@
+export interface Message {
+  id: string;
+  role: 'user' | 'assistant' | 'system';
+  content: string;
+  timestamp: string;
+  thinking?: string;
+  toolCalls?: ToolCall[];
+  attachments?: any[];
+}
+
+export interface ToolCall {
+  name: string;
+  args: any;
+  result?: any;
+}
+
+export interface Session {
+  id: string;
+  title: string;
+  agentId: string;
+  workdir?: string;
+  parentId?: string;
+  updatedAt: string;
+  messages: Message[];
+}
+
+export interface Agent {
+  id: string;
+  name: string;
+  description: string;
+}
+
+export interface Model {
+  id: string;
+  name: string;
+  provider: string;
+  isAvailable?: boolean;
+}
+
+export interface FSItem {
+  name: string;
+  path: string;
+  isDirectory: boolean;
+  size: number;
+}
+
+export interface SidebarProps {
+  isCollapsed: boolean;
+  onToggle: () => void;
+  currentSessionId: string | null;
+  onSessionSelect: (id: string) => void;
+  activeModule: 'chat' | 'explorer';
+  onModuleChange: (module: 'chat' | 'explorer') => void;
+}