npm - fotric-claw - Versions diffs - 0.1.0 - Mend

fotric-claw 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/LICENSE +21 -0
package/README.md +276 -0
package/backend/.env.example +26 -0
package/backend/nest-cli.json +8 -0
package/backend/package-lock.json +13239 -0
package/backend/package.json +82 -0
package/backend/src/agent/agent.module.ts +10 -0
package/backend/src/agent/agent.service.ts +210 -0
package/backend/src/agent/index.ts +4 -0
package/backend/src/agent/llm.factory.ts +20 -0
package/backend/src/agent/tools/fetch.tool.ts +128 -0
package/backend/src/agent/tools/file-read.tool.ts +99 -0
package/backend/src/agent/tools/index.ts +55 -0
package/backend/src/agent/tools/node-repl.tool.ts +82 -0
package/backend/src/agent/tools/rag.tool.ts +192 -0
package/backend/src/agent/tools/shell.tool.ts +65 -0
package/backend/src/app.module.ts +26 -0
package/backend/src/chat/chat.controller.ts +34 -0
package/backend/src/chat/chat.module.ts +12 -0
package/backend/src/chat/chat.service.ts +52 -0
package/backend/src/chat/dto/chat.dto.ts +12 -0
package/backend/src/chat/dto/index.ts +1 -0
package/backend/src/chat/index.ts +4 -0
package/backend/src/config/config.controller.ts +92 -0
package/backend/src/config/config.module.ts +7 -0
package/backend/src/config/constants.ts +56 -0
package/backend/src/config/index.ts +3 -0
package/backend/src/files/files.controller.ts +87 -0
package/backend/src/files/files.module.ts +7 -0
package/backend/src/files/index.ts +2 -0
package/backend/src/main.ts +21 -0
package/backend/src/memory/index.ts +3 -0
package/backend/src/memory/memory.module.ts +10 -0
package/backend/src/memory/memory.service.ts +329 -0
package/backend/src/memory/memory.types.ts +38 -0
package/backend/src/sessions/default.json +7 -0
package/backend/src/sessions/index.ts +2 -0
package/backend/src/sessions/main_session.json +40 -0
package/backend/src/sessions/sessions.controller.ts +25 -0
package/backend/src/sessions/sessions.module.ts +9 -0
package/backend/src/sessions/test.json +16 -0
package/backend/src/skills/browser_search/SKILL.md +81 -0
package/backend/src/skills/get_weather/SKILL.md +72 -0
package/backend/src/skills/index.ts +3 -0
package/backend/src/skills/skill.types.ts +27 -0
package/backend/src/skills/skills.module.ts +8 -0
package/backend/src/skills/skills.service.ts +139 -0
package/backend/src/skills/web_search/SKILL.md +76 -0
package/backend/src/workspace/AGENTS.md +47 -0
package/backend/src/workspace/IDENTITY.md +32 -0
package/backend/src/workspace/MEMORY.md +15 -0
package/backend/src/workspace/SOUL.md +29 -0
package/backend/src/workspace/USER.md +8 -0
package/backend/tsconfig.build.json +4 -0
package/backend/tsconfig.json +26 -0
package/bin/fotric-claw.js +281 -0
package/frontend/next.config.js +14 -0
package/frontend/package-lock.json +5700 -0
package/frontend/package.json +33 -0
package/frontend/postcss.config.js +6 -0
package/frontend/src/app/globals.css +41 -0
package/frontend/src/app/layout.tsx +22 -0
package/frontend/src/app/page.tsx +405 -0
package/frontend/src/lib/api.ts +157 -0
package/frontend/src/lib/utils.ts +3 -0
package/frontend/tailwind.config.js +32 -0
package/frontend/tsconfig.json +26 -0
package/knowledge/README.md +21 -0
package/package.json +49 -0
package/scripts/init-skills.ts +95 -0
package/storage/.gitkeep +5 -0

package/frontend/package.json ADDED Viewed

@@ -0,0 +1,33 @@
+{
+  "name": "fotric-claw-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.6.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.312.0",
+    "next": "14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "autoprefixer": "^10.4.17",
+    "eslint": "^8.56.0",
+    "eslint-config-next": "14.1.0",
+    "postcss": "^8.4.33",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.3.3"
+  }
+}

package/frontend/postcss.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/frontend/src/app/globals.css ADDED Viewed

@@ -0,0 +1,41 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+:root {
+  --radius: 0.5rem;
+}
+body {
+  @apply bg-frost-50 text-gray-900;
+}
+.glass {
+  @apply bg-white/70 backdrop-blur-lg border border-white/20;
+}
+.glass-dark {
+  @apply bg-gray-900/70 backdrop-blur-lg border border-gray-700/20;
+}
+.scrollbar-thin {
+  scrollbar-width: thin;
+  scrollbar-color: theme('colors.frost.300') transparent;
+}
+.scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.scrollbar-thin::-webkit-scrollbar-track {
+  background: transparent;
+}
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  @apply bg-frost-300 rounded-full;
+}
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  @apply bg-frost-400;
+}

package/frontend/src/app/layout.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
+const inter = Inter({ subsets: ['latin'] });
+export const metadata: Metadata = {
+  title: 'FotricCalw',
+  description: 'A lightweight, transparent AI Agent system',
+};
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}

package/frontend/src/app/page.tsx ADDED Viewed

@@ -0,0 +1,405 @@
+'use client';
+import { useState, useRef, useEffect } from 'react';
+import { Send, Loader2, Wrench, Brain, MessageSquare, Settings, X, Eye, EyeOff, GripVertical } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { chat, getSession, getConfig, updateConfig, type SessionMessage, type AppConfig } from '@/lib/api';
+interface Message {
+  id: string;
+  role: 'user' | 'assistant';
+  content: string;
+  thoughts?: string[];
+  toolCalls?: Array<{ name: string; args: unknown }>;
+}
+export default function Home() {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [input, setInput] = useState('');
+  const [isLoading, setIsLoading] = useState(false);
+  const [sessionId] = useState('main_session');
+  const [isHistoryLoading, setIsHistoryLoading] = useState(true);
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+  const [config, setConfig] = useState<AppConfig>({ apiKey: '', apiBaseUrl: '', modelName: '' });
+  const [isSaving, setIsSaving] = useState(false);
+  const [showApiKey, setShowApiKey] = useState(false);
+  const [configMessage, setConfigMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
+  const [sidebarWidth, setSidebarWidth] = useState(384);
+  const [isResizing, setIsResizing] = useState(false);
+  const messagesEndRef = useRef<HTMLDivElement>(null);
+  const sidebarRef = useRef<HTMLDivElement>(null);
+  const startXRef = useRef<number>(384);
+  useEffect(() => {
+    const loadSessionHistory = async () => {
+      try {
+        const { session } = await getSession(sessionId);
+        if (session && session.messages && session.messages.length > 0) {
+          const historyMessages: Message[] = session.messages
+            .filter((msg: SessionMessage) => msg.role === 'user' || msg.role === 'assistant')
+            .map((msg: SessionMessage, index: number) => ({
+              id: `history-${index}`,
+              role: msg.role as 'user' | 'assistant',
+              content: msg.content,
+            }));
+          setMessages(historyMessages);
+        }
+      } catch (error) {
+        console.error('Failed to load session history:', error);
+      } finally {
+        setIsHistoryLoading(false);
+      }
+    };
+    loadSessionHistory();
+  }, [sessionId]);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages]);
+  useEffect(() => {
+    const handleMouseMove = (e: MouseEvent) => {
+      if (!isResizing) return;
+      const newWidth = window.innerWidth - e.clientX;
+      const clampedWidth = Math.max(320, Math.min(800, newWidth));
+      setSidebarWidth(clampedWidth);
+    };
+    const handleMouseUp = () => {
+      setIsResizing(false);
+      document.body.style.cursor = '';
+      document.body.style.userSelect = '';
+    };
+    if (isResizing) {
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleMouseUp);
+      document.body.style.cursor = 'col-resize';
+      document.body.style.userSelect = 'none';
+    }
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, [isResizing]);
+  const handleResizeStart = (e: React.MouseEvent) => {
+    e.preventDefault();
+    setIsResizing(true);
+    startXRef.current = sidebarWidth;
+  };
+  const loadConfig = async () => {
+    try {
+      const data = await getConfig();
+      setConfig(data);
+    } catch (error) {
+      console.error('Failed to load config:', error);
+    }
+  };
+  const handleOpenSidebar = async () => {
+    setIsSidebarOpen(true);
+    await loadConfig();
+  };
+  const handleSaveConfig = async () => {
+    setIsSaving(true);
+    setConfigMessage(null);
+    try {
+      const result = await updateConfig(config);
+      if (result.success) {
+        setConfigMessage({ type: 'success', text: result.message });
+      } else {
+        setConfigMessage({ type: 'error', text: result.message });
+      }
+    } catch (error) {
+      setConfigMessage({ type: 'error', text: '保存配置失败' });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!input.trim() || isLoading) return;
+    const userMessage: Message = {
+      id: Date.now().toString(),
+      role: 'user',
+      content: input.trim(),
+    };
+    setMessages(prev => [...prev, userMessage]);
+    setInput('');
+    setIsLoading(true);
+    const assistantMessage: Message = {
+      id: (Date.now() + 1).toString(),
+      role: 'assistant',
+      content: '',
+      thoughts: [],
+      toolCalls: [],
+    };
+    setMessages(prev => [...prev, assistantMessage]);
+    try {
+      const response = await chat({ message: userMessage.content, session_id: sessionId });
+      setMessages(prev => {
+        const updated = [...prev];
+        const lastMessage = updated[updated.length - 1];
+        if (lastMessage.role === 'assistant') {
+          lastMessage.content = response.message;
+        }
+        return updated;
+      });
+    } catch (error) {
+      console.error('Chat error:', error);
+      setMessages(prev => {
+        const updated = [...prev];
+        const lastMessage = updated[updated.length - 1];
+        if (lastMessage.role === 'assistant') {
+          lastMessage.content = 'Error: Failed to get response. Please check if the backend is running.';
+        }
+        return updated;
+      });
+    }
+    setIsLoading(false);
+  };
+  return (
+    <div className="flex h-screen flex-col">
+      {isSidebarOpen && (
+        <div
+          className="fixed inset-0 bg-black/50 z-40"
+          onClick={() => setIsSidebarOpen(false)}
+        />
+      )}
+      <div
+        ref={sidebarRef}
+        className={cn(
+          "fixed right-0 top-0 h-full bg-white shadow-xl z-50 transform transition-all duration-300",
+          isSidebarOpen ? "translate-x-0" : "translate-x-full"
+        )}
+        style={{ width: `${sidebarWidth}px` }}
+      >
+        <div className="flex flex-col h-full">
+          <div className="flex items-center justify-between p-4 border-b border-frost-200">
+            <h2 className="text-lg font-semibold text-klein flex items-center gap-2">
+              <Settings className="w-5 h-5" />
+              系统设置
+            </h2>
+            <button
+              onClick={() => setIsSidebarOpen(false)}
+              className="text-frost-400 hover:text-klein transition-colors"
+            >
+              <X className="w-5 h-5" />
+            </button>
+          </div>
+          <div className="flex-1 overflow-y-auto p-4">
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">
+                  API 密钥
+                </label>
+                <div className="relative">
+                  <input
+                    type={showApiKey ? "text" : "password"}
+                    value={config.apiKey}
+                    onChange={(e) => setConfig({ ...config, apiKey: e.target.value })}
+                    placeholder="sk-..."
+                    className="w-full rounded-xl border border-frost-200 bg-white px-4 py-3 pr-10 focus:outline-none focus:ring-2 focus:ring-klein focus:border-transparent"
+                  />
+                  <button
+                    type="button"
+                    onClick={() => setShowApiKey(!showApiKey)}
+                    className="absolute right-3 top-1/2 -translate-y-1/2 text-frost-400 hover:text-klein"
+                  >
+                    {showApiKey ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
+                  </button>
+                </div>
+                <p className="text-xs text-frost-400 mt-1">
+                  点击眼睛图标显示/隐藏 API 密钥
+                </p>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">
+                  API 基础地址
+                </label>
+                <input
+                  type="text"
+                  value={config.apiBaseUrl}
+                  onChange={(e) => setConfig({ ...config, apiBaseUrl: e.target.value })}
+                  placeholder="https://api.openai.com/v1"
+                  className="w-full rounded-xl border border-frost-200 bg-white px-4 py-3 focus:outline-none focus:ring-2 focus:ring-klein focus:border-transparent"
+                />
+                <p className="text-xs text-frost-400 mt-1">
+                  OpenAI 兼容的 API 端点地址
+                </p>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">
+                  模型名称
+                </label>
+                <input
+                  type="text"
+                  value={config.modelName}
+                  onChange={(e) => setConfig({ ...config, modelName: e.target.value })}
+                  placeholder="gpt-4o"
+                  className="w-full rounded-xl border border-frost-200 bg-white px-4 py-3 focus:outline-none focus:ring-2 focus:ring-klein focus:border-transparent"
+                />
+                <p className="text-xs text-frost-400 mt-1">
+                  示例：gpt-4o, gpt-3.5-turbo, qwen-max
+                </p>
+              </div>
+            </div>
+            {configMessage && (
+              <div className={cn(
+                "flex items-center gap-2 p-4 rounded-xl mt-4",
+                configMessage.type === 'success' ? 'bg-green-50 text-green-700' : 'bg-red-50 text-red-700'
+              )}>
+                {configMessage.text}
+              </div>
+            )}
+          </div>
+          <div className="p-4 border-t border-frost-200">
+            <button
+              onClick={handleSaveConfig}
+              disabled={isSaving}
+              className="w-full rounded-xl bg-klein px-6 py-3 text-white font-medium hover:bg-klein-light transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+            >
+              {isSaving ? (
+                <Loader2 className="w-5 h-5 animate-spin" />
+              ) : (
+                <Settings className="w-5 h-5" />
+              )}
+              保存配置
+            </button>
+          </div>
+        </div>
+        <div
+          className="absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-klein/20 z-40 flex items-center justify-center group"
+          onMouseDown={handleResizeStart}
+        >
+          <GripVertical className="w-4 h-4 text-frost-300 group-hover:text-klein" />
+        </div>
+      </div>
+      <header className="glass border-b border-frost-200 px-6 py-4">
+        <div className="flex items-center justify-between">
+          <h1 className="text-xl font-semibold text-klein">FotricCalw</h1>
+          <div className="flex items-center gap-4">
+            <button
+              onClick={handleOpenSidebar}
+              className="text-frost-400 hover:text-klein transition-colors"
+              title="设置"
+            >
+              <Settings className="w-5 h-5" />
+            </button>
+            <a
+              href="https://www.fotric.cn/"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-sm text-frost-400 hover:text-klein transition-colors"
+            >
+              FOTRIC
+            </a>
+          </div>
+        </div>
+      </header>
+      <main className="flex-1 overflow-y-auto p-6 scrollbar-thin">
+        <div className="mx-auto max-w-3xl space-y-6">
+          {isHistoryLoading ? (
+            <div className="flex flex-col items-center justify-center h-full text-center text-frost-400">
+              <Loader2 className="w-8 h-8 mb-4 animate-spin" />
+              <p className="text-lg">正在加载对话历史...</p>
+            </div>
+          ) : messages.length === 0 ? (
+            <div className="flex flex-col items-center justify-center h-full text-center text-frost-400">
+              <MessageSquare className="w-16 h-16 mb-4" />
+              <p className="text-lg">开始与 FotricCalw 对话</p>
+              <p className="text-sm mt-2">您的透明 AI 助手，具有基于文件的记忆功能</p>
+            </div>
+          ) : null}
+          {messages.map((message) => (
+            <div
+              key={message.id}
+              className={cn(
+                'rounded-2xl p-4',
+                message.role === 'user'
+                  ? 'bg-klein text-white ml-12'
+                  : 'glass mr-12'
+              )}
+            >
+              {message.role === 'assistant' && message.thoughts && message.thoughts.length > 0 && (
+                <div className="mb-3 p-3 bg-frost-100 rounded-lg text-sm">
+                  <div className="flex items-center gap-2 text-frost-400 mb-2">
+                    <Brain className="w-4 h-4" />
+                    <span className="font-medium">思考中...</span>
+                  </div>
+                  {message.thoughts.map((thought, i) => (
+                    <p key={i} className="text-frost-400 text-xs mt-1">{thought}</p>
+                  ))}
+                </div>
+              )}
+              {message.role === 'assistant' && message.toolCalls && message.toolCalls.length > 0 && (
+                <div className="mb-3 space-y-2">
+                  {message.toolCalls.map((tool, i) => (
+                    <div key={i} className="flex items-center gap-2 text-xs text-frost-400 bg-frost-100 rounded px-2 py-1">
+                      <Wrench className="w-3 h-3" />
+                      <span>{tool.name}</span>
+                    </div>
+                  ))}
+                </div>
+              )}
+              <p className="whitespace-pre-wrap">{message.content || (message.role === 'assistant' && isLoading ? '...' : '')}</p>
+            </div>
+          ))}
+          <div ref={messagesEndRef} />
+        </div>
+      </main>
+      <footer className="border-t border-frost-200 p-4 glass">
+        <form onSubmit={handleSubmit} className="mx-auto max-w-3xl">
+          <div className="flex gap-3">
+            <input
+              type="text"
+              value={input}
+              onChange={(e) => setInput(e.target.value)}
+              placeholder="输入您的消息..."
+              disabled={isLoading}
+              className="flex-1 rounded-xl border border-frost-200 bg-white px-4 py-3 focus:outline-none focus:ring-2 focus:ring-klein focus:border-transparent disabled:opacity-50"
+            />
+            <button
+              type="submit"
+              disabled={isLoading || !input.trim()}
+              className="rounded-xl bg-klein px-6 py-3 text-white font-medium hover:bg-klein-light transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+            >
+              {isLoading ? (
+                <Loader2 className="w-5 h-5 animate-spin" />
+              ) : (
+                <Send className="w-5 h-5" />
+              )}
+            </button>
+          </div>
+        </form>
+      </footer>
+    </div>
+  );
+}

package/frontend/src/lib/api.ts ADDED Viewed

@@ -0,0 +1,157 @@
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE || 'http://localhost:8002';
+export interface ChatRequest {
+  message: string;
+  session_id?: string;
+  stream?: boolean;
+}
+export interface ChatResponse {
+  message: string;
+}
+export interface StreamEvent {
+  type: 'thought' | 'tool_call' | 'content' | 'done';
+  content: string;
+  toolName?: string;
+  toolArgs?: unknown;
+}
+export interface Session {
+  id: string;
+  name: string;
+  messages: SessionMessage[];
+  createdAt: string;
+  updatedAt: string;
+}
+export interface SessionMessage {
+  role: 'user' | 'assistant' | 'system' | 'tool';
+  content: string;
+  toolCallId?: string;
+}
+export interface FileInfo {
+  name: string;
+  isDirectory: boolean;
+  path: string;
+}
+export interface AppConfig {
+  apiKey: string;
+  apiBaseUrl: string;
+  modelName: string;
+}
+export async function getConfig(): Promise<AppConfig> {
+  const response = await fetch(`${API_BASE}/api/config`);
+  return response.json();
+}
+export async function updateConfig(config: AppConfig): Promise<{ success: boolean; message: string }> {
+  const response = await fetch(`${API_BASE}/api/config`, {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(config),
+  });
+  return response.json();
+}
+export async function chat(request: ChatRequest): Promise<ChatResponse> {
+  const response = await fetch(`${API_BASE}/api/chat`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ ...request, stream: false }),
+  });
+  if (!response.ok) {
+    throw new Error(`Chat failed: ${response.statusText}`);
+  }
+  return response.json();
+}
+export async function* streamChat(request: ChatRequest): AsyncGenerator<StreamEvent> {
+  const response = await fetch(`${API_BASE}/api/chat/stream`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(request),
+  });
+  if (!response.ok) {
+    throw new Error(`Chat failed: ${response.statusText}`);
+  }
+  const reader = response.body?.getReader();
+  if (!reader) {
+    throw new Error('No response body');
+  }
+  const decoder = new TextDecoder();
+  let buffer = '';
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    const lines = buffer.split('\n');
+    buffer = lines.pop() || '';
+    for (const line of lines) {
+      if (line.startsWith('data: ')) {
+        try {
+          const data = JSON.parse(line.slice(6));
+          yield data as StreamEvent;
+        } catch {
+          continue;
+        }
+      }
+    }
+  }
+}
+export async function getSessions(): Promise<{ sessions: Session[] }> {
+  const response = await fetch(`${API_BASE}/api/sessions`);
+  return response.json();
+}
+export async function getSession(id: string): Promise<{ session: Session | null }> {
+  const response = await fetch(`${API_BASE}/api/sessions/${id}`);
+  return response.json();
+}
+export async function deleteSession(id: string): Promise<{ success: boolean }> {
+  const response = await fetch(`${API_BASE}/api/sessions/${id}`, {
+    method: 'DELETE',
+  });
+  return response.json();
+}
+export async function getFile(path: string): Promise<{ content: string; path: string }> {
+  const response = await fetch(`${API_BASE}/api/files?path=${encodeURIComponent(path)}`);
+  return response.json();
+}
+export async function saveFile(path: string, content: string): Promise<{ success: boolean }> {
+  const response = await fetch(`${API_BASE}/api/files`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ path, content }),
+  });
+  return response.json();
+}
+export async function listFiles(dir?: string): Promise<{ files: FileInfo[]; dir: string }> {
+  const url = dir ? `${API_BASE}/api/files/list?dir=${encodeURIComponent(dir)}` : `${API_BASE}/api/files/list`;
+  const response = await fetch(url);
+  return response.json();
+}

package/frontend/src/lib/utils.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export function cn(...classes: (string | undefined | null | false)[]): string {
+  return classes.filter(Boolean).join(' ');
+}