diff --git a/src/constant/menus.ts b/src/constant/menus.ts
index 1461af6..4840a07 100644
--- a/src/constant/menus.ts
+++ b/src/constant/menus.ts
@@ -1,4 +1,4 @@
-import { RiHomeLine, RiFileEditLine, RiCpuLine, RiSettingsLine, RiPuzzle2Line } from '@remixicon/vue'
+import { RiHomeLine, RiFileEditLine, RiCpuLine, RiSettingsLine, RiPuzzle2Line, RiTimeLine } from '@remixicon/vue'
// 菜单列表申明
export interface MenuItem {
@@ -45,6 +45,14 @@ export const menus: MenuItem[] = [
},
{
id: 5,
+ name: '定时任务',
+ icon: RiTimeLine,
+ color: '#525866',
+ activeColor: '#2B7FFF',
+ url: '/cron',
+ },
+ {
+ id: 6,
name: '设置',
icon: RiSettingsLine,
color: '#525866',
diff --git a/src/i18n/constants.ts b/src/i18n/constants.ts
index 5e4c0b6..203e118 100644
--- a/src/i18n/constants.ts
+++ b/src/i18n/constants.ts
@@ -21,5 +21,6 @@ export const NAMESPACES = [
'component',
'models',
'skills',
+ 'cron',
] as const;
export type Namespace = (typeof NAMESPACES)[number];
\ No newline at end of file
diff --git a/src/i18n/locales/en/cron.json b/src/i18n/locales/en/cron.json
new file mode 100644
index 0000000..0f47d6b
--- /dev/null
+++ b/src/i18n/locales/en/cron.json
@@ -0,0 +1,97 @@
+{
+ "title": "Scheduled Tasks",
+ "subtitle": "Automate AI workflows with scheduled tasks",
+ "newTask": "New Task",
+ "refresh": "Refresh",
+ "stats": {
+ "total": "Total Tasks",
+ "active": "Active",
+ "paused": "Paused",
+ "failed": "Failed"
+ },
+ "empty": {
+ "title": "No scheduled tasks",
+ "description": "Create scheduled tasks to automate AI workflows. Tasks can send messages, run queries, or perform actions at specified times.",
+ "create": "Create Your First Task"
+ },
+ "card": {
+ "runNow": "Run Now",
+ "deleteConfirm": "Are you sure you want to delete this task?",
+ "last": "Last",
+ "next": "Next"
+ },
+ "dialog": {
+ "createTitle": "Create Task",
+ "editTitle": "Edit Task",
+ "description": "Schedule an automated AI task",
+ "taskName": "Task Name",
+ "taskNamePlaceholder": "e.g., Morning briefing",
+ "message": "Message / Prompt",
+ "messagePlaceholder": "What should the AI do? e.g., Give me a summary of today's news and weather",
+ "schedule": "Schedule",
+ "cronPlaceholder": "Cron expression (e.g., 0 9 * * *)",
+ "usePresets": "Use presets",
+ "useCustomCron": "Use custom cron",
+ "deliveryTitle": "Delivery",
+ "deliveryDescription": "Choose whether this task stays in the app or is pushed to an external channel.",
+ "deliveryModeNone": "In app only",
+ "deliveryModeNoneDesc": "Run the task and keep the result in the app.",
+ "deliveryModeAnnounce": "External channel",
+ "deliveryModeAnnounceDesc": "Send the final result through a configured channel.",
+ "deliveryChannel": "Channel",
+ "channelUnsupportedTag": "Unsupported",
+ "deliveryAccount": "Sending Account",
+ "selectDeliveryAccount": "Select an account",
+ "deliveryAccountDesc": "Uses the same configured account list shown on the Channels page.",
+ "selectChannel": "Select a channel",
+ "deliveryChannelUnsupported": "{{channel}} does not currently support scheduled outbound delivery.",
+ "deliveryDefaultAccountHint": "Uses the channel's default account: {{account}}",
+ "deliveryTarget": "Recipient / Target",
+ "selectDeliveryTarget": "Select a delivery target",
+ "loadingTargets": "Loading targets...",
+ "currentTarget": "Current target",
+ "noDeliveryTargets": "No delivery targets are available for the selected {{channel}} account.",
+ "deliveryTargetDescAuto": "Select from targets discovered for the chosen channel account.",
+ "enableImmediately": "Enable immediately",
+ "enableImmediatelyDesc": "Start running this task after creation",
+ "saveChanges": "Save Changes"
+ },
+ "presets": {
+ "everyMinute": "Every minute",
+ "every5Min": "Every 5 minutes",
+ "every15Min": "Every 15 minutes",
+ "everyHour": "Every hour",
+ "daily9am": "Daily at 9am",
+ "daily6pm": "Daily at 6pm",
+ "weeklyMon": "Weekly (Mon 9am)",
+ "monthly1st": "Monthly (1st at 9am)"
+ },
+ "toast": {
+ "created": "Task created",
+ "updated": "Task updated",
+ "enabled": "Task enabled",
+ "paused": "Task paused",
+ "deleted": "Task deleted",
+ "triggered": "Task triggered successfully",
+ "failedTrigger": "Failed to trigger task: {{error}}",
+ "failedUpdate": "Failed to update task",
+ "failedDelete": "Failed to delete task",
+ "nameRequired": "Please enter a task name",
+ "messageRequired": "Please enter a message",
+ "channelRequired": "Please select a channel",
+ "deliveryChannelUnsupported": "{{channel}} does not support scheduled delivery yet",
+ "deliveryTargetRequired": "Please enter a delivery target",
+ "scheduleRequired": "Please select or enter a schedule"
+ },
+ "schedule": {
+ "everySeconds": "Every {{count}}s",
+ "everyMinutes": "Every {{count}} minutes",
+ "everyHours": "Every {{count}} hours",
+ "everyDays": "Every {{count}} days",
+ "onceAt": "Once at {{time}}",
+ "weeklyAt": "Weekly on {{day}} at {{time}}",
+ "monthlyAtDay": "Monthly on day {{day}} at {{time}}",
+ "dailyAt": "Daily at {{time}}",
+ "unknown": "Unknown"
+ }
+}
diff --git a/src/i18n/locales/ja/cron.json b/src/i18n/locales/ja/cron.json
new file mode 100644
index 0000000..45dabf1
--- /dev/null
+++ b/src/i18n/locales/ja/cron.json
@@ -0,0 +1,94 @@
+{
+ "title": "定期タスク",
+ "subtitle": "定期タスクでAIワークフローを自動化",
+ "newTask": "新規タスク",
+ "refresh": "更新",
+ "stats": {
+ "total": "タスク合計",
+ "active": "有効",
+ "paused": "停止中",
+ "failed": "失敗"
+ },
+ "empty": {
+ "title": "定期タスクがありません",
+ "description": "定期タスクを作成してAIワークフローを自動化します。指定した時間にメッセージ送信、クエリ実行、アクション実行が可能です。",
+ "create": "最初のタスクを作成"
+ },
+ "card": {
+ "runNow": "今すぐ実行",
+ "deleteConfirm": "このタスクを削除してもよろしいですか？",
+ "last": "前回",
+ "next": "次回"
+ },
+ "dialog": {
+ "createTitle": "タスク作成",
+ "editTitle": "タスク編集",
+ "description": "自動化AIタスクをスケジュール",
+ "taskName": "タスク名",
+ "taskNamePlaceholder": "例：朝のブリーフィング",
+ "message": "メッセージ / プロンプト",
+ "messagePlaceholder": "AIに何をさせますか？ 例：今日のニュースと天気のまとめを作成",
+ "schedule": "スケジュール",
+ "cronPlaceholder": "Cron式（例：0 9 * * *）",
+ "usePresets": "プリセットを使用",
+ "useCustomCron": "カスタムCronを使用",
+ "deliveryTitle": "配信設定",
+ "deliveryDescription": "結果をアプリ内だけに残すか、外部チャンネルへ送信するかを選びます。",
+ "deliveryModeNone": "アプリ内のみ",
+ "deliveryModeNoneDesc": "タスクを実行し、結果はアプリ内だけに残します。",
+ "deliveryModeAnnounce": "外部チャンネル",
+ "deliveryModeAnnounceDesc": "最終結果を設定済みチャンネルへ送信します。",
+ "deliveryChannel": "チャンネル",
+ "deliveryAccount": "送信アカウント",
+ "selectDeliveryAccount": "アカウントを選択",
+ "deliveryAccountDesc": "Channels ページと同じ設定済みアカウント一覧を使います。",
+ "selectChannel": "チャンネルを選択",
+ "deliveryDefaultAccountHint": "このチャンネルの既定アカウントを使います: {{account}}",
+ "deliveryTarget": "送信先",
+ "selectDeliveryTarget": "送信先を選択",
+ "loadingTargets": "送信先を読み込み中...",
+ "currentTarget": "現在の送信先",
+ "noDeliveryTargets": "この {{channel}} アカウントでは選択可能な送信先が見つかりませんでした。",
+ "deliveryTargetDescAuto": "選択したチャンネルアカウントで見つかった送信先から選べます。",
+ "enableImmediately": "すぐに有効化",
+ "enableImmediatelyDesc": "作成後すぐにこのタスクを実行開始",
+ "saveChanges": "変更を保存"
+ },
+ "presets": {
+ "everyMinute": "毎分",
+ "every5Min": "5分ごと",
+ "every15Min": "15分ごと",
+ "everyHour": "1時間ごと",
+ "daily9am": "毎日 午前9時",
+ "daily6pm": "毎日 午後6時",
+ "weeklyMon": "毎週 (月曜 午前9時)",
+ "monthly1st": "毎月 (1日 午前9時)"
+ },
+ "toast": {
+ "created": "タスクを作成しました",
+ "updated": "タスクを更新しました",
+ "enabled": "タスクを有効にしました",
+ "paused": "タスクを停止しました",
+ "deleted": "タスクを削除しました",
+ "triggered": "タスクを正常にトリガーしました",
+ "failedTrigger": "タスクの実行に失敗しました: {{error}}",
+ "failedUpdate": "タスクの更新に失敗しました",
+ "failedDelete": "タスクの削除に失敗しました",
+ "nameRequired": "タスク名を入力してください",
+ "messageRequired": "メッセージを入力してください",
+ "channelRequired": "チャンネルを選択してください",
+ "deliveryTargetRequired": "送信先を入力してください",
+ "scheduleRequired": "スケジュールを選択または入力してください"
+ },
+ "schedule": {
+ "everySeconds": "{{count}}秒ごと",
+ "everyMinutes": "{{count}}分ごと",
+ "everyHours": "{{count}}時間ごと",
+ "everyDays": "{{count}}日ごと",
+ "onceAt": "{{time}} に1回実行",
+ "weeklyAt": "毎週 {{day}} {{time}}",
+ "monthlyAtDay": "毎月 {{day}}日 {{time}}",
+ "dailyAt": "毎日 {{time}}",
+ "unknown": "不明"
+ }
+}
diff --git a/src/i18n/locales/zh/cron.json b/src/i18n/locales/zh/cron.json
new file mode 100644
index 0000000..56d0811
--- /dev/null
+++ b/src/i18n/locales/zh/cron.json
@@ -0,0 +1,97 @@
+{
+ "title": "定时任务",
+ "subtitle": "通过定时任务自动化 AI 工作流",
+ "newTask": "新建任务",
+ "refresh": "刷新",
+ "stats": {
+ "total": "任务总数",
+ "active": "运行中",
+ "paused": "已暂停",
+ "failed": "失败"
+ },
+ "empty": {
+ "title": "暂无定时任务",
+ "description": "创建定时任务以自动化 AI 工作流。任务可以在指定时间发送消息、运行查询或执行操作。",
+ "create": "创建第一个任务"
+ },
+ "card": {
+ "runNow": "立即运行",
+ "deleteConfirm": "确定要删除此任务吗？",
+ "last": "上次运行",
+ "next": "下次运行"
+ },
+ "dialog": {
+ "createTitle": "创建任务",
+ "editTitle": "编辑任务",
+ "description": "安排自动化的 AI 任务",
+ "taskName": "任务名称",
+ "taskNamePlaceholder": "例如：早间简报",
+ "message": "消息 / 提示词",
+ "messagePlaceholder": "AI 应该做什么？例如：给我一份今天的新闻和天气摘要",
+ "schedule": "调度计划",
+ "cronPlaceholder": "Cron 表达式 (例如：0 9 * * *)",
+ "usePresets": "使用预设",
+ "useCustomCron": "使用自定义 Cron",
+ "deliveryTitle": "投递设置",
+ "deliveryDescription": "选择仅在应用内保留结果，或把最终结果推送到外部通道。",
+ "deliveryModeNone": "仅应用内",
+ "deliveryModeNoneDesc": "任务照常运行，结果只保留在应用内。",
+ "deliveryModeAnnounce": "发送到外部通道",
+ "deliveryModeAnnounceDesc": "将最终结果投递到已配置的消息通道。",
+ "deliveryChannel": "通道",
+ "channelUnsupportedTag": "暂不支持",
+ "deliveryAccount": "发送账号",
+ "selectDeliveryAccount": "选择账号",
+ "deliveryAccountDesc": "这里直接复用 Channels 页面里的已配置账号列表。",
+ "selectChannel": "选择通道",
+ "deliveryChannelUnsupported": "{{channel}} 通道当前不支持定时任务主动投递。",
+ "deliveryDefaultAccountHint": "将使用该通道当前的默认账号：{{account}}",
+ "deliveryTarget": "接收目标",
+ "selectDeliveryTarget": "选择接收目标",
+ "loadingTargets": "正在加载目标...",
+ "currentTarget": "当前目标",
+ "noDeliveryTargets": "当前 {{channel}} 账号暂无可选投递目标。",
+ "deliveryTargetDescAuto": "这里会展示该通道账号下已发现的可投递目标。",
+ "enableImmediately": "立即启用",
+ "enableImmediatelyDesc": "创建后立即开始运行此任务",
+ "saveChanges": "保存更改"
+ },
+ "presets": {
+ "everyMinute": "每分钟",
+ "every5Min": "每 5 分钟",
+ "every15Min": "每 15 分钟",
+ "everyHour": "每小时",
+ "daily9am": "每天上午 9 点",
+ "daily6pm": "每天下午 6 点",
+ "weeklyMon": "每周 (周一上午 9 点)",
+ "monthly1st": "每月 (1号上午 9 点)"
+ },
+ "toast": {
+ "created": "任务已创建",
+ "updated": "任务已更新",
+ "enabled": "任务已启用",
+ "paused": "任务已暂停",
+ "deleted": "任务已删除",
+ "triggered": "任务已成功触发",
+ "failedTrigger": "触发任务失败: {{error}}",
+ "failedUpdate": "更新任务失败",
+ "failedDelete": "删除任务失败",
+ "nameRequired": "请输入任务名称",
+ "messageRequired": "请输入消息",
+ "channelRequired": "请选择通道",
+ "deliveryChannelUnsupported": "{{channel}} 暂不支持定时任务投递",
+ "deliveryTargetRequired": "请输入投递目标",
+ "scheduleRequired": "请选择或输入调度计划"
+ },
+ "schedule": {
+ "everySeconds": "每 {{count}} 秒",
+ "everyMinutes": "每 {{count}} 分钟",
+ "everyHours": "每 {{count}} 小时",
+ "everyDays": "每 {{count}} 天",
+ "onceAt": "执行一次，时间：{{time}}",
+ "weeklyAt": "每周 {{day}} {{time}}",
+ "monthlyAtDay": "每月 {{day}} 日 {{time}}",
+ "dailyAt": "每天 {{time}}",
+ "unknown": "未知"
+ }
+}
diff --git a/src/lib/cron-types.ts b/src/lib/cron-types.ts
new file mode 100644
index 0000000..1e3a332
--- /dev/null
+++ b/src/lib/cron-types.ts
@@ -0,0 +1,75 @@
+/**
+ * Cron Job Type Definitions
+ * Types for scheduled tasks
+ */
+
+export type CronJobDeliveryMode = 'none' | 'announce';
+
+export interface CronJobDelivery {
+ mode: CronJobDeliveryMode;
+ channel?: string;
+ to?: string;
+ accountId?: string;
+}
+
+/**
+ * Cron job last run info
+ */
+export interface CronJobLastRun {
+ time: string;
+ success: boolean;
+ error?: string;
+ duration?: number;
+}
+
+/**
+ * Gateway CronSchedule object format
+ */
+export type CronSchedule =
+ | { kind: 'at'; at: string }
+ | { kind: 'every'; everyMs: number; anchorMs?: number }
+ | { kind: 'cron'; expr: string; tz?: string };
+
+/**
+ * Cron job data structure
+ * schedule can be a plain cron string or a Gateway CronSchedule object
+ */
+export interface CronJob {
+ id: string;
+ name: string;
+ message: string;
+ schedule: string | CronSchedule;
+ delivery?: CronJobDelivery;
+ enabled: boolean;
+ createdAt: string;
+ updatedAt: string;
+ lastRun?: CronJobLastRun;
+ nextRun?: string;
+}
+
+/**
+ * Input for creating a cron job from the UI.
+ */
+export interface CronJobCreateInput {
+ name: string;
+ message: string;
+ schedule: string;
+ delivery?: CronJobDelivery;
+ enabled?: boolean;
+}
+
+/**
+ * Input for updating a cron job
+ */
+export interface CronJobUpdateInput {
+ name?: string;
+ message?: string;
+ schedule?: string;
+ delivery?: CronJobDelivery;
+ enabled?: boolean;
+}
+
+/**
+ * Schedule type for UI picker
+ */
+export type ScheduleType = 'daily' | 'weekly' | 'monthly' | 'interval' | 'custom';
diff --git a/src/pages/cron/components/CronJobCard.vue b/src/pages/cron/components/CronJobCard.vue
new file mode 100644
index 0000000..927d778
--- /dev/null
+++ b/src/pages/cron/components/CronJobCard.vue
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ parseCronSchedule(job.schedule, t) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ job.message }}
+
+
+
+
+
+
+
+ {{ t('cron.card.last') }}: {{ formatRelativeTime(job.lastRun.time) }}
+
+
+
+
+
+
+ {{ t('cron.card.next') }}: {{ new Date(job.nextRun).toLocaleString() }}
+
+
+
+
+
+
+ {{ job.lastRun.error }}
+
+
+
+
+
+
+
+
+ {{ t('cron.card.runNow') }}
+
+
+
+
+
+ {{ t('common.delete', 'Delete') }}
+
+
+
+
+
+
diff --git a/src/pages/cron/components/CronStats.vue b/src/pages/cron/components/CronStats.vue
new file mode 100644
index 0000000..b466172
--- /dev/null
+++ b/src/pages/cron/components/CronStats.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
{{ total }}
+
{{ t('cron.stats.total') }}
+
+
+
+
+
+
+
+
{{ active }}
+
{{ t('cron.stats.active') }}
+
+
+
+
+
+
+
+
{{ paused }}
+
{{ t('cron.stats.paused') }}
+
+
+
+
+
+
+
+
{{ failed }}
+
{{ t('cron.stats.failed') }}
+
+
+
+
+
diff --git a/src/pages/cron/components/CronTaskDialog.vue b/src/pages/cron/components/CronTaskDialog.vue
new file mode 100644
index 0000000..09c7d70
--- /dev/null
+++ b/src/pages/cron/components/CronTaskDialog.vue
@@ -0,0 +1,406 @@
+
+
+
+
+
+
+
+ {{ job ? t('cron.dialog.editTitle') : t('cron.dialog.createTitle') }}
+
+
+ {{ t('cron.dialog.description') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('cron.presets.' + preset.key) }}
+
+
+
+
+
+
+
+
+ {{ schedulePreview ? `${t('cron.card.next')}: ${schedulePreview}` : t('cron.dialog.cronPlaceholder') }}
+
+
+ {{ useCustom ? t('cron.dialog.usePresets') : t('cron.dialog.useCustomCron') }}
+
+
+
+
+
+
+
+
+
{{ t('cron.dialog.deliveryDescription') }}
+
+
+
+
+
+
{{ t('cron.dialog.deliveryModeNone') }}
+
{{ t('cron.dialog.deliveryModeNoneDesc') }}
+
+
+
+
{{ t('cron.dialog.deliveryModeAnnounce') }}
+
{{ t('cron.dialog.deliveryModeAnnounceDesc') }}
+
+
+
+
+
+ {{ t('cron.dialog.noChannels') }}
+
+
+
+
+
+
+
+
+ {{ t('cron.dialog.enableImmediatelyDesc') }}
+
+
+
+
+
+
+
+
+ {{ t('common.dialog.cancel') }}
+
+
+
+
+
+ {{ saving ? t('common.saving', 'Saving...') : (job ? t('cron.dialog.saveChanges') : t('cron.dialog.createTitle')) }}
+
+
+
+
+
+
+
diff --git a/src/pages/cron/index.vue b/src/pages/cron/index.vue
new file mode 100644
index 0000000..f7479b9
--- /dev/null
+++ b/src/pages/cron/index.vue
@@ -0,0 +1,206 @@
+
+
+
+
+
+
+
+
+ {{ t('cron.title') }}
+
+
+ {{ t('cron.subtitle') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ store.error }}
+
+
+
+
+
+
{{ t('common.loading', 'Loading...') }}
+
+
+
+
+
+
+
+
+
+
{{ t('cron.empty.title') }}
+
+ {{ t('cron.empty.description') }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/cron/utils.ts b/src/pages/cron/utils.ts
new file mode 100644
index 0000000..5f6afbd
--- /dev/null
+++ b/src/pages/cron/utils.ts
@@ -0,0 +1,158 @@
+/**
+ * Cron utilities
+ * Parse schedules and estimate next run times
+ */
+import type { CronSchedule } from '@lib/cron-types';
+
+export type ScheduleType = 'daily' | 'weekly' | 'monthly' | 'interval' | 'custom';
+
+export interface SchedulePreset {
+ key: string;
+ value: string;
+ type: ScheduleType;
+}
+
+export const schedulePresets: SchedulePreset[] = [
+ { key: 'everyMinute', value: '* * * * *', type: 'interval' },
+ { key: 'every5Min', value: '*/5 * * * *', type: 'interval' },
+ { key: 'every15Min', value: '*/15 * * * *', type: 'interval' },
+ { key: 'everyHour', value: '0 * * * *', type: 'interval' },
+ { key: 'daily9am', value: '0 9 * * *', type: 'daily' },
+ { key: 'daily6pm', value: '0 18 * * *', type: 'daily' },
+ { key: 'weeklyMon', value: '0 9 * * 1', type: 'weekly' },
+ { key: 'monthly1st', value: '0 9 1 * *', type: 'monthly' },
+];
+
+// Parse cron schedule to human-readable format
+// Handles both plain cron strings and Gateway CronSchedule objects
+export function parseCronSchedule(
+ schedule: unknown,
+ t: (key: string, interpolations?: Record
) => string,
+): string {
+ if (schedule && typeof schedule === 'object') {
+ const s = schedule as { kind?: string; expr?: string; tz?: string; everyMs?: number; at?: string };
+ if (s.kind === 'cron' && typeof s.expr === 'string') {
+ return parseCronExpr(s.expr, t);
+ }
+ if (s.kind === 'every' && typeof s.everyMs === 'number') {
+ const ms = s.everyMs;
+ if (ms < 60_000) return t('cron.schedule.everySeconds', { count: Math.round(ms / 1000) });
+ if (ms < 3_600_000) return t('cron.schedule.everyMinutes', { count: Math.round(ms / 60_000) });
+ if (ms < 86_400_000) return t('cron.schedule.everyHours', { count: Math.round(ms / 3_600_000) });
+ return t('cron.schedule.everyDays', { count: Math.round(ms / 86_400_000) });
+ }
+ if (s.kind === 'at' && typeof s.at === 'string') {
+ try {
+ return t('cron.schedule.onceAt', { time: new Date(s.at).toLocaleString() });
+ } catch {
+ return t('cron.schedule.onceAt', { time: s.at });
+ }
+ }
+ return String(schedule);
+ }
+
+ if (typeof schedule === 'string') {
+ return parseCronExpr(schedule, t);
+ }
+
+ return String(schedule ?? t('cron.schedule.unknown'));
+}
+
+export function parseCronExpr(
+ cron: string,
+ t: (key: string, interpolations?: Record) => string,
+): string {
+ const preset = schedulePresets.find((p) => p.value === cron);
+ if (preset) return t(`cron.presets.${preset.key}` as const);
+
+ const parts = cron.split(' ');
+ if (parts.length !== 5) return cron;
+
+ const [minute, hour, dayOfMonth, , dayOfWeek] = parts;
+
+ if (minute === '*' && hour === '*') return t('cron.presets.everyMinute');
+ if (minute.startsWith('*/')) return t('cron.schedule.everyMinutes', { count: Number(minute.slice(2)) });
+ if (hour === '*' && minute === '0') return t('cron.presets.everyHour');
+ if (dayOfWeek !== '*' && dayOfMonth === '*') {
+ return t('cron.schedule.weeklyAt', { day: dayOfWeek, time: `${hour}:${minute.padStart(2, '0')}` });
+ }
+ if (dayOfMonth !== '*') {
+ return t('cron.schedule.monthlyAtDay', { day: dayOfMonth, time: `${hour}:${minute.padStart(2, '0')}` });
+ }
+ if (hour !== '*') {
+ return t('cron.schedule.dailyAt', { time: `${hour}:${minute.padStart(2, '0')}` });
+ }
+
+ return cron;
+}
+
+export function estimateNextRun(scheduleExpr: string): string | null {
+ const now = new Date();
+ const next = new Date(now.getTime());
+
+ if (scheduleExpr === '* * * * *') {
+ next.setSeconds(0, 0);
+ next.setMinutes(next.getMinutes() + 1);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '*/5 * * * *') {
+ const delta = 5 - (next.getMinutes() % 5 || 5);
+ next.setSeconds(0, 0);
+ next.setMinutes(next.getMinutes() + delta);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '*/15 * * * *') {
+ const delta = 15 - (next.getMinutes() % 15 || 15);
+ next.setSeconds(0, 0);
+ next.setMinutes(next.getMinutes() + delta);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '0 * * * *') {
+ next.setMinutes(0, 0, 0);
+ next.setHours(next.getHours() + 1);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '0 9 * * *' || scheduleExpr === '0 18 * * *') {
+ const targetHour = scheduleExpr === '0 9 * * *' ? 9 : 18;
+ next.setSeconds(0, 0);
+ next.setHours(targetHour, 0, 0, 0);
+ if (next <= now) next.setDate(next.getDate() + 1);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '0 9 * * 1') {
+ next.setSeconds(0, 0);
+ next.setHours(9, 0, 0, 0);
+ const day = next.getDay();
+ const daysUntilMonday = day === 1 ? 7 : (8 - day) % 7;
+ next.setDate(next.getDate() + daysUntilMonday);
+ return formatLocaleDateTime(next);
+ }
+
+ if (scheduleExpr === '0 9 1 * *') {
+ next.setSeconds(0, 0);
+ next.setDate(1);
+ next.setHours(9, 0, 0, 0);
+ if (next <= now) next.setMonth(next.getMonth() + 1);
+ return formatLocaleDateTime(next);
+ }
+
+ return null;
+}
+
+function formatLocaleDateTime(date: Date): string {
+ try {
+ return new Intl.DateTimeFormat(undefined, {
+ month: 'short',
+ day: 'numeric',
+ hour: '2-digit',
+ minute: '2-digit',
+ }).format(date);
+ } catch {
+ return date.toLocaleString();
+ }
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index 30add6e..94da83a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -35,6 +35,18 @@ const routes = [
name: "Skills",
meta: { requiresAuth: true },
},
+ {
+ path: "/skills",
+ component: () => import("@src/pages/skills/index.vue"),
+ name: "Skills",
+ meta: { requiresAuth: true },
+ },
+ {
+ path: "/cron",
+ component: () => import("@src/pages/cron/index.vue"),
+ name: "Cron",
+ meta: { requiresAuth: true },
+ },
{
path: "/setting",
component: () => import("@src/pages/setting/index.vue"),
diff --git a/src/store/cron.ts b/src/store/cron.ts
new file mode 100644
index 0000000..7eddf13
--- /dev/null
+++ b/src/store/cron.ts
@@ -0,0 +1,145 @@
+/**
+ * Cron State Store
+ * Manages scheduled task state
+ */
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+import { hostApiFetch } from '@lib/host-api';
+import type { CronJob, CronJobCreateInput, CronJobUpdateInput } from '@lib/cron-types';
+
+export const MOCK_CRON_JOBS: CronJob[] = [];
+
+export const useCronStore = defineStore('cron', () => {
+ const jobs = ref([]);
+ const loading = ref(false);
+ const error = ref(null);
+
+ const safeJobs = computed(() => (Array.isArray(jobs.value) ? jobs.value : []));
+ const activeJobs = computed(() => safeJobs.value.filter((j) => j.enabled));
+ const pausedJobs = computed(() => safeJobs.value.filter((j) => !j.enabled));
+ const failedJobs = computed(() => safeJobs.value.filter((j) => j.lastRun && !j.lastRun.success));
+
+ const fetchJobs = async () => {
+ const currentJobs = safeJobs.value;
+ if (currentJobs.length === 0) {
+ loading.value = true;
+ }
+ error.value = null;
+
+ try {
+ const result = await hostApiFetch('/api/cron/jobs');
+ jobs.value = result;
+ } catch (err) {
+ error.value = err instanceof Error ? err.message : String(err);
+ // Fallback to mock data on error for demo/development
+ jobs.value = MOCK_CRON_JOBS;
+ } finally {
+ loading.value = false;
+ }
+ };
+
+ const createJob = async (input: CronJobCreateInput) => {
+ const job: CronJob = {
+ id: `local-${Date.now()}`,
+ ...input,
+ enabled: input.enabled ?? true,
+ createdAt: new Date().toISOString(),
+ updatedAt: new Date().toISOString(),
+ };
+ try {
+ const result = await hostApiFetch('/api/cron/jobs', {
+ method: 'POST',
+ body: JSON.stringify(input),
+ });
+ jobs.value = [...safeJobs.value, result];
+ return result;
+ } catch (err) {
+ console.warn('Failed to create cron job via API, using local fallback:', err);
+ jobs.value = [...safeJobs.value, job];
+ return job;
+ }
+ };
+
+ const updateJob = async (id: string, input: CronJobUpdateInput) => {
+ try {
+ const updatedJob = await hostApiFetch(`/api/cron/jobs/${encodeURIComponent(id)}`, {
+ method: 'PUT',
+ body: JSON.stringify(input),
+ });
+ jobs.value = safeJobs.value.map((job) => (job.id === id ? updatedJob : job));
+ } catch (err) {
+ console.warn('Failed to update cron job via API, using local fallback:', err);
+ jobs.value = safeJobs.value.map((job) =>
+ job.id === id
+ ? { ...job, ...input, updatedAt: new Date().toISOString() }
+ : job,
+ );
+ }
+ };
+
+ const deleteJob = async (id: string) => {
+ try {
+ await hostApiFetch(`/api/cron/jobs/${encodeURIComponent(id)}`, {
+ method: 'DELETE',
+ });
+ } catch (err) {
+ console.warn('Failed to delete cron job via API, using local fallback:', err);
+ }
+ jobs.value = safeJobs.value.filter((job) => job.id !== id);
+ };
+
+ const toggleJob = async (id: string, enabled: boolean) => {
+ try {
+ await hostApiFetch('/api/cron/toggle', {
+ method: 'POST',
+ body: JSON.stringify({ id, enabled }),
+ });
+ } catch (err) {
+ console.warn('Failed to toggle cron job via API, using local fallback:', err);
+ }
+ jobs.value = safeJobs.value.map((job) =>
+ job.id === id ? { ...job, enabled, updatedAt: new Date().toISOString() } : job,
+ );
+ };
+
+ const triggerJob = async (id: string) => {
+ try {
+ const result = await hostApiFetch('/api/cron/trigger', {
+ method: 'POST',
+ body: JSON.stringify({ id }),
+ });
+ console.log('Cron trigger result:', result);
+ } catch (err) {
+ console.warn('Failed to trigger cron job via API, using local fallback:', err);
+ }
+ // Update lastRun locally as fallback
+ jobs.value = safeJobs.value.map((job) =>
+ job.id === id
+ ? {
+ ...job,
+ lastRun: {
+ time: new Date().toISOString(),
+ success: true,
+ },
+ updatedAt: new Date().toISOString(),
+ }
+ : job,
+ );
+ };
+
+ return {
+ jobs,
+ loading,
+ error,
+ safeJobs,
+ activeJobs,
+ pausedJobs,
+ failedJobs,
+ fetchJobs,
+ createJob,
+ updateJob,
+ deleteJob,
+ toggleJob,
+ triggerJob,
+ };
+});