@vibe-forge/tsconfigs 0.7.2 → 0.9.0

package/dist/apps/client/src/components/chat/ChatHeader.d.ts

@@ -0,0 +1,21 @@
+import './ChatHeader.scss';
+import type { SessionInfo } from '@vibe-forge/types';
+export type ChatHeaderView = 'history' | 'timeline' | 'settings';
+export declare function ChatHeader({ sessionInfo, sessionId, sessionTitle, isStarred, isArchived, tags, lastMessage, lastUserMessage, activeView, onViewChange }: {
+    sessionInfo: SessionInfo | null;
+    sessionId?: string;
+    sessionTitle?: string;
+    isStarred?: boolean;
+    isArchived?: boolean;
+    tags?: string[];
+    lastMessage?: string;
+    lastUserMessage?: string;
+    activeView: ChatHeaderView;
+    onViewChange: (view: ChatHeaderView) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SessionSettingsPanel({ sessionId, initialTitle, initialTags, onClose }: {
+    sessionId: string;
+    initialTitle?: string;
+    initialTags?: string[];
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/ChatHeader.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ChatHeader.scss';
+import { App, Button, Dropdown, Radio } from 'antd';
+import { useAtomValue } from 'jotai';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { deleteSession, getApiErrorMessage, updateSession } from '../../api';
+import { isSidebarCollapsedAtom, isSidebarResizingAtom } from '../../store/index';
+import { ConfigSectionPanel } from '../config';
+export function ChatHeader({ sessionInfo, sessionId, sessionTitle, isStarred, isArchived, tags, lastMessage, lastUserMessage, activeView, onViewChange }) {
+    const { t } = useTranslation();
+    const { message } = App.useApp();
+    const isSidebarCollapsed = useAtomValue(isSidebarCollapsedAtom);
+    const isResizing = useAtomValue(isSidebarResizingAtom);
+    const [editTitle, setEditTitle] = useState('');
+    const summary = sessionInfo?.type === 'summary' ? sessionInfo.summary : null;
+    const title = (sessionInfo?.type === 'init' ? sessionInfo.title : null) ?? sessionTitle;
+    const cwd = sessionInfo?.type === 'init' ? sessionInfo.cwd : null;
+    const displayTitle = (title != null && title !== '')
+        ? title
+        : (summary != null && summary !== '')
+            ? summary
+            : (lastUserMessage != null && lastUserMessage !== '')
+                ? lastUserMessage
+                : (lastMessage != null && lastMessage !== '')
+                    ? lastMessage
+                    : t('common.newChat');
+    useEffect(() => {
+        if (title != null && title !== '') {
+            setEditTitle(title);
+        }
+    }, [title]);
+    const handleToggleStar = async () => {
+        if (sessionId == null || sessionId === '')
+            return;
+        try {
+            await updateSession(sessionId, { isStarred: !isStarred });
+            void message.success(isStarred ? t('common.unstarred') : t('common.starred'));
+        }
+        catch (err) {
+            void message.error(getApiErrorMessage(err, t('common.operationFailed')));
+        }
+    };
+    const handleToggleArchive = async () => {
+        if (sessionId == null || sessionId === '')
+            return;
+        try {
+            await updateSession(sessionId, { isArchived: !isArchived });
+            void message.success(isArchived ? t('common.restored') : t('common.archived'));
+        }
+        catch (err) {
+            void message.error(getApiErrorMessage(err, t('common.operationFailed')));
+        }
+    };
+    const moreItems = [
+        {
+            key: 'star',
+            label: isStarred ? t('common.unstar') : t('common.star'),
+            icon: _jsx("span", { className: `material-symbols-rounded ${isStarred ? 'is-filled' : ''}`, style: { fontSize: '18px' }, children: isStarred ? 'star' : 'star_border' }),
+            onClick: () => {
+                void handleToggleStar();
+            }
+        },
+        {
+            key: 'archive',
+            label: isArchived ? t('common.restore') : t('common.archive'),
+            icon: _jsx("span", { className: 'material-symbols-rounded', style: { fontSize: '18px' }, children: isArchived ? 'unarchive' : 'archive' }),
+            onClick: () => {
+                void handleToggleArchive();
+            }
+        }
+    ];
+    return (_jsxs("div", { className: `chat-header ${isSidebarCollapsed ? 'is-collapsed' : ''} ${isResizing ? 'is-resizing' : ''}`, children: [_jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', flex: 1, minWidth: 0 }, children: _jsxs("div", { className: 'chat-header-info', children: [_jsx("div", { className: 'chat-header-title', children: displayTitle }), _jsx("div", { className: 'chat-header-subtitle', onDoubleClick: () => {
+                                // eslint-disable-next-line no-console
+                                console.log('Session Full Info:', {
+                                    sessionId,
+                                    sessionTitle,
+                                    isStarred,
+                                    isArchived,
+                                    tags,
+                                    lastMessage,
+                                    lastUserMessage,
+                                    sessionInfo
+                                });
+                            }, style: { cursor: 'pointer', userSelect: 'all' }, children: sessionId ?? t('chat.selectModel') })] }) }), _jsxs("div", { className: 'chat-header-actions', children: [_jsx(Radio.Group, { className: 'chat-header-view-group', value: activeView, optionType: 'button', buttonStyle: 'solid', size: 'small', onChange: (event) => {
+                            onViewChange(event.target.value);
+                        }, options: [
+                            {
+                                label: (_jsx("span", { className: 'chat-header-view-option material-symbols-rounded', children: "forum" })),
+                                value: 'history'
+                            },
+                            {
+                                label: (_jsx("span", { className: 'chat-header-view-option material-symbols-rounded', children: "timeline" })),
+                                value: 'timeline'
+                            },
+                            {
+                                label: (_jsx("span", { className: 'chat-header-view-option material-symbols-rounded', children: "tune" })),
+                                value: 'settings'
+                            }
+                        ] }), _jsx("div", { className: 'chat-header-divider' }), _jsx(Dropdown, { menu: { items: moreItems }, placement: 'bottomRight', trigger: ['click'], children: _jsx(Button, { type: 'text', icon: _jsx("span", { className: 'material-symbols-rounded', children: "more_vert" }) }) })] })] }));
+}
+export function SessionSettingsPanel({ sessionId, initialTitle, initialTags = [], onClose }) {
+    const { t } = useTranslation();
+    const { message, modal } = App.useApp();
+    const fields = useMemo(() => [
+        {
+            path: ['title'],
+            type: 'string',
+            defaultValue: '',
+            icon: 'edit_note',
+            labelKey: 'chat.title',
+            placeholderKey: 'chat.enterTitle'
+        },
+        {
+            path: ['tags'],
+            type: 'string[]',
+            defaultValue: [],
+            icon: 'sell',
+            labelKey: 'chat.tags'
+        }
+    ], []);
+    const initialValue = useMemo(() => ({
+        title: initialTitle ?? '',
+        tags: initialTags
+    }), [initialTags, initialTitle]);
+    const [draft, setDraft] = useState(initialValue);
+    const draftsRef = useRef(initialValue);
+    const saveTimerRef = useRef(null);
+    const savingRef = useRef(false);
+    const lastSavedRef = useRef(null);
+    useEffect(() => {
+        setDraft(initialValue);
+    }, [initialValue]);
+    useEffect(() => {
+        draftsRef.current = draft;
+    }, [draft]);
+    useEffect(() => {
+        return () => {
+            if (saveTimerRef.current) {
+                clearTimeout(saveTimerRef.current);
+            }
+        };
+    }, []);
+    const scheduleSave = (nextValue) => {
+        const serialized = JSON.stringify(nextValue ?? {});
+        if (lastSavedRef.current === serialized)
+            return;
+        if (saveTimerRef.current) {
+            clearTimeout(saveTimerRef.current);
+        }
+        saveTimerRef.current = setTimeout(async () => {
+            if (savingRef.current)
+                return;
+            const currentValue = draftsRef.current;
+            const currentSerialized = JSON.stringify(currentValue ?? {});
+            if (lastSavedRef.current === currentSerialized)
+                return;
+            savingRef.current = true;
+            try {
+                await updateSession(sessionId, {
+                    title: typeof currentValue.title === 'string' ? currentValue.title : '',
+                    tags: Array.isArray(currentValue.tags) ? currentValue.tags : []
+                });
+                lastSavedRef.current = currentSerialized;
+            }
+            catch (err) {
+                void message.error(getApiErrorMessage(err, t('common.operationFailed')));
+            }
+            finally {
+                savingRef.current = false;
+            }
+        }, 500);
+    };
+    const handleDraftChange = (nextValue) => {
+        const nextRecord = (nextValue != null && typeof nextValue === 'object')
+            ? nextValue
+            : {};
+        const nextDraft = {
+            title: typeof nextRecord.title === 'string' ? nextRecord.title : '',
+            tags: Array.isArray(nextRecord.tags)
+                ? nextRecord.tags.filter(item => typeof item === 'string')
+                : []
+        };
+        setDraft(nextDraft);
+        scheduleSave(nextDraft);
+    };
+    const handleDelete = () => {
+        modal.confirm({
+            title: t('common.deleteSession'),
+            content: t('common.deleteSessionConfirm'),
+            okText: t('common.delete'),
+            okType: 'danger',
+            cancelText: t('common.cancel'),
+            onOk: async () => {
+                try {
+                    await deleteSession(sessionId);
+                    void message.success(t('common.deleteSuccess'));
+                    onClose();
+                }
+                catch (err) {
+                    void message.error(getApiErrorMessage(err, t('common.deleteFailed')));
+                }
+            }
+        });
+    };
+    return (_jsxs("div", { className: 'session-settings-drawer', children: [_jsx(ConfigSectionPanel, { sectionKey: 'session', title: null, icon: undefined, fields: fields, value: draft, onChange: handleDraftChange, mergedModelServices: {}, mergedAdapters: {}, selectedModelService: undefined, t: t, className: 'session-settings-drawer__form' }), _jsx("div", { className: 'settings-footer', children: _jsx("div", { className: 'danger-zone', children: _jsxs("div", { className: 'delete-session-row', children: [_jsxs("div", { className: 'delete-session-meta', children: [_jsx("div", { className: 'delete-session-title', children: t('chat.deleteSessionTitle') }), _jsx("div", { className: 'delete-session-desc', children: t('chat.deleteSessionDesc') })] }), _jsx(Button, { danger: true, type: 'primary', size: 'middle', icon: _jsx("span", { className: 'material-symbols-rounded', children: "delete_forever" }), onClick: handleDelete, className: 'delete-session-btn', children: t('common.delete') })] }) }) })] }));
+}

package/dist/apps/client/src/components/chat/ChatHistoryView.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { PermissionMode } from '#~/hooks/chat/use-chat-permission-mode';
+import type { SessionInfo } from '@vibe-forge/types';
+import type { AskUserQuestionParams, ChatMessage, Session } from '@vibe-forge/core';
+interface ModelSelectOption {
+    value: string;
+    label: React.ReactNode;
+    searchText: string;
+    displayLabel: string;
+}
+interface ModelSelectGroup {
+    label: React.ReactNode;
+    options: ModelSelectOption[];
+}
+export declare function ChatHistoryView({ isReady, messages, session, sessionInfo, connectionError, onRetryConnection, interactionRequest, onInteractionResponse, setMessages, onClearMessages, placeholder, modelOptions, selectedModel, modelForQuery, onModelChange, permissionMode, permissionModeOptions, onPermissionModeChange, selectedAdapter, adapterOptions, onAdapterChange, modelUnavailable, hasAvailableModels }: {
+    isReady: boolean;
+    messages: ChatMessage[];
+    session?: Session;
+    sessionInfo: SessionInfo | null;
+    connectionError?: string | null;
+    onRetryConnection: () => void;
+    interactionRequest: {
+        id: string;
+        payload: AskUserQuestionParams;
+    } | null;
+    onInteractionResponse: (id: string, data: string | string[]) => void;
+    setMessages: React.Dispatch<React.SetStateAction<ChatMessage[]>>;
+    onClearMessages: () => void;
+    placeholder?: string;
+    modelOptions: ModelSelectGroup[];
+    selectedModel?: string;
+    modelForQuery?: string;
+    onModelChange: (model: string) => void;
+    permissionMode: PermissionMode;
+    permissionModeOptions: Array<{
+        value: PermissionMode;
+        label: React.ReactNode;
+    }>;
+    onPermissionModeChange: (mode: PermissionMode) => void;
+    selectedAdapter?: string;
+    adapterOptions: Array<{
+        value: string;
+        label: React.ReactNode;
+    }>;
+    onAdapterChange: (adapter: string) => void;
+    modelUnavailable: boolean;
+    hasAvailableModels: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/chat/ChatHistoryView.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChatScroll } from '#~/hooks/chat/use-chat-scroll';
+import { useChatSessionActions } from '#~/hooks/chat/use-chat-session-actions';
+import { CurrentTodoList } from './CurrentTodoList';
+import { NewSessionGuide } from './NewSessionGuide';
+import { MessageItem } from './messages/MessageItem';
+import { processMessages } from './messages/message-utils';
+import { Sender } from './sender/Sender';
+import { ToolGroup } from './tools/core/ToolGroup';
+export function ChatHistoryView({ isReady, messages, session, sessionInfo, connectionError, onRetryConnection, interactionRequest, onInteractionResponse, setMessages, onClearMessages, placeholder, modelOptions, selectedModel, modelForQuery, onModelChange, permissionMode, permissionModeOptions, onPermissionModeChange, selectedAdapter, adapterOptions, onAdapterChange, modelUnavailable, hasAvailableModels }) {
+    const { t } = useTranslation();
+    const { messagesEndRef, messagesContainerRef, messagesContentRef, showScrollBottom, scrollToBottom } = useChatScroll({
+        messagesLength: messages.length
+    });
+    const { isCreating, send, sendContent, interrupt, clearMessages } = useChatSessionActions({
+        session,
+        modelForQuery,
+        hasAvailableModels,
+        permissionMode,
+        adapter: selectedAdapter,
+        onClearMessages
+    });
+    const initialScrollDoneRef = useRef(false);
+    const buildUserMessage = (content) => {
+        const id = globalThis.crypto?.randomUUID
+            ? globalThis.crypto.randomUUID()
+            : `local-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+        return {
+            id,
+            role: 'user',
+            content,
+            createdAt: Date.now()
+        };
+    };
+    const handleSend = async (text) => {
+        if (!session?.id) {
+            const optimisticMessage = buildUserMessage(text);
+            setMessages((prev) => [...prev, optimisticMessage]);
+            const didSend = await send(text);
+            if (!didSend) {
+                setMessages((prev) => prev.filter((message) => message.id !== optimisticMessage.id));
+            }
+            return;
+        }
+        const didSend = await send(text);
+        if (didSend) {
+            setMessages((prev) => [...prev, buildUserMessage(text)]);
+        }
+    };
+    const handleSendContent = async (content) => {
+        if (!session?.id) {
+            const optimisticMessage = buildUserMessage(content);
+            setMessages((prev) => [...prev, optimisticMessage]);
+            const didSend = await sendContent(content);
+            if (!didSend) {
+                setMessages((prev) => prev.filter((message) => message.id !== optimisticMessage.id));
+            }
+            return;
+        }
+        const didSend = await sendContent(content);
+        if (didSend) {
+            setMessages((prev) => [...prev, buildUserMessage(content)]);
+        }
+    };
+    useEffect(() => {
+        initialScrollDoneRef.current = false;
+    }, [session?.id]);
+    useEffect(() => {
+        if (!initialScrollDoneRef.current && isReady) {
+            scrollToBottom('auto');
+            initialScrollDoneRef.current = true;
+        }
+    }, [isReady, messages.length, scrollToBottom]);
+    useEffect(() => {
+        if (!showScrollBottom) {
+            scrollToBottom('auto');
+        }
+    }, [messages.length, scrollToBottom, showScrollBottom]);
+    const renderItems = useMemo(() => processMessages(messages), [messages]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `chat-messages ${isReady ? 'ready' : ''}`, ref: messagesContainerRef, children: [_jsxs("div", { className: 'chat-messages-content', ref: messagesContentRef, children: [!session?.id && isCreating && (_jsxs("div", { className: 'chat-pending-session-banner', children: [_jsx("span", { className: 'material-symbols-rounded', children: "hourglass_top" }), _jsx("span", { children: t('common.creatingChat') })] })), renderItems.map((item, index) => {
+                                if (item.type === 'message') {
+                                    return (_jsx(MessageItem, { msg: item.message, isFirstInGroup: item.isFirstInGroup }, item.message.id || index));
+                                }
+                                else if (item.type === 'tool-group') {
+                                    return (_jsx(ToolGroup, { items: item.items, footer: item.footer }, item.id || `group-${index}`));
+                                }
+                                return null;
+                            }), _jsx("div", { ref: messagesEndRef })] }), showScrollBottom && (_jsx("div", { className: 'scroll-bottom-btn', onClick: () => scrollToBottom(), children: _jsx("span", { className: 'material-symbols-rounded', children: "arrow_downward" }) }))] }), !session?.id && messages.length === 0 && (_jsx("div", { className: 'new-session-guide-wrapper', children: _jsx(NewSessionGuide, {}) })), _jsx(CurrentTodoList, { messages: messages }), _jsx("div", { className: 'sender-container', children: _jsx(Sender, { onSend: handleSend, onSendContent: handleSendContent, adapterLocked: session?.id != null, sessionStatus: isCreating ? 'running' : session?.status, onInterrupt: interrupt, onClear: clearMessages, sessionInfo: sessionInfo, connectionError: connectionError, onRetryConnection: onRetryConnection, interactionRequest: interactionRequest, onInteractionResponse: onInteractionResponse, placeholder: placeholder, modelOptions: modelOptions, selectedModel: selectedModel, onModelChange: onModelChange, permissionMode: permissionMode, permissionModeOptions: permissionModeOptions, onPermissionModeChange: onPermissionModeChange, selectedAdapter: selectedAdapter, adapterOptions: adapterOptions, onAdapterChange: onAdapterChange, modelUnavailable: modelUnavailable }) })] }));
+}

package/dist/apps/client/src/components/chat/ChatSettingsView.d.ts

@@ -0,0 +1,5 @@
+import type { Session } from '@vibe-forge/core';
+export declare function ChatSettingsView({ session, onClose }: {
+    session: Session;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/ChatSettingsView.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SessionSettingsPanel } from './ChatHeader';
+export function ChatSettingsView({ session, onClose }) {
+    return (_jsx("div", { className: 'chat-settings-panel', children: _jsx(SessionSettingsPanel, { sessionId: session.id, initialTitle: session.title, initialTags: session.tags, onClose: onClose }) }));
+}

package/dist/apps/client/src/components/chat/ChatTimelineView.d.ts

@@ -0,0 +1,5 @@
+import './ChatTimelineView.scss';
+import type { ChatMessage } from '@vibe-forge/core';
+export declare function ChatTimelineView({ messages }: {
+    messages: ChatMessage[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/ChatTimelineView.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ChatTimelineView.scss';
+import { SessionTimelinePanel } from './session-timeline-panel';
+import { SessionTimelineEventList } from './session-timeline-panel/EventList';
+const mockTimelineTask = {
+    startTime: '09:40:00',
+    endTime: '11:30:48',
+    events: [
+        {
+            type: 'tool__StartTasks',
+            startTime: '09:41:02',
+            endTime: '10:10:25',
+            tasks: {
+                taskA: {
+                    startTime: '09:41:10',
+                    endTime: '09:55:02',
+                    description: 'Task A'
+                },
+                taskB: {
+                    startTime: '09:41:10',
+                    endTime: '09:50:40',
+                    description: 'Task B'
+                },
+                taskC: {
+                    startTime: '09:41:10',
+                    endTime: '10:10:20',
+                    description: 'Task C',
+                    events: [
+                        {
+                            type: 'tool__StartTasks',
+                            startTime: '09:48:00',
+                            endTime: '10:05:30',
+                            tasks: {
+                                taskC0: {
+                                    startTime: '09:49:10',
+                                    endTime: '10:05:25',
+                                    events: [
+                                        {
+                                            type: 'tool__AskUserQuestion',
+                                            startTime: '09:57:00',
+                                            endTime: '09:59:23'
+                                        },
+                                        {
+                                            type: 'user__Prompt',
+                                            startTime: '09:58:10',
+                                            endTime: '09:58:20'
+                                        }
+                                    ]
+                                }
+                            }
+                        },
+                        {
+                            type: 'tool__Edit',
+                            startTime: '09:57:10',
+                            endTime: '09:59:20'
+                        },
+                        {
+                            type: 'tool__ResumeTask',
+                            startTime: '09:59:22',
+                            endTime: '10:05:30'
+                        }
+                    ]
+                }
+            }
+        },
+        {
+            type: 'tool__StartTasks',
+            startTime: '10:41:02',
+            endTime: '11:10:25',
+            tasks: {
+                taskA1: {
+                    startTime: '10:41:10',
+                    endTime: '10:55:02',
+                    description: 'Task A1'
+                },
+                taskB1: {
+                    startTime: '10:41:10',
+                    endTime: '10:50:40',
+                    description: 'Task B1'
+                },
+                taskC1: {
+                    startTime: '10:41:10',
+                    endTime: '11:10:20',
+                    description: 'Task C1',
+                    events: [
+                        {
+                            type: 'tool__StartTasks',
+                            startTime: '10:48:00',
+                            endTime: '11:05:30',
+                            tasks: {
+                                taskC10: {
+                                    startTime: '10:49:10',
+                                    endTime: '11:05:25',
+                                    events: [
+                                        {
+                                            type: 'tool__AskUserQuestion',
+                                            startTime: '10:57:00',
+                                            endTime: '10:59:23'
+                                        },
+                                        {
+                                            type: 'user__Prompt',
+                                            startTime: '10:58:10',
+                                            endTime: '10:58:20'
+                                        }
+                                    ]
+                                }
+                            }
+                        },
+                        {
+                            type: 'tool__Edit',
+                            startTime: '10:57:10',
+                            endTime: '10:59:20'
+                        },
+                        {
+                            type: 'tool__ResumeTask',
+                            startTime: '10:59:22',
+                            endTime: '11:05:30'
+                        }
+                    ]
+                }
+            }
+        }
+    ]
+};
+export function ChatTimelineView({ messages }) {
+    return (_jsxs("div", { className: 'chat-timeline-view', children: [_jsx("section", { className: 'session-timeline-section session-timeline-section--fixed', children: _jsx(SessionTimelinePanel, { task: mockTimelineTask, viewMode: 'gantt' }) }), _jsxs("section", { className: 'session-timeline-section session-timeline-section--flex session-timeline-section--row', children: [_jsx("div", { className: 'session-timeline-column session-timeline-column--graph', children: _jsx(SessionTimelinePanel, { task: mockTimelineTask, viewMode: 'git' }) }), _jsx("div", { className: 'session-timeline-column session-timeline-column--events', children: _jsx(SessionTimelineEventList, { task: mockTimelineTask }) })] })] }));
+}

package/dist/apps/client/src/components/chat/CurrentTodoList.d.ts

@@ -0,0 +1,5 @@
+import './CurrentTodoList.scss';
+import type { ChatMessage } from '@vibe-forge/core';
+export declare function CurrentTodoList({ messages }: {
+    messages: ChatMessage[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/apps/client/src/components/chat/CurrentTodoList.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './CurrentTodoList.scss';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export function CurrentTodoList({ messages }) {
+    const { t } = useTranslation();
+    const [isExpanded, setIsExpanded] = useState(false);
+    // Find the latest TodoWrite tool use
+    let latestTodos = [];
+    for (let i = messages.length - 1; i >= 0; i--) {
+        const msg = messages[i];
+        if (msg.role === 'assistant' && Array.isArray(msg.content)) {
+            const todoUse = msg.content.find((c) => c != null && c.type === 'tool_use' && (c.name === 'TodoWrite' ||
+                c.name === 'todo_write' ||
+                c.name === 'adapter:claude-code:TodoWrite' ||
+                c.name === 'adapter:claude-code:todo_write'));
+            if (todoUse != null && todoUse.type === 'tool_use' && todoUse.input != null && typeof todoUse.input === 'object') {
+                const input = todoUse.input;
+                if (Array.isArray(input.todos)) {
+                    latestTodos = input.todos;
+                    break;
+                }
+            }
+        }
+    }
+    if (latestTodos.length === 0)
+        return null;
+    const completedCount = latestTodos.filter(t => t.status === 'completed').length;
+    const totalCount = latestTodos.length;
+    if (totalCount === 0) {
+        return (_jsx("div", { className: 'current-todo-container empty', children: _jsx("div", { className: 'todo-progress-bar empty', children: _jsxs("div", { className: 'progress-info', children: [_jsx("span", { className: 'material-symbols-rounded', children: "assignment_late" }), _jsx("span", { className: 'text', children: t('chat.todo.noTasks') })] }) }) }));
+    }
+    return (_jsxs("div", { className: `current-todo-container ${isExpanded ? 'expanded' : ''}`, children: [_jsxs("div", { className: 'todo-progress-bar', onClick: () => setIsExpanded(!isExpanded), children: [_jsxs("div", { className: 'progress-info', children: [_jsx("span", { className: 'material-symbols-rounded', children: "assignment" }), _jsx("span", { className: 'text', children: t('chat.todo.progress', { completed: completedCount, total: totalCount }) })] }), _jsx("div", { className: 'progress-track', children: _jsx("div", { className: 'progress-fill', style: { width: `${(completedCount / totalCount) * 100}%` } }) }), _jsx("button", { className: 'expand-btn', children: _jsx("span", { className: 'material-symbols-rounded', children: isExpanded ? 'expand_more' : 'expand_less' }) })] }), isExpanded && (_jsx("div", { className: 'todo-items-overlay', children: _jsx("div", { className: 'todo-items-scroll-container', children: latestTodos.map((todo, idx) => (_jsxs("div", { className: `todo-item-vertical status-${todo.status}`, children: [_jsx("span", { className: 'material-symbols-rounded icon', children: todo.status === 'completed'
+                                    ? 'check_circle'
+                                    : todo.status === 'in_progress'
+                                        ? 'clock_loader_40'
+                                        : 'radio_button_unchecked' }), _jsxs("div", { className: 'todo-content-wrapper', children: [_jsx("span", { className: 'text', children: todo.content }), todo.priority != null && todo.priority !== '' &&
+                                        _jsx("span", { className: `priority-tag ${todo.priority}`, children: todo.priority })] })] }, todo.id || idx))) }) }))] }));
+}

package/dist/apps/client/src/components/chat/NewSessionGuide.d.ts

@@ -0,0 +1,2 @@
+import './NewSessionGuide.scss';
+export declare function NewSessionGuide(): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/NewSessionGuide.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './NewSessionGuide.scss';
+import { App, Button } from 'antd';
+import { useAtom } from 'jotai';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import { showAnnouncementsAtom } from '#~/store/index.js';
+export function NewSessionGuide() {
+    const { t } = useTranslation();
+    const { message } = App.useApp();
+    const [showAnnouncements, setShowAnnouncements] = useAtom(showAnnouncementsAtom);
+    const { data: specsRes } = useSWR('/api/ai/specs');
+    const { data: entitiesRes } = useSWR('/api/ai/entities');
+    const { data: configRes } = useSWR('/api/config');
+    const specs = specsRes?.specs ?? [];
+    const alwaysSpecs = specs.filter(spec => spec.always);
+    const entities = entitiesRes?.entities ?? [];
+    const isSpecsReady = specsRes != null;
+    const isEntitiesReady = entitiesRes != null;
+    const { announcements = [] } = configRes?.sources.merged?.general ?? {};
+    const helpItems = [
+        t('chat.newSessionGuide.help.item1'),
+        t('chat.newSessionGuide.help.item2'),
+        t('chat.newSessionGuide.help.item3')
+    ];
+    const handleCreateSpec = () => {
+        message.info(t('chat.newSessionGuide.specs.createToast'));
+    };
+    const handleCreateEntity = () => {
+        message.info(t('chat.newSessionGuide.entities.createToast'));
+    };
+    return (_jsxs("div", { className: 'new-session-guide', children: [showAnnouncements && announcements.length > 0 && (_jsxs("div", { className: 'new-session-guide__announcements', children: [_jsxs("div", { className: 'new-session-guide__announcements-header', children: [_jsxs("div", { className: 'new-session-guide__announcements-title', children: [_jsx("span", { className: 'material-symbols-rounded new-session-guide__announcements-icon', children: "campaign" }), _jsx("span", { children: t('chat.newSessionGuide.announcements.title') })] }), _jsx("button", { type: 'button', className: 'new-session-guide__announcements-close', onClick: () => setShowAnnouncements(false), children: _jsx("span", { className: 'material-symbols-rounded', children: "close" }) })] }), _jsx("div", { className: 'new-session-guide__announcements-list', children: announcements.map((item, index) => (_jsx("div", { className: 'new-session-guide__announcements-item', children: _jsx("span", { children: item }) }, `${item}-${index}`))) })] })), _jsxs("div", { className: 'new-session-guide__grid', children: [_jsxs("div", { className: 'new-session-guide__card', children: [_jsxs("div", { className: 'new-session-guide__header', children: [_jsxs("div", { className: 'new-session-guide__title', children: [_jsx("span", { className: 'material-symbols-rounded new-session-guide__title-icon', children: "account_tree" }), _jsx("span", { children: t('chat.newSessionGuide.specs.title') })] }), _jsx("div", { className: 'new-session-guide__count', children: alwaysSpecs.length })] }), _jsxs("div", { className: 'new-session-guide__body', children: [!isSpecsReady && (_jsx("div", { className: 'new-session-guide__loading', children: t('chat.newSessionGuide.loading') })), isSpecsReady && alwaysSpecs.length > 0 && (_jsx("div", { className: 'new-session-guide__list', children: alwaysSpecs.map((spec) => (_jsxs("div", { className: 'new-session-guide__item', children: [_jsx("div", { className: 'new-session-guide__item-title', children: _jsx("span", { children: spec.name }) }), _jsx("div", { className: 'new-session-guide__item-desc', children: spec.description }), spec.params.length > 0 && (_jsx("div", { className: 'new-session-guide__meta', children: t('chat.newSessionGuide.specs.params', { count: spec.params.length }) }))] }, spec.id))) })), isSpecsReady && alwaysSpecs.length === 0 && (_jsxs("div", { className: 'new-session-guide__empty', children: [_jsx("div", { className: 'new-session-guide__empty-desc', children: t('chat.newSessionGuide.specs.empty') }), _jsx(Button, { type: 'primary', size: 'small', onClick: handleCreateSpec, children: t('chat.newSessionGuide.specs.create') })] }))] })] }), _jsxs("div", { className: 'new-session-guide__card', children: [_jsxs("div", { className: 'new-session-guide__header', children: [_jsxs("div", { className: 'new-session-guide__title', children: [_jsx("span", { className: 'material-symbols-rounded new-session-guide__title-icon', children: "group_work" }), _jsx("span", { children: t('chat.newSessionGuide.entities.title') })] }), _jsx("div", { className: 'new-session-guide__count', children: entities.length })] }), _jsxs("div", { className: 'new-session-guide__body', children: [!isEntitiesReady && (_jsx("div", { className: 'new-session-guide__loading', children: t('chat.newSessionGuide.loading') })), isEntitiesReady && entities.length > 0 && (_jsx("div", { className: 'new-session-guide__list', children: entities.map((entity) => (_jsxs("div", { className: 'new-session-guide__item', children: [_jsx("div", { className: 'new-session-guide__item-title', children: _jsx("span", { children: entity.name }) }), _jsx("div", { className: 'new-session-guide__item-desc', children: entity.description })] }, entity.id))) })), isEntitiesReady && entities.length === 0 && (_jsxs("div", { className: 'new-session-guide__empty', children: [_jsx("div", { className: 'new-session-guide__empty-desc', children: t('chat.newSessionGuide.entities.empty') }), _jsx(Button, { type: 'primary', size: 'small', onClick: handleCreateEntity, children: t('chat.newSessionGuide.entities.create') })] }))] })] }), _jsxs("div", { className: 'new-session-guide__card', children: [_jsx("div", { className: 'new-session-guide__header', children: _jsxs("div", { className: 'new-session-guide__title', children: [_jsx("span", { className: 'material-symbols-rounded new-session-guide__title-icon', children: "tips_and_updates" }), _jsx("span", { children: t('chat.newSessionGuide.help.title') })] }) }), _jsxs("div", { className: 'new-session-guide__body', children: [_jsx("div", { className: 'new-session-guide__help', children: helpItems.map(item => (_jsxs("div", { className: 'new-session-guide__help-item', children: [_jsx("span", { className: 'material-symbols-rounded new-session-guide__help-icon', children: "check_circle" }), _jsx("span", { children: item })] }, item))) }), _jsx("div", { className: 'new-session-guide__help-footer', children: t('chat.newSessionGuide.help.footer') })] })] })] })] }));
+}

package/dist/apps/client/src/components/chat/messages/MessageFooter.d.ts

@@ -0,0 +1,5 @@
+import type { ChatMessage } from '@vibe-forge/core';
+export declare function MessageFooter({ msg, isUser }: {
+    msg: ChatMessage;
+    isUser: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/messages/MessageFooter.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { App } from 'antd';
+export function MessageFooter({ msg, isUser }) {
+    const { message } = App.useApp();
+    return (_jsxs("div", { className: 'msg-footer', children: [isUser && msg.model != null && (_jsx("span", { className: 'msg-model', children: msg.model.split(',').pop() })), isUser && msg.usage != null && (_jsxs("span", { className: 'msg-usage', children: ["Tokens: ", msg.usage.input_tokens + msg.usage.output_tokens] })), _jsx("span", { className: 'timestamp', onDoubleClick: () => {
+                    // eslint-disable-next-line no-console
+                    console.log('Debug Message:', msg);
+                    void navigator.clipboard.writeText(new Date(msg.createdAt).toISOString());
+                    void message.success('ISO 时间已复制到剪贴板');
+                }, title: '\u53CC\u51FB\u590D\u5236 ISO \u65F6\u95F4 (\u63A7\u5236\u53F0\u6253\u5370\u6D88\u606F\u7ED3\u6784)', children: new Date(msg.createdAt).toLocaleString('zh-CN', {
+                    year: 'numeric',
+                    month: '2-digit',
+                    day: '2-digit',
+                    hour: '2-digit',
+                    minute: '2-digit',
+                    second: '2-digit',
+                    hour12: false
+                }) })] }));
+}