@agi-cli/web-sdk 0.1.61

package/README.md

@@ -0,0 +1,187 @@
+# @agi-cli/web-sdk
+
+Reusable React components, hooks, and utilities for building AGI CLI web interfaces.
+
+## Installation
+
+```bash
+npm install @agi-cli/web-sdk
+# or
+bun add @agi-cli/web-sdk
+```
+
+## Setup
+
+### Tailwind CSS Configuration
+
+The components in this package use Tailwind CSS classes. You **must** configure Tailwind to scan the web-sdk package for class names.
+
+In your `tailwind.config.js` (or `tailwind.config.ts`):
+
+```js
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+    // ⚠️ IMPORTANT: Include web-sdk package
+    './node_modules/@agi-cli/web-sdk/dist/**/*.{js,jsx}',
+    // Or if using a monorepo with workspace:*
+    '../../packages/web-sdk/src/**/*.{js,ts,jsx,tsx}',
+  ],
+  // ... rest of your config
+};
+```
+
+### CSS Variables
+
+The components use CSS custom properties for theming. Add these to your global CSS:
+
+```css
+@layer base {
+  :root {
+    --background: 220 25% 95%;
+    --foreground: 220 10% 15%;
+    --card: 220 25% 98%;
+    --card-foreground: 220 10% 15%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --border: 220 15% 89%;
+    --input: 220 15% 89%;
+    --ring: 222.2 84% 4.9%;
+    /* ... other variables */
+  }
+
+  .dark {
+    --background: 240 10% 8%;
+    --foreground: 0 0% 98%;
+    /* ... dark theme variables */
+  }
+}
+```
+
+See the [apps/web/src/index.css](../../apps/web/src/index.css) file for the complete set of CSS variables.
+
+## Usage
+
+### Components
+
+```tsx
+import { 
+  ChatInput, 
+  ChatInputContainer,
+  MessageThread,
+  SessionListContainer 
+} from '@agi-cli/web-sdk/components';
+
+function MyApp() {
+  return (
+    <div>
+      <SessionListContainer 
+        activeSessionId={sessionId}
+        onSelectSession={handleSelect}
+      />
+      <MessageThread messages={messages} />
+      <ChatInputContainer sessionId={sessionId} />
+    </div>
+  );
+}
+```
+
+### Hooks
+
+```tsx
+import { 
+  useSessions, 
+  useMessages, 
+  useSessionStream,
+  useTheme 
+} from '@agi-cli/web-sdk/hooks';
+
+function MyComponent() {
+  const { data: sessions } = useSessions();
+  const { data: messages } = useMessages(sessionId);
+  const { theme, toggleTheme } = useTheme();
+  
+  // ...
+}
+```
+
+### Stores
+
+```tsx
+import { useGitStore, useSidebarStore } from '@agi-cli/web-sdk/stores';
+
+function MyComponent() {
+  const gitFiles = useGitStore((state) => state.files);
+  const isSidebarCollapsed = useSidebarStore((state) => state.collapsed);
+  
+  // ...
+}
+```
+
+### Utilities
+
+```tsx
+import { apiClient, SSEClient } from '@agi-cli/web-sdk/lib';
+
+// Use the API client
+const sessions = await apiClient.getSessions();
+
+// Use the SSE client for streaming
+const sseClient = new SSEClient('/api/sessions/123/stream');
+sseClient.onMessage((data) => console.log(data));
+```
+
+## Features
+
+- 🎨 **Pre-built Components** - Chat interface, message threads, session management
+- 🪝 **Custom Hooks** - React Query hooks for sessions, messages, and real-time streaming
+- 🗄️ **State Management** - Zustand stores for git and sidebar state
+- 🛠️ **Utilities** - API client and SSE client for backend communication
+- 📘 **TypeScript** - Full type definitions included
+- 🎨 **Tailwind CSS** - Styled with Tailwind utility classes
+
+## Package Structure
+
+```
+@agi-cli/web-sdk/
+├── components/     # React components
+├── hooks/          # React hooks
+├── lib/            # Utilities (API client, SSE client, config)
+├── stores/         # Zustand stores
+└── types/          # TypeScript type definitions
+```
+
+## Troubleshooting
+
+### Styles not working
+
+If the components appear unstyled:
+
+1. **Check Tailwind content paths**: Make sure your `tailwind.config.js` includes the web-sdk package
+2. **Verify CSS variables**: Ensure you've added the required CSS custom properties
+3. **Import global styles**: Make sure you're importing your global CSS file with Tailwind directives
+4. **Restart dev server**: After config changes, restart your development server
+
+### Component not found
+
+Make sure you're importing from the correct path:
+
+```tsx
+// ✅ Correct
+import { Button } from '@agi-cli/web-sdk/components';
+
+// ❌ Wrong
+import { Button } from '@agi-cli/web-sdk';
+```
+
+## Related Packages
+
+- `@agi-cli/web-ui` - Pre-built static web app
+- `@agi-cli/sdk` - Node.js SDK for AGI CLI
+- `@agi-cli/api` - API client types
+- `@agi-cli/server` - Backend server
+
+## License
+
+MIT

package/dist/components/chat/ChatInput.d.ts

@@ -0,0 +1,10 @@
+interface ChatInputProps {
+    onSend: (message: string) => void;
+    disabled?: boolean;
+    onConfigClick?: () => void;
+}
+export declare const ChatInput: import("react").NamedExoticComponent<ChatInputProps & import("react").RefAttributes<{
+    focus: () => void;
+}>>;
+export {};
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/chat/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"AAaA,UAAU,cAAc;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS;WACD,MAAM,IAAI;GAmG9B,CAAC"}

package/dist/components/chat/ChatInput.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback, memo, forwardRef, useImperativeHandle, } from 'react';
+import { ArrowUp, MoreVertical } from 'lucide-react';
+import { Textarea } from '../ui/Textarea';
+export const ChatInput = memo(forwardRef(function ChatInput({ onSend, disabled, onConfigClick }, ref) {
+    const [message, setMessage] = useState('');
+    const textareaRef = useRef(null);
+    useEffect(() => {
+        textareaRef.current?.focus();
+    }, []);
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            textareaRef.current?.focus();
+        },
+    }));
+    // Auto-resize textarea based on content
+    const adjustTextareaHeight = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (textarea) {
+            // Reset height to auto to get the correct scrollHeight
+            textarea.style.height = 'auto';
+            // Set height to scrollHeight (content height)
+            textarea.style.height = `${textarea.scrollHeight}px`;
+        }
+    }, []);
+    useEffect(() => {
+        adjustTextareaHeight();
+    }, [adjustTextareaHeight]);
+    const handleSend = useCallback(() => {
+        if (message.trim() && !disabled) {
+            onSend(message);
+            setMessage('');
+            // Reset textarea height after sending
+            if (textareaRef.current) {
+                textareaRef.current.style.height = 'auto';
+            }
+            textareaRef.current?.focus();
+        }
+    }, [message, disabled, onSend]);
+    const handleChange = useCallback((e) => {
+        setMessage(e.target.value);
+    }, []);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    }, [handleSend]);
+    return (_jsx("div", { className: "absolute bottom-0 left-0 right-0 pt-16 pb-6 md:pb-8 px-2 md:px-4 bg-gradient-to-t from-background via-background to-transparent pointer-events-none z-20 safe-area-inset-bottom", children: _jsx("div", { className: "max-w-3xl mx-auto pointer-events-auto mb-2 md:mb-0", children: _jsxs("div", { className: "flex items-end gap-1 bg-card rounded-3xl border border-border p-1 focus-within:border-primary/60 focus-within:ring-1 focus-within:ring-primary/40 transition-colors touch-manipulation", children: [onConfigClick && (_jsx("button", { type: "button", onClick: onConfigClick, className: "flex items-center justify-center w-10 h-10 rounded-full hover:bg-background/50 active:bg-background/70 transition-colors text-muted-foreground hover:text-foreground flex-shrink-0 touch-manipulation", children: _jsx(MoreVertical, { className: "w-4 h-4" }) })), _jsx(Textarea, { ref: textareaRef, value: message, onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Type a message...", disabled: disabled, rows: 1, className: "border-0 bg-transparent pl-1 pr-2 py-2 max-h-[200px] overflow-y-auto leading-normal resize-none scrollbar-hide text-base", style: { height: '2.5rem' } }), _jsx("button", { type: "button", onClick: handleSend, disabled: disabled || !message.trim(), className: `flex items-center justify-center w-10 h-10 rounded-full transition-colors flex-shrink-0 touch-manipulation ${message.trim()
+                            ? 'bg-primary hover:bg-primary/90 active:bg-primary/80 text-primary-foreground'
+                            : 'bg-transparent text-muted-foreground'}`, children: _jsx(ArrowUp, { className: "w-4 h-4" }) })] }) }) }));
+}));
+//# sourceMappingURL=ChatInput.js.map

package/dist/components/chat/ChatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/ChatInputContainer.d.ts

@@ -0,0 +1,9 @@
+interface ChatInputContainerProps {
+    sessionId: string;
+}
+export interface ChatInputContainerRef {
+    focus: () => void;
+}
+export declare const ChatInputContainer: import("react").NamedExoticComponent<ChatInputContainerProps & import("react").RefAttributes<ChatInputContainerRef>>;
+export {};
+//# sourceMappingURL=ChatInputContainer.d.ts.map

package/dist/components/chat/ChatInputContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputContainer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":"AAaA,UAAU,uBAAuB;IAChC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,sHAkF9B,CAAC"}

package/dist/components/chat/ChatInputContainer.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useCallback, useEffect, useRef, forwardRef, useImperativeHandle, } from 'react';
+import { useSendMessage } from '../../hooks/useMessages';
+import { ChatInput } from './ChatInput';
+import { ConfigModal } from './ConfigModal';
+export const ChatInputContainer = memo(forwardRef(function ChatInputContainer({ sessionId }, ref) {
+    const [agent, setAgent] = useState('');
+    const [provider, setProvider] = useState('');
+    const [model, setModel] = useState('');
+    const [isConfigOpen, setIsConfigOpen] = useState(false);
+    const [inputKey, setInputKey] = useState(0);
+    const chatInputRef = useRef(null);
+    const sendMessage = useSendMessage(sessionId);
+    useEffect(() => {
+        setInputKey((prev) => prev + 1);
+    }, []);
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            chatInputRef.current?.focus();
+        },
+    }));
+    const handleSendMessage = useCallback(async (content) => {
+        try {
+            await sendMessage.mutateAsync({
+                content,
+                agent: agent || undefined,
+                provider: provider || undefined,
+                model: model || undefined,
+            });
+        }
+        catch (error) {
+            console.error('Failed to send message:', error);
+        }
+    }, [sendMessage, agent, provider, model]);
+    const handleToggleConfig = useCallback(() => {
+        setIsConfigOpen((prev) => !prev);
+    }, []);
+    const handleCloseConfig = useCallback(() => {
+        setIsConfigOpen(false);
+    }, []);
+    const handleAgentChange = useCallback((value) => {
+        setAgent(value);
+    }, []);
+    const handleProviderChange = useCallback((value) => {
+        setProvider(value);
+    }, []);
+    const handleModelChange = useCallback((value) => {
+        setModel(value);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(ConfigModal, { isOpen: isConfigOpen, onClose: handleCloseConfig, agent: agent, provider: provider, model: model, onAgentChange: handleAgentChange, onProviderChange: handleProviderChange, onModelChange: handleModelChange }), _jsx(ChatInput, { ref: chatInputRef, onSend: handleSendMessage, disabled: sendMessage.isPending, onConfigClick: handleToggleConfig }, inputKey)] }));
+}));
+//# sourceMappingURL=ChatInputContainer.js.map

package/dist/components/chat/ChatInputContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputContainer.js","sourceRoot":"","sources":["../../../src/components/chat/ChatInputContainer.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/ConfigModal.d.ts

@@ -0,0 +1,13 @@
+interface ConfigModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    agent: string;
+    provider: string;
+    model: string;
+    onAgentChange: (agent: string) => void;
+    onProviderChange: (provider: string) => void;
+    onModelChange: (model: string) => void;
+}
+export declare function ConfigModal({ isOpen, onClose, agent, provider, model, onAgentChange, onProviderChange, onModelChange, }: ConfigModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigModal.d.ts.map

package/dist/components/chat/ConfigModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigModal.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,WAAW,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,GACb,EAAE,gBAAgB,2CAuJlB"}

package/dist/components/chat/ConfigModal.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId } from 'react';
+import { X } from 'lucide-react';
+import { useConfig, useModels } from '../../hooks/useConfig';
+export function ConfigModal({ isOpen, onClose, agent, provider, model, onAgentChange, onProviderChange, onModelChange, }) {
+    const { data: config, isLoading: configLoading } = useConfig();
+    const { data: modelsData, isLoading: modelsLoading } = useModels(provider);
+    // Generate unique IDs for form elements
+    const agentId = useId();
+    const providerId = useId();
+    const modelId = useId();
+    // Set defaults when config loads
+    useEffect(() => {
+        if (config && !agent && !provider && !model) {
+            onAgentChange(config.defaults.agent);
+            onProviderChange(config.defaults.provider);
+            onModelChange(config.defaults.model);
+        }
+    }, [
+        config,
+        agent,
+        provider,
+        model,
+        onAgentChange,
+        onProviderChange,
+        onModelChange,
+    ]);
+    // Update model when provider changes
+    useEffect(() => {
+        if (modelsData && modelsData.models.length > 0) {
+            const currentModelExists = modelsData.models.some((m) => m.id === model);
+            if (!currentModelExists) {
+                onModelChange(modelsData.default || modelsData.models[0].id);
+            }
+        }
+    }, [modelsData, model, onModelChange]);
+    if (!isOpen)
+        return null;
+    const handleBackdropClick = (e) => {
+        if (e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    const handleBackdropKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            onClose();
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 cursor-default", onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown, "aria-label": "Close modal" }), _jsx("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 w-full max-w-md", children: _jsxs("div", { className: "bg-background border border-border rounded-lg shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-border", children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Configuration" }), _jsx("button", { type: "button", onClick: onClose, className: "text-muted-foreground hover:text-foreground transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("div", { className: "p-4 space-y-4", children: configLoading ? (_jsx("div", { className: "text-center text-muted-foreground py-8", children: "Loading configuration..." })) : config ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("label", { htmlFor: agentId, className: "block text-sm font-medium text-foreground mb-2", children: "Agent" }), _jsx("select", { id: agentId, value: agent, onChange: (e) => onAgentChange(e.target.value), className: "w-full bg-background border border-border rounded px-3 py-2 text-foreground outline-none focus:border-violet-500 transition-colors", children: config.agents.map((a) => (_jsx("option", { value: a, children: a }, a))) })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: providerId, className: "block text-sm font-medium text-foreground mb-2", children: "Provider" }), _jsx("select", { id: providerId, value: provider, onChange: (e) => onProviderChange(e.target.value), className: "w-full bg-background border border-border rounded px-3 py-2 text-foreground outline-none focus:border-violet-500 transition-colors", children: config.providers.map((p) => (_jsx("option", { value: p, children: p }, p))) })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: modelId, className: "block text-sm font-medium text-foreground mb-2", children: "Model" }), _jsx("select", { id: modelId, value: model, onChange: (e) => onModelChange(e.target.value), disabled: modelsLoading || !modelsData, className: "w-full bg-background border border-border rounded px-3 py-2 text-foreground outline-none focus:border-violet-500 transition-colors disabled:opacity-50", children: modelsData?.models.map((m) => (_jsx("option", { value: m.id, children: m.label }, m.id))) })] })] })) : null })] }) })] }));
+}
+//# sourceMappingURL=ConfigModal.js.map

package/dist/components/chat/ConfigModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigModal.js","sourceRoot":"","sources":["../../../src/components/chat/ConfigModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/ConfigSelector.d.ts

@@ -0,0 +1,11 @@
+interface ConfigSelectorProps {
+    agent: string;
+    provider: string;
+    model: string;
+    onAgentChange: (agent: string) => void;
+    onProviderChange: (provider: string) => void;
+    onModelChange: (model: string) => void;
+}
+export declare function ConfigSelector({ agent, provider, model, onAgentChange, onProviderChange, onModelChange, }: ConfigSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigSelector.d.ts.map

package/dist/components/chat/ConfigSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSelector.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ConfigSelector.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,GACb,EAAE,mBAAmB,2CAgGrB"}

package/dist/components/chat/ConfigSelector.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Settings } from 'lucide-react';
+import { useConfig, useModels } from '../../hooks/useConfig';
+export function ConfigSelector({ agent, provider, model, onAgentChange, onProviderChange, onModelChange, }) {
+    const { data: config, isLoading: configLoading } = useConfig();
+    const { data: modelsData, isLoading: modelsLoading } = useModels(provider);
+    console.log('ConfigSelector rendered', {
+        config,
+        configLoading,
+        agent,
+        provider,
+        model,
+    });
+    // Set defaults when config loads
+    useEffect(() => {
+        if (config && !agent && !provider && !model) {
+            onAgentChange(config.defaults.agent);
+            onProviderChange(config.defaults.provider);
+            onModelChange(config.defaults.model);
+        }
+    }, [
+        config,
+        agent,
+        provider,
+        model,
+        onAgentChange,
+        onProviderChange,
+        onModelChange,
+    ]);
+    // Update model when provider changes
+    useEffect(() => {
+        if (modelsData && modelsData.models.length > 0) {
+            const currentModelExists = modelsData.models.some((m) => m.id === model);
+            if (!currentModelExists) {
+                onModelChange(modelsData.default || modelsData.models[0].id);
+            }
+        }
+    }, [modelsData, model, onModelChange]);
+    if (configLoading) {
+        return (_jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-t border-border bg-background/50", children: [_jsx(Settings, { className: "h-4 w-4 text-muted-foreground animate-spin" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Loading config..." })] }));
+    }
+    if (!config)
+        return null;
+    return (_jsx("div", { className: "absolute bottom-24 left-0 right-0 pb-2 px-4 pointer-events-none z-40", children: _jsx("div", { className: "max-w-3xl mx-auto pointer-events-auto", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border border-border bg-background/95 backdrop-blur-sm rounded-lg", children: [_jsx(Settings, { className: "h-4 w-4 text-muted-foreground" }), _jsx("select", { value: agent, onChange: (e) => onAgentChange(e.target.value), className: "text-xs bg-background border border-border rounded px-2 py-1 outline-none", children: config.agents.map((a) => (_jsx("option", { value: a, children: a }, a))) }), _jsx("select", { value: provider, onChange: (e) => onProviderChange(e.target.value), className: "text-xs bg-background border border-border rounded px-2 py-1 outline-none", children: config.providers.map((p) => (_jsx("option", { value: p, children: p }, p))) }), _jsx("select", { value: model, onChange: (e) => onModelChange(e.target.value), disabled: modelsLoading || !modelsData, className: "text-xs bg-background border border-border rounded px-2 py-1 outline-none disabled:opacity-50", children: modelsData?.models.map((m) => (_jsx("option", { value: m.id, children: m.label }, m.id))) })] }) }) }));
+}
+//# sourceMappingURL=ConfigSelector.js.map

package/dist/components/chat/ConfigSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigSelector.js","sourceRoot":"","sources":["../../../src/components/chat/ConfigSelector.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/StopButton.d.ts

@@ -0,0 +1,8 @@
+interface StopButtonProps {
+    sessionId: string;
+    onStop?: () => void;
+    disabled?: boolean;
+}
+export declare function StopButton({ sessionId, onStop, disabled }: StopButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StopButton.d.ts.map

package/dist/components/chat/StopButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopButton.d.ts","sourceRoot":"","sources":["../../../src/components/chat/StopButton.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA8B1E"}

package/dist/components/chat/StopButton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StopCircle } from 'lucide-react';
+import { useState } from 'react';
+import { apiClient } from '../../lib/api-client';
+export function StopButton({ sessionId, onStop, disabled }) {
+    const [isAborting, setIsAborting] = useState(false);
+    const handleStop = async () => {
+        if (isAborting)
+            return;
+        setIsAborting(true);
+        try {
+            await apiClient.abortSession(sessionId);
+            onStop?.();
+        }
+        catch (error) {
+            console.error('Failed to abort stream:', error);
+        }
+        finally {
+            // Keep button disabled for a bit to prevent double-clicks
+            setTimeout(() => setIsAborting(false), 1000);
+        }
+    };
+    return (_jsxs("button", { type: "button", onClick: handleStop, disabled: disabled || isAborting, className: "flex items-center gap-1.5 text-sm text-destructive hover:text-destructive/80 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", title: "Stop generation", children: [_jsx(StopCircle, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium", children: isAborting ? 'Stopping...' : 'Stop' })] }));
+}
+//# sourceMappingURL=StopButton.js.map

package/dist/components/chat/StopButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StopButton.js","sourceRoot":"","sources":["../../../src/components/chat/StopButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAQjD,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAmB;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,UAAU;YAAE,OAAO;QACvB,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,IAAI,CAAC;YACJ,MAAM,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACxC,MAAM,EAAE,EAAE,CAAC;QACZ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC;gBAAS,CAAC;YACV,0DAA0D;YAC1D,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC9C,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAC,gJAAgJ,EAC1J,KAAK,EAAC,iBAAiB,aAEvB,KAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG,EAClC,eAAM,SAAS,EAAC,aAAa,YAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,GAAQ,IAClE,CACT,CAAC;AACH,CAAC"}

package/dist/components/git/GitCommitModal.d.ts

@@ -0,0 +1,2 @@
+export declare function GitCommitModal(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GitCommitModal.d.ts.map

package/dist/components/git/GitCommitModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCommitModal.d.ts","sourceRoot":"","sources":["../../../src/components/git/GitCommitModal.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CAmI7B"}

package/dist/components/git/GitCommitModal.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useId } from 'react';
+import { X, GitCommit, Sparkles, Loader2 } from 'lucide-react';
+import { useGitStore } from '../../stores/gitStore';
+import { useCommitChanges, useGenerateCommitMessage } from '../../hooks/useGit';
+import { Button } from '../ui/Button';
+import { Textarea } from '../ui/Textarea';
+export function GitCommitModal() {
+    const { isCommitModalOpen, closeCommitModal } = useGitStore();
+    const commitChanges = useCommitChanges();
+    const generateMessage = useGenerateCommitMessage();
+    const [message, setMessage] = useState('');
+    const messageId = useId();
+    if (!isCommitModalOpen)
+        return null;
+    const handleCommit = async () => {
+        if (!message.trim())
+            return;
+        try {
+            await commitChanges.mutateAsync(message);
+            setMessage('');
+            closeCommitModal();
+        }
+        catch (error) {
+            console.error('Failed to commit:', error);
+        }
+    };
+    const handleClose = () => {
+        setMessage('');
+        closeCommitModal();
+    };
+    const handleGenerateMessage = async () => {
+        try {
+            const result = await generateMessage.mutateAsync();
+            setMessage(result.message);
+        }
+        catch (error) {
+            console.error('Failed to generate commit message:', error);
+        }
+    };
+    return (_jsx("div", { className: "fixed inset-0 bg-background/80 backdrop-blur-sm z-50 flex items-center justify-center p-4", children: _jsxs("div", { className: "bg-background border border-border rounded-lg shadow-lg w-full max-w-2xl", children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GitCommit, { className: "w-5 h-5 text-foreground" }), _jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Commit Changes" })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: handleClose, children: _jsx(X, { className: "w-4 h-4" }) })] }), _jsxs("div", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: messageId, className: "text-sm font-medium text-foreground", children: "Commit Message" }), _jsx(Textarea, { id: messageId, value: message, onChange: (e) => setMessage(e.target.value), placeholder: "Enter commit message...", rows: 6, className: "w-full resize-none", autoFocus: true, disabled: generateMessage.isPending })] }), _jsx(Button, { variant: "secondary", size: "sm", onClick: handleGenerateMessage, className: "w-full", disabled: generateMessage.isPending, children: generateMessage.isPending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }), "Generating..."] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "w-4 h-4 mr-2" }), "Generate commit message with AI"] })) }), generateMessage.isError && (_jsx("div", { className: "text-sm text-red-600 dark:text-red-400 bg-red-500/10 border border-red-500/20 rounded px-3 py-2", children: generateMessage.error?.message ||
+                                'Failed to generate commit message' }))] }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border", children: [_jsx(Button, { variant: "ghost", onClick: handleClose, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleCommit, disabled: !message.trim() || commitChanges.isPending, children: commitChanges.isPending ? (_jsx("span", { children: "Committing..." })) : (_jsxs(_Fragment, { children: [_jsx(GitCommit, { className: "w-4 h-4 mr-2" }), "Commit"] })) })] }), commitChanges.isError && (_jsx("div", { className: "px-6 pb-4", children: _jsx("div", { className: "text-sm text-red-600 dark:text-red-400 bg-red-500/10 border border-red-500/20 rounded px-3 py-2", children: commitChanges.error?.message || 'Failed to commit changes' }) }))] }) }));
+}
+//# sourceMappingURL=GitCommitModal.js.map

package/dist/components/git/GitCommitModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCommitModal.js","sourceRoot":"","sources":["../../../src/components/git/GitCommitModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/git/GitDiffPanel.d.ts

@@ -0,0 +1,2 @@
+export declare const GitDiffPanel: import("react").NamedExoticComponent<object>;
+//# sourceMappingURL=GitDiffPanel.d.ts.map

package/dist/components/git/GitDiffPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitDiffPanel.d.ts","sourceRoot":"","sources":["../../../src/components/git/GitDiffPanel.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,8CAuHvB,CAAC"}