@vibe-forge/tsconfigs 0.7.1 → 0.8.0

package/dist/apps/client/src/components/Sidebar.js

@@ -0,0 +1,198 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Sidebar.scss';
+import { Button, Tooltip } from 'antd';
+import { useAtom, useAtomValue } from 'jotai';
+import { useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import useSWR from 'swr';
+import { useQueryParams } from '#~/hooks/useQueryParams.js';
+import { deleteSession, updateSession } from '../api';
+import { useGlobalShortcut } from '../hooks/useGlobalShortcut';
+import { isSidebarCollapsedAtom, isSidebarResizingAtom } from '../store/index';
+import { formatShortcutLabel } from '../utils/shortcutUtils';
+import { SessionList } from './sidebar/SessionList';
+import { SidebarHeader } from './sidebar/SidebarHeader';
+export function Sidebar({ activeId, onSelectSession, onDeletedSession, width }) {
+    const { t } = useTranslation();
+    const [isSidebarCollapsed, setIsSidebarCollapsed] = useAtom(isSidebarCollapsedAtom);
+    const isResizing = useAtomValue(isSidebarResizingAtom);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isBatchMode, setIsBatchMode] = useState(false);
+    const [selectedIds, setSelectedIds] = useState(new Set());
+    const isMac = navigator.platform.includes('Mac');
+    const { values } = useQueryParams({
+        keys: ['tag'],
+        defaults: { tag: '' },
+        omit: { tag: (value) => value === '' }
+    });
+    const tagFilter = values.tag.trim();
+    const { data: sessionsRes, mutate: mutateSessions } = useSWR(`/api/sessions`);
+    const sessions = sessionsRes?.sessions ?? [];
+    const { data: configRes } = useSWR('/api/config');
+    const newSessionShortcut = configRes?.sources?.merged?.shortcuts?.newSession;
+    const resolvedNewSessionShortcut = newSessionShortcut != null && newSessionShortcut.trim() !== ''
+        ? newSessionShortcut
+        : 'mod+k';
+    const shortcutLabel = useMemo(() => formatShortcutLabel(resolvedNewSessionShortcut, isMac), [resolvedNewSessionShortcut, isMac]);
+    const filteredSessions = useMemo(() => {
+        const query = searchQuery.trim().toLowerCase();
+        return sessions.filter((s) => {
+            if (tagFilter) {
+                const matchesTag = (s.tags ?? []).some((tag) => tag.toLowerCase() === tagFilter.toLowerCase());
+                if (!matchesTag)
+                    return false;
+            }
+            if (!query)
+                return true;
+            return ((s.title ?? '').toLowerCase().includes(query) ||
+                (s.lastMessage ?? '').toLowerCase().includes(query) ||
+                (s.lastUserMessage ?? '').toLowerCase().includes(query) ||
+                s.id.toLowerCase().includes(query) ||
+                (s.tags ?? []).some((tag) => tag.toLowerCase().includes(query)));
+        });
+    }, [sessions, searchQuery, tagFilter]);
+    async function handleCreateSession() {
+        onSelectSession({ id: '' }, true);
+    }
+    async function handleArchiveSession(id) {
+        // 先计算下一个要跳转的 ID
+        let nextId;
+        const currentIndex = sessions.findIndex(s => s.id === id);
+        if (currentIndex !== -1) {
+            if (currentIndex + 1 < sessions.length) {
+                nextId = sessions[currentIndex + 1].id;
+            }
+            else if (currentIndex - 1 >= 0) {
+                nextId = sessions[currentIndex - 1].id;
+            }
+        }
+        try {
+            await updateSession(id, { isArchived: true });
+            await mutateSessions();
+            // 传递 nextId 给 onDeletedSession
+            onDeletedSession?.(id, nextId);
+        }
+        catch (err) {
+            console.error('Failed to archive session:', err);
+        }
+    }
+    async function handleDeleteSession(id) {
+        // 先计算下一个要跳转的 ID
+        let nextId;
+        const currentIndex = sessions.findIndex(s => s.id === id);
+        if (currentIndex !== -1) {
+            if (currentIndex + 1 < sessions.length) {
+                nextId = sessions[currentIndex + 1].id;
+            }
+            else if (currentIndex - 1 >= 0) {
+                nextId = sessions[currentIndex - 1].id;
+            }
+        }
+        try {
+            await deleteSession(id);
+            await mutateSessions();
+            if (activeId === id)
+                onDeletedSession?.(id, nextId);
+        }
+        catch (err) {
+            console.error('Failed to delete session:', err);
+        }
+    }
+    async function handleStarSession(id, isStarred) {
+        try {
+            await updateSession(id, { isStarred });
+            await mutateSessions();
+        }
+        catch (err) {
+            console.error('Failed to star session:', err);
+        }
+    }
+    async function handleUpdateTags(id, tags) {
+        try {
+            await updateSession(id, { tags });
+            await mutateSessions();
+        }
+        catch (err) {
+            console.error('Failed to update tags:', err);
+        }
+    }
+    const handleToggleSelect = (id) => {
+        setSelectedIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                next.add(id);
+            }
+            return next;
+        });
+    };
+    const handleSelectAll = (selected) => {
+        if (selected) {
+            setSelectedIds(new Set(filteredSessions.map(s => s.id)));
+        }
+        else {
+            setSelectedIds(new Set());
+        }
+    };
+    const handleBatchArchive = async () => {
+        try {
+            await Promise.all(Array.from(selectedIds).map(async (id) => updateSession(id, { isArchived: true })));
+            await mutateSessions();
+            // Calculate nextId if active session is archived
+            if (activeId && selectedIds.has(activeId)) {
+                let nextId;
+                // Find the first session that is NOT in the selectedIds list
+                const nextSession = sessions.find(s => !selectedIds.has(s.id));
+                if (nextSession) {
+                    nextId = nextSession.id;
+                }
+                onDeletedSession?.(activeId, nextId);
+            }
+            setSelectedIds(new Set());
+            setIsBatchMode(false);
+        }
+        catch (err) {
+            console.error('Failed to batch archive sessions:', err);
+        }
+    };
+    const toggleBatchMode = () => {
+        setIsBatchMode((prev) => !prev);
+        setSelectedIds(new Set());
+    };
+    const isCreatingSession = activeId === undefined || activeId === '';
+    const createBtnRef = useRef(null);
+    useGlobalShortcut({
+        shortcut: resolvedNewSessionShortcut,
+        isMac,
+        onTrigger: (event) => {
+            event.preventDefault();
+            if (isCreatingSession)
+                return;
+            if (createBtnRef.current) {
+                createBtnRef.current.classList.add('active-scale');
+                setTimeout(() => {
+                    createBtnRef.current?.classList.remove('active-scale');
+                }, 200);
+            }
+            void handleCreateSession();
+        }
+    });
+    return (_jsx("div", { className: `sidebar-container ${isSidebarCollapsed ? 'collapsed' : ''}`, style: {
+            width: isSidebarCollapsed ? 0 : width,
+            minWidth: isSidebarCollapsed ? 0 : undefined,
+            transition: isResizing ? 'none' : 'width 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+            borderRight: isSidebarCollapsed ? 'none' : undefined
+        }, children: _jsxs("div", { className: 'sidebar-content', style: {
+                width,
+                transition: isResizing ? 'none' : 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+                transform: isSidebarCollapsed ? `translateX(-${width}px)` : 'translateX(0)'
+            }, children: [_jsx(SidebarHeader, { searchQuery: searchQuery, onSearchChange: setSearchQuery, isBatchMode: isBatchMode, onToggleBatchMode: toggleBatchMode, selectedCount: selectedIds.size, totalCount: filteredSessions.length, onSelectAll: handleSelectAll, onBatchArchive: () => {
+                        void handleBatchArchive();
+                    }, isCreatingSession: isCreatingSession, onCreateSession: () => {
+                        void handleCreateSession();
+                    } }), _jsx("div", { className: 'sidebar-new-chat', children: _jsx(Tooltip, { title: isCreatingSession ? t('common.alreadyInNewChat') : undefined, placement: 'right', children: _jsxs(Button, { ref: createBtnRef, className: `new-chat-btn ${isCreatingSession ? 'active' : ''}`, type: isCreatingSession ? 'default' : 'primary', block: true, disabled: !!isCreatingSession, onClick: () => {
+                                void handleCreateSession();
+                            }, children: [_jsxs("span", { className: 'btn-content', children: [_jsx("span", { className: `material-symbols-rounded ${isCreatingSession ? 'filled' : ''}`, children: isCreatingSession ? 'chat_bubble' : 'send' }), _jsx("span", { children: isCreatingSession ? t('common.creatingChat') : t('common.newChat') })] }), _jsx("span", { className: 'shortcut-tag', children: shortcutLabel })] }) }) }), _jsx(SessionList, { sessions: filteredSessions, activeId: activeId, isBatchMode: isBatchMode, selectedIds: selectedIds, searchQuery: searchQuery, onSelectSession: onSelectSession, onArchiveSession: handleArchiveSession, onDeleteSession: handleDeleteSession, onStarSession: handleStarSession, onUpdateTags: handleUpdateTags, onToggleSelect: handleToggleSelect })] }) }));
+}

package/dist/apps/client/src/components/automation-view/RuleFormPanel.d.ts

@@ -0,0 +1,11 @@
+import './RuleFormPanel.scss';
+import type { AutomationRule } from '#~/api.js';
+interface RuleFormPanelProps {
+    mode: 'create' | 'edit';
+    rule: AutomationRule | null;
+    submitting: boolean;
+    onSubmit: (payload: Partial<AutomationRule>, immediateRun: boolean) => Promise<void>;
+    onCancel: () => void;
+}
+export declare function RuleFormPanel({ mode, rule, submitting, onSubmit, onCancel }: RuleFormPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/automation-view/RuleFormPanel.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './RuleFormPanel.scss';
+import { Button, Form, Input, Switch, Tooltip } from 'antd';
+import { useCallback, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getServerHost, getServerPort } from '#~/api/base.js';
+import { TaskList } from './TaskList';
+import { TriggerList } from './TriggerList';
+const serverHost = getServerHost();
+const serverPort = getServerPort();
+const serverUrl = `http://${serverHost}:${serverPort}`;
+export function RuleFormPanel({ mode, rule, submitting, onSubmit, onCancel }) {
+    const { t } = useTranslation();
+    const [form] = Form.useForm();
+    const updateWeeklyCron = useCallback((index, nextDay, nextTime) => {
+        const triggers = form.getFieldValue('triggers');
+        const trigger = triggers?.[index];
+        if (!trigger)
+            return;
+        const day = nextDay ?? trigger.weeklyDay;
+        const time = nextTime ?? trigger.weeklyTime;
+        if (!day || !time)
+            return;
+        const [hour, minute] = time.split(':');
+        if (!hour || !minute)
+            return;
+        const h = Number.parseInt(hour, 10);
+        const m = Number.parseInt(minute, 10);
+        if (Number.isNaN(h) || Number.isNaN(m))
+            return;
+        const expression = `${m} ${h} * * ${day}`;
+        const currentExpression = trigger.cronExpression;
+        const weeklyPattern = /^\d{1,2}\s+\d{1,2}\s+\*\s+\*\s+\d$/;
+        if (!currentExpression || weeklyPattern.test(currentExpression)) {
+            form.setFieldValue(['triggers', index, 'cronExpression'], expression);
+        }
+    }, [form]);
+    const getWebhookUrl = useCallback((triggerId, webhookKey) => {
+        if (!triggerId || !webhookKey)
+            return '';
+        return `${serverUrl}/api/automation/webhook/${triggerId}?key=${webhookKey}`;
+    }, []);
+    useEffect(() => {
+        if (mode === 'create') {
+            form.setFieldsValue({
+                name: '',
+                description: '',
+                enabled: true,
+                immediateRun: false,
+                triggers: [
+                    {
+                        type: 'interval',
+                        intervalMinutes: 30,
+                        cronExpression: '',
+                        cronPreset: undefined,
+                        weeklyDay: '1',
+                        weeklyTime: '09:00'
+                    }
+                ],
+                tasks: [
+                    {
+                        title: t('automation.taskDefaultTitle', { index: 1 }),
+                        prompt: ''
+                    }
+                ]
+            });
+            return;
+        }
+        if (mode === 'edit' && rule) {
+            const triggers = (rule.triggers ?? []).map(trigger => {
+                const cronExpression = trigger.cronExpression ?? '';
+                const weeklyMatch = cronExpression.match(/^(\d{1,2})\s+(\d{1,2})\s+\*\s+\*\s+(\d)$/);
+                return {
+                    id: trigger.id,
+                    type: trigger.type,
+                    intervalMinutes: trigger.intervalMs ? Math.max(1, Math.round(trigger.intervalMs / 60000)) : undefined,
+                    webhookKey: trigger.webhookKey ?? undefined,
+                    cronExpression,
+                    cronPreset: undefined,
+                    weeklyDay: weeklyMatch ? weeklyMatch[3] : '1',
+                    weeklyTime: weeklyMatch ? `${weeklyMatch[2].padStart(2, '0')}:${weeklyMatch[1].padStart(2, '0')}` : '09:00'
+                };
+            });
+            const tasks = (rule.tasks ?? []).map((task, index) => ({
+                id: task.id,
+                title: task.title || t('automation.taskDefaultTitle', { index: index + 1 }),
+                prompt: task.prompt
+            }));
+            form.setFieldsValue({
+                name: rule.name,
+                description: rule.description ?? '',
+                enabled: rule.enabled,
+                immediateRun: false,
+                triggers: triggers.length > 0 ? triggers : [{
+                        type: 'interval',
+                        intervalMinutes: 30,
+                        cronExpression: '',
+                        cronPreset: undefined,
+                        weeklyDay: '1',
+                        weeklyTime: '09:00'
+                    }],
+                tasks: tasks.length > 0 ? tasks : [{
+                        title: t('automation.taskDefaultTitle', { index: 1 }),
+                        prompt: ''
+                    }]
+            });
+        }
+    }, [form, mode, rule, t]);
+    const handleSubmit = useCallback(async () => {
+        const values = await form.validateFields();
+        const payload = {
+            name: values.name.trim(),
+            description: values.description?.trim() ?? '',
+            enabled: values.enabled,
+            triggers: values.triggers.map((trigger) => {
+                if (trigger.type === 'interval') {
+                    return {
+                        id: trigger.id,
+                        type: 'interval',
+                        intervalMs: Math.max(1, trigger.intervalMinutes ?? 1) * 60000
+                    };
+                }
+                if (trigger.type === 'cron') {
+                    return {
+                        id: trigger.id,
+                        type: 'cron',
+                        cronExpression: trigger.cronExpression?.trim() ?? ''
+                    };
+                }
+                return {
+                    id: trigger.id,
+                    type: 'webhook',
+                    webhookKey: trigger.webhookKey?.trim() ?? ''
+                };
+            }),
+            tasks: values.tasks.map((task) => ({
+                id: task.id,
+                title: task.title?.trim() ?? '',
+                prompt: task.prompt.trim()
+            }))
+        };
+        await onSubmit(payload, values.immediateRun);
+    }, [form, onSubmit]);
+    return (_jsxs("div", { className: 'automation-view__form-panel', children: [_jsxs("div", { className: 'automation-view__form-header', children: [_jsxs("div", { className: 'automation-view__form-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__form-icon', children: "edit_square" }), mode === 'create' ? t('automation.newRule') : t('automation.editRule')] }), _jsxs("div", { className: 'automation-view__form-header-actions', children: [_jsx(Tooltip, { title: t('common.cancel'), children: _jsx(Button, { className: 'automation-view__square-button', onClick: onCancel, children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "close" }) }) }), _jsx(Tooltip, { title: t('common.confirm'), children: _jsx(Button, { className: 'automation-view__square-button automation-view__square-button--confirm', type: 'primary', loading: submitting, onClick: () => void handleSubmit(), children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "check" }) }) })] })] }), _jsx(Form, { form: form, layout: 'vertical', initialValues: { enabled: true, immediateRun: false }, children: _jsxs("div", { className: 'automation-view__form-grid', children: [_jsx("div", { className: 'automation-view__form-left', children: _jsxs("div", { className: 'automation-view__form-section', children: [_jsxs("div", { className: 'automation-view__form-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__form-icon', children: "info" }), t('automation.sectionBasic')] }), _jsx(Form.Item, { name: 'name', label: _jsxs("span", { className: 'automation-view__label', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__label-icon', children: "badge" }), t('automation.ruleName')] }), rules: [{ required: true, message: t('automation.ruleNameRequired') }], children: _jsx(Input, {}) }), _jsx(Form.Item, { name: 'description', label: _jsxs("span", { className: 'automation-view__label', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__label-icon', children: "description" }), t('automation.ruleDescription')] }), children: _jsx(Input.TextArea, { rows: 2 }) }), _jsxs("div", { className: 'automation-view__toggle-group', children: [_jsxs("div", { className: 'automation-view__toggle-row', children: [_jsxs("span", { className: 'automation-view__toggle-label', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__label-icon', children: "toggle_on" }), t('automation.enabled')] }), _jsx(Form.Item, { name: 'enabled', valuePropName: 'checked', noStyle: true, children: _jsx(Switch, {}) })] }), _jsxs("div", { className: 'automation-view__toggle-row', children: [_jsxs("span", { className: 'automation-view__toggle-label automation-view__toggle-label--run', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__label-icon automation-view__label-icon--run', children: "play_circle" }), t('automation.immediateRun')] }), _jsx(Form.Item, { name: 'immediateRun', valuePropName: 'checked', noStyle: true, children: _jsx(Switch, {}) })] })] })] }) }), _jsx("div", { className: 'automation-view__form-right', children: _jsxs("div", { className: 'automation-view__form-right-scroll', children: [_jsx("div", { className: 'automation-view__form-section', children: _jsx(TriggerList, { form: form, updateWeeklyCron: updateWeeklyCron, getWebhookUrl: getWebhookUrl }) }), _jsx("div", { className: 'automation-view__form-section', children: _jsx(TaskList, {}) })] }) })] }) })] }));
+}

package/dist/apps/client/src/components/automation-view/RuleSidebar.d.ts

@@ -0,0 +1,16 @@
+import './RuleSidebar.scss';
+import type { AutomationRule } from '#~/api.js';
+interface RuleSidebarProps {
+    rules: AutomationRule[];
+    selectedRuleId: string | null;
+    query: string;
+    isCreating: boolean;
+    onCreate: () => void;
+    onSelect: (id: string) => void;
+    onRun: (rule: AutomationRule) => void;
+    onDelete: (rule: AutomationRule) => void;
+    onToggle: (rule: AutomationRule, enabled: boolean) => void;
+    onQueryChange: (value: string) => void;
+}
+export declare function RuleSidebar({ rules, selectedRuleId, query, isCreating, onCreate, onSelect, onRun, onDelete, onToggle, onQueryChange }: RuleSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/automation-view/RuleSidebar.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './RuleSidebar.scss';
+import { Button, Empty, Input, List, Switch, Tag, Tooltip } from 'antd';
+import dayjs from 'dayjs';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export function RuleSidebar({ rules, selectedRuleId, query, isCreating, onCreate, onSelect, onRun, onDelete, onToggle, onQueryChange }) {
+    const { t } = useTranslation();
+    const [favorites, setFavorites] = useState(() => {
+        try {
+            const raw = window.localStorage.getItem('automationRuleFavorites');
+            if (!raw)
+                return [];
+            const parsed = JSON.parse(raw);
+            if (!Array.isArray(parsed))
+                return [];
+            return parsed;
+        }
+        catch {
+            return [];
+        }
+    });
+    useEffect(() => {
+        window.localStorage.setItem('automationRuleFavorites', JSON.stringify(favorites));
+    }, [favorites]);
+    const favoriteSet = useMemo(() => new Set(favorites), [favorites]);
+    const filteredRules = useMemo(() => {
+        const keyword = query.trim().toLowerCase();
+        const list = keyword
+            ? rules.filter(rule => {
+                const nameMatch = rule.name.toLowerCase().includes(keyword);
+                const descMatch = (rule.description ?? '').toLowerCase().includes(keyword);
+                return nameMatch || descMatch;
+            })
+            : rules;
+        return [...list].sort((a, b) => {
+            const favA = favoriteSet.has(a.id) ? 1 : 0;
+            const favB = favoriteSet.has(b.id) ? 1 : 0;
+            if (favA !== favB)
+                return favB - favA;
+            return b.createdAt - a.createdAt;
+        });
+    }, [favoriteSet, query, rules]);
+    const toggleFavorite = useCallback((ruleId) => {
+        setFavorites(prev => prev.includes(ruleId) ? prev.filter(id => id !== ruleId) : [...prev, ruleId]);
+    }, []);
+    const renderTriggerBadge = useCallback((trigger) => {
+        if (trigger.type === 'interval') {
+            const minutes = trigger.intervalMs ? Math.max(1, Math.round(trigger.intervalMs / 60000)) : 0;
+            return (_jsxs("span", { className: 'automation-view__trigger-chip', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__trigger-icon', children: "timer" }), t('automation.intervalEvery', { minutes })] }));
+        }
+        if (trigger.type === 'cron') {
+            return (_jsxs("span", { className: 'automation-view__trigger-chip', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__trigger-icon', children: "schedule" }), t('automation.cronExpression', { expression: trigger.cronExpression ?? '-' })] }));
+        }
+        return (_jsxs("span", { className: 'automation-view__trigger-chip', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__trigger-icon', children: "webhook" }), t('automation.webhookTrigger')] }));
+    }, [t]);
+    return (_jsxs("div", { className: 'automation-view__sidebar', children: [_jsxs("div", { className: 'automation-view__sidebar-header', children: [_jsx("div", { className: 'automation-view__title', children: _jsx("h2", { className: 'automation-view__title-text', children: t('automation.title') }) }), _jsx(Tooltip, { title: isCreating ? t('automation.creatingRule') : t('automation.newRule'), children: _jsx(Button, { className: 'automation-view__icon-button automation-view__icon-button--add', type: 'text', onClick: onCreate, disabled: isCreating, children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: isCreating ? 'progress_activity' : 'add' }) }) })] }), _jsx("div", { className: 'automation-view__sidebar-search', children: _jsx(Input, { value: query, onChange: (event) => onQueryChange(event.target.value), placeholder: t('automation.searchRule'), prefix: _jsx("span", { className: 'material-symbols-rounded automation-view__search-icon', children: "search" }), allowClear: true }) }), filteredRules.length === 0
+                ? (_jsx("div", { className: 'automation-view__empty', children: _jsx(Empty, { description: t('automation.emptyRules') }) }))
+                : (_jsx(List, { className: 'automation-view__rule-list', dataSource: filteredRules, renderItem: (rule) => {
+                        const active = rule.id === selectedRuleId;
+                        const isFavorite = favoriteSet.has(rule.id);
+                        const triggers = rule.triggers ?? [];
+                        const displayTriggers = triggers.slice(0, 2);
+                        const remainingTriggers = Math.max(triggers.length - displayTriggers.length, 0);
+                        const taskCount = rule.tasks?.length ?? 0;
+                        const primaryType = triggers[0]?.type ?? 'interval';
+                        return (_jsx(List.Item, { className: `automation-view__rule-item ${active ? 'automation-view__rule-item--active' : ''}`, onClick: () => onSelect(rule.id), children: _jsxs("div", { className: 'automation-view__rule-card', children: [_jsxs("div", { className: 'automation-view__rule-content', children: [_jsxs("div", { className: 'automation-view__rule-name', children: [_jsx("span", { className: `material-symbols-rounded automation-view__rule-icon automation-view__rule-icon--${primaryType}`, children: primaryType === 'interval' ? 'timer' : primaryType === 'cron' ? 'schedule' : 'webhook' }), _jsx("span", { className: 'automation-view__rule-title', children: rule.name }), _jsx(Tag, { color: primaryType === 'interval' ? 'blue' : primaryType === 'cron' ? 'geekblue' : 'purple', children: primaryType === 'interval'
+                                                            ? t('automation.typeInterval')
+                                                            : primaryType === 'cron'
+                                                                ? t('automation.typeCron')
+                                                                : t('automation.typeWebhook') })] }), _jsxs("div", { className: 'automation-view__rule-meta', children: [_jsxs("div", { className: 'automation-view__rule-trigger-list', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "bolt" }), displayTriggers.map(trigger => (_jsx("span", { children: renderTriggerBadge(trigger) }, trigger.id))), remainingTriggers > 0 && (_jsxs("span", { className: 'automation-view__trigger-more', children: ["+", remainingTriggers] }))] }), _jsxs("span", { className: 'automation-view__rule-tasks', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "checklist" }), t('automation.taskCount', { count: taskCount })] }), _jsxs("span", { className: 'automation-view__rule-last', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "update" }), rule.lastRunAt
+                                                                ? t('automation.lastRunAt', { time: dayjs(rule.lastRunAt).format('YYYY-MM-DD HH:mm') })
+                                                                : t('automation.noRunYet')] })] })] }), _jsxs("div", { className: 'automation-view__rule-actions', children: [_jsx("div", { className: 'automation-view__rule-actions-top', children: _jsx(Tooltip, { title: t('automation.toggleEnabled'), children: _jsx(Switch, { checked: rule.enabled, onChange: (next) => void onToggle(rule, next), onClick: (_, event) => event.stopPropagation() }) }) }), _jsxs("div", { className: 'automation-view__rule-actions-bottom', children: [_jsx(Tooltip, { title: t('automation.run'), children: _jsx(Button, { className: 'automation-view__icon-button automation-view__icon-button--run', type: 'text', onClick: (event) => {
+                                                                event.stopPropagation();
+                                                                void onRun(rule);
+                                                            }, children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "play_arrow" }) }) }), _jsx(Tooltip, { title: t('automation.delete'), children: _jsx(Button, { className: 'automation-view__icon-button automation-view__icon-button--delete', type: 'text', onClick: (event) => {
+                                                                event.stopPropagation();
+                                                                void onDelete(rule);
+                                                            }, children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "delete" }) }) }), _jsx(Tooltip, { title: isFavorite ? t('automation.unfavorite') : t('automation.favorite'), children: _jsx(Button, { className: `automation-view__icon-button automation-view__icon-button--favorite ${isFavorite ? 'automation-view__icon-button--active' : ''}`, type: 'text', onClick: (event) => {
+                                                                event.stopPropagation();
+                                                                toggleFavorite(rule.id);
+                                                            }, children: _jsx("span", { className: `material-symbols-rounded automation-view__action-icon ${isFavorite ? 'automation-view__action-icon--star' : ''}`, children: isFavorite ? 'star' : 'star_outline' }) }) })] })] })] }) }));
+                    } }))] }));
+}

package/dist/apps/client/src/components/automation-view/RunHistoryPanel.d.ts

@@ -0,0 +1,17 @@
+import './RunHistoryPanel.scss';
+import type { AutomationRule, AutomationRun } from '#~/api.js';
+interface RunHistoryPanelProps {
+    rule: AutomationRule | null;
+    runs: AutomationRun[];
+    runQuery: string;
+    statusFilter: string;
+    timeFilter: string;
+    sortOrder: string;
+    onEditRule: (rule: AutomationRule) => void;
+    onRunQueryChange: (value: string) => void;
+    onStatusFilterChange: (value: string) => void;
+    onTimeFilterChange: (value: string) => void;
+    onSortOrderChange: (value: string) => void;
+}
+export declare function RunHistoryPanel({ rule, runs, runQuery, statusFilter, timeFilter, sortOrder, onEditRule, onRunQueryChange, onStatusFilterChange, onTimeFilterChange, onSortOrderChange }: RunHistoryPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/automation-view/RunHistoryPanel.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './RunHistoryPanel.scss';
+import { Button, Empty, Input, Select, Table } from 'antd';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+export function RunHistoryPanel({ rule, runs, runQuery, statusFilter, timeFilter, sortOrder, onEditRule, onRunQueryChange, onStatusFilterChange, onTimeFilterChange, onSortOrderChange }) {
+    const { t } = useTranslation();
+    const filteredRuns = useMemo(() => {
+        const keyword = runQuery.trim().toLowerCase();
+        const now = Date.now();
+        const timeLimitMap = {
+            all: null,
+            '24h': 24 * 60 * 60 * 1000,
+            '7d': 7 * 24 * 60 * 60 * 1000,
+            '30d': 30 * 24 * 60 * 60 * 1000
+        };
+        const timeLimit = timeLimitMap[timeFilter] ?? null;
+        const base = runs.filter((run) => {
+            if (statusFilter !== 'all' && (run.status ?? 'unknown') !== statusFilter)
+                return false;
+            if (timeLimit != null && now - run.runAt > timeLimit)
+                return false;
+            if (!keyword)
+                return true;
+            const text = [
+                run.taskTitle,
+                run.title,
+                run.lastMessage,
+                run.lastUserMessage,
+                run.sessionId
+            ].filter(Boolean).join(' ').toLowerCase();
+            return text.includes(keyword);
+        });
+        return base.sort((a, b) => {
+            if (sortOrder === 'asc')
+                return a.runAt - b.runAt;
+            return b.runAt - a.runAt;
+        });
+    }, [runQuery, runs, sortOrder, statusFilter, timeFilter]);
+    const columns = useMemo(() => [
+        {
+            title: t('automation.runTime'),
+            dataIndex: 'runAt',
+            key: 'runAt',
+            render: (value) => dayjs(value).format('YYYY-MM-DD HH:mm')
+        },
+        {
+            title: t('automation.taskTitle'),
+            dataIndex: 'taskTitle',
+            key: 'taskTitle',
+            render: (_value, run) => (_jsx("div", { className: 'automation-view__task-cell', children: _jsxs("a", { className: 'automation-view__task-link', href: `/session/${run.sessionId}`, children: [_jsx("span", { className: 'material-symbols-rounded automation-view__task-icon', children: "task_alt" }), _jsx("span", { className: 'automation-view__task-text', children: run.taskTitle ?? t('automation.taskUnknown') }), run.status
+                            ? (_jsxs("span", { className: 'automation-view__status', "data-status": run.status, children: [_jsx("span", { className: 'material-symbols-rounded automation-view__status-icon', children: "fiber_manual_record" }), t(`common.status.${run.status}`, run.status)] }))
+                            : (_jsx("span", { className: 'automation-view__status', children: "-" }))] }) }))
+        },
+        {
+            title: t('automation.runSummary'),
+            dataIndex: 'lastMessage',
+            key: 'summary',
+            render: (_value, run) => {
+                const text = run.title ?? run.lastMessage ?? run.lastUserMessage ?? '-';
+                return _jsx("span", { className: 'automation-view__run-summary', children: text });
+            }
+        }
+    ], [t]);
+    const recentRuns = useMemo(() => {
+        if (runs.length === 0)
+            return [];
+        const sorted = [...runs].sort((a, b) => b.runAt - a.runAt);
+        const latestSessionId = sorted[0]?.sessionId;
+        if (!latestSessionId)
+            return sorted.slice(0, 1);
+        return sorted.filter((run) => run.sessionId === latestSessionId);
+    }, [runs]);
+    if (!rule) {
+        return (_jsx("div", { className: 'automation-view__empty', children: _jsx(Empty, { description: t('automation.selectRule') }) }));
+    }
+    const triggerLabels = (rule.triggers ?? []).map((trigger) => {
+        if (trigger.type === 'interval') {
+            const minutes = trigger.intervalMs ? Math.max(1, Math.round(trigger.intervalMs / 60000)) : 1;
+            return t('automation.intervalEvery', { minutes });
+        }
+        if (trigger.type === 'cron') {
+            const expression = trigger.cronExpression?.trim() || '-';
+            return t('automation.cronExpression', { expression });
+        }
+        return t('automation.webhookTrigger');
+    });
+    const taskLabels = (rule.tasks ?? []).map((task, index) => (task.title || t('automation.taskDefaultTitle', { index: index + 1 })));
+    return (_jsxs("div", { className: 'automation-view__content', children: [_jsxs("div", { className: 'automation-view__detail', children: [_jsxs("div", { className: 'automation-view__detail-header', children: [_jsxs("div", { className: 'automation-view__detail-title', children: [_jsx("h3", { className: 'automation-view__content-text', children: rule.name }), _jsx("span", { className: 'automation-view__detail-id', children: rule.id })] }), _jsx(Button, { className: 'automation-view__icon-button automation-view__icon-button--edit', type: 'text', onClick: () => onEditRule(rule), children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "edit" }) })] }), _jsxs("div", { className: 'automation-view__detail-description', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "description" }), _jsx("span", { children: rule.description || t('automation.noDescription') })] }), _jsxs("div", { className: 'automation-view__detail-body', children: [_jsxs("div", { className: 'automation-view__detail-left', children: [_jsxs("div", { className: 'automation-view__detail-row', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "event" }), _jsx("span", { className: 'automation-view__detail-label', children: t('automation.createdAt') }), _jsx("span", { className: 'automation-view__detail-value', children: dayjs(rule.createdAt).format('YYYY-MM-DD HH:mm') })] }), _jsxs("div", { className: 'automation-view__detail-row', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "toggle_on" }), _jsx("span", { className: 'automation-view__detail-label', children: t('automation.ruleStatus') }), _jsx("span", { className: 'automation-view__detail-value', "data-status": rule.enabled ? 'enabled' : 'disabled', children: rule.enabled ? t('automation.enabledOn') : t('automation.enabledOff') })] }), _jsxs("div", { className: 'automation-view__detail-list', children: [_jsxs("div", { className: 'automation-view__detail-row', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "update" }), _jsx("span", { className: 'automation-view__detail-label', children: t('automation.lastRunLabel') })] }), _jsx("div", { className: 'automation-view__run-list', children: recentRuns.length > 0
+                                                    ? recentRuns.map((run) => (_jsxs("div", { className: 'automation-view__run-item', children: [_jsx("a", { className: 'automation-view__run-link', href: `/session/${run.sessionId}?tag=${encodeURIComponent(`automation:${rule.id}:${rule.name}`)}`, target: '_blank', rel: 'noreferrer', children: run.taskTitle ?? t('automation.taskUnknown') }), _jsx("span", { className: 'automation-view__run-time', children: dayjs(run.runAt).format('YYYY-MM-DD HH:mm') })] }, run.id)))
+                                                    : _jsx("span", { className: 'automation-view__detail-value', children: t('automation.noRunYet') }) })] }), rule.lastSessionId && (_jsxs("div", { className: 'automation-view__detail-row', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "open_in_new" }), _jsx("a", { className: 'automation-view__detail-label automation-view__detail-link', href: `/session/${rule.lastSessionId}?tag=${encodeURIComponent(`automation:${rule.id}:${rule.name}`)}`, target: '_blank', rel: 'noreferrer', children: t('automation.relatedSession') })] }))] }), _jsxs("div", { className: 'automation-view__detail-right', children: [_jsxs("div", { className: 'automation-view__detail-section', children: [_jsxs("div", { className: 'automation-view__detail-section-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "bolt" }), t('automation.sectionTriggers')] }), _jsx("div", { className: 'automation-view__detail-chips', children: triggerLabels.length
+                                                    ? triggerLabels.map((label, index) => (_jsx("span", { className: 'automation-view__detail-chip', children: label }, `${label}-${index}`)))
+                                                    : _jsx("span", { className: 'automation-view__detail-placeholder', children: t('automation.noTriggers') }) })] }), _jsxs("div", { className: 'automation-view__detail-section', children: [_jsxs("div", { className: 'automation-view__detail-section-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__meta-icon', children: "task" }), t('automation.sectionTasks')] }), _jsx("div", { className: 'automation-view__detail-chips', children: taskLabels.length
+                                                    ? taskLabels.map((label, index) => (_jsx("span", { className: 'automation-view__detail-chip', children: label }, `${label}-${index}`)))
+                                                    : _jsx("span", { className: 'automation-view__detail-placeholder', children: t('automation.noTasks') }) })] })] })] })] }), _jsx("div", { className: 'automation-view__content-header', children: _jsxs("div", { className: 'automation-view__content-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__content-icon', children: "history" }), _jsx("h3", { className: 'automation-view__content-text', children: t('automation.runHistory') })] }) }), _jsxs("div", { className: 'automation-view__run-filters', children: [_jsx(Input, { value: runQuery, onChange: (event) => onRunQueryChange(event.target.value), placeholder: t('automation.runSearch'), className: 'automation-view__run-search', allowClear: true }), _jsx(Select, { value: statusFilter, onChange: onStatusFilterChange, className: 'automation-view__run-select', options: [
+                            { label: t('automation.statusAll'), value: 'all' },
+                            { label: t('common.status.running'), value: 'running' },
+                            { label: t('common.status.completed'), value: 'completed' },
+                            { label: t('common.status.failed'), value: 'failed' },
+                            { label: t('common.status.terminated'), value: 'terminated' },
+                            { label: t('common.status.waiting_input'), value: 'waiting_input' }
+                        ] }), _jsx(Select, { value: timeFilter, onChange: onTimeFilterChange, className: 'automation-view__run-select', options: [
+                            { label: t('automation.timeAll'), value: 'all' },
+                            { label: t('automation.time24h'), value: '24h' },
+                            { label: t('automation.time7d'), value: '7d' },
+                            { label: t('automation.time30d'), value: '30d' }
+                        ] }), _jsx(Select, { value: sortOrder, onChange: onSortOrderChange, className: 'automation-view__run-select', options: [
+                            { label: t('automation.sortDesc'), value: 'desc' },
+                            { label: t('automation.sortAsc'), value: 'asc' }
+                        ] })] }), filteredRuns.length === 0
+                ? (_jsx("div", { className: 'automation-view__empty', children: _jsx(Empty, { description: t('automation.noRuns') }) }))
+                : (_jsx(Table, { rowKey: 'id', className: 'automation-view__run-table', columns: columns, dataSource: filteredRuns, pagination: { pageSize: 8, hideOnSinglePage: true } }))] }));
+}

package/dist/apps/client/src/components/automation-view/TaskList.d.ts

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

package/dist/apps/client/src/components/automation-view/TaskList.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './TaskList.scss';
+import { Button, Form, Input, Tooltip } from 'antd';
+import { useTranslation } from 'react-i18next';
+export function TaskList() {
+    const { t } = useTranslation();
+    return (_jsx(Form.List, { name: 'tasks', children: (fields, { add, remove }) => (_jsxs("div", { className: 'automation-view__list automation-view__list--horizontal', children: [_jsxs("div", { className: 'automation-view__section-header', children: [_jsxs("div", { className: 'automation-view__section-heading', children: [_jsxs("div", { className: 'automation-view__form-title', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__form-icon', children: "task" }), t('automation.sectionTasks')] }), _jsx("span", { className: 'automation-view__section-count', children: t('automation.taskCount', { count: fields.length }) })] }), _jsx("div", { className: 'automation-view__section-actions', children: _jsx(Tooltip, { title: t('automation.addTask'), children: _jsx(Button, { className: 'automation-view__icon-button', type: 'text', onClick: () => add({
+                                        title: t('automation.taskDefaultTitle', { index: fields.length + 1 }),
+                                        prompt: ''
+                                    }), children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "add" }) }) }) })] }), _jsx("div", { className: 'automation-view__form-desc', children: t('automation.taskAll') }), _jsx("div", { className: 'automation-view__list-scroll', children: fields.map((field, index) => (_jsxs("div", { className: 'automation-view__list-item', children: [_jsx(Form.Item, { name: [field.name, 'id'], hidden: true, children: _jsx(Input, {}) }), _jsx(Tooltip, { title: t('automation.remove'), children: _jsx(Button, { className: 'automation-view__remove-button', type: 'text', danger: true, onClick: () => remove(field.name), disabled: fields.length <= 1, children: _jsx("span", { className: 'material-symbols-rounded automation-view__action-icon', children: "close" }) }) }), _jsx("div", { className: 'automation-view__list-header', children: _jsx(Form.Item, { name: [field.name, 'title'], label: t('automation.taskTitle'), children: _jsx(Input, { placeholder: t('automation.taskTitlePlaceholder') }) }) }), _jsx(Form.Item, { name: [field.name, 'prompt'], label: t('automation.prompt'), rules: [{ required: true, message: t('automation.promptRequired') }], children: _jsx(Input.TextArea, { rows: 3 }) }), _jsxs("div", { className: 'automation-view__task-index', children: [_jsx("span", { className: 'material-symbols-rounded automation-view__task-index-icon', children: "format_list_numbered" }), t('automation.taskIndex', { index: index + 1 })] })] }, field.key))) })] })) }));
+}