@qihongmu/dsh-client-ui-scheduled-task 0.1.0

package/lib/types/client/ScheduleEditor.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Inline schedule editor (图 of 调度): a preset dropdown (每小时/每天/每周/每月/自定义)
+ * followed per preset by compact sub-selectors, a live summary line, and a
+ * clear (trash) action. Controlled by the parent create form, which owns the
+ * state and turns the chosen preset into a wire rule selector. The wall-clock
+ * presets carry an editable IANA time-zone field; the custom presets keep
+ * their own at/after/every fields in the parent.
+ */
+import type { ScheduledTaskTranslate } from './format.ts';
+/** The schedule presets the editor offers. */
+export type SchedulePreset = '' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'custom';
+/**
+ * Timezone field: displays the GMT offset (e.g. `GMT+8`) and hides the IANA
+ * region name; clicking the chip swaps to a short IANA editor (the wire value
+ * must stay an IANA name), and Enter / blur / Escape return to the offset chip.
+ */
+export declare function TimezoneField({ t, value, onChange }: {
+    t: ScheduledTaskTranslate;
+    value: string;
+    onChange: (next: string) => void;
+}): import("react").JSX.Element;
+export interface ScheduleEditorProps {
+    readonly t: ScheduledTaskTranslate;
+    readonly preset: SchedulePreset;
+    readonly minute: string;
+    readonly time: string;
+    readonly timeZone: string;
+    readonly weekdays: number[];
+    readonly dayOfMonth: string;
+    readonly onPresetChange: (preset: SchedulePreset) => void;
+    readonly onMinuteChange: (minute: string) => void;
+    readonly onTimeChange: (time: string) => void;
+    readonly onWeekdaysChange: (weekdays: number[]) => void;
+    readonly onDayOfMonthChange: (day: string) => void;
+    readonly onTimeZoneChange: (timeZone: string) => void;
+    readonly onClear: () => void;
+}
+/** Render the inline schedule editor field. */
+export declare function ScheduleEditor({ t, preset, minute, time, timeZone, weekdays, dayOfMonth, onPresetChange, onMinuteChange, onTimeChange, onWeekdaysChange, onDayOfMonthChange, onTimeZoneChange, onClear, }: ScheduleEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=ScheduleEditor.d.ts.map

package/lib/types/client/ScheduleEditor.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Inline schedule editor (图 of 调度): a preset dropdown (每小时/每天/每周/每月/自定义)
+ * followed per preset by compact sub-selectors, a live summary line, and a
+ * clear (trash) action. Controlled by the parent create form, which owns the
+ * state and turns the chosen preset into a wire rule selector. The wall-clock
+ * presets carry an editable IANA time-zone field; the custom presets keep
+ * their own at/after/every fields in the parent.
+ */
+import { useEffect, useRef, useState } from 'react';
+import { IconChevronDownOutline14, IconTrashOutline16 } from '@deepseek-ai/dsh-client-ui-primitives';
+import { weekdaySummary } from "./format.js";
+import css from './ScheduledTasksPanel.module.css';
+/** Locale key per weekday (1=Mon..7=Sun). */
+const WEEKDAY_KEYS = {
+    1: 'schedule.wd.1', 2: 'schedule.wd.2', 3: 'schedule.wd.3', 4: 'schedule.wd.4',
+    5: 'schedule.wd.5', 6: 'schedule.wd.6', 7: 'schedule.wd.7',
+};
+const MINUTES = Array.from({ length: 60 }, (_, index) => String(index).padStart(2, '0'));
+const DAYS = Array.from({ length: 31 }, (_, index) => String(index + 1));
+/** Render the current schedule as the summary line under/next to the segments. */
+function previewLine(t, preset, minute, time, weekdays, dayOfMonth) {
+    switch (preset) {
+        case 'hourly':
+            return t('schedule.preview.hourly', { minute });
+        case 'daily':
+            return t('schedule.preview.daily', { time });
+        case 'weekly':
+            return t('schedule.preview.weekly', {
+                weekdays: weekdaySummary(t, weekdays),
+                time,
+            });
+        case 'monthly':
+            return t('schedule.preview.monthly', { day: dayOfMonth, time });
+        default:
+            return '';
+    }
+}
+/** Compact GMT offset (e.g. `GMT+8`, `GMT+5:30`, `GMT-4`); falls back to the IANA name. */
+function gmtOffset(timeZone) {
+    if (timeZone.trim() === '')
+        return '';
+    try {
+        const part = new Intl.DateTimeFormat('en-US', { timeZone, timeZoneName: 'shortOffset' })
+            .formatToParts(new Date())
+            .find(piece => piece.type === 'timeZoneName');
+        return part?.value ?? timeZone;
+    }
+    catch {
+        return timeZone;
+    }
+}
+/**
+ * Timezone field: displays the GMT offset (e.g. `GMT+8`) and hides the IANA
+ * region name; clicking the chip swaps to a short IANA editor (the wire value
+ * must stay an IANA name), and Enter / blur / Escape return to the offset chip.
+ */
+export function TimezoneField({ t, value, onChange }) {
+    const [editing, setEditing] = useState(false);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (editing && inputRef.current !== null)
+            inputRef.current.focus();
+    }, [editing]);
+    if (!editing) {
+        return (_jsx("button", { type: "button", className: css.timeZoneChip, title: value, "aria-label": t('form.timeZone'), onClick: () => { setEditing(true); }, children: gmtOffset(value) }));
+    }
+    return (_jsx("input", { ref: inputRef, className: css.timeZoneInput, value: value, spellCheck: false, "aria-label": t('form.timeZone'), onChange: (event) => { onChange(event.target.value); }, onBlur: () => { setEditing(false); }, onKeyDown: (event) => {
+            if (event.key === 'Enter' || event.key === 'Escape')
+                event.currentTarget.blur();
+        } }));
+}
+/** A compact weekday multi-select (toggle chips in a popover). */
+function WeekdayPicker({ t, value, onChange }) {
+    const [open, setOpen] = useState(false);
+    const rootRef = useRef(null);
+    const toggle = (day, present) => {
+        onChange(present ? value.filter(item => item !== day) : [...value, day].sort((a, b) => a - b));
+    };
+    const summary = value.length === 0 ? t('schedule.pickWeekdays') : weekdaySummary(t, value);
+    // Dismiss on outside mousedown and on Escape. Listened on `document` (not a
+    // fixed backdrop, which used to swallow the toggle's mousedown and
+    // close-then-reopen it) and on the CAPTURE phase so Escape closes only this
+    // popover — the drawer's own Escape handler must not fire at the same time.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onMouseDown = (event) => {
+            if (rootRef.current !== null && !rootRef.current.contains(event.target))
+                setOpen(false);
+        };
+        const onKeyDown = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            setOpen(false);
+            event.stopImmediatePropagation();
+        };
+        document.addEventListener('mousedown', onMouseDown);
+        document.addEventListener('keydown', onKeyDown, true);
+        return () => {
+            document.removeEventListener('mousedown', onMouseDown);
+            document.removeEventListener('keydown', onKeyDown, true);
+        };
+    }, [open]);
+    return (_jsxs("div", { ref: rootRef, className: css.weekPicker, children: [_jsxs("button", { type: "button", className: css.segmentButton, "aria-expanded": open, "aria-haspopup": "listbox", onClick: () => { setOpen(current => !current); }, children: [_jsx("span", { children: summary }), _jsx(IconChevronDownOutline14, { size: 12 })] }), open && (_jsx("div", { className: css.weekMenu, role: "listbox", "aria-multiselectable": "true", children: [1, 2, 3, 4, 5, 6, 7].map(day => {
+                    const checked = value.includes(day);
+                    return (_jsxs("label", { className: css.weekOption, children: [_jsx("input", { type: "checkbox", checked: checked, onChange: () => { toggle(day, checked); } }), _jsx("span", { children: t(WEEKDAY_KEYS[day]) })] }, day));
+                }) }))] }));
+}
+/** Render the inline schedule editor field. */
+export function ScheduleEditor({ t, preset, minute, time, timeZone, weekdays, dayOfMonth, onPresetChange, onMinuteChange, onTimeChange, onWeekdaysChange, onDayOfMonthChange, onTimeZoneChange, onClear, }) {
+    const preview = previewLine(t, preset, minute, time, weekdays, dayOfMonth);
+    return (_jsx("div", { className: css.scheduleEditor, children: _jsxs("div", { className: css.scheduleRow, children: [_jsxs("select", { className: css.segmentSelect, value: preset, onChange: (event) => { onPresetChange(event.target.value); }, "aria-label": t('form.schedule.label'), children: [_jsx("option", { value: "", children: t('form.schedule.add') }), _jsx("option", { value: "hourly", children: t('schedule.hourly') }), _jsx("option", { value: "daily", children: t('schedule.daily') }), _jsx("option", { value: "weekly", children: t('schedule.weekly') }), _jsx("option", { value: "monthly", children: t('schedule.monthly') }), _jsx("option", { value: "custom", children: t('schedule.custom') })] }), preset === 'hourly' && (_jsxs(_Fragment, { children: [_jsx("span", { className: css.segmentText, children: t('schedule.hourlyAtMinute') }), _jsx("select", { className: css.segmentSelect, value: minute, onChange: (event) => { onMinuteChange(event.target.value); }, children: MINUTES.map(value => _jsx("option", { value: value, children: value }, value)) }), _jsx("span", { className: css.segmentText, children: t('schedule.minuteUnit') })] })), (preset === 'daily' || preset === 'weekly' || preset === 'monthly') && (_jsxs(_Fragment, { children: [preset === 'daily' && _jsx("span", { className: css.segmentText, children: t('schedule.at') }), preset === 'weekly' && (_jsx(WeekdayPicker, { t: t, value: weekdays, onChange: onWeekdaysChange })), preset === 'weekly' && _jsx("span", { className: css.segmentText, children: t('schedule.at') }), preset === 'monthly' && (_jsxs(_Fragment, { children: [_jsx("select", { className: css.segmentSelect, value: dayOfMonth, onChange: (event) => { onDayOfMonthChange(event.target.value); }, children: DAYS.map(value => _jsxs("option", { value: value, children: [value, " ", t('schedule.dayUnit')] }, value)) }), _jsx("span", { className: css.segmentText, children: t('schedule.at') })] })), _jsx("input", { className: css.segmentTime, type: "time", value: time, onChange: (event) => { onTimeChange(event.target.value); } }), _jsx(TimezoneField, { t: t, value: timeZone, onChange: onTimeZoneChange })] })), preview !== '' && _jsx("span", { className: css.schedulePreview, children: preview }), _jsx("button", { type: "button", className: css.clearButton, "aria-label": t('schedule.clear'), onClick: onClear, children: _jsx(IconTrashOutline16, { size: 14 }) })] }) }));
+}

package/lib/types/client/ScheduledTaskCreate.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 新建定时任务 create/edit view (the drawer body): the inline schedule editor
+ * (每小时/每天/每周/每月/自定义), title, the instruction Prompt, project (DSH
+ * workspace), confirm-before-change toggle, and model selection.
+ */
+import type { ScheduledTaskCreateInput, ScheduledTaskView } from '@qihongmu/dsh-plugins-scheduled-task/types';
+import type { ScheduledTaskModelOption, ScheduledTaskProjectOption } from './slots.ts';
+import type { ScheduledTaskTranslate } from './format.ts';
+export interface ScheduledTaskCreateProps {
+    readonly t: ScheduledTaskTranslate;
+    readonly busy: boolean;
+    /** Present in edit mode; absent creates a new task. */
+    readonly task?: ScheduledTaskView | undefined;
+    readonly listProjects: () => Promise<readonly ScheduledTaskProjectOption[]>;
+    readonly listModels: () => Promise<readonly ScheduledTaskModelOption[]>;
+    readonly onCancel: () => void;
+    readonly onSubmit: (input: ScheduledTaskCreateInput) => Promise<{
+        ok: true;
+    } | {
+        ok: false;
+        message: string;
+    }>;
+}
+/** Render the create/edit scheduled-task form. */
+export declare function ScheduledTaskCreate({ t, busy, task, listProjects, listModels, onCancel, onSubmit, }: ScheduledTaskCreateProps): import("react").JSX.Element;
+//# sourceMappingURL=ScheduledTaskCreate.d.ts.map

package/lib/types/client/ScheduledTaskCreate.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 新建定时任务 create/edit view (the drawer body): the inline schedule editor
+ * (每小时/每天/每周/每月/自定义), title, the instruction Prompt, project (DSH
+ * workspace), confirm-before-change toggle, and model selection.
+ */
+import { useEffect, useState } from 'react';
+import { ScheduleEditor, TimezoneField } from "./ScheduleEditor.js";
+import css from './ScheduledTasksPanel.module.css';
+/** Local zone used as the default for daily/weekly/monthly. */
+function localTimeZone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+/** Weekday set assumed when a stored rule does not carry one (Mon–Fri). */
+const WORKDAYS = [1, 2, 3, 4, 5];
+/** Neutral editor state shared by every preset before its own overrides. */
+const DEFAULT_SCHEDULE = {
+    customKind: 'at',
+    minute: '00',
+    time: '09:00',
+    timeZone: localTimeZone(),
+    weekdays: [...WORKDAYS],
+    dayOfMonth: '1',
+};
+/** Resolve the editor state from an edit task (or create defaults). */
+function initialSchedule(task) {
+    const base = { ...DEFAULT_SCHEDULE, timeZone: localTimeZone() };
+    if (task === undefined)
+        return { ...base, preset: '' };
+    const rule = task.rule;
+    switch (rule.kind) {
+        case 'hourly':
+            return { ...base, preset: 'hourly', minute: String(rule.minute).padStart(2, '0') };
+        case 'daily':
+            return { ...base, preset: 'daily', time: rule.time, timeZone: rule.time_zone };
+        case 'weekly':
+            return { ...base, preset: 'weekly', time: rule.time, timeZone: rule.time_zone, weekdays: [...rule.weekdays] };
+        case 'monthly':
+            return { ...base, preset: 'monthly', time: rule.time, timeZone: rule.time_zone, dayOfMonth: String(rule.dayOfMonth) };
+        case 'every':
+            return { ...base, preset: 'custom', customKind: 'every' };
+        case 'after':
+            return { ...base, preset: 'custom', customKind: 'after' };
+        case 'at':
+            return { ...base, preset: 'custom', customKind: 'at' };
+    }
+}
+/** Validate an `HH:mm` string. */
+function isTime(time) {
+    return /^([01]\d|2[0-3]):([0-5]\d)$/.test(time);
+}
+/**
+ * Split a `<providerId>/<modelId>` option key at the FIRST slash — model ids may
+ * themselves contain slashes (e.g. openrouter's `stealth/ox-alpha`), so a naive
+ * `split('/')` would truncate the model id.
+ */
+function parseModelKey(key) {
+    const at = key.indexOf('/');
+    if (at <= 0 || at === key.length - 1)
+        return undefined;
+    return { provider: key.slice(0, at), model: key.slice(at + 1) };
+}
+const IDLE_OPTIONS = { status: 'loading', items: [], error: '' };
+/** Render the create/edit scheduled-task form. */
+export function ScheduledTaskCreate({ t, busy, task, listProjects, listModels, onCancel, onSubmit, }) {
+    const [title, setTitle] = useState(task?.title ?? '');
+    const [prompt, setPrompt] = useState(task?.prompt ?? '');
+    const [schedule, setSchedule] = useState(() => initialSchedule(task));
+    const [date, setDate] = useState('');
+    const [atTime, setAtTime] = useState('');
+    const [afterSeconds, setAfterSeconds] = useState('60');
+    const [everySeconds, setEverySeconds] = useState('300');
+    const [projectKey, setProjectKey] = useState(task?.workspaceId ?? '');
+    const [modelKey, setModelKey] = useState(task?.model === undefined ? '' : `${task.model.provider}/${task.model.model}`);
+    const [confirmBeforeChange, setConfirmBeforeChange] = useState(task?.confirmBeforeChange ?? false);
+    const [projects, setProjects] = useState(IDLE_OPTIONS);
+    const [models, setModels] = useState(IDLE_OPTIONS);
+    const [formError, setFormError] = useState(null);
+    const { preset, customKind, minute, time, timeZone, weekdays, dayOfMonth } = schedule;
+    // Edit-mode `at` rules prefill the calendar fields from the stored instant.
+    useEffect(() => {
+        if (task?.rule.kind !== 'at')
+            return;
+        const at = new Date(task.rule.scheduledAt);
+        setDate([at.getFullYear(), String(at.getMonth() + 1).padStart(2, '0'), String(at.getDate()).padStart(2, '0')].join('-'));
+        setAtTime(`${String(at.getHours()).padStart(2, '0')}:${String(at.getMinutes()).padStart(2, '0')}`);
+    }, [task]);
+    // Load the two option catalogs once; failures keep the fields optional.
+    useEffect(() => {
+        let alive = true;
+        listProjects().then(items => { if (alive)
+            setProjects({ status: 'ready', items }); }, error => {
+            if (alive)
+                setProjects({ status: 'failed', items: [], error: error instanceof Error ? error.message : String(error) });
+        });
+        listModels().then(items => { if (alive)
+            setModels({ status: 'ready', items }); }, error => {
+            if (alive)
+                setModels({ status: 'failed', items: [], error: error instanceof Error ? error.message : String(error) });
+        });
+        return () => { alive = false; };
+    }, [listProjects, listModels]);
+    const patchSchedule = (patch) => {
+        setSchedule(current => ({ ...current, ...patch }));
+    };
+    const setPreset = (next) => { patchSchedule({ preset: next }); };
+    const selectorValid = (() => {
+        switch (preset) {
+            case '':
+                return false;
+            case 'hourly':
+                return /^\d{1,2}$/.test(minute) && Number(minute) >= 0 && Number(minute) <= 59;
+            case 'daily':
+                return isTime(time) && timeZone.trim() !== '';
+            case 'weekly':
+                return weekdays.length > 0 && isTime(time) && timeZone.trim() !== '';
+            case 'monthly':
+                return isTime(time) && timeZone.trim() !== '' && Number(dayOfMonth) >= 1 && Number(dayOfMonth) <= 31;
+            case 'custom':
+                switch (customKind) {
+                    case 'at':
+                        return date !== '' && atTime !== '' && timeZone.trim() !== '';
+                    case 'after':
+                        return Number.isInteger(Number(afterSeconds)) && Number(afterSeconds) > 0;
+                    case 'every':
+                        return Number.isInteger(Number(everySeconds)) && Number(everySeconds) >= 300;
+                }
+        }
+    })();
+    /** Build the wire selector object (not including title/prompt/carry). */
+    const buildSelector = () => {
+        switch (preset) {
+            case '':
+                return undefined;
+            case 'hourly':
+                return { hourly: { minute: Number(minute) } };
+            case 'daily':
+                return { daily: { time, time_zone: timeZone.trim() } };
+            case 'weekly':
+                return { weekly: { weekdays, time, time_zone: timeZone.trim() } };
+            case 'monthly':
+                return { monthly: { dayOfMonth: Number(dayOfMonth), time, time_zone: timeZone.trim() } };
+            case 'custom':
+                if (customKind === 'at')
+                    return { at: { date, time: atTime, time_zone: timeZone.trim() } };
+                if (customKind === 'after')
+                    return { after_seconds: Number(afterSeconds) };
+                return { every_seconds: Number(everySeconds) };
+        }
+    };
+    /** Assemble the wire input from the form state. */
+    const buildInput = () => {
+        if (!selectorValid)
+            return undefined;
+        const trimmedPrompt = prompt.trim();
+        const effectiveTitle = title.trim() !== '' ? title.trim() : trimmedPrompt.slice(0, 40);
+        const project = projects.items.find(item => item.workspaceId === projectKey);
+        const model = modelKey === '' ? undefined : parseModelKey(modelKey);
+        const base = {
+            title: effectiveTitle,
+            prompt: trimmedPrompt,
+            confirmBeforeChange,
+            ...(project === undefined ? {} : { workspaceId: project.workspaceId, cwd: project.path }),
+        };
+        if (model !== undefined)
+            base.model = model;
+        const selector = buildSelector();
+        return { ...base, ...(selector === undefined ? {} : selector) };
+    };
+    const submit = async () => {
+        if (prompt.trim() === '') {
+            setFormError(t('form.prompt.required'));
+            return;
+        }
+        const input = buildInput();
+        if (input === undefined)
+            return;
+        setFormError(null);
+        const result = await onSubmit(input);
+        if (!result.ok)
+            setFormError(result.message);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.head, children: [_jsx("h2", { className: css.title, children: task === undefined ? t('create.title') : t('create.editTitle') }), _jsxs("div", { className: css.headActions, children: [_jsx("button", { type: "button", className: css.ghostButton, disabled: busy, onClick: onCancel, children: t('form.cancel') }), _jsx("button", { type: "button", className: css.primaryButton, disabled: busy || prompt.trim() === '' || !selectorValid, onClick: () => { void submit(); }, children: busy ? t('form.submitBusy') : task === undefined ? t('create.submit') : t('create.save') })] })] }), _jsx("p", { className: css.subtitle, children: t('create.subtitle') }), _jsxs("div", { className: `${css.body} ${css.formBody}`, children: [_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.title.label') }), _jsx("input", { className: css.textInput, value: title, onChange: (event) => { setTitle(event.target.value); }, placeholder: t('form.title.placeholder') })] }), _jsxs("div", { className: css.fieldLine, children: [_jsx("span", { children: t('form.schedule.label') }), _jsx(ScheduleEditor, { t: t, preset: preset, minute: minute, time: time, timeZone: timeZone, weekdays: weekdays, dayOfMonth: dayOfMonth, onPresetChange: setPreset, onMinuteChange: (value) => { patchSchedule({ minute: value }); }, onTimeChange: (value) => { patchSchedule({ time: value }); }, onWeekdaysChange: (value) => { patchSchedule({ weekdays: value }); }, onDayOfMonthChange: (value) => { patchSchedule({ dayOfMonth: value }); }, onTimeZoneChange: (value) => { patchSchedule({ timeZone: value }); }, onClear: () => { patchSchedule({ preset: '' }); } }), !selectorValid && (_jsx("span", { className: css.fieldHint, children: preset === '' ? t('form.schedule.required') : t('form.schedule.invalid') }))] }), preset === 'custom' && (_jsxs("div", { className: `${css.formBody} ${css.customGroup}`, children: [_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.schedule.label') }), _jsxs("select", { className: css.textInput, value: customKind, onChange: (event) => { patchSchedule({ customKind: event.target.value }); }, children: [_jsx("option", { value: "at", children: t('form.kind.once') }), _jsx("option", { value: "after", children: t('form.kind.delay') }), customKind === 'every' && _jsx("option", { value: "every", disabled: true, children: t('form.kind.interval') })] })] }), customKind === 'at' && (_jsxs(_Fragment, { children: [_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.date') }), _jsx("input", { className: css.textInput, type: "date", value: date, onChange: (event) => { setDate(event.target.value); } })] }), _jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.time') }), _jsx("input", { className: css.textInput, type: "time", value: atTime, onChange: (event) => { setAtTime(event.target.value); } })] }), _jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.timeZone') }), _jsx(TimezoneField, { t: t, value: timeZone, onChange: (value) => { patchSchedule({ timeZone: value }); } })] })] })), customKind === 'after' && (_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.afterSeconds') }), _jsx("input", { className: css.textInput, type: "number", min: 1, value: afterSeconds, onChange: (event) => { setAfterSeconds(event.target.value); } })] })), customKind === 'every' && (_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.everySeconds') }), _jsx("input", { className: css.textInput, type: "number", min: 300, value: everySeconds, onChange: (event) => { setEverySeconds(event.target.value); } })] }))] })), _jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.prompt.label') }), _jsx("textarea", { className: css.textArea, value: prompt, onChange: (event) => { setPrompt(event.target.value); }, placeholder: t('form.prompt.placeholder') })] }), _jsxs("div", { className: css.bottomBar, children: [_jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.project.label') }), _jsxs("select", { className: css.textInput, value: projectKey, disabled: projects.status !== 'ready', onChange: (event) => { setProjectKey(event.target.value); }, children: [_jsx("option", { value: "", children: projects.status === 'loading'
+                                                    ? t('form.project.loading')
+                                                    : projects.status === 'failed'
+                                                        ? t('form.project.failed', { message: projects.error ?? '' })
+                                                        : t('form.project.none') }), projects.items.map(item => (_jsx("option", { value: item.workspaceId, children: item.title }, item.workspaceId)))] })] }), _jsxs("div", { className: css.switchRow, children: [_jsxs("div", { className: css.switchCopy, children: [_jsx("span", { children: t('form.confirm.label') }), _jsx("span", { className: css.hint, children: t('form.confirm.hint') })] }), _jsx("button", { type: "button", className: css.switch, "data-on": confirmBeforeChange || undefined, role: "switch", "aria-checked": confirmBeforeChange, "aria-label": t('form.confirm.label'), onClick: () => { setConfirmBeforeChange(value => !value); } })] }), _jsxs("label", { className: css.fieldLine, children: [_jsx("span", { children: t('form.model.label') }), _jsxs("select", { className: css.textInput, value: modelKey, disabled: models.status !== 'ready', onChange: (event) => { setModelKey(event.target.value); }, children: [_jsx("option", { value: "", children: models.status === 'loading'
+                                                    ? t('form.model.loading')
+                                                    : models.status === 'failed'
+                                                        ? t('form.model.failed', { message: models.error ?? '' })
+                                                        : models.items.length === 0
+                                                            ? t('form.model.empty')
+                                                            : t('form.model.default') }), models.items.map(item => (_jsxs("option", { value: `${item.providerId}/${item.modelId}`, children: [item.providerName, "/", item.modelName] }, `${item.providerId}/${item.modelId}`)))] })] })] }), formError !== null && _jsx("p", { className: css.readError, role: "alert", children: formError })] })] }));
+}

package/lib/types/client/ScheduledTasksList.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 已安排的任务 list view (the drawer body): search box, status filter tabs, and
+ * the task rows with hover-revealed actions over the Remote.
+ */
+import type { ScheduledTaskSettableStatus, ScheduledTaskView } from '@qihongmu/dsh-plugins-scheduled-task/types';
+import type { ScheduledTaskTranslate } from './format.ts';
+export interface ScheduledTasksListProps {
+    readonly t: ScheduledTaskTranslate;
+    readonly tasks: readonly ScheduledTaskView[];
+    readonly busy: boolean;
+    readonly onCreate: () => void;
+    readonly onClose: () => void;
+    readonly onEdit: (task: ScheduledTaskView) => void;
+    readonly onSetStatus: (task: ScheduledTaskView, status: ScheduledTaskSettableStatus) => void;
+    readonly onDelete: (task: ScheduledTaskView) => void;
+    readonly onMarkRead: (task: ScheduledTaskView) => void;
+}
+/** Render the scheduled-tasks list view. */
+export declare function ScheduledTasksList({ t, tasks, busy, onCreate, onClose, onEdit, onSetStatus, onDelete, onMarkRead, }: ScheduledTasksListProps): import("react").JSX.Element;
+//# sourceMappingURL=ScheduledTasksList.d.ts.map

package/lib/types/client/ScheduledTasksList.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 已安排的任务 list view (the drawer body): search box, status filter tabs, and
+ * the task rows with hover-revealed actions over the Remote.
+ */
+import { useState } from 'react';
+import { IconCloseOutline16, IconEditOutline16, IconPauseOutline16, IconPlayOutline16, IconPlusOutline16, IconSearchOutline16, IconTrashOutline16, Tooltip, } from '@deepseek-ai/dsh-client-ui-primitives';
+import { localizedDate, ruleSummary } from "./format.js";
+import css from './ScheduledTasksPanel.module.css';
+const FILTER_LABELS = {
+    all: 'filter.all',
+    active: 'filter.active',
+    paused: 'filter.paused',
+};
+const STATUS_LABELS = {
+    active: 'row.status.active',
+    paused: 'row.status.paused',
+    completed: 'row.status.completed',
+};
+/** Row action wrapper: a tooltip over a compact icon button. */
+function RowAction({ label, children, ...props }) {
+    return (_jsx(Tooltip, { label: label, side: "bottom", delayMs: 500, children: _jsx("button", { type: "button", className: css.actionButton, "aria-label": label, ...props, children: children }) }));
+}
+/** Render the scheduled-tasks list view. */
+export function ScheduledTasksList({ t, tasks, busy, onCreate, onClose, onEdit, onSetStatus, onDelete, onMarkRead, }) {
+    const [search, setSearch] = useState('');
+    const [filter, setFilter] = useState('all');
+    const query = search.trim().toLowerCase();
+    const filtered = tasks.filter(task => {
+        if (filter === 'active' && task.status !== 'active')
+            return false;
+        if (filter === 'paused' && task.status !== 'paused')
+            return false;
+        if (query !== '' && !task.title.toLowerCase().includes(query))
+            return false;
+        return true;
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs("header", { className: css.head, children: [_jsx("h2", { className: css.title, children: t('panel.title') }), _jsxs("div", { className: css.headActions, children: [_jsxs("button", { type: "button", className: css.primaryButton, onClick: onCreate, children: [_jsx(IconPlusOutline16, { size: 14 }), _jsx("span", { children: t('action.create') })] }), _jsx(Tooltip, { label: t('drawer.close'), side: "bottom", delayMs: 500, children: _jsx("button", { type: "button", className: css.closeButton, "aria-label": t('drawer.close'), onClick: onClose, children: _jsx(IconCloseOutline16, { size: 16 }) }) })] })] }), _jsx("p", { className: css.subtitle, children: t('panel.subtitle') }), _jsx("div", { className: css.toolbar, children: _jsxs("label", { className: css.searchBox, children: [_jsx(IconSearchOutline16, { size: 14 }), _jsx("input", { className: css.searchInput, value: search, onChange: (event) => { setSearch(event.target.value); }, placeholder: t('search.placeholder') })] }) }), _jsx("nav", { className: css.tabs, "aria-label": t('panel.title'), children: Object.keys(FILTER_LABELS).map(item => (_jsx("button", { type: "button", className: css.tab, "data-active": filter === item || undefined, onClick: () => { setFilter(item); }, children: t(FILTER_LABELS[item]) }, item))) }), _jsxs("div", { className: css.body, children: [filtered.length === 0 && (_jsx("p", { className: css.note, children: t('panel.empty') })), filtered.length > 0 && (_jsx("ul", { className: css.rows, children: filtered.map(task => (_jsxs("li", { className: css.row, children: [_jsx("span", { className: css.statusDot, "data-status": task.status, role: "img", "aria-label": t(STATUS_LABELS[task.status]) }), _jsxs("div", { className: css.rowMain, "data-unread": task.unread || undefined, role: task.unread ? 'button' : undefined, tabIndex: task.unread ? 0 : undefined, "aria-label": task.unread ? t('action.markRead') : undefined, onClick: () => { if (task.unread && !busy)
+                                        onMarkRead(task); }, onKeyDown: (event) => {
+                                        if (task.unread && !busy && (event.key === 'Enter' || event.key === ' ')) {
+                                            event.preventDefault();
+                                            onMarkRead(task);
+                                        }
+                                    }, children: [_jsxs("div", { className: css.rowHead, children: [task.unread && _jsx("span", { className: css.unreadDot }), _jsx("span", { className: css.rowTitle, children: task.title })] }), _jsxs("div", { className: css.rowMeta, children: [_jsx("span", { className: css.rowSchedule, children: ruleSummary(task.rule, t) }), task.nextRunAt !== undefined && task.status !== 'completed' && (_jsx("span", { className: css.rowNext, children: t('row.next', { time: localizedDate(task.nextRunAt) }) })), task.state === 'overdue' && _jsx("span", { className: css.rowOverdue, children: t('row.state.overdue') }), task.lastError !== undefined && (_jsx("span", { className: css.rowLastError, title: `${task.lastError.at} — ${task.lastError.message}`, children: t('row.lastError') })), _jsx("span", { className: css.rowStatus, "data-state": task.state, children: t(STATUS_LABELS[task.status]) })] })] }), _jsxs("div", { className: css.rowActions, children: [task.status === 'active' && (_jsx(RowAction, { label: t('action.pause'), disabled: busy, onClick: () => { onSetStatus(task, 'paused'); }, children: _jsx(IconPauseOutline16, { size: 14 }) })), task.status === 'paused' && (_jsx(RowAction, { label: t('action.resume'), disabled: busy, onClick: () => { onSetStatus(task, 'active'); }, children: _jsx(IconPlayOutline16, { size: 14 }) })), _jsx(RowAction, { label: t('action.edit'), disabled: busy, onClick: () => { onEdit(task); }, children: _jsx(IconEditOutline16, { size: 14 }) }), _jsx(RowAction, { label: t('action.delete'), disabled: busy, onClick: () => { onDelete(task); }, children: _jsx(IconTrashOutline16, { size: 14 }) })] })] }, task.id))) }))] })] }));
+}

package/lib/types/client/ScheduledTasksPanel.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Global scheduled-task panel shell (external plugin): the sidebar footer
+ * trigger opens a right-docked drawer hosting two views — the 已安排的任务
+ * history list (search/filter/create) and the 新建定时任务 form — over the
+ * Remote's list/create/update/setStatus/delete/markRead surface.
+ */
+import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { ScheduledTasksPanelFace } from './slots.ts';
+/** Full panel props composed by the sidebar footer-action slot. */
+export type ScheduledTasksPanelProps = PropsRuntime<'sidebar.footer.action'> & InjectFace<ScheduledTasksPanelFace> & PropsLocale<'scheduled-tasks'>;
+/** Render the scheduled-tasks trigger and its right-side drawer. */
+export declare function ScheduledTasksPanel({ wide, remote, listProjects, listModels, t }: ScheduledTasksPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ScheduledTasksPanel.d.ts.map

package/lib/types/client/ScheduledTasksPanel.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Global scheduled-task panel shell (external plugin): the sidebar footer
+ * trigger opens a right-docked drawer hosting two views — the 已安排的任务
+ * history list (search/filter/create) and the 新建定时任务 form — over the
+ * Remote's list/create/update/setStatus/delete/markRead surface.
+ */
+import { useEffect, useState } from 'react';
+import { IconRefreshOutline16 } from '@deepseek-ai/dsh-client-ui-primitives';
+import { ScheduledTaskCreate } from "./ScheduledTaskCreate.js";
+import { ScheduledTasksList } from "./ScheduledTasksList.js";
+import css from './ScheduledTasksPanel.module.css';
+/** Unwrap one Typert envelope; a falsey `ok` keeps the inner error message. */
+function unwrap(answered) {
+    if (!answered.ok)
+        return { ok: false, message: `${answered.error.code}: ${answered.error.message}` };
+    return { ok: true, value: answered.value };
+}
+/** Render the scheduled-tasks trigger and its right-side drawer. */
+export function ScheduledTasksPanel({ wide, remote, listProjects, listModels, t }) {
+    const [open, setOpen] = useState(false);
+    const [view, setView] = useState('list');
+    const [tasks, setTasks] = useState([]);
+    const [read, setRead] = useState(false);
+    const [error, setError] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [editingId, setEditingId] = useState(null);
+    const unread = tasks.filter(task => task.unread).length;
+    const refresh = async () => {
+        // Transport-level failures REJECT (envelope failures resolve); catch both
+        // so the drawer never sticks on the loading state with an unhandled rejection.
+        try {
+            const answered = await remote.list();
+            const envelope = unwrap(answered);
+            if (!envelope.ok) {
+                setRead(true);
+                setError(envelope.message);
+                setTasks([]);
+                return;
+            }
+            setRead(true);
+            setError(null);
+            setTasks(envelope.value);
+        }
+        catch (caught) {
+            setRead(true);
+            setError(t('panel.readFailed', { message: caught instanceof Error ? caught.message : String(caught) }));
+            setTasks([]);
+        }
+    };
+    useEffect(() => {
+        if (open)
+            void refresh();
+    }, [open]);
+    // Esc closes the drawer from either view.
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (event) => {
+            if (event.key === 'Escape')
+                setOpen(false);
+        };
+        window.addEventListener('keydown', onKey);
+        return () => { window.removeEventListener('keydown', onKey); };
+    }, [open]);
+    const openList = () => {
+        setEditingId(null);
+        setView('list');
+    };
+    const runMutation = async (action) => {
+        if (busy)
+            return;
+        setBusy(true);
+        try {
+            await action();
+            setError(null);
+        }
+        catch (caught) {
+            setError(caught instanceof Error ? caught.message : String(caught));
+        }
+        finally {
+            setBusy(false);
+            try {
+                await refresh();
+            }
+            catch { /* refresh reports its own errors */ }
+        }
+    };
+    const setStatus = (task, status) => {
+        void runMutation(async () => {
+            const next = unwrap(await remote.setStatus(task.id, status));
+            if (!next.ok)
+                throw new Error(next.message);
+            if (!next.value.ok)
+                throw new Error(`${next.value.code}: ${next.value.message}`);
+        });
+    };
+    const removeTask = (task) => {
+        void runMutation(async () => {
+            const next = unwrap(await remote.delete(task.id));
+            if (!next.ok)
+                throw new Error(next.message);
+            if (!next.value.ok)
+                throw new Error(`${next.value.code}: ${next.value.message}`);
+        });
+    };
+    const markRead = (task) => {
+        void runMutation(async () => {
+            const next = unwrap(await remote.markRead(task.id));
+            if (!next.ok)
+                throw new Error(next.message);
+        });
+    };
+    /** Create or update from the create view; errors surface inside the form. */
+    const submit = async (input) => {
+        let answered;
+        try {
+            answered = editingId === null ? await remote.create(input) : await remote.update(editingId, input);
+        }
+        catch (caught) {
+            return { ok: false, message: caught instanceof Error ? caught.message : String(caught) };
+        }
+        const envelope = unwrap(answered);
+        if (!envelope.ok)
+            return { ok: false, message: envelope.message };
+        if (!envelope.value.ok)
+            return { ok: false, message: `${envelope.value.code}: ${envelope.value.message}` };
+        openList();
+        void refresh();
+        return { ok: true };
+    };
+    const editing = editingId === null ? undefined : tasks.find(task => task.id === editingId);
+    return (_jsxs("div", { className: wide ? css.layer : `${css.layer} ${css.rail}`, children: [open && (_jsxs(_Fragment, { children: [_jsx("div", { className: css.backdrop, onClick: () => { setOpen(false); } }), _jsxs("section", { className: css.drawer, "aria-label": t('panel.title'), children: [view === 'list' ? (_jsx(ScheduledTasksList, { t: t, tasks: tasks, busy: busy, onCreate: () => { setEditingId(null); setView('create'); }, onClose: () => { setOpen(false); }, onEdit: (task) => { setEditingId(task.id); setView('create'); }, onSetStatus: setStatus, onDelete: removeTask, onMarkRead: markRead })) : (_jsx(ScheduledTaskCreate, { t: t, busy: busy, task: editing, listProjects: listProjects, listModels: listModels, onCancel: openList, onSubmit: submit }, editingId ?? 'new')), error !== null && (_jsx("p", { className: `${css.readError} ${css.drawerError}`, role: "alert", children: t('panel.readFailed', { message: error }) })), !read && _jsx("p", { className: `${css.note} ${css.drawerError}`, children: t('panel.loading') })] })] })), _jsx("div", { className: css.footerButtons, children: _jsxs("button", { type: "button", className: css.badge, "data-active": open || undefined, "aria-label": t('trigger.aria'), "aria-expanded": open, onClick: () => { setOpen(current => !current); }, children: [_jsx(IconRefreshOutline16, {}), wide && _jsx("span", { className: css.badgeLabel, children: t('trigger.label') }), unread > 0 && _jsx("span", { className: css.badgeCount, children: unread })] }) })] }));
+}

package/lib/types/client/format.d.ts

@@ -0,0 +1,14 @@
+/** Shared formatting helpers for the scheduled-tasks UI. */
+import type { ScheduledTaskRule } from '@qihongmu/dsh-plugins-scheduled-task/types';
+import type { TranslateNS } from '@deepseek-ai/dsh-client-ui-slots';
+/** The namespace-bound translate seat shared by the panel's views. */
+export type ScheduledTaskTranslate = TranslateNS<'scheduled-tasks'>;
+/** Format a wire ISO timestamp in the browser's default zone. */
+export declare function localizedDate(value: string | undefined): string;
+/** Humanize a whole-second duration through the duration dictionary keys. */
+export declare function humanizeDuration(t: ScheduledTaskTranslate, seconds: number): string;
+/** Join localized weekday names with the locale's list separator. */
+export declare function weekdaySummary(t: ScheduledTaskTranslate, days: readonly number[]): string;
+/** Localize one schedule rule into a one-line summary (list rows, previews). */
+export declare function ruleSummary(rule: ScheduledTaskRule, t: ScheduledTaskTranslate): string;
+//# sourceMappingURL=format.d.ts.map