@zythum02/fello-server 0.1.29 → 0.1.32

package/out/renderer/assets/{index-BZzw3jIU.js → index-B1oSpSBX.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./dagre-KV5264BT-4I0h4wyh.js","./graph-DGEX1eV1.js","./_baseUniq-BApwm7pv.js","./layout-CNGveWdi.js","./min-D63AfN0e.js","./clone-Cm3RO2Zl.js","./cose-bilkent-S5V4N54A-lCfWcP6y.js","./cytoscape.esm-Bm8DJGmZ.js","./c4Diagram-AHTNJAMY-Co_b_6bH.js","./chunk-YZCP3GAM-D1j7xGGR.js","./flowDiagram-DWJPFMVM-Dfg0LLup.js","./chunk-FMBD7UC4-BbpFqyFG.js","./chunk-55IACEB6-CfBiPWtx.js","./chunk-EDXVE4YY-DMjVfNdS.js","./channel-Dc_jjyUr.js","./erDiagram-SMLLAGMA-Bk9QFZ27.js","./gitGraphDiagram-UUTBAWPF-C74WBszH.js","./chunk-4BX2VUAB-Cg18SQei.js","./chunk-QZHKN3VN-4ZNIwknr.js","./wardley-RL74JXVD-C8hIuf19.js","./ganttDiagram-T4ZO3ILL-lTjaJTs0.js","./linear-CnHAiAJ3.js","./init-ZxktEp_H.js","./defaultLocale-B2RvLBDe.js","./infoDiagram-42DDH7IO-CR4ZLAM1.js","./pieDiagram-DEJITSTG-C8AxK_-F.js","./arc-yKenDsmO.js","./ordinal-CxptdPJm.js","./quadrantDiagram-34T5L4WZ-BdiZmi7w.js","./xychartDiagram-5P7HB3ND-J9z4uuMK.js","./requirementDiagram-MS252O5E-BHIfl5Tz.js","./sequenceDiagram-FGHM5R23-COKEbCYM.js","./classDiagram-6PBFFD2Q-OFMeoPav.js","./chunk-4TB4RGXK-CvSqwINq.js","./classDiagram-v2-HSJHXN6E-OFMeoPav.js","./stateDiagram-FHFEXIEX-7zRGBf7O.js","./chunk-OYMX7WX6-Cf724x--.js","./stateDiagram-v2-QKLJ7IA2-BqHJ_ZBX.js","./journeyDiagram-VCZTEJTY-Ds2OL3Lo.js","./timeline-definition-GMOUNBTQ-AvZAT5J-.js","./mindmap-definition-QFDTVHPH-C3U3xkIJ.js","./kanban-definition-6JOO6SKY-CZ1CZVyP.js","./sankeyDiagram-XADWPNL6-SthTR8cL.js","./diagram-TYMM5635-aF8hIDx1.js","./diagram-MMDJMWI5-Di6wZV6-.js","./blockDiagram-DXYQGD6D-6liCvTXv.js","./diagram-5BDNPKRD-C1mEpAlt.js","./architectureDiagram-Q4EWVU46-C31yFVWH.js","./diagram-G4DWMVQ6-C_g_DZm9.js","./wardleyDiagram-NUSXRM2D-Dv2kSOMM.js","./angular-html-BYG42TJr.js","./html-GC16tDh9.js","./javascript-BsAkV7mL.js","./css-BtVcDqlU.js","./angular-ts-BftcHvZ6.js","./scss-Dq-LbI_c.js","./apl-CGZawg-A.js","./xml-BMzZeaqs.js","./java-BfXh-0uJ.js","./json-TjWBGEk1.js","./astro-BxdWOZvM.js","./typescript-CP6ECzON.js","./postcss-kj1IbjVd.js","./tsx-CmGGo4Hm.js","./blade-BbH7YAUi.js","./html-derivative-HU9p64q4.js","./sql-DzUuSofg.js","./bsl-DwPS0BId.js","./sdbl-BBUhycGU.js","./cairo-BtYx2aM5.js","./python-CrdIx4PZ.js","./cobol-B8r1pfPr.js","./coffee-XLjtuEYs.js","./cpp-zh2ePAE_.js","./regexp-BxWeO75u.js","./glsl-CGsiYPcu.js","./c-C4VtT7JA.js","./crystal-BqBRy7Ec.js","./shellscript-CQ8MXh-D.js","./edge-CnHxQ_FD.js","./elixir-B_LIBv5J.js","./elm-BlO7pcFp.js","./erb-Bzn22wO6.js","./ruby-C13Bjepi.js","./haml-DrIklt7F.js","./graphql-CwmtR1ib.js","./jsx-BPmvoin2.js","./lua-BVbbqwZC.js","./yaml-B_vW5iTY.js","./erlang-Ch5kuXHm.js","./markdown-F_EULe_G.js","./fortran-fixed-form-CpmOyvS5.js","./fortran-free-form-5X94ETMi.js","./fsharp-5vtGqRR9.js","./gdresource-B5TLWiFO.js","./gdshader-BEzE4j_3.js","./gdscript-CNW3Aj-d.js","./git-commit-PP9xCApN.js","./diff-BEdzuHlE.js","./git-rebase-D-XQSvDj.js","./glimmer-js-h2QNNiD7.js","./glimmer-ts-Bk3uX6Ae.js","./hack-BTX3ICIE.js","./handlebars-yWFGGD2R.js","./http-DjsOm9E4.js","./hurl-Am2cDU4f.js","./csv-Ba84L8e5.js","./hxml-Jle7oGdm.js","./haxe-BpobLYM9.js","./jinja-FkIlHBgj.js","./jison-BkdOIOd4.js","./julia-CU_UwNb8.js","./r-Dpdc-Kyk.js","./just-tGFryTtU.js","./perl-HITCDkgu.js","./latex-B0gTO9uZ.js","./tex-CGVqF8nD.js","./liquid-QmJ_LYTW.js","./marko-BAWrmNIa.js","./less-BAzLMJNR.js","./mdc-Ca0ft0PS.js","./nextflow-B166B-y1.js","./nextflow-groovy-BOO9s0iq.js","./nginx-BFAkI5_-.js","./nim-B3PAIZ4D.js","./php-C2HieitX.js","./pug-BwQB43qN.js","./qml-jtL8okyu.js","./razor-gBXW6YBJ.js","./csharp-DxX_6tHh.js","./rst-by6KAwTb.js","./cmake-CDfQILeU.js","./sas-BLBgC3TA.js","./shaderlab-C07uO3dL.js","./hlsl-TRzjajlb.js","./shellsession-CkeTp4M1.js","./soy-BHaHgMUy.js","./sparql-DswowMAp.js","./turtle-BnC7StHY.js","./stata-Dl7wDdBE.js","./surrealql-Bs3vUeKA.js","./svelte-fC0HkEkx.js","./templ-CSEiQwNm.js","./go-DRMr3iML.js","./ts-tags-cG2hZuda.js","./twig-CwEEYIBf.js","./vue-K-7Ga-y8.js","./vue-html-DhreShjd.js","./vue-vine-rMIwOpFf.js","./stylus-DXFa_2Jl.js","./xsl-CnwVr_6q.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./dagre-KV5264BT-DdjpmydK.js","./graph-B3RLQ95r.js","./_baseUniq-DNNr8R6Z.js","./layout-CGQjv10p.js","./min-DpKM6qkq.js","./clone-5TzmfoWe.js","./cose-bilkent-S5V4N54A-DVrDSw12.js","./cytoscape.esm-Bm8DJGmZ.js","./c4Diagram-AHTNJAMY-Chff2Ong.js","./chunk-YZCP3GAM-CHuoIosP.js","./flowDiagram-DWJPFMVM-CYDqfzx3.js","./chunk-FMBD7UC4-DM66-_hG.js","./chunk-55IACEB6-BVIv0C3q.js","./chunk-EDXVE4YY-DPmCmhx8.js","./channel-C3mo-Wfq.js","./erDiagram-SMLLAGMA-BciRZ0dO.js","./gitGraphDiagram-UUTBAWPF-BadxOCq2.js","./chunk-4BX2VUAB-DGQRb5sN.js","./chunk-QZHKN3VN-C86eKqSd.js","./wardley-RL74JXVD-BbxXQNlq.js","./ganttDiagram-T4ZO3ILL-CRhxy6fZ.js","./linear-S4Y_UBCp.js","./init-ZxktEp_H.js","./defaultLocale-B2RvLBDe.js","./infoDiagram-42DDH7IO-DLMGtQF0.js","./pieDiagram-DEJITSTG-n1UTGYDH.js","./arc-fZlBtxL9.js","./ordinal-CxptdPJm.js","./quadrantDiagram-34T5L4WZ-DXaOIoV-.js","./xychartDiagram-5P7HB3ND-BrCeeMZz.js","./requirementDiagram-MS252O5E-CTmWVt-P.js","./sequenceDiagram-FGHM5R23-C5v5_yv_.js","./classDiagram-6PBFFD2Q-pm-iptmM.js","./chunk-4TB4RGXK-BSCZx5Py.js","./classDiagram-v2-HSJHXN6E-pm-iptmM.js","./stateDiagram-FHFEXIEX-D6Vd4_MM.js","./chunk-OYMX7WX6-Tff_uZlx.js","./stateDiagram-v2-QKLJ7IA2-De00f0TU.js","./journeyDiagram-VCZTEJTY-567Gpkxf.js","./timeline-definition-GMOUNBTQ-DxOCmdWf.js","./mindmap-definition-QFDTVHPH-BtxeumQc.js","./kanban-definition-6JOO6SKY-DPjxCDrA.js","./sankeyDiagram-XADWPNL6-BXOndA46.js","./diagram-TYMM5635-tf8FuJg1.js","./diagram-MMDJMWI5-40ryNdvI.js","./blockDiagram-DXYQGD6D-DUXfUO2U.js","./diagram-5BDNPKRD-CdTSROj9.js","./architectureDiagram-Q4EWVU46-k4E5eOG6.js","./diagram-G4DWMVQ6-DQ1x-vhi.js","./wardleyDiagram-NUSXRM2D-BqldBvm5.js","./angular-html-BYG42TJr.js","./html-GC16tDh9.js","./javascript-BsAkV7mL.js","./css-BtVcDqlU.js","./angular-ts-BftcHvZ6.js","./scss-Dq-LbI_c.js","./apl-CGZawg-A.js","./xml-BMzZeaqs.js","./java-BfXh-0uJ.js","./json-TjWBGEk1.js","./astro-BxdWOZvM.js","./typescript-CP6ECzON.js","./postcss-kj1IbjVd.js","./tsx-CmGGo4Hm.js","./blade-BbH7YAUi.js","./html-derivative-HU9p64q4.js","./sql-DzUuSofg.js","./bsl-DwPS0BId.js","./sdbl-BBUhycGU.js","./cairo-BtYx2aM5.js","./python-CrdIx4PZ.js","./cobol-B8r1pfPr.js","./coffee-XLjtuEYs.js","./cpp-zh2ePAE_.js","./regexp-BxWeO75u.js","./glsl-CGsiYPcu.js","./c-C4VtT7JA.js","./crystal-BqBRy7Ec.js","./shellscript-CQ8MXh-D.js","./edge-CnHxQ_FD.js","./elixir-B_LIBv5J.js","./elm-BlO7pcFp.js","./erb-Bzn22wO6.js","./ruby-C13Bjepi.js","./haml-DrIklt7F.js","./graphql-CwmtR1ib.js","./jsx-BPmvoin2.js","./lua-BVbbqwZC.js","./yaml-B_vW5iTY.js","./erlang-Ch5kuXHm.js","./markdown-F_EULe_G.js","./fortran-fixed-form-CpmOyvS5.js","./fortran-free-form-5X94ETMi.js","./fsharp-5vtGqRR9.js","./gdresource-B5TLWiFO.js","./gdshader-BEzE4j_3.js","./gdscript-CNW3Aj-d.js","./git-commit-PP9xCApN.js","./diff-BEdzuHlE.js","./git-rebase-D-XQSvDj.js","./glimmer-js-h2QNNiD7.js","./glimmer-ts-Bk3uX6Ae.js","./hack-BTX3ICIE.js","./handlebars-yWFGGD2R.js","./http-DjsOm9E4.js","./hurl-Am2cDU4f.js","./csv-Ba84L8e5.js","./hxml-Jle7oGdm.js","./haxe-BpobLYM9.js","./jinja-FkIlHBgj.js","./jison-BkdOIOd4.js","./julia-CU_UwNb8.js","./r-Dpdc-Kyk.js","./just-tGFryTtU.js","./perl-HITCDkgu.js","./latex-B0gTO9uZ.js","./tex-CGVqF8nD.js","./liquid-QmJ_LYTW.js","./marko-BAWrmNIa.js","./less-BAzLMJNR.js","./mdc-Ca0ft0PS.js","./nextflow-B166B-y1.js","./nextflow-groovy-BOO9s0iq.js","./nginx-BFAkI5_-.js","./nim-B3PAIZ4D.js","./php-C2HieitX.js","./pug-BwQB43qN.js","./qml-jtL8okyu.js","./razor-gBXW6YBJ.js","./csharp-DxX_6tHh.js","./rst-by6KAwTb.js","./cmake-CDfQILeU.js","./sas-BLBgC3TA.js","./shaderlab-C07uO3dL.js","./hlsl-TRzjajlb.js","./shellsession-CkeTp4M1.js","./soy-BHaHgMUy.js","./sparql-DswowMAp.js","./turtle-BnC7StHY.js","./stata-Dl7wDdBE.js","./surrealql-Bs3vUeKA.js","./svelte-fC0HkEkx.js","./templ-CSEiQwNm.js","./go-DRMr3iML.js","./ts-tags-cG2hZuda.js","./twig-CwEEYIBf.js","./vue-K-7Ga-y8.js","./vue-html-DhreShjd.js","./vue-vine-rMIwOpFf.js","./stylus-DXFa_2Jl.js","./xsl-CnwVr_6q.js"])))=>i.map(i=>d[i]);
 function _mergeNamespaces(n2, m2) {
   for (var i3 = 0; i3 < m2.length; i3++) {
     const e2 = m2[i3];
@@ -15111,9 +15111,9 @@ const contentBlock$1 = { "unsupported": "Unsupported block type: {{type}}", "dow
 const detail$1 = { "noContent": "No content" };
 const fileDetail$1 = { "fileNotFound": "File not found", "fileTooLarge": "File is too large to preview", "fileFormatNotSupported": "File format not supported for preview", "errorLoading": "Error loading file", "loading": "Loading...", "preview": "Preview", "code": "Code", "compare": "Compare", "fileModifiedNotice": "File modified. Please refresh.", "copyFileContent": "Copy File Content", "addFileToChat": "Add File to Chat", "addSelectionToChat": "Add Selection to Chat", "loadError": "Failed to load", "zoomOut": "Zoom out", "zoomIn": "Zoom in", "previousPage": "Previous page", "nextPage": "Next page", "previousSlide": "Previous slide", "nextSlide": "Next slide" };
 const htmlDetail$1 = { "fileNotFound": "File not found or inaccessible", "errorLoading": "Failed to load", "loadFailed": "Page load failed", "retry": "Retry", "openInBrowser": "Open in browser", "webuiNotEnabled": "Enable WebUI first to open in browser", "open": "Open", "refresh": "Refresh" };
-const welcome$1 = { "title": "Fello", "desc": "Yet another Agent client based on the ACP protocol. Connect with the agent and begin collaborating.", "hint": "Start a new chat from the sidebar", "getStarted": "Get Started", "stepAgent": "Configure Agent", "stepAgentDesc": "Add an AI agent (local Stdio or API) to power your conversations", "stepAgentDone": "{{count}} agent(s) configured", "stepProject": "Add Project", "stepProjectDesc": "Select a local project folder as your workspace", "stepProjectDone": "{{count}} project(s) added", "stepChat": "Start Chat", "stepChatDesc": "Create a new AI conversation in your project", "allDone": "All set! Start a new chat from the sidebar" };
+const welcome$1 = { "title": "Fello", "desc": "Yet another Agent client based on the ACP protocol. Connect with the agent and begin collaborating.", "hint": "Start a new chat from the sidebar", "getStarted": "Get Started", "stepAgent": "Configure Agent", "stepAgentDesc": "Add an AI agent (Stdio or API) to power your conversations", "stepAgentDone": "{{count}} agent(s) configured", "stepProject": "Add Project", "stepProjectDesc": "Select a local project folder as your workspace", "stepProjectDone": "{{count}} project(s) added", "stepChat": "Start Chat", "stepChatDesc": "Create a new AI conversation in your project", "allDone": "All set! Start a new chat from the sidebar" };
 const askUser$1 = { "title": "Request", "other": "Other...", "back": "Back", "inputPlaceholder": "Type your response... (Enter to send)", "submit": "Submit" };
-const automation$1 = { "title": "Automation", "agent": "Agent", "alwaysDisabled": "always disabled", "anyMoment": "Any moment now", "back": "Back", "cancel": "Cancel", "create": "Create", "createFirst": "Create your first schedule", "delete": "Delete", "deleteConfirm": 'Delete "{{name}}" permanently?', "deleteTaskConfirm": "Delete this task permanently?", "deleteTaskTitle": "Delete Task", "deleteTitle": "Delete Schedule", "dialogDesc": "Configure the automated task schedule and prompt.", "editSchedule": "Edit Schedule", "editSettings": "Edit settings", "features": "Features", "lastRun": "Last", "lessThanMinute": "Less than 1 min", "manual": "Manual", "manualDesc": "Manual trigger only. No automatic scheduling.", "mcpServers": "MCP Servers", "newSchedule": "New Schedule", "nextRun": "Next", "noFiles": "No files generated", "noSchedules": "No schedules yet", "noTasksDesc": 'No runs yet. Click "Trigger now" to start the first run.', "prompt": "Prompt", "promptPlaceholder": "What should the agent do?", "save": "Save", "schedule": "Schedule", "scheduleName": "Schedule Name", "scheduleNamePlaceholder": "e.g. Morning Standup Summary", "scheduleNotFound": "Schedule not found", "schedules": "schedules", "selectFileToPreview": "Select a file to preview", "selectTaskToPreview": "Select a task to preview files", "timedExecution": "Timed (cron)", "triggerNow": "Trigger now", "validation": { "nameRequired": "Name is required", "agentRequired": "Agent is required", "promptRequired": "Prompt is required" }, "cron": { "at": "at", "atMinute": "at min", "custom": "Custom", "daily": "Every day", "hourly": "Every N hours", "weekdays": "Weekdays", "weekly": "Every week", "nextRun": "Next run", "nextRunIn": "Next run in", "lastRun": "Last run", "days": { "0": "Sun", "1": "Mon", "2": "Tue", "3": "Wed", "4": "Thu", "5": "Fri", "6": "Sat" } } };
+const automation$1 = { "title": "Automation", "agent": "Agent", "alwaysDisabled": "always disabled", "anyMoment": "Any moment now", "back": "Back", "cancel": "Cancel", "create": "Create", "createFirst": "Create your first schedule", "delete": "Delete", "deleteConfirm": 'Delete "{{name}}" permanently?', "deleteTaskConfirm": "Delete this task permanently?", "deleteTaskTitle": "Delete Task", "deleteTitle": "Delete Schedule", "dialogDesc": "Configure the automated task schedule and prompt.", "editSchedule": "Edit Schedule", "editSettings": "Edit settings", "features": "Features", "files": "Files", "lastRun": "Last", "lessThanMinute": "Less than 1 min", "manual": "Manual", "manualDesc": "Manual trigger only. No automatic scheduling.", "mcpServers": "MCP Servers", "newSchedule": "New Schedule", "nextRun": "Next", "noFiles": "No files generated", "noSchedules": "No schedules yet", "emptyHint": "Schedule AI tasks to run automatically with cron expressions", "noTasksDesc": 'No runs yet. Click "Trigger now" to start the first run.', "prompt": "Prompt", "promptPlaceholder": "What should the agent do?", "save": "Save", "schedule": "Schedule", "scheduleName": "Schedule Name", "scheduleNamePlaceholder": "e.g. Morning Standup Summary", "scheduleNotFound": "Schedule not found", "schedules": "schedules", "selectFileToPreview": "Select a file to preview", "selectTaskToPreview": "Select a task to preview files", "selectTask": "Select a task", "timedExecution": "Timed (cron)", "triggerNow": "Trigger now", "validation": { "nameRequired": "Name is required", "agentRequired": "Agent is required", "promptRequired": "Prompt is required" }, "cron": { "at": "at", "atMinute": "at min", "custom": "Custom", "daily": "Every day", "hourly": "Every N hours", "weekdays": "Weekdays", "weekly": "Every week", "nextRun": "Next run", "nextRunIn": "Next run in", "lastRun": "Last run", "days": { "0": "Sun", "1": "Mon", "2": "Tue", "3": "Wed", "4": "Thu", "5": "Fri", "6": "Sat" } } };
 const en$4 = {
   sidebar: sidebar$1,
   skills: skills$1,
@@ -15179,7 +15179,7 @@ const fileDetail = { "fileNotFound": "文件不存在", "fileTooLarge": "该文
 const htmlDetail = { "fileNotFound": "文件不存在或无法访问", "errorLoading": "加载失败", "loadFailed": "页面加载失败", "retry": "重试", "openInBrowser": "在浏览器中打开", "webuiNotEnabled": "请先启用 WebUI 才能在浏览器中打开", "open": "打开", "refresh": "刷新" };
 const welcome = { "title": "Fello", "desc": "又一个基于 ACP 协议的 Agent 客户端，连接智能体并开始协作。", "hint": "从左侧边栏新建会话开始", "getStarted": "开始使用", "stepAgent": "配置 Agent", "stepAgentDesc": "添加一个 AI 智能体（本地 Stdio 或 API）来驱动对话", "stepAgentDone": "已配置 {{count}} 个 Agent", "stepProject": "添加项目", "stepProjectDesc": "选择一个本地项目文件夹作为工作区", "stepProjectDone": "已添加 {{count}} 个项目", "stepChat": "开始会话", "stepChatDesc": "在项目中创建一个新的 AI 对话", "allDone": "一切就绪！从左侧边栏开始新会话吧" };
 const askUser = { "title": "请求", "other": "其他...", "back": "返回", "inputPlaceholder": "输入你的回复...（回车发送）", "submit": "提交" };
-const automation = { "title": "自动化", "agent": "智能体", "alwaysDisabled": "始终禁用", "anyMoment": "即将执行", "back": "返回", "cancel": "取消", "create": "创建", "createFirst": "创建你的第一个调度", "delete": "删除", "deleteConfirm": "确定永久删除「{{name}}」？", "deleteTaskConfirm": "确定永久删除此任务？", "deleteTaskTitle": "删除任务", "deleteTitle": "删除调度", "dialogDesc": "配置自动化任务的调度规则和 Prompt。", "editSchedule": "编辑调度", "editSettings": "编辑设置", "features": "功能", "lastRun": "上次", "lessThanMinute": "不到 1 分钟", "manual": "手动", "manualDesc": "仅手动触发，无自动调度。", "mcpServers": "MCP 服务器", "newSchedule": "新建调度", "nextRun": "下次", "noFiles": "暂无生成文件", "noSchedules": "暂无调度", "noTasksDesc": "暂无运行记录。点击「立即触发」开始第一次运行。", "prompt": "提示词", "promptPlaceholder": "智能体需要执行什么任务？", "save": "保存", "schedule": "调度", "scheduleName": "调度名称", "scheduleNamePlaceholder": "例如：每日站会摘要", "scheduleNotFound": "调度未找到", "schedules": "调度", "selectFileToPreview": "选择文件预览", "selectTaskToPreview": "选择任务查看文件", "timedExecution": "定时（cron）", "triggerNow": "立即触发", "validation": { "nameRequired": "名称不能为空", "agentRequired": "请选择智能体", "promptRequired": "提示词不能为空" }, "cron": { "at": "在", "atMinute": "第", "custom": "自定义", "daily": "每天", "hourly": "每隔 N 小时", "weekdays": "工作日", "weekly": "每周", "nextRun": "下次执行", "nextRunIn": "距离下次执行还有", "lastRun": "上次执行", "days": { "0": "周日", "1": "周一", "2": "周二", "3": "周三", "4": "周四", "5": "周五", "6": "周六" } } };
+const automation = { "title": "自动化", "agent": "智能体", "alwaysDisabled": "始终禁用", "anyMoment": "即将执行", "back": "返回", "cancel": "取消", "create": "创建", "createFirst": "创建你的第一个计划", "delete": "删除", "deleteConfirm": "确定永久删除「{{name}}」？", "deleteTaskConfirm": "确定永久删除此任务？", "deleteTaskTitle": "删除任务", "deleteTitle": "删除计划", "dialogDesc": "配置自动化计划的执行规则和 Prompt。", "editSchedule": "编辑计划", "editSettings": "编辑设置", "features": "功能", "files": "文件", "lastRun": "上次", "lessThanMinute": "不到 1 分钟", "manual": "手动", "manualDesc": "仅手动触发，无定时计划。", "mcpServers": "MCP 服务器", "newSchedule": "新建计划", "nextRun": "下次", "noFiles": "暂无生成文件", "noSchedules": "暂无计划", "emptyHint": "通过 cron 表达式配置定时 AI 任务，让 Agent 自动执行", "noTasksDesc": "暂无运行记录。点击「立即触发」开始第一次运行。", "prompt": "提示词", "promptPlaceholder": "智能体需要执行什么任务？", "save": "保存", "schedule": "计划", "scheduleName": "计划名称", "scheduleNamePlaceholder": "例如：每日站会摘要", "scheduleNotFound": "计划未找到", "schedules": "计划", "selectFileToPreview": "选择文件预览", "selectTaskToPreview": "选择任务查看文件", "selectTask": "选择一个任务", "timedExecution": "定时（cron）", "triggerNow": "立即触发", "validation": { "nameRequired": "名称不能为空", "agentRequired": "请选择智能体", "promptRequired": "提示词不能为空" }, "cron": { "at": "在", "atMinute": "第", "custom": "自定义", "daily": "每天", "hourly": "每隔 N 小时", "weekdays": "工作日", "weekly": "每周", "nextRun": "下次执行", "nextRunIn": "距离下次执行还有", "lastRun": "上次执行", "days": { "0": "周日", "1": "周一", "2": "周二", "3": "周三", "4": "周四", "5": "周五", "6": "周六" } } };
 const zhCN = {
   sidebar,
   skills,
@@ -33113,6 +33113,18 @@ const MenuRoot = fastComponent(function MenuRoot2(props) {
   }
   return content2;
 });
+function MenuSubmenuRoot(props) {
+  const parentMenu = useMenuRootContext().store;
+  const contextValue = reactExports.useMemo(() => ({
+    parentMenu
+  }), [parentMenu]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuSubmenuRootContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRoot, {
+      ...props
+    })
+  });
+}
 function getPseudoElementBounds(element2) {
   const elementRect = element2.getBoundingClientRect();
   const win = getWindow$1(element2);
@@ -33528,6 +33540,124 @@ const Separator$1 = /* @__PURE__ */ reactExports.forwardRef(function SeparatorCo
 function isElementDisabled(element2) {
   return element2 == null || element2.hasAttribute("disabled") || element2.getAttribute("aria-disabled") === "true";
 }
+const MenuSubmenuTrigger = /* @__PURE__ */ reactExports.forwardRef(function SubmenuTriggerComponent(componentProps, forwardedRef) {
+  const {
+    render: render4,
+    className,
+    label,
+    id: idProp,
+    nativeButton = false,
+    openOnHover = true,
+    delay = 100,
+    closeDelay = 0,
+    disabled: disabledProp = false,
+    style: style2,
+    ...elementProps
+  } = componentProps;
+  const listItem2 = useCompositeListItem();
+  const menuPositionerContext = useMenuPositionerContext();
+  const {
+    store
+  } = useMenuRootContext();
+  const thisTriggerId = useBaseUiId(idProp);
+  const open2 = store.useState("open");
+  const floatingRootContext = store.useState("floatingRootContext");
+  const floatingTreeRoot = store.useState("floatingTreeRoot");
+  const baseRegisterTrigger = useTriggerRegistration(thisTriggerId, store);
+  const registerTrigger = reactExports.useCallback((element22) => {
+    const cleanup = baseRegisterTrigger(element22);
+    if (element22 !== null && store.select("open") && store.select("activeTriggerId") == null) {
+      store.update({
+        activeTriggerId: thisTriggerId,
+        activeTriggerElement: element22,
+        closeDelay
+      });
+    }
+    return cleanup;
+  }, [baseRegisterTrigger, closeDelay, store, thisTriggerId]);
+  const triggerElementRef = reactExports.useRef(null);
+  const handleTriggerElementRef = reactExports.useCallback((el2) => {
+    triggerElementRef.current = el2;
+    store.set("activeTriggerElement", el2);
+  }, [store]);
+  const submenuRootContext = useMenuSubmenuRootContext();
+  if (!submenuRootContext?.parentMenu) {
+    throw new Error(formatErrorMessage(37));
+  }
+  store.useSyncedValue("closeDelay", closeDelay);
+  const parentMenuStore = submenuRootContext.parentMenu;
+  const itemProps = parentMenuStore.useState("itemProps");
+  const highlighted = parentMenuStore.useState("isActive", listItem2.index);
+  const itemMetadata = reactExports.useMemo(() => ({
+    type: "submenu-trigger",
+    setActive() {
+      parentMenuStore.set("activeIndex", listItem2.index);
+    }
+  }), [parentMenuStore, listItem2.index]);
+  const rootDisabled = store.useState("disabled");
+  const disabled2 = disabledProp || rootDisabled;
+  const {
+    getItemProps,
+    itemRef
+  } = useMenuItem({
+    closeOnClick: false,
+    disabled: disabled2,
+    highlighted,
+    id: thisTriggerId,
+    store,
+    typingRef: parentMenuStore.context.typingRef,
+    nativeButton,
+    itemMetadata,
+    nodeId: menuPositionerContext?.context.nodeId
+  });
+  const hoverEnabled = store.useState("hoverEnabled");
+  const allowMouseEnter = parentMenuStore.useState("allowMouseEnter");
+  const hoverProps = useHoverReferenceInteraction(floatingRootContext, {
+    enabled: hoverEnabled && openOnHover && !disabled2,
+    handleClose: safePolygon({
+      blockPointerEvents: true
+    }),
+    mouseOnly: true,
+    move: true,
+    restMs: delay,
+    delay: allowMouseEnter ? {
+      open: delay,
+      close: closeDelay
+    } : 0,
+    triggerElementRef,
+    externalTree: floatingTreeRoot,
+    isClosing: () => store.select("transitionStatus") === "ending"
+  });
+  const click = useClick(floatingRootContext, {
+    enabled: !disabled2,
+    event: "mousedown",
+    toggle: !openOnHover,
+    ignoreMouse: openOnHover,
+    stickIfOpen: false
+  });
+  const localInteractionProps = useInteractions([click]);
+  const rootTriggerProps = store.useState("triggerProps", true);
+  delete rootTriggerProps.id;
+  const state2 = {
+    disabled: disabled2,
+    highlighted,
+    open: open2
+  };
+  const element2 = useRenderElement("div", componentProps, {
+    state: state2,
+    stateAttributesMapping: triggerOpenStateMapping$1,
+    props: [localInteractionProps.getReferenceProps(), hoverProps, rootTriggerProps, itemProps, {
+      tabIndex: open2 || highlighted ? 0 : -1,
+      onBlur() {
+        if (highlighted) {
+          parentMenuStore.set("activeIndex", null);
+        }
+      }
+    }, elementProps, getItemProps],
+    ref: [forwardedRef, listItem2.ref, itemRef, registerTrigger, handleTriggerElementRef]
+  });
+  return element2;
+});
 function DropdownMenu({ ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRoot, { "data-slot": "dropdown-menu", ...props });
 }
@@ -33566,7 +33696,7 @@ function DropdownMenuContent({
         MenuPopup,
         {
           "data-slot": "dropdown-menu-content",
-          className: cn$5("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover py-1 px-1 space-y-0.5 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
+          className: cn$5("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover py-1 px-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
           ...props
         }
       )
@@ -33593,6 +33723,53 @@ function DropdownMenuItem({
     }
   );
 }
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuSubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children: children2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    MenuSubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn$5(
+        "flex cursor-default items-center gap-1.5 rounded-sm px-1.5 py-1 text-xs text-muted-foreground/90 outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: [
+        children2,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  align = "start",
+  alignOffset = -3,
+  side = "right",
+  sideOffset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn$5("w-auto min-w-24 rounded-lg bg-popover py-1 px-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      ...props
+    }
+  );
+}
 function DropdownMenuSeparator({
   className,
   ...props
@@ -40956,6 +41133,15 @@ function Sidebar() {
     window.addEventListener("fello:add-project", handler);
     return () => window.removeEventListener("fello:add-project", handler);
   }, []);
+  const handleNewSessionRef = reactExports.useRef(void 0);
+  reactExports.useEffect(() => {
+    const handler = (e2) => {
+      const projectId = e2.detail?.projectId;
+      if (projectId) handleNewSessionRef.current?.(projectId);
+    };
+    window.addEventListener("fello:new-session", handler);
+    return () => window.removeEventListener("fello:new-session", handler);
+  }, []);
   const handleNavigate = (path2) => {
     setOptimisticPath(path2);
     setTimeout(() => {
@@ -41097,6 +41283,7 @@ function Sidebar() {
     setNewSessionPermissionMode("allow-all");
     setNewSessionDialogOpen(true);
   };
+  handleNewSessionRef.current = openNewSessionDialog;
   const handleCreateNewSession = async () => {
     if (!newSessionProjectId || !newSessionAgentId) return;
     const ok2 = await handleNewChat(newSessionProjectId, newSessionAgentId, {
@@ -41128,13 +41315,14 @@ function Sidebar() {
           variant: "destructive",
           value: async () => {
             const store = useAppStore.getState();
+            if (activeSessionId === session2.id) {
+              handleNavigate("/");
+            }
+            await new Promise((resolve) => setTimeout(resolve, 100));
             setSessions(store.sessions.filter((s16) => s16.id !== session2.id));
             const map2 = new Map(store.sessionStates);
             map2.delete(session2.id);
             useAppStore.setState({ sessionStates: map2 });
-            if (activeSessionId === session2.id) {
-              handleNavigate("/");
-            }
             await request.deleteSession(session2.id);
             await refreshData();
             return "deleted";
@@ -41177,22 +41365,20 @@ function Sidebar() {
         {
           text: t2("sidebar.delete"),
           value: async () => {
-            await request.deleteProject(project.id);
-            const map2 = new Map(useAppStore.getState().sessionStates);
-            for (const session2 of sessions) {
+            const state2 = useAppStore.getState();
+            const activeSession = state2.sessions.find((session2) => session2.id === activeSessionId);
+            if (activeSession && activeSession.projectId === project.id) {
+              handleNavigate("/");
+            }
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            const map2 = new Map(state2.sessionStates);
+            for (const session2 of state2.sessions) {
               if (session2.projectId === project.id) map2.delete(session2.id);
             }
             useAppStore.setState({ sessionStates: map2 });
-            const { sessions: updated } = await refreshData();
-            if (activeSessionId && !updated.some((session2) => session2.id === activeSessionId)) {
-              const next2 = updated.length > 0 ? updated[0] : null;
-              if (next2) {
-                handleNavigate(`/session-view/${next2.id}`);
-              } else {
-                handleNavigate("/");
-              }
-            }
-            return "confirm";
+            await request.deleteProject(project.id);
+            await refreshData();
+            return "deleted";
           },
           variant: "destructive"
         }
@@ -41280,258 +41466,225 @@ function Sidebar() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5 p-1.5", children: [
-      sortedProjects.map((project) => {
-        const projectSessions = sessionsByProject[project.id] ?? [];
-        const expanded = isProjectExpanded(project.id);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            ContextMenu,
-            {
-              onOpenChange: (open2) => {
-                setOpenProjectMenuId(
-                  (prev2) => open2 ? project.id : prev2 === project.id ? null : prev2
-                );
-              },
-              children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-0.5 p-1.5", children: sortedProjects.map((project) => {
+      const projectSessions = sessionsByProject[project.id] ?? [];
+      const expanded = isProjectExpanded(project.id);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          ContextMenu,
+          {
+            onOpenChange: (open2) => {
+              setOpenProjectMenuId(
+                (prev2) => open2 ? project.id : prev2 === project.id ? null : prev2
+              );
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                ContextMenuTrigger,
+                {
+                  render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+                  className: `group flex h-7 cursor-default items-center gap-1.5 rounded-md px-1.5 text-xs font-normal text-sidebar-foreground/45 hover:bg-sidebar-accent/25 hover:text-sidebar-foreground/80 ${openProjectMenuId === project.id ? "bg-sidebar-accent/25 text-sidebar-foreground/80" : ""}`,
+                  onClick: () => toggleProject(project.id),
+                  onContextMenu: (e2) => {
+                    e2.stopPropagation();
+                  },
+                  children: [
+                    expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FolderClosed, { className: "size-3.5" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate leading-normal font-normal uppercase select-none", children: project.title }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e2) => {
+                          e2.stopPropagation();
+                          openNewSessionDialog(project.id);
+                        },
+                        className: `flex size-4 items-center justify-center rounded-sm text-sidebar-foreground/40 hover:bg-sidebar-accent/25 hover:text-sidebar-foreground/70 ${projectSessions.length === 0 ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`,
+                        "aria-label": t2("sidebar.createChatInProject", {
+                          defaultValue: "Create chat in {{title}}",
+                          title: project.title
+                        }),
+                        children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, {})
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onClick: (e2) => e2.stopPropagation(), className: "w-auto", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  ContextMenuTrigger,
+                  ContextMenuItem,
                   {
-                    render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-                    className: `group flex h-7 cursor-default items-center gap-1.5 rounded-md px-1.5 text-xs font-normal text-sidebar-foreground/45 hover:bg-sidebar-accent/25 hover:text-sidebar-foreground/80 ${openProjectMenuId === project.id ? "bg-sidebar-accent/25 text-sidebar-foreground/80" : ""}`,
-                    onClick: () => toggleProject(project.id),
-                    onContextMenu: (e2) => {
+                    onClick: (e2) => {
                       e2.stopPropagation();
+                      openNewSessionDialog(project.id);
                     },
                     children: [
-                      expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FolderClosed, { className: "size-3.5" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate leading-normal font-normal uppercase select-none", children: project.title }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: (e2) => {
-                            e2.stopPropagation();
-                            openNewSessionDialog(project.id);
-                          },
-                          className: `flex size-4 items-center justify-center rounded-sm text-sidebar-foreground/40 hover:bg-sidebar-accent/25 hover:text-sidebar-foreground/70 ${projectSessions.length === 0 ? "opacity-100" : "opacity-0 group-hover:opacity-100"}`,
-                          "aria-label": t2("sidebar.createChatInProject", {
-                            defaultValue: "Create chat in {{title}}",
-                            title: project.title
-                          }),
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, {})
-                        }
-                      )
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, {}),
+                      t2("sidebar.newChat", "New Chat")
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onClick: (e2) => e2.stopPropagation(), className: "w-auto", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        openNewSessionDialog(project.id);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, {}),
-                        t2("sidebar.newChat", "New Chat")
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
-                  !isWebUI && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        void handleRevealProjectInFinder(project);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, {}),
-                        t2("sidebar.revealInFinder")
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        handleRenameProject(project);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, {}),
-                        t2("sidebar.rename")
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      variant: "destructive",
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        handleDeleteProject(project);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
-                        t2("sidebar.delete")
-                      ]
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          expanded && projectSessions.map((session2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            ContextMenu,
-            {
-              onOpenChange: (open2) => {
-                setOpenSessionMenuId(
-                  (prev2) => open2 ? session2.id : prev2 === session2.id ? null : prev2
-                );
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  ContextMenuTrigger,
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+                !isWebUI && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
                   {
-                    render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-                    onClick: () => handleSelectSession(session2),
-                    className: `group flex h-8 cursor-default items-center justify-between rounded-md pl-1.5 pr-2 text-xs font-normal transition-colors ${activeSessionId === session2.id ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-foreground/95"} ${openSessionMenuId === session2.id ? "bg-sidebar-accent" : ""}`,
-                    onContextMenu: (e2) => {
+                    onClick: (e2) => {
                       e2.stopPropagation();
+                      void handleRevealProjectInFinder(project);
                     },
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
-                      (() => {
-                        const state2 = sessionStates.get(session2.id);
-                        const hasAskUser = (state2?.askUserRequests?.length ?? 0) > 0;
-                        const isStreaming = session2.isStreaming;
-                        const completedStatus = state2?.completedStatus;
-                        if (hasAskUser) {
-                          return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleQuestionMark, { className: "size-3 shrink-0 text-sky-500" });
-                        }
-                        if (isStreaming) {
-                          return /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin shrink-0" });
-                        }
-                        if (completedStatus === "success" || state2?.completedAt && !completedStatus) {
-                          return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 shrink-0 text-green-500" });
-                        }
-                        if (completedStatus === "error") {
-                          return /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3 shrink-0 text-yellow-500" });
-                        }
-                        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-3 shrink-0" });
-                      })(),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        Badge,
-                        {
-                          variant: "outline",
-                          className: "px-1 -ml-0.5 text-[10px] uppercase max-w-15 truncate text-center leading-normal py-0 select-none",
-                          children: configuredAgents.find((a2) => a2.id === session2.agentId)?.id || session2.agentId
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate leading-normal select-none", children: session2.title || t2("sidebar.newChat", "New Chat") }),
-                      activeIlinkSessionId === session2.id && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, { className: "size-3 shrink-0 text-green-500" })
-                    ] })
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, {}),
+                      t2("sidebar.revealInFinder")
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onClick: (e2) => e2.stopPropagation(), className: "w-auto", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        handleRenameSession(session2);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, {}),
-                        t2("sidebar.rename")
-                      ]
-                    }
-                  ),
-                  ilinkStatus.connected && activeIlinkSessionId !== session2.id && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        request.setActiveIlinkSession({ sessionId: session2.id }).catch(() => {
-                        });
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, {}),
-                        t2("sidebar.ilinkSetActive", "Set as WeChat Active")
-                      ]
-                    }
-                  ),
-                  ilinkStatus.connected && activeIlinkSessionId === session2.id && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        request.setActiveIlinkSession({ sessionId: "" }).catch(() => {
-                        });
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, {}),
-                        t2("sidebar.ilinkUnsetActive", "Unset WeChat Active")
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    ContextMenuItem,
-                    {
-                      variant: "destructive",
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        void handleDeleteSession(session2);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
-                        t2("sidebar.delete")
-                      ]
-                    }
-                  )
-                ] })
-              ]
-            },
-            session2.id
-          ))
-        ] }, project.id);
-      }),
-      projects.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 flex flex-col items-center gap-2 px-2", children: enabledAgents.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-center text-xs text-muted-foreground select-none", children: t2("sidebar.noAgentsHint") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-7 text-xs w-full",
-            onClick: () => handleNavigate("/settings/agents"),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { className: "size-3 mr-1" }),
-              t2("sidebar.configureAgent")
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      handleRenameProject(project);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, {}),
+                      t2("sidebar.rename")
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    variant: "destructive",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      handleDeleteProject(project);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
+                      t2("sidebar.delete")
+                    ]
+                  }
+                )
+              ] })
             ]
           }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-center text-xs text-muted-foreground select-none", children: t2("sidebar.noProjectsHint") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
+        ),
+        expanded && projectSessions.map((session2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          ContextMenu,
           {
-            variant: "outline",
-            size: "sm",
-            className: "h-7 text-xs w-full",
-            onClick: handleAddProject,
+            onOpenChange: (open2) => {
+              setOpenSessionMenuId(
+                (prev2) => open2 ? session2.id : prev2 === session2.id ? null : prev2
+              );
+            },
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-3 mr-1" }),
-              t2("sidebar.addProject")
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ContextMenuTrigger,
+                {
+                  render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+                  onClick: () => handleSelectSession(session2),
+                  className: `group flex h-8 cursor-default items-center justify-between rounded-md pl-1.5 pr-2 text-xs font-normal transition-colors ${activeSessionId === session2.id ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-foreground/95"} ${openSessionMenuId === session2.id ? "bg-sidebar-accent" : ""}`,
+                  onContextMenu: (e2) => {
+                    e2.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+                    (() => {
+                      const state2 = sessionStates.get(session2.id);
+                      const hasAskUser = (state2?.askUserRequests?.length ?? 0) > 0;
+                      const isStreaming = session2.isStreaming;
+                      const completedStatus = state2?.completedStatus;
+                      if (hasAskUser) {
+                        return /* @__PURE__ */ jsxRuntimeExports.jsx(CircleQuestionMark, { className: "size-3 shrink-0 text-sky-500" });
+                      }
+                      if (isStreaming) {
+                        return /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin shrink-0" });
+                      }
+                      if (completedStatus === "success" || state2?.completedAt && !completedStatus) {
+                        return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 shrink-0 text-green-500" });
+                      }
+                      if (completedStatus === "error") {
+                        return /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3 shrink-0 text-yellow-500" });
+                      }
+                      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-3 shrink-0" });
+                    })(),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "px-1 -ml-0.5 text-[10px] uppercase max-w-15 truncate text-center leading-normal py-0 select-none",
+                        children: configuredAgents.find((a2) => a2.id === session2.agentId)?.id || session2.agentId
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate leading-normal select-none", children: session2.title || t2("sidebar.newChat", "New Chat") }),
+                    activeIlinkSessionId === session2.id && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, { className: "size-3 shrink-0 text-green-500" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onClick: (e2) => e2.stopPropagation(), className: "w-auto", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      handleRenameSession(session2);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, {}),
+                      t2("sidebar.rename")
+                    ]
+                  }
+                ),
+                ilinkStatus.connected && activeIlinkSessionId !== session2.id && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      request.setActiveIlinkSession({ sessionId: session2.id }).catch(() => {
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, {}),
+                      t2("sidebar.ilinkSetActive", "Set as WeChat Active")
+                    ]
+                  }
+                ),
+                ilinkStatus.connected && activeIlinkSessionId === session2.id && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      request.setActiveIlinkSession({ sessionId: "" }).catch(() => {
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCircle, {}),
+                      t2("sidebar.ilinkUnsetActive", "Unset WeChat Active")
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  ContextMenuItem,
+                  {
+                    variant: "destructive",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      void handleDeleteSession(session2);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
+                      t2("sidebar.delete")
+                    ]
+                  }
+                )
+              ] })
             ]
-          }
-        )
-      ] }) })
-    ] }) }),
+          },
+          session2.id
+        ))
+      ] }, project.id);
+    }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-auto border-t border-border", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
@@ -41660,46 +41813,52 @@ function Sidebar() {
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("sidebar.newSessionDialog.mcp", { defaultValue: "MCP" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
-            configuredMcpServers.map((mcp) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "div",
-                    {
-                      className: cn$5(
-                        "text-xs truncate",
-                        !newSessionMcpIds.has(mcp.id) ? "text-muted-foreground/50" : "text-muted-foreground"
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: configuredMcpServers.length > 5 ? "grid grid-cols-2 gap-1" : "flex flex-col gap-1",
+              children: [
+                configuredMcpServers.map((mcp) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
+                  {
+                    className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "div",
+                        {
+                          className: cn$5(
+                            "text-xs truncate",
+                            !newSessionMcpIds.has(mcp.id) ? "text-muted-foreground/50" : "text-muted-foreground"
+                          ),
+                          title: mcp.id,
+                          children: mcp.id
+                        }
                       ),
-                      title: mcp.id,
-                      children: mcp.id
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Switch,
-                    {
-                      size: "sm",
-                      checked: newSessionMcpIds.has(mcp.id),
-                      onCheckedChange: (checked) => {
-                        setNewSessionMcpIds((prev2) => {
-                          const next2 = new Set(prev2);
-                          if (checked) next2.add(mcp.id);
-                          else next2.delete(mcp.id);
-                          return next2;
-                        });
-                      }
-                    }
-                  )
-                ]
-              },
-              mcp.id
-            )),
-            configuredMcpServers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("sidebar.newSessionDialog.noMcp", {
-              defaultValue: "No MCP servers configured"
-            }) })
-          ] })
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Switch,
+                        {
+                          size: "sm",
+                          checked: newSessionMcpIds.has(mcp.id),
+                          onCheckedChange: (checked) => {
+                            setNewSessionMcpIds((prev2) => {
+                              const next2 = new Set(prev2);
+                              if (checked) next2.add(mcp.id);
+                              else next2.delete(mcp.id);
+                              return next2;
+                            });
+                          }
+                        }
+                      )
+                    ]
+                  },
+                  mcp.id
+                )),
+                configuredMcpServers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("sidebar.newSessionDialog.noMcp", {
+                  defaultValue: "No MCP servers configured"
+                }) })
+              ]
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
@@ -41790,7 +41949,7 @@ function SettingsLayout() {
         {
           to: tab2.href,
           className: ({ isActive }) => cn$5(
-            "flex items-center gap-2 rounded-md px-3 py-2 text-xs transition-colors",
+            "flex items-center gap-2 rounded-md px-3 py-2 text-xs transition-colors cursor-default",
             isActive ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
           ),
           children: [
@@ -41804,6 +41963,34 @@ function SettingsLayout() {
     ] })
   ] });
 }
+function Card({
+  className,
+  size: size2 = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size2,
+      className: cn$5(
+        "group/card flex flex-col overflow-hidden rounded-xl bg-card border border-border text-sm text-card-foreground has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn$5("px-3 pb-3", className),
+      ...props
+    }
+  );
+}
 const PARTICLE_COUNT = 70;
 const CONNECTION_DIST = 140;
 const RIPPLE_MAX_RADIUS = 200;
@@ -41957,11 +42144,13 @@ function Welcome() {
   const [tilt, setTilt] = reactExports.useState({ x: 0, y: 0 });
   const agents = useAppStore((s16) => s16.configuredAgents);
   const projects = useAppStore((s16) => s16.projects);
+  const sessions = useAppStore((s16) => s16.sessions);
   const setI18n2 = useAppStore((s16) => s16.setI18n);
   const enabledAgentCount = reactExports.useMemo(() => agents.filter((a2) => !a2.disabled).length, [agents]);
   const hasAgents = enabledAgentCount > 0;
   const hasProjects = projects.length > 0;
   const allDone = hasAgents && hasProjects;
+  const showGuide = !allDone || projects.length <= 1 && sessions.length === 0;
   const handleMouseMove = reactExports.useCallback((e2) => {
     const rect2 = containerRef.current?.getBoundingClientRect();
     if (!rect2) return;
@@ -41982,7 +42171,7 @@ function Welcome() {
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "absolute bottom-3 right-4 text-[11px] text-muted-foreground/40 z-10 pointer-events-none", children: [
           "v",
-          "0.1.29"
+          "0.1.32"
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -42025,48 +42214,50 @@ function Welcome() {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "p",
             {
-              className: "mt-2 max-w-md text-sm text-muted-foreground animate-text-fade-in",
+              className: "mt-2 max-w-md text-sm text-muted-foreground animate-text-fade-in min-h-10",
               style: { animationDelay: "0.6s", animationFillMode: "both" },
               children: t2("welcome.desc")
             }
           )
         ] }),
-        !allDone ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
+        showGuide && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Card,
           {
-            className: "relative z-10 flex flex-col gap-3 w-full max-w-xs animate-text-fade-in",
+            size: "sm",
+            className: "relative z-10 w-100 bg-card/80 backdrop-blur-sm animate-text-fade-in",
             style: { animationDelay: "0.8s", animationFillMode: "both" },
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-medium text-muted-foreground/70 uppercase tracking-wide text-center", children: t2("welcome.getStarted") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Tabs,
-                {
-                  value: i18n.language,
-                  onValueChange: (lang) => {
-                    if (!lang) return;
-                    setI18n2({ language: lang });
-                    i18n.changeLanguage(lang);
-                    request.updateSettings({ i18n: { language: lang } }).catch(() => {
-                    });
-                  },
-                  className: "self-center w-full",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "en", className: "flex-1 text-xs", children: t2("settings.general.english") }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "zh-CN", className: "flex-1 text-xs", children: t2("settings.general.chinese") })
-                  ] })
-                }
-              ),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(CardContent, { className: "flex flex-col gap-2.5 px-3 py-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-3", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs font-medium text-muted-foreground/90 uppercase tracking-wide", children: t2("welcome.getStarted") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Tabs,
+                  {
+                    value: i18n.language,
+                    onValueChange: (lang) => {
+                      if (!lang) return;
+                      setI18n2({ language: lang });
+                      i18n.changeLanguage(lang);
+                      request.updateSettings({ i18n: { language: lang } }).catch(() => {
+                      });
+                    },
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "en", className: "text-[11px] h-6 px-1.5", children: "English" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "zh-CN", className: "text-[11px] h-6 px-1.5", children: "简体中文" })
+                    ] })
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "button",
                 {
                   type: "button",
                   onClick: () => !hasAgents && navigate("/settings/agents"),
-                  className: `flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors ${hasAgents ? "border-green-500/30 bg-green-500/5 cursor-default" : "border-border hover:border-primary/40 hover:bg-primary/5 cursor-pointer"}`,
+                  className: `flex items-center gap-3 rounded-lg border px-2.5 py-2 text-left transition-all ${hasAgents ? "border-green-500/20 bg-green-500/5 cursor-default" : "border-border hover:border-primary/30 hover:bg-primary/5 cursor-default"}`,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "div",
                       {
-                        className: `flex size-7 shrink-0 items-center justify-center rounded-md ${hasAgents ? "bg-green-500/15 text-green-600" : "bg-primary/10 text-primary"}`,
+                        className: `flex size-6 shrink-0 items-center justify-center rounded-md ${hasAgents ? "bg-green-500/15 text-green-600" : "bg-primary/10 text-primary"}`,
                         children: hasAgents ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "size-3.5" })
                       }
                     ),
@@ -42082,17 +42273,17 @@ function Welcome() {
                 {
                   type: "button",
                   onClick: () => {
-                    if (!hasProjects) {
+                    if (!hasProjects && hasAgents) {
                       window.dispatchEvent(new CustomEvent("fello:add-project"));
                     }
                   },
-                  className: `flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors ${hasProjects ? "border-green-500/30 bg-green-500/5 cursor-default" : !hasAgents ? "border-border/50 opacity-50 cursor-not-allowed" : "border-border hover:border-primary/40 hover:bg-primary/5 cursor-pointer"}`,
                   disabled: !hasAgents,
+                  className: `flex items-center gap-3 rounded-lg border px-2.5 py-2 text-left transition-all ${hasProjects ? "border-green-500/20 bg-green-500/5 cursor-default" : !hasAgents ? "border-border opacity-40 cursor-not-allowed" : "border-border hover:border-primary/30 hover:bg-primary/5 cursor-default"}`,
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "div",
                       {
-                        className: `flex size-7 shrink-0 items-center justify-center rounded-md ${hasProjects ? "bg-green-500/15 text-green-600" : "bg-primary/10 text-primary"}`,
+                        className: `flex size-6 shrink-0 items-center justify-center rounded-md ${hasProjects ? "bg-green-500/15 text-green-600" : "bg-primary/10 text-primary"}`,
                         children: hasProjects ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-3.5" })
                       }
                     ),
@@ -42104,11 +42295,25 @@ function Welcome() {
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "div",
+                "button",
                 {
-                  className: `flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left ${!hasAgents || !hasProjects ? "border-border/50 opacity-50" : "border-border"}`,
+                  type: "button",
+                  onClick: () => {
+                    if (allDone) {
+                      const firstProject = projects[0];
+                      if (firstProject) {
+                        window.dispatchEvent(
+                          new CustomEvent("fello:new-session", {
+                            detail: { projectId: firstProject.id }
+                          })
+                        );
+                      }
+                    }
+                  },
+                  disabled: !allDone,
+                  className: `flex items-center gap-3 rounded-lg border px-2.5 py-2 text-left transition-all ${allDone ? "border-border hover:border-primary/30 hover:bg-primary/5 cursor-default" : "border-border opacity-40 cursor-not-allowed"}`,
                   children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, { className: "size-3.5" }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCirclePlus, { className: "size-3.5" }) }),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-medium", children: t2("welcome.stepChat") }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground mt-0.5", children: t2("welcome.stepChatDesc") })
@@ -42116,17 +42321,7 @@ function Welcome() {
                   ]
                 }
               )
-            ]
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "div",
-          {
-            className: "flex items-center gap-2 text-xs text-muted-foreground/50 relative z-10 animate-text-fade-in pointer-events-none",
-            style: { animationDelay: "1s", animationFillMode: "both" },
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3 animate-bounce-horizontal" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("welcome.allDone") })
-            ]
+            ] })
           }
         )
       ]
@@ -68650,7 +68845,7 @@ var lr$2 = (e2) => {
   for (; t2 > 0 && e2[t2 - 1] === `
 `; ) t2--;
   return e2.slice(0, t2);
-}, cr$1 = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-OFNGDK62-DQWoSdTY.js"), true ? [] : void 0, import.meta.url).then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), st$4 = ({ code: e2, language: t2, className: o4, children: n2, isIncomplete: r3 = false, startLine: s16, lineNumbers: a2, ...l6 }) => {
+}, cr$1 = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-OFNGDK62-CrGFRrSX.js"), true ? [] : void 0, import.meta.url).then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), st$4 = ({ code: e2, language: t2, className: o4, children: n2, isIncomplete: r3 = false, startLine: s16, lineNumbers: a2, ...l6 }) => {
   let i3 = y$9(), d2 = reactExports.useMemo(() => lr$2(e2), [e2]), c2 = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: d2.split(`
 `).map((p3) => [{ content: p3, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [d2]);
   return jsxRuntimeExports.jsx(nt$4.Provider, { value: { code: e2 }, children: jsxRuntimeExports.jsxs(ot$4, { isIncomplete: r3, language: t2, children: [jsxRuntimeExports.jsx(rt$3, { language: t2 }), n2 ? jsxRuntimeExports.jsx("div", { className: i3("pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end"), children: jsxRuntimeExports.jsx("div", { className: i3("pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur"), "data-streamdown": "code-block-actions", children: n2 }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(At$2, { className: o4, language: t2, lineNumbers: a2, result: c2, startLine: s16, ...l6 }), children: jsxRuntimeExports.jsx(cr$1, { className: o4, code: d2, language: t2, lineNumbers: a2, raw: c2, startLine: s16, ...l6 }) })] }) });
@@ -93491,12 +93686,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KV5264BT-4I0h4wyh.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0, import.meta.url), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KV5264BT-DdjpmydK.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0, import.meta.url), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-lCfWcP6y.js"), true ? __vite__mapDeps([6,7]) : void 0, import.meta.url), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-DVrDSw12.js"), true ? __vite__mapDeps([6,7]) : void 0, import.meta.url), "loader")
       }
     ]
   ]);
@@ -93952,7 +94147,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-AHTNJAMY-Co_b_6bH.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-AHTNJAMY-Chff2Ong.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0, import.meta.url);
   return { id, diagram: diagram2 };
@@ -93972,7 +94167,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-Dfg0LLup.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-CYDqfzx3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0, import.meta.url);
   return { id: id2, diagram: diagram2 };
@@ -93998,7 +94193,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-Dfg0LLup.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-CYDqfzx3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0, import.meta.url);
   return { id: id3, diagram: diagram2 };
@@ -94015,7 +94210,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-SMLLAGMA-Bk9QFZ27.js");
+    const { diagram: diagram22 } = await import("./erDiagram-SMLLAGMA-BciRZ0dO.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0, import.meta.url);
   return { id: id4, diagram: diagram2 };
@@ -94032,7 +94227,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-UUTBAWPF-C74WBszH.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-UUTBAWPF-BadxOCq2.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,4,2]) : void 0, import.meta.url);
   return { id: id5, diagram: diagram2 };
@@ -94049,7 +94244,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-T4ZO3ILL-lTjaJTs0.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-T4ZO3ILL-CRhxy6fZ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0, import.meta.url);
   return { id: id6, diagram: diagram2 };
@@ -94066,7 +94261,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-42DDH7IO-CR4ZLAM1.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-42DDH7IO-DLMGtQF0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,4,2]) : void 0, import.meta.url);
   return { id: id7, diagram: diagram2 };
@@ -94082,7 +94277,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-DEJITSTG-C8AxK_-F.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-DEJITSTG-n1UTGYDH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,4,2,26,27,22]) : void 0, import.meta.url);
   return { id: id8, diagram: diagram2 };
@@ -94098,7 +94293,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-34T5L4WZ-BdiZmi7w.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-34T5L4WZ-DXaOIoV-.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0, import.meta.url);
   return { id: id9, diagram: diagram2 };
@@ -94115,7 +94310,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-5P7HB3ND-J9z4uuMK.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-5P7HB3ND-BrCeeMZz.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0, import.meta.url);
   return { id: id10, diagram: diagram2 };
@@ -94132,7 +94327,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-MS252O5E-BHIfl5Tz.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-MS252O5E-CTmWVt-P.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0, import.meta.url);
   return { id: id11, diagram: diagram2 };
@@ -94149,7 +94344,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-FGHM5R23-COKEbCYM.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-FGHM5R23-C5v5_yv_.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0, import.meta.url);
   return { id: id12, diagram: diagram2 };
@@ -94169,7 +94364,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-6PBFFD2Q-OFMeoPav.js");
+    const { diagram: diagram22 } = await import("./classDiagram-6PBFFD2Q-pm-iptmM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,9,12,13]) : void 0, import.meta.url);
   return { id: id13, diagram: diagram2 };
@@ -94189,7 +94384,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-HSJHXN6E-OFMeoPav.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-HSJHXN6E-pm-iptmM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,9,12,13]) : void 0, import.meta.url);
   return { id: id14, diagram: diagram2 };
@@ -94209,7 +94404,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-FHFEXIEX-7zRGBf7O.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FHFEXIEX-D6Vd4_MM.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0, import.meta.url);
   return { id: id15, diagram: diagram2 };
@@ -94232,7 +94427,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-QKLJ7IA2-BqHJ_ZBX.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-QKLJ7IA2-De00f0TU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0, import.meta.url);
   return { id: id16, diagram: diagram2 };
@@ -94249,7 +94444,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-VCZTEJTY-Ds2OL3Lo.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-VCZTEJTY-567Gpkxf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,11,9,26]) : void 0, import.meta.url);
   return { id: id17, diagram: diagram2 };
@@ -94319,7 +94514,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-Dfg0LLup.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-DWJPFMVM-CYDqfzx3.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,9,12,13,14]) : void 0, import.meta.url);
   return { id: id18, diagram: diagram2 };
@@ -94336,7 +94531,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-GMOUNBTQ-AvZAT5J-.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-GMOUNBTQ-DxOCmdWf.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0, import.meta.url);
   return { id: id19, diagram: diagram2 };
@@ -94353,7 +94548,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-QFDTVHPH-C3U3xkIJ.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-QFDTVHPH-BtxeumQc.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0, import.meta.url);
   return { id: id20, diagram: diagram2 };
@@ -94370,7 +94565,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-6JOO6SKY-CZ1CZVyP.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-6JOO6SKY-DPjxCDrA.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0, import.meta.url);
   return { id: id21, diagram: diagram2 };
@@ -94387,7 +94582,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-XADWPNL6-SthTR8cL.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-XADWPNL6-BXOndA46.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0, import.meta.url);
   return { id: id22, diagram: diagram2 };
@@ -94404,7 +94599,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-TYMM5635-aF8hIDx1.js");
+    const { diagram: diagram22 } = await import("./diagram-TYMM5635-tf8FuJg1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,4,2]) : void 0, import.meta.url);
   return { id: id23, diagram: diagram2 };
@@ -94420,7 +94615,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-MMDJMWI5-Di6wZV6-.js");
+    const { diagram: diagram22 } = await import("./diagram-MMDJMWI5-40ryNdvI.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,4,2]) : void 0, import.meta.url);
   return { id: id24, diagram: diagram2 };
@@ -94436,7 +94631,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-DXYQGD6D-6liCvTXv.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-DXYQGD6D-DUXfUO2U.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,1,2,14]) : void 0, import.meta.url);
   return { id: id25, diagram: diagram2 };
@@ -94453,7 +94648,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-5BDNPKRD-C1mEpAlt.js");
+    const { diagram: diagram22 } = await import("./diagram-5BDNPKRD-CdTSROj9.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,18,19,4,2]) : void 0, import.meta.url);
   return { id: id26, diagram: diagram2 };
@@ -94470,7 +94665,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-Q4EWVU46-C31yFVWH.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-Q4EWVU46-k4E5eOG6.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,17,19,4,2,7]) : void 0, import.meta.url);
   return { id: id27, diagram: diagram2 };
@@ -94487,7 +94682,7 @@ var detector28 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader28 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ishikawaDiagram-UXIWVN3A-uXL-4FGw.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-UXIWVN3A-D8djsZeF.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0, import.meta.url);
   return { id: id28, diagram: diagram2 };
@@ -94503,7 +94698,7 @@ var detector29 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader29 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./vennDiagram-DHZGUBPP-oSTndBDY.js");
+    const { diagram: diagram22 } = await import("./vennDiagram-DHZGUBPP-VNGucDZS.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0, import.meta.url);
   return { id: id29, diagram: diagram2 };
@@ -94520,7 +94715,7 @@ var detector30 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader30 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-G4DWMVQ6-C_g_DZm9.js");
+    const { diagram: diagram22 } = await import("./diagram-G4DWMVQ6-DQ1x-vhi.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([48,13,17,19,4,2,23,27,22]) : void 0, import.meta.url);
   return { id: id30, diagram: diagram2 };
@@ -94536,7 +94731,7 @@ var detector31 = /* @__PURE__ */ __name((text2) => {
 }, "detector");
 var loader31 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./wardleyDiagram-NUSXRM2D-Dv2kSOMM.js");
+    const { diagram: diagram22 } = await import("./wardleyDiagram-NUSXRM2D-BqldBvm5.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([49,17,19,4,2]) : void 0, import.meta.url);
   return { id: id31, diagram: diagram2 };
@@ -132021,6 +132216,25 @@ function TableHead({ className, ...props }) {
 function TableCell({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: cn$5("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props });
 }
+function buildImageRehypePlugins(transformSrc) {
+  const { raw: raw2, sanitize: sanitize2, harden: harden2 } = xt$2;
+  const [sanitizePlugin, sanitizeSchema] = sanitize2;
+  const protocols = sanitizeSchema.protocols;
+  const extendedSchema = {
+    ...sanitizeSchema,
+    protocols: { ...protocols, src: [...protocols.src || [], "web"] }
+  };
+  const rehypeResolveImages = () => (tree) => {
+    const walk = (node2) => {
+      if (node2.type === "element" && node2.tagName === "img" && node2.properties?.src) {
+        node2.properties.src = transformSrc(node2.properties.src);
+      }
+      if (node2.children) node2.children.forEach(walk);
+    };
+    walk(tree);
+  };
+  return [raw2, [sanitizePlugin, extendedSchema], rehypeResolveImages, harden2];
+}
 function CodeBlock({
   language,
   highlightLang,
@@ -132101,14 +132315,38 @@ const components = {
   tbody: ({ className, children: children2, node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(TableBody, { ...props, className, children: children2 }),
   tr: ({ className, children: children2, node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(TableRow, { ...props, className: cn$5(className, "border-border"), children: children2 }),
   th: ({ className, children: children2, node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { ...props, className: cn$5(className, "py-2"), children: children2 }),
-  td: ({ className, children: children2, node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { ...props, className, children: children2 })
+  td: ({ className, children: children2, node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { ...props, className, children: children2 }),
+  img: ({ node: _node, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-full rounded-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { ...props, className: "max-w-full m-auto" }) })
 };
 function StreamMarkdown({
   className,
   children: children2,
   isStreaming,
-  forceBreaks
+  forceBreaks,
+  imageSource,
+  onLinkClick
 }) {
+  const rehypePlugins = reactExports.useMemo(() => {
+    if (!imageSource) return void 0;
+    return buildImageRehypePlugins(imageSource);
+  }, [imageSource]);
+  const resolvedComponents = reactExports.useMemo(() => {
+    if (!onLinkClick) return components;
+    return {
+      ...components,
+      a: ({ href, children: children22, node: _node, ...props }) => {
+        if (href && !/^(https?:|data:|#|mailto:|blob:|web:)/.test(href)) {
+          const handleClick = (e2) => {
+            if (onLinkClick(href, e2) === false) {
+              e2.preventDefault();
+            }
+          };
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, onClick: handleClick, ...props, children: children22 });
+        }
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", ...props, children: children22 });
+      }
+    };
+  }, [onLinkClick]);
   const remarkPlugins = reactExports.useMemo(() => {
     return forceBreaks ? [remarkBreaks] : void 0;
   }, [forceBreaks]);
@@ -132130,12 +132368,13 @@ function StreamMarkdown({
       Qs$1,
       {
         plugins: { mermaid: f$5, math: h$4, cjk: A$4 },
-        components,
+        components: resolvedComponents,
         shikiTheme: ["github-light", "github-dark"],
         isAnimating: isStreaming,
         animated: { sep: "char" },
         linkSafety: { enabled: false },
         remarkPlugins,
+        rehypePlugins,
         controls: {
           table: { fullscreen: false },
           mermaid: { fullscreen: false }
@@ -132179,7 +132418,7 @@ const typographyClasses = {
   agent_message: cn$5(
     baseClasses$1,
     "prose prose-sm dark:prose-invert",
-    "prose-p:leading-normal prose-p:text-foreground/90 prose-p:my-2 prose-p:text-[13px]",
+    "prose-p:leading-normal prose-p:text-foreground/80 prose-p:my-2 prose-p:text-[13px]",
     "prose-headings:text-foreground prose-headings:font-medium prose-headings:mt-2.5 prose-headings:mb-1",
     "prose-h1:text-[15px] prose-h2:text-[14px] prose-h3:text-[13px] prose-h4:text-[12px] prose-h5:text-[12px] prose-h6:text-[11px]",
     "prose-strong:text-foreground prose-strong:font-medium",
@@ -132223,24 +132462,6 @@ const TextBlock = reactExports.memo(function TextBlock2({
     }
   ) });
 });
-function Card({
-  className,
-  size: size2 = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "data-slot": "card",
-      "data-size": size2,
-      className: cn$5(
-        "group/card flex flex-col overflow-hidden rounded-xl bg-card border border-border text-sm text-card-foreground has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
-        className
-      ),
-      ...props
-    }
-  );
-}
 const ImageBlock = reactExports.memo(function ImageBlock2({
   block,
   role: _role,
@@ -132355,7 +132576,7 @@ const TextResourceBlock = reactExports.memo(function TextResourceBlock2({
       {
         render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
         nativeButton: false,
-        className: "flex h-8 cursor-pointer items-center gap-1 py-1 px-2 hover:bg-muted/50 select-none",
+        className: "flex h-8 items-center gap-1 py-1 px-2 hover:bg-muted/50 select-none",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-3.5 text-blue-400 shrink-0" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium min-w-40 truncate flex-1", children: getBasename(resource.uri) }),
@@ -132982,7 +133203,7 @@ const ThinkingBubble = reactExports.memo(function ThinkingBubble2({
       open: open2,
       onOpenChange: setOpen,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "w-full bg-transparent border-0 cursor-pointer flex select-none items-center gap-2 px-0 py-1 text-[11px] text-muted-foreground/90 hover:text-muted-foreground pointer-events-auto", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "w-full bg-transparent border-0 flex select-none items-center gap-2 px-0 py-1 text-[11px] text-muted-foreground/90 hover:text-muted-foreground pointer-events-auto", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Lightbulb, { className: `size-3.5 ${isStreaming ? "animate-pulse" : ""}` }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: isStreaming ? t2("thinkingBubble.thinking", "Thinking...") : t2("thinkingBubble.thought", "Thought") })
         ] }),
@@ -133184,7 +133405,7 @@ const PlanBubble = reactExports.memo(function PlanBubble2({
       ),
       defaultOpen: true,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "w-full bg-transparent border-0 flex cursor-pointer select-none items-center gap-2 px-3 py-2 text-xs hover:bg-secondary", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "w-full bg-transparent border-0 flex select-none items-center gap-2 px-3 py-2 text-xs hover:bg-secondary", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Notebook, { className: "size-3 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground", children: t2("planBubble.title") }) }),
           total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: t2("planBubble.summary", { completed, total }) })
@@ -137026,6 +137247,44 @@ function ChatInput({ session: session2 }) {
   const isStreaming = session2.isStreaming;
   const availableModels = session2.models?.availableModels ?? [];
   const currentModelId = session2.models?.currentModelId ?? null;
+  const groupedModels = reactExports.useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const m2 of availableModels) {
+      const slashIdx = m2.name.indexOf("/");
+      const key2 = slashIdx > 0 ? m2.name.slice(0, slashIdx) : "";
+      if (!groups.has(key2)) groups.set(key2, []);
+      groups.get(key2).push(m2);
+    }
+    return groups;
+  }, [availableModels]);
+  const handleModelChange = reactExports.useCallback(async (modelId) => {
+    const sid = session2.id;
+    if (!sid) return;
+    useAppStore.getState().updateSession({
+      ...session2,
+      models: { ...session2.models, currentModelId: modelId }
+    });
+    try {
+      await request.setModel({ sessionId: sid, modelId });
+    } catch (err) {
+      console.error("Failed to set model:", err);
+      useAppStore.getState().updateSession(session2);
+    }
+  }, [session2]);
+  const handleModeChange = reactExports.useCallback(async (modeId) => {
+    const sid = session2.id;
+    if (!sid) return;
+    useAppStore.getState().updateSession({
+      ...session2,
+      modes: { ...session2.modes, currentModeId: modeId }
+    });
+    try {
+      await request.setMode({ sessionId: sid, modeId });
+    } catch (err) {
+      console.error("Failed to set mode:", err);
+      useAppStore.getState().updateSession(session2);
+    }
+  }, [session2]);
   const availableModes = session2.modes?.availableModes ?? [];
   const currentModeId = session2.modes?.currentModeId ?? null;
   const initializeInfo = session2.initializeInfo;
@@ -137455,7 +137714,7 @@ function ChatInput({ session: session2 }) {
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       HoverCardTrigger,
                       {
-                        render: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex cursor-pointer items-center gap-1.5 text-muted-foreground hover:text-foreground", children: [
+                        render: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground hover:text-foreground", children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { className: "size-3.5" }),
                           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-25 truncate", children: att.filename })
                         ] })
@@ -137589,38 +137848,25 @@ function ChatInput({ session: session2 }) {
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                    availableModes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                      Select,
-                      {
-                        items: availableModes.map((m2) => ({ value: m2.id, label: m2.name })),
-                        value: currentModeId ?? "",
-                        onValueChange: async (modeId) => {
-                          if (!modeId) return;
-                          const sid = session2.id;
-                          if (!sid) return;
-                          useAppStore.getState().updateSession({
-                            ...session2,
-                            modes: { ...session2.modes, currentModeId: modeId }
-                          });
-                          try {
-                            await request.setMode({
-                              sessionId: sid,
-                              modeId
-                            });
-                          } catch (err) {
-                            console.error("Failed to set mode:", err);
-                            useAppStore.getState().updateSession(session2);
-                          }
-                        },
-                        children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: t2("chatInput.mode", "Mode") }) }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { alignItemWithTrigger: false, className: "w-60", children: availableModes.map((mode) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: mode.id, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-1 whitespace-normal", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: mode.name }),
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "wrap-break-word text-[10px] text-muted-foreground/60 line-clamp-2", children: mode.description })
-                          ] }) }, mode.id)) })
-                        ]
-                      }
-                    ) }),
+                    availableModes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        DropdownMenuTrigger,
+                        {
+                          render: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "h-7 text-xs text-muted-foreground hover:text-foreground gap-1 max-w-48" }),
+                          children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: availableModes.find((m2) => m2.id === currentModeId)?.name ?? t2("chatInput.mode", "Mode") }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 opacity-60 shrink-0" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", className: "w-auto! max-h-none! max-w-60 min-w-(--anchor-width)", children: availableModes.map((mode) => /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => handleModeChange(mode.id), className: "gap-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: `size-3 shrink-0 ${mode.id === currentModeId ? "opacity-100" : "opacity-0"}` }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: mode.name }),
+                          mode.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/60 line-clamp-2", children: mode.description })
+                        ] })
+                      ] }, mode.id)) })
+                    ] }),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
                       initializeInfo?.agentCapabilities?.promptCapabilities?.embeddedContext || initializeInfo?.agentCapabilities?.promptCapabilities?.image ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -137682,38 +137928,45 @@ function ChatInput({ session: session2 }) {
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                    availableModels.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                      Select,
-                      {
-                        items: availableModels.map((m2) => ({ value: m2.modelId, label: m2.name })),
-                        value: currentModelId ?? "",
-                        onValueChange: async (modelId) => {
-                          if (!modelId) return;
-                          const sid = session2.id;
-                          if (!sid) return;
-                          useAppStore.getState().updateSession({
-                            ...session2,
-                            models: { ...session2.models, currentModelId: modelId }
-                          });
-                          try {
-                            await request.setModel({
-                              sessionId: sid,
-                              modelId
-                            });
-                          } catch (err) {
-                            console.error("Failed to set model:", err);
-                            useAppStore.getState().updateSession(session2);
-                          }
-                        },
-                        children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: t2("chatInput.selectModel", "Select model") }) }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { alignItemWithTrigger: false, className: "w-60", children: availableModels.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m2.modelId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-1 whitespace-normal", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: m2.name }),
-                            m2.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "wrap-break-word text-[10px] text-muted-foreground/60 line-clamp-2", children: m2.description })
-                          ] }) }, m2.modelId)) })
-                        ]
-                      }
-                    ) : null,
+                    availableModels.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        DropdownMenuTrigger,
+                        {
+                          render: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "h-7 text-xs text-muted-foreground hover:text-foreground gap-1 max-w-48" }),
+                          children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: availableModels.find((m2) => m2.modelId === currentModelId)?.name ?? t2("chatInput.selectModel", "Select model") }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 opacity-60 shrink-0" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", className: "w-auto! max-h-none! max-w-64 min-w-(--anchor-width)", children: groupedModels.size <= 1 ? availableModels.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => handleModelChange(m2.modelId), className: "gap-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: `size-3 shrink-0 ${m2.modelId === currentModelId ? "opacity-100" : "opacity-0"}` }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: m2.name }),
+                          m2.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/60 line-clamp-2", children: m2.description })
+                        ] })
+                      ] }, m2.modelId)) : Array.from(groupedModels.entries()).map(
+                        ([group, models]) => group ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuSub, { children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: `size-3 shrink-0 ${models.some((m2) => m2.modelId === currentModelId) ? "opacity-100" : "opacity-0"}` }),
+                            group
+                          ] }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSubContent, { className: "max-h-80 overflow-y-auto min-w-40", children: models.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => handleModelChange(m2.modelId), className: "gap-2", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: `size-3 shrink-0 ${m2.modelId === currentModelId ? "opacity-100" : "opacity-0"}` }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: m2.name.slice(group.length + 1) }),
+                              m2.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/60 line-clamp-2", children: m2.description })
+                            ] })
+                          ] }, m2.modelId)) })
+                        ] }, group) : models.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: () => handleModelChange(m2.modelId), className: "gap-2", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: `size-3 shrink-0 ${m2.modelId === currentModelId ? "opacity-100" : "opacity-0"}` }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pr-3", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: m2.name }),
+                            m2.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/60 line-clamp-2", children: m2.description })
+                          ] })
+                        ] }, m2.modelId))
+                      ) })
+                    ] }) : null,
                     isStreaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Button,
                       {
@@ -137931,6 +138184,7 @@ function AskUserOptions({
     }).then(() => onResolved());
   };
   const handleKeyDown = (e2) => {
+    if (e2.nativeEvent.isComposing) return;
     if (e2.key === "Enter" && !e2.shiftKey) {
       e2.preventDefault();
       handleSubmitInput();
@@ -137994,7 +138248,7 @@ function AskUserOptions({
             onChange: (e2) => setInputValue(e2.target.value),
             onKeyDown: handleKeyDown,
             placeholder: t2("askUser.inputPlaceholder", "Type your response... (Enter to send)"),
-            className: "min-h-19 max-h-50 block resize-none border-none shadow-none focus-visible:ring-0 leading-relaxed p-2 pb-8 text-foreground/80 placeholder:text-muted-foreground/50 break-all",
+            className: "min-h-19 text-xs! max-h-50 block resize-none border-none shadow-none focus-visible:ring-0 leading-relaxed p-2 pb-8 text-foreground/80 placeholder:text-muted-foreground/50 break-all",
             autoFocus: true
           }
         ),
@@ -138043,14 +138297,14 @@ function FileViewTabs({ viewMode, viewModes, onViewModeChange }) {
   if (viewModes.length <= 1) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-4 left-0 right-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs, { value: viewMode, onValueChange: (v4) => onViewModeChange(v4), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsList, { className: "h-8 border border-border shadow-lg", children: viewModes.map((mode) => /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: mode, className: "text-xs min-w-18", children: mode === "preview" ? t2("fileDetail.preview") : mode === "code" ? t2("fileDetail.code") : t2("fileDetail.compare") }, mode)) }) }) });
 }
-function LoadingState() {
+function LoadingState$1() {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground text-center mt-10", children: t2("fileDetail.loading") });
 }
-function ErrorState({ message: message2 }) {
+function ErrorState$1({ message: message2 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground text-center mt-10", children: message2 });
 }
-function base64ToArrayBuffer(base642) {
+function base64ToArrayBuffer$1(base642) {
   const base64Data = base642.includes(",") ? base642.split(",")[1] : base642;
   const binaryStr = atob(base64Data);
   const bytes = new Uint8Array(binaryStr.length);
@@ -138115,7 +138369,7 @@ function useFile(projectId, file, options = {}) {
     };
   }, [projectId, file, encoding, gitHead, t2]);
   const arrayBuffer = reactExports.useMemo(
-    () => encoding === "base64" ? base64ToArrayBuffer(content2) : new ArrayBuffer(0),
+    () => encoding === "base64" ? base64ToArrayBuffer$1(content2) : new ArrayBuffer(0),
     [content2, encoding]
   );
   return { content: content2, gitContent, arrayBuffer, loading, errorMsg };
@@ -138398,8 +138652,8 @@ function CodeDetail$1({ projectId, file }) {
     const absPath = await request.getSystemFilePath({ projectId, path: file, isAbsolute: true });
     electron.revealInFinder(absPath);
   }, [projectId, file]);
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   const contextMenuItems = /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
     contextSelectedText && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleCopySelected, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
@@ -138479,6 +138733,40 @@ function MarkdownDetail$1({ projectId, file }) {
   const { content: content2, gitContent, loading, errorMsg } = useFile(projectId, file, { gitHead: true });
   const [viewMode, setViewMode] = reactExports.useState("preview");
   const [contextSelectedText, setContextSelectedText] = reactExports.useState(null);
+  const webUIStatus = useAppStore((s16) => s16.webUIStatus);
+  const resolvePath2 = reactExports.useCallback(
+    (src) => {
+      if (!src || /^(https?:|data:|#|mailto:|blob:)/.test(src)) return src;
+      const dir = file.includes("/") ? file.substring(0, file.lastIndexOf("/")) : "";
+      const raw2 = src.startsWith("/") ? src.slice(1) : dir ? `${dir}/${src}` : src;
+      const parts = raw2.split("/");
+      const normalized = [];
+      for (const p3 of parts) {
+        if (p3 === "." || p3 === "") continue;
+        if (p3 === ".." && normalized.length) normalized.pop();
+        else if (p3 !== "..") normalized.push(p3);
+      }
+      return normalized.join("/");
+    },
+    [file]
+  );
+  const imageSource = reactExports.useMemo(() => {
+    let httpBase = null;
+    if (webUIStatus.enabled && webUIStatus.url) {
+      try {
+        const parsed = new URL(webUIStatus.url);
+        const port = new URLSearchParams(parsed.search).get("port") || parsed.port;
+        httpBase = `${parsed.protocol}//${parsed.hostname}:${port}`;
+      } catch {
+      }
+    }
+    return (src) => {
+      if (!src || /^(https?:|data:|#|mailto:|blob:)/.test(src)) return src;
+      const resolved = resolvePath2(src);
+      if (isWebUI && httpBase) return `${httpBase}/project/${projectId}/${resolved}`;
+      return `web://project/${projectId}/${resolved}`;
+    };
+  }, [projectId, resolvePath2, webUIStatus]);
   const viewModes = gitContent != null ? ["preview", "code", "compare"] : ["preview", "code"];
   const handleMenuOpenChange = reactExports.useCallback((open2) => {
     if (open2) setContextSelectedText(window.getSelection()?.toString() ?? "");
@@ -138508,8 +138796,8 @@ function MarkdownDetail$1({ projectId, file }) {
     const absPath = await request.getSystemFilePath({ projectId, path: file, isAbsolute: true });
     electron.revealInFinder(absPath);
   }, [projectId, file]);
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   const contextMenuItems = /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
     contextSelectedText && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleCopySelected, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
@@ -138546,7 +138834,21 @@ function MarkdownDetail$1({ projectId, file }) {
   ] });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full overflow-hidden", children: [
     viewMode === "preview" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { onOpenChange: handleMenuOpenChange, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none p-6 min-h-full bg-background font-sans pb-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StreamMarkdown, { children: content2 }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full select-text", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none p-6 min-h-full bg-background font-sans pb-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        StreamMarkdown,
+        {
+          imageSource,
+          onLinkClick: (href) => {
+            document.dispatchEvent(
+              new CustomEvent("fello-preview-file", {
+                detail: { projectId, relativePath: resolvePath2(href) }
+              })
+            );
+            return false;
+          },
+          children: content2
+        }
+      ) }) }),
       contextMenuItems
     ] }) }) : viewMode === "code" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { onOpenChange: handleMenuOpenChange, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -140635,7 +140937,7 @@ var useControls = function() {
   var libraryContext = useTransformContext();
   return getControls(libraryContext);
 };
-function Controls() {
+function Controls$1() {
   const { zoomIn: zoomIn2, zoomOut: zoomOut2, resetTransform: resetTransform2 } = useControls();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex items-center gap-1 bg-popover/90 backdrop-blur border border-border rounded-lg shadow-lg px-2 py-1.5", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -140672,8 +140974,8 @@ function Controls() {
 }
 function ImageDetail$1({ projectId, file }) {
   const { content: content2, loading, errorMsg } = useFile(projectId, file, { encoding: "base64" });
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   const ext = file.split(".").pop()?.toLowerCase() || "";
   let mimeType = ext;
   if (ext === "svg") mimeType = "svg+xml";
@@ -140688,7 +140990,7 @@ function ImageDetail$1({ projectId, file }) {
       centerOnInit: true,
       wheel: { step: 2e-3 },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Controls, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Controls$1, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           TransformComponent,
           {
@@ -171727,8 +172029,8 @@ function PdfView({ data }) {
 }
 function PdfDetail$1({ projectId, file }) {
   const { arrayBuffer, loading, errorMsg } = useFile(projectId, file, { encoding: "base64" });
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PdfView, { data: arrayBuffer, filename: file }) });
 }
 function commonjsRequire(path2) {
@@ -178063,8 +178365,8 @@ function DocxView({ data }) {
 }
 function DocxDetail$1({ projectId, file }) {
   const { arrayBuffer, loading, errorMsg } = useFile(projectId, file, { encoding: "base64" });
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DocxView, { data: arrayBuffer, filename: file }) });
 }
 var D$2 = Uint8Array, nt$2 = Uint16Array, He$2 = Int32Array, he$1 = new D$2([
@@ -182175,8 +182477,8 @@ function PptxView({ data }) {
 }
 function PptxDetail$1({ projectId, file }) {
   const { arrayBuffer, loading, errorMsg } = useFile(projectId, file, { encoding: "base64" });
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PptxView, { data: arrayBuffer, filename: file }) });
 }
 var current_ansi = 1252;
@@ -208942,8 +209244,8 @@ function XlsxView({ data }) {
 }
 function XlsxDetail$1({ projectId, file }) {
   const { arrayBuffer, loading, errorMsg } = useFile(projectId, file, { encoding: "base64" });
-  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
-  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState$1, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(XlsxView, { data: arrayBuffer, filename: file }) });
 }
 function HtmlDetail$1({ projectId, file }) {
@@ -208969,7 +209271,7 @@ function HtmlDetail$1({ projectId, file }) {
     return null;
   }, [webUIStatus, isWebUI]);
   const iframeUrl = reactExports.useMemo(() => {
-    if (httpBaseUrl) {
+    if (isWebUI && httpBaseUrl) {
       return `${httpBaseUrl}/project/${projectId}/${file}`;
     }
     return `web://project/${projectId}/${file}`;
@@ -209089,7 +209391,7 @@ function HtmlDetail$1({ projectId, file }) {
   ] });
   if (hasError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full flex flex-col items-center justify-center gap-4 p-8", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState$1, { message: errorMsg }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -218084,12 +218386,11 @@ function TreeItem({
               ChevronRight,
               {
                 className: cn$5(
-                  "size-3.5 shrink-0 text-muted-foreground transition-transform",
+                  "size-3.5 shrink-0 text-muted-foreground scale-110 transition-transform",
                   isOpen && "rotate-90"
                 )
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3.5 shrink-0" }),
-            node2.isFolder ? /* @__PURE__ */ jsxRuntimeExports.jsx(Folder$1, { className: "size-4 shrink-0 text-muted-foreground/90" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node2.name, className: "size-4 shrink-0 text-muted-foreground/90" }),
+            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node2.name, className: "size-3.5 shrink-0 text-muted-foreground/90" }),
             isEditing ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               "input",
               {
@@ -218258,6 +218559,15 @@ const FilePanel = reactExports.memo(function FilePanel2({
   const containerRef = reactExports.useRef(null);
   const [data, setData] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(false);
+  const [showLoading, setShowLoading] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    if (!loading) {
+      setShowLoading(false);
+      return;
+    }
+    const timer2 = setTimeout(() => setShowLoading(true), 500);
+    return () => clearTimeout(timer2);
+  }, [loading]);
   const [selectedIds, setSelectedIds] = reactExports.useState(/* @__PURE__ */ new Set());
   const [lastSelectedId, setLastSelectedId] = reactExports.useState(null);
   const [openFolders, setOpenFolders] = reactExports.useState(() => {
@@ -218469,9 +218779,14 @@ const FilePanel = reactExports.memo(function FilePanel2({
         const next2 = new Set(prev2);
         if (next2.has(id32)) {
           next2.delete(id32);
+          const prefix = id32 + "/";
+          for (const key2 of prev2) {
+            if (key2.startsWith(prefix)) next2.delete(key2);
+          }
         } else {
           next2.add(id32);
         }
+        openFoldersRef.current = next2;
         return next2;
       });
       if (node2.isFolder && activeProjectId) {
@@ -218505,6 +218820,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
   );
   const collapseAll = reactExports.useCallback(() => {
     setOpenFolders(/* @__PURE__ */ new Set());
+    openFoldersRef.current = /* @__PURE__ */ new Set();
   }, []);
   const handleSelect = reactExports.useCallback(
     (id32, e2) => {
@@ -218595,7 +218911,11 @@ const FilePanel = reactExports.memo(function FilePanel2({
       children: isFolder ? [] : void 0
     };
     if (parentId) {
-      setOpenFolders((prev2) => new Set(prev2).add(parentId));
+      setOpenFolders((prev2) => {
+        const next2 = new Set(prev2).add(parentId);
+        openFoldersRef.current = next2;
+        return next2;
+      });
       let needsFetch = false;
       for (const root2 of data) {
         const p3 = findNode(root2, parentId);
@@ -219089,11 +219409,10 @@ const FilePanel = reactExports.memo(function FilePanel2({
   if (!projectId) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: t2("filePanel.noProject", "No project selected") });
   }
-  if (loading && data.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center justify-center gap-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
-      " ",
-      t2("filePanel.loading")
+  if (showLoading && data.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-5 text-muted-foreground/60 animate-spin" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70", children: t2("filePanel.loading") })
     ] });
   }
   const sharedProps = {
@@ -219111,7 +219430,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "flex h-full min-h-0 flex-col text-xs w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-0.5 border-b border-border", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex text-muted-foreground items-center gap-1 px-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-3.5" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-nowrap", children: t2("filePanel.title") })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto mr-2 flex items-center gap-0.5", children: [
@@ -219121,6 +219440,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
             variant: "ghost",
             size: "icon",
             className: "size-6 text-muted-foreground hover:text-foreground",
+            disabled: loading,
             onClick: () => createIn(getSelectedFolder(), false),
             title: t2("filePanel.newFile"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, { className: "size-3.5" })
@@ -219132,6 +219452,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
             variant: "ghost",
             size: "icon",
             className: "size-6 text-muted-foreground hover:text-foreground",
+            disabled: loading,
             onClick: () => createIn(getSelectedFolder(), true),
             title: t2("filePanel.newFolder"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-3.5" })
@@ -219143,6 +219464,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
             variant: "ghost",
             size: "icon",
             className: "size-6 text-muted-foreground hover:text-foreground",
+            disabled: loading,
             onClick: collapseAll,
             title: t2("filePanel.collapseFolders"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsDownUp, { className: "size-3.5" })
@@ -219154,6 +219476,7 @@ const FilePanel = reactExports.memo(function FilePanel2({
             variant: "ghost",
             size: "icon",
             className: "size-6 text-muted-foreground hover:text-foreground",
+            disabled: loading,
             onClick: refresh,
             title: t2("filePanel.refresh", "Refresh"),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" })
@@ -219161,8 +219484,22 @@ const FilePanel = reactExports.memo(function FilePanel2({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    data.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "flex-1 flex flex-col items-center justify-center text-muted-foreground",
+        onDragOver: (e2) => {
+          e2.preventDefault();
+          e2.dataTransfer.dropEffect = "copy";
+        },
+        onDrop: (e2) => void handleExternalDrop(e2, ""),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-5 text-muted-foreground/60" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70", children: t2("filePanel.emptyDirectory") })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1 pl-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         ContextMenuTrigger,
         {
           render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
@@ -219204,19 +219541,16 @@ const FilePanel = reactExports.memo(function FilePanel2({
             setDragIds([]);
             refresh();
           },
-          children: [
-            data.map((node2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              TreeItem,
-              {
-                previewId: previewFileId,
-                node: node2,
-                depth: 0,
-                ...sharedProps
-              },
-              node2.id
-            )),
-            data.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-6 text-center text-xs text-muted-foreground", children: t2("filePanel.emptyDirectory") })
-          ]
+          children: data.map((node2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TreeItem,
+            {
+              previewId: previewFileId,
+              node: node2,
+              depth: 0,
+              ...sharedProps
+            },
+            node2.id
+          ))
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
@@ -219292,7 +219626,7 @@ function TerminalPanel({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-0.5 border-b border-border", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex text-muted-foreground items-center gap-1 px-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SquareTerminal, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SquareTerminal, { className: "size-3.5" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-nowrap", children: t2("panel.terminal") })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto mr-2 flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -219307,7 +219641,10 @@ function TerminalPanel({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 py-1 px-1", children: terminals.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("terminalPanel.noTerminalSelected", "No terminals") }) }) : terminals.map((terminal) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    terminals.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SquareTerminal, { className: "size-5 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70", children: t2("terminalPanel.noTerminalSelected", "No terminals") })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 py-1 px-1", children: terminals.map((terminal) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
         type: "button",
@@ -233454,7 +233791,14 @@ function SettingsAgentApiDialog({
             name: "provider",
             control: form.control,
             render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "api-provider", className: "text-[11px] text-muted-foreground", children: t2("settings.agents.apiProvider", "Provider") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                FieldLabel,
+                {
+                  htmlFor: "api-provider",
+                  className: "text-[11px] text-muted-foreground",
+                  children: t2("settings.agents.apiProvider", "Provider")
+                }
+              ),
               /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { name: field.name, value: field.value, onValueChange: field.onChange, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   SelectTrigger,
@@ -233648,7 +233992,14 @@ function SettingsAgentApiDialog({
           name: "modelIdTemplate",
           control: form.control,
           render: ({ field, fieldState }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { "data-invalid": fieldState.invalid, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "api-model-template", className: "text-[11px] text-muted-foreground", children: t2("settings.agents.modelIdTemplate", "Model Id Template") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FieldLabel,
+              {
+                htmlFor: "api-model-template",
+                className: "text-[11px] text-muted-foreground",
+                children: t2("settings.agents.modelIdTemplate", "Model Id Template")
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               Input,
               {
@@ -235360,7 +235711,7 @@ function SkillsLayout() {
         {
           to: tab2.href,
           className: ({ isActive }) => cn$5(
-            "flex items-center gap-2 rounded-md px-3 py-2 text-xs transition-colors",
+            "flex items-center gap-2 rounded-md px-3 py-2 text-xs transition-colors cursor-default",
             isActive ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
           ),
           children: [
@@ -235785,8 +236136,19 @@ function parseParts(expr) {
   if (parts.length !== 5) return { hour: 9, minute: 0, interval: 2, dow: "1" };
   const [min2, hr2] = parts;
   const dow = parts[4];
-  if (hr2.startsWith("*/")) return { hour: 9, minute: parseInt(min2) || 0, interval: parseInt(hr2.slice(2)) || 2, dow: /^\d$/.test(dow) ? dow : "1" };
-  return { hour: parseInt(hr2) || 9, minute: parseInt(min2) || 0, interval: 2, dow: /^\d$/.test(dow) ? dow : "1" };
+  if (hr2.startsWith("*/"))
+    return {
+      hour: 9,
+      minute: parseInt(min2) || 0,
+      interval: parseInt(hr2.slice(2)) || 2,
+      dow: /^\d$/.test(dow) ? dow : "1"
+    };
+  return {
+    hour: parseInt(hr2) || 9,
+    minute: parseInt(min2) || 0,
+    interval: 2,
+    dow: /^\d$/.test(dow) ? dow : "1"
+  };
 }
 function buildCron(preset, hour, minute, interval2, dow) {
   switch (preset) {
@@ -235803,7 +236165,7 @@ function buildCron(preset, hour, minute, interval2, dow) {
   }
 }
 function CronEditor({ value, onChange, timezone }) {
-  const { t: t2 } = useTranslation();
+  const { t: t2, i18n } = useTranslation();
   const [preset, setPreset] = reactExports.useState(() => detectPreset(value));
   const [parts, setParts] = reactExports.useState(() => parseParts(value));
   reactExports.useEffect(() => {
@@ -235834,20 +236196,34 @@ function CronEditor({ value, onChange, timezone }) {
     { value: "custom", label: t2("automation.cron.custom", "Custom") }
   ];
   const intervalItems = INTERVALS.map((n2) => ({ value: String(n2), label: `${n2}h` }));
-  const minuteItems = MINUTES.map((m2) => ({ value: String(m2), label: `${String(m2).padStart(2, "0")}` }));
+  const minuteItems = MINUTES.map((m2) => ({
+    value: String(m2),
+    label: `${String(m2).padStart(2, "0")}`
+  }));
   const hourItems = HOURS.map((h3) => ({ value: String(h3), label: String(h3).padStart(2, "0") }));
   const dowItems = DAYS_OF_WEEK_VALUES.map((v4) => ({
     value: v4,
-    label: t2(`automation.cron.days.${v4}`, ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][parseInt(v4)])
+    label: t2(
+      `automation.cron.days.${v4}`,
+      ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][parseInt(v4)]
+    )
   }));
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2.5", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: presetItems, value: preset, onValueChange: (v4) => {
-        if (v4) handlePresetChange(v4);
-      }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 text-xs! w-32 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: presetItems.map((p3) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: p3.value, children: p3.label }, p3.value)) })
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Select,
+        {
+          items: presetItems,
+          value: preset,
+          onValueChange: (v4) => {
+            if (v4) handlePresetChange(v4);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 text-xs! w-32 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: presetItems.map((p3) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: p3.value, children: p3.label }, p3.value)) })
+          ]
+        }
+      ),
       preset === "custom" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         Input,
         {
@@ -235857,40 +236233,80 @@ function CronEditor({ value, onChange, timezone }) {
           className: "h-8 text-xs! font-mono text-foreground/70 focus-visible:ring-0.5 flex-1"
         }
       ) : preset === "hourly" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: intervalItems, value: String(parts.interval), onValueChange: (v4) => {
-          if (v4) updateParts({ interval: parseInt(v4) });
-        }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: intervalItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
-        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            items: intervalItems,
+            value: String(parts.interval),
+            onValueChange: (v4) => {
+              if (v4) updateParts({ interval: parseInt(v4) });
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: intervalItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: t2("automation.cron.atMinute", "at min") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: minuteItems, value: String(parts.minute), onValueChange: (v4) => {
-          if (v4) updateParts({ minute: parseInt(v4) });
-        }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: minuteItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
-        ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            items: minuteItems,
+            value: String(parts.minute),
+            onValueChange: (v4) => {
+              if (v4) updateParts({ minute: parseInt(v4) });
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: minuteItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+            ]
+          }
+        )
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        preset === "weekly" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: dowItems, value: parts.dow, onValueChange: (v4) => {
-          if (v4) updateParts({ dow: v4 });
-        }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-18", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: dowItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
-        ] }),
+        preset === "weekly" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            items: dowItems,
+            value: parts.dow,
+            onValueChange: (v4) => {
+              if (v4) updateParts({ dow: v4 });
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-18", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: dowItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: t2("automation.cron.at", "at") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: hourItems, value: String(parts.hour), onValueChange: (v4) => {
-          if (v4) updateParts({ hour: parseInt(v4) });
-        }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: hourItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
-        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            items: hourItems,
+            value: String(parts.hour),
+            onValueChange: (v4) => {
+              if (v4) updateParts({ hour: parseInt(v4) });
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: hourItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: ":" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { items: minuteItems, value: String(parts.minute), onValueChange: (v4) => {
-          if (v4) updateParts({ minute: parseInt(v4) });
-        }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: minuteItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
-        ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Select,
+          {
+            items: minuteItems,
+            value: String(parts.minute),
+            onValueChange: (v4) => {
+              if (v4) updateParts({ minute: parseInt(v4) });
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-7 text-xs! w-15", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: minuteItems.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
+            ]
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
@@ -235898,7 +236314,7 @@ function CronEditor({ value, onChange, timezone }) {
       " · ",
       t2("automation.cron.nextRun", "Next run"),
       ": ",
-      formatNextCron(value),
+      formatNextCron(value, i18n.language),
       timezone && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1 text-muted-foreground/50", children: [
         "(",
         timezone,
@@ -235907,11 +236323,16 @@ function CronEditor({ value, onChange, timezone }) {
     ] })
   ] });
 }
-function formatNextCron(expr) {
+function formatNextCron(expr, locale) {
   try {
     const next2 = getNextCronDate(expr);
     if (!next2) return "—";
-    return next2.toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+    return next2.toLocaleString(locale, {
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
   } catch {
     return "—";
   }
@@ -235951,8 +236372,14 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
   const { toast: toast2 } = useMessage();
   const configuredAgents = useAppStore((s16) => s16.configuredAgents);
   const configuredMcpServers = useAppStore((s16) => s16.configuredMcpServers);
-  const enabledAgents = reactExports.useMemo(() => configuredAgents.filter((a2) => !a2.disabled), [configuredAgents]);
-  const enabledMcpServers = reactExports.useMemo(() => configuredMcpServers.filter((s16) => !s16.disabled), [configuredMcpServers]);
+  const enabledAgents = reactExports.useMemo(
+    () => configuredAgents.filter((a2) => !a2.disabled),
+    [configuredAgents]
+  );
+  const enabledMcpServers = reactExports.useMemo(
+    () => configuredMcpServers.filter((s16) => !s16.disabled),
+    [configuredMcpServers]
+  );
   const [timezone, setTimezone] = reactExports.useState("");
   reactExports.useEffect(() => {
     request.getServerTimezone().then(setTimezone).catch(() => {
@@ -235961,10 +236388,18 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
   const [name2, setName] = reactExports.useState(isEdit ? schedule2.name : "");
   const [agentId, setAgentId] = reactExports.useState(isEdit ? schedule2.agentId : enabledAgents[0]?.id ?? "");
   const [prompt, setPrompt] = reactExports.useState(isEdit ? schedule2.prompt : "");
-  const [cronType, setCronType] = reactExports.useState(isEdit ? schedule2.cron.type : "cron");
-  const [cronExpr, setCronExpr] = reactExports.useState(isEdit ? schedule2.cron.expr ?? "0 9 * * 1-5" : "0 9 * * 1-5");
-  const [features, setFeatures] = reactExports.useState(isEdit ? schedule2.features ?? ["skills"] : ["skills"]);
-  const [mcpServerIds, setMcpServerIds] = reactExports.useState(isEdit ? schedule2.mcpServers ?? [] : enabledMcpServers.map((s16) => s16.id));
+  const [cronType, setCronType] = reactExports.useState(
+    isEdit ? schedule2.cron.type : "cron"
+  );
+  const [cronExpr, setCronExpr] = reactExports.useState(
+    isEdit ? schedule2.cron.expr ?? "0 9 * * 1-5" : "0 9 * * 1-5"
+  );
+  const [features, setFeatures] = reactExports.useState(
+    isEdit ? schedule2.features ?? ["skills"] : ["skills"]
+  );
+  const [mcpServerIds, setMcpServerIds] = reactExports.useState(
+    isEdit ? schedule2.mcpServers ?? [] : enabledMcpServers.map((s16) => s16.id)
+  );
   const [saving, setSaving] = reactExports.useState(false);
   reactExports.useEffect(() => {
     if (!open2) return;
@@ -235987,9 +236422,12 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
     }
   }, [schedule2, open2]);
   const handleSave = async () => {
-    if (!name2.trim()) return void toast2.error(t2("automation.validation.nameRequired", "Name is required"));
-    if (!agentId) return void toast2.error(t2("automation.validation.agentRequired", "Agent is required"));
-    if (!prompt.trim()) return void toast2.error(t2("automation.validation.promptRequired", "Prompt is required"));
+    if (!name2.trim())
+      return void toast2.error(t2("automation.validation.nameRequired", "Name is required"));
+    if (!agentId)
+      return void toast2.error(t2("automation.validation.agentRequired", "Agent is required"));
+    if (!prompt.trim())
+      return void toast2.error(t2("automation.validation.promptRequired", "Prompt is required"));
     setSaving(true);
     try {
       if (isEdit) {
@@ -236022,125 +236460,205 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange: (open22, eventDetails) => {
-    if (!open22 && (eventDetails?.reason === "escape-key" || eventDetails?.reason === "outside-press")) return;
-    onOpenChange(open22);
-  }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-3xl", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: isEdit ? t2("automation.editSchedule", "Edit Schedule") : t2("automation.newSchedule", "New Schedule") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: t2("automation.dialogDesc", "Configure the automated task schedule and prompt.") })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-5", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-name", className: "text-[11px] text-muted-foreground", children: t2("automation.scheduleName", "Schedule Name") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Input,
-              {
-                id: "auto-name",
-                placeholder: t2("automation.scheduleNamePlaceholder", "e.g. Morning Standup Summary"),
-                value: name2,
-                onChange: (e2) => setName(e2.target.value),
-                className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-agent", className: "text-[11px] text-muted-foreground", children: t2("automation.agent", "Agent") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: agentId, onValueChange: (v4) => {
-              if (v4) setAgentId(v4);
-            }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "auto-agent", className: "w-full text-[11px]! text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: enabledAgents.map((a2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: a2.id, children: a2.id }, a2.id)) })
-            ] })
-          ] })
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Dialog,
+    {
+      open: open2,
+      onOpenChange: (open22, eventDetails) => {
+        if (!open22 && (eventDetails?.reason === "escape-key" || eventDetails?.reason === "outside-press"))
+          return;
+        onOpenChange(open22);
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: isEdit ? t2("automation.editSchedule", "Edit Schedule") : t2("automation.newSchedule", "New Schedule") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: t2("automation.dialogDesc", "Configure the automated task schedule and prompt.") })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-prompt", className: "text-[11px] text-muted-foreground", children: t2("automation.prompt", "Prompt") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Textarea,
-            {
-              id: "auto-prompt",
-              placeholder: t2("automation.promptPlaceholder", "What should the agent do?"),
-              value: prompt,
-              onChange: (e2) => setPrompt(e2.target.value),
-              className: "text-xs! min-h-46 flex-1 text-foreground/70 focus-visible:ring-0.5"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("automation.features", "Features") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs truncate ${features.includes("skills") ? "text-muted-foreground" : "text-muted-foreground/50"}`, children: t2("constant.feature.skills", "Skills") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[2fr_1fr] gap-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-name", className: "text-xs text-muted-foreground", children: t2("automation.scheduleName", "Schedule Name") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    id: "auto-name",
+                    placeholder: t2(
+                      "automation.scheduleNamePlaceholder",
+                      "e.g. Morning Standup Summary"
+                    ),
+                    value: name2,
+                    onChange: (e2) => setName(e2.target.value),
+                    className: "h-8 text-xs! text-foreground/70 focus-visible:ring-0.5"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-agent", className: "text-xs text-muted-foreground", children: t2("automation.agent", "Agent") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Select,
+                  {
+                    value: agentId,
+                    onValueChange: (v4) => {
+                      if (v4) setAgentId(v4);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        SelectTrigger,
+                        {
+                          id: "auto-agent",
+                          className: "w-full text-xs! text-muted-foreground",
+                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: enabledAgents.map((a2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: a2.id, children: a2.id }, a2.id)) })
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-prompt", className: "text-xs text-muted-foreground", children: t2("automation.prompt", "Prompt") }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Switch,
+                Textarea,
                 {
-                  size: "sm",
-                  checked: features.includes("skills"),
-                  onCheckedChange: (c2) => setFeatures(c2 ? ["skills"] : [])
+                  id: "auto-prompt",
+                  placeholder: t2("automation.promptPlaceholder", "What should the agent do?"),
+                  value: prompt,
+                  onChange: (e2) => setPrompt(e2.target.value),
+                  className: "text-xs! min-h-46 flex-1 text-foreground/70 focus-visible:ring-0.5"
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs truncate text-muted-foreground/50", children: [
-                t2("constant.feature.askUser", "Ask User"),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] ml-1", children: [
-                  "(",
-                  t2("automation.alwaysDisabled", "always disabled"),
-                  ")"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { size: "sm", checked: false, disabled: true })
             ] })
-          ] })
-        ] }),
-        configuredMcpServers.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("automation.mcpServers", "MCP Servers") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: configuredMcpServers.length > 5 ? "grid grid-cols-2 gap-1" : "flex flex-col gap-1", children: configuredMcpServers.map((s16) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `text-xs truncate ${mcpServerIds.includes(s16.id) ? "text-muted-foreground" : "text-muted-foreground/50"}`, title: s16.id, children: s16.id }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Switch,
-              {
-                size: "sm",
-                checked: mcpServerIds.includes(s16.id),
-                onCheckedChange: (c2) => {
-                  setMcpServerIds((prev2) => c2 ? [...prev2, s16.id] : prev2.filter((id32) => id32 !== s16.id));
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldGroup, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("automation.features", "Features") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "div",
+                    {
+                      className: `text-xs truncate ${features.includes("skills") ? "text-muted-foreground" : "text-muted-foreground/50"}`,
+                      children: t2("constant.feature.skills", "Skills")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Switch,
+                    {
+                      size: "sm",
+                      checked: features.includes("skills"),
+                      onCheckedChange: (c2) => setFeatures(c2 ? ["skills"] : [])
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs truncate text-muted-foreground/50", children: [
+                    t2("constant.feature.askUser", "Ask User"),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] ml-1", children: [
+                      "(",
+                      t2("automation.alwaysDisabled", "always disabled"),
+                      ")"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { size: "sm", checked: false, disabled: true })
+                ] })
+              ] })
+            ] }),
+            configuredMcpServers.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: t2("automation.mcpServers", "MCP Servers") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "div",
+                {
+                  className: configuredMcpServers.length > 5 ? "grid grid-cols-2 gap-1" : "flex flex-col gap-1",
+                  children: configuredMcpServers.map((s16) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "div",
+                    {
+                      className: "flex items-center justify-between rounded border bg-secondary/50 px-2 h-7",
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "div",
+                          {
+                            className: `text-xs truncate ${mcpServerIds.includes(s16.id) ? "text-muted-foreground" : "text-muted-foreground/50"}`,
+                            title: s16.id,
+                            children: s16.id
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          Switch,
+                          {
+                            size: "sm",
+                            checked: mcpServerIds.includes(s16.id),
+                            onCheckedChange: (c2) => {
+                              setMcpServerIds(
+                                (prev2) => c2 ? [...prev2, s16.id] : prev2.filter((id32) => id32 !== s16.id)
+                              );
+                            }
+                          }
+                        )
+                      ]
+                    },
+                    s16.id
+                  ))
                 }
-              }
-            )
-          ] }, s16.id)) })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { className: "text-[11px] text-muted-foreground", children: t2("automation.schedule", "Schedule") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-2 text-[11px] text-foreground/70 cursor-pointer", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { checked: cronType === "cron", onCheckedChange: (c2) => setCronType(c2 ? "cron" : "manual") }),
-              t2("automation.timedExecution", "Timed (cron)")
+              )
             ] }),
-            cronType === "cron" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CronEditor, { value: cronExpr, onChange: setCronExpr, timezone }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-muted-foreground", children: t2("automation.manualDesc", "Manual trigger only. No automatic scheduling.") })
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { className: "text-xs text-muted-foreground", children: t2("automation.schedule", "Schedule") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-foreground/70", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Switch,
+                    {
+                      checked: cronType === "cron",
+                      onCheckedChange: (c2) => setCronType(c2 ? "cron" : "manual")
+                    }
+                  ),
+                  t2("automation.timedExecution", "Timed (cron)")
+                ] }),
+                cronType === "cron" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CronEditor, { value: cronExpr, onChange: setCronExpr, timezone }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: t2("automation.manualDesc", "Manual trigger only. No automatic scheduling.") })
+              ] })
+            ] })
           ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => onOpenChange(false),
+              className: "h-7 text-xs",
+              children: t2("automation.cancel", "Cancel")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              disabled: saving,
+              onClick: handleSave,
+              className: "h-7 text-xs",
+              children: [
+                saving && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin mr-1" }),
+                isEdit ? t2("automation.save", "Save") : t2("automation.create", "Create")
+              ]
+            }
+          )
         ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onOpenChange(false), className: "h-7 text-xs", children: t2("automation.cancel", "Cancel") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", size: "sm", disabled: saving, onClick: handleSave, className: "h-7 text-xs", children: [
-        saving && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin mr-1" }),
-        isEdit ? t2("automation.save", "Save") : t2("automation.create", "Create")
-      ] })
-    ] })
-  ] }) });
+    }
+  );
 }
 function Automation() {
-  const { t: t2 } = useTranslation();
+  const { t: t2, i18n } = useTranslation();
   const navigate = useNavigate();
   const { confirm: confirm2, toast: toast2 } = useMessage();
   const [schedules, setSchedules] = reactExports.useState([]);
-  const [loading, setLoading] = reactExports.useState(true);
+  const [loading, setLoading] = reactExports.useState(false);
+  const [showLoading, setShowLoading] = reactExports.useState(false);
   const [newDialogOpen, setNewDialogOpen] = reactExports.useState(false);
   const [editSchedule, setEditSchedule] = reactExports.useState(null);
   const [timezone, setTimezone] = reactExports.useState("");
@@ -236148,8 +236666,17 @@ function Automation() {
     request.getServerTimezone().then(setTimezone).catch(() => {
     });
   }, []);
+  reactExports.useEffect(() => {
+    if (!loading) {
+      setShowLoading(false);
+      return;
+    }
+    const timer2 = setTimeout(() => setShowLoading(true), 500);
+    return () => clearTimeout(timer2);
+  }, [loading]);
   const loadSchedules = reactExports.useCallback(async () => {
     try {
+      setLoading(true);
       const list2 = await request.listSchedules();
       setSchedules(list2 ?? []);
     } catch (err) {
@@ -236161,10 +236688,19 @@ function Automation() {
   reactExports.useEffect(() => {
     void loadSchedules();
   }, [loadSchedules]);
+  const [, setTick] = reactExports.useState(0);
+  reactExports.useEffect(() => {
+    const timer2 = setInterval(() => setTick((t22) => t22 + 1), 3e4);
+    return () => clearInterval(timer2);
+  }, []);
   reactExports.useEffect(() => {
     const handleChanged = () => void loadSchedules();
     subscribe$1.on("schedules-changed", handleChanged);
-    return () => subscribe$1.off("schedules-changed", handleChanged);
+    subscribe$1.on("task-update", handleChanged);
+    return () => {
+      subscribe$1.off("schedules-changed", handleChanged);
+      subscribe$1.off("task-update", handleChanged);
+    };
   }, [loadSchedules]);
   const handleTrigger = async (scheduleId) => {
     try {
@@ -236177,7 +236713,9 @@ function Automation() {
   const handleDelete2 = async (schedule2) => {
     await confirm2({
       title: t2("automation.deleteTitle", "Delete Schedule"),
-      content: t2("automation.deleteConfirm", 'Delete "{{name}}" permanently?', { name: schedule2.name }),
+      content: t2("automation.deleteConfirm", 'Delete "{{name}}" permanently?', {
+        name: schedule2.name
+      }),
       buttons: [
         { text: t2("automation.cancel", "Cancel"), value: null, variant: "outline" },
         {
@@ -236208,14 +236746,32 @@ function Automation() {
   };
   if (loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-12 shrink-0 border-b border-border flex items-center px-6", style: { WebkitAppRegion: "drag" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-sm font-medium", children: t2("automation.title", "Automation") }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground font-normal ml-1.5", children: [
-          "· schedules: ",
-          schedules.length
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-6 animate-spin text-muted-foreground" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "h-12 shrink-0 border-b border-border flex items-center justify-between pl-4 pr-2",
+          style: { WebkitAppRegion: "drag" },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-sm font-medium", children: t2("automation.title", "Automation") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground font-normal" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "h-7 text-xs",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
+                  t2("automation.newSchedule", "New Schedule")
+                ]
+              }
+            ) })
+          ]
+        }
+      ),
+      showLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-6 animate-spin text-muted-foreground" }) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: [
@@ -236234,104 +236790,160 @@ function Automation() {
               schedules.length
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "default", size: "sm", className: "h-7 text-xs", onClick: () => setNewDialogOpen(true), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
-            t2("automation.newSchedule", "New Schedule")
-          ] }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              variant: "default",
+              size: "sm",
+              className: "h-7 text-xs",
+              onClick: () => setNewDialogOpen(true),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
+                t2("automation.newSchedule", "New Schedule")
+              ]
+            }
+          ) })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-5 py-4 w-full max-w-4xl mx-auto", children: schedules.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-1", children: t2("automation.noSchedules", "No schedules yet") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "sm", className: "h-7 text-xs mt-2", onClick: () => setNewDialogOpen(true), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3 mr-1" }),
-        t2("automation.createFirst", "Create your first schedule")
-      ] })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ItemGroup, { className: "gap-0", children: schedules.map((schedule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    schedules.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center py-20 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4 -mt-10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ClockCheck, { className: "size-6 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-foreground/70 mb-1", children: t2("automation.noSchedules", "No schedules yet") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground/70 mb-4 max-w-60 text-center", children: t2(
+        "automation.emptyHint",
+        "Schedule AI tasks to run automatically with cron expressions"
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Item,
+        Button,
         {
+          variant: "outline",
           size: "sm",
-          className: "hover:bg-muted",
-          onClick: () => navigate(`/automation/schedule/${schedule2.id}`),
+          className: "h-7 text-xs",
+          onClick: () => setNewDialogOpen(true),
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemContent, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemTitle, { className: "truncate", children: [
-                schedule2.name,
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-normal text-muted-foreground ml-2 uppercase", children: schedule2.agentId })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemDescription, { className: "line-clamp-1 text-xs", children: [
-                getScheduleLabel(schedule2),
-                schedule2.lastRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
-                  t2("automation.cron.lastRun", "Last run"),
-                  ": ",
-                  new Date(schedule2.lastRunAt).toLocaleString()
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3 mr-1" }),
+            t2("automation.createFirst", "Create your first schedule")
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-5 py-4 w-full max-w-4xl mx-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ItemGroup, { className: "gap-0", children: schedules.map((schedule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "group/ctx", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Item,
+          {
+            size: "sm",
+            className: "hover:bg-muted group-data-popup-open/ctx:bg-muted select-none",
+            onClick: () => navigate(`/automation/schedule/${schedule2.id}`),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemContent, { className: "gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemTitle, { className: "truncate", children: [
+                  schedule2.name,
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Badge,
+                    {
+                      variant: "outline",
+                      className: "px-1 text-[10px] leading-none uppercase shrink-0",
+                      children: schedule2.agentId
+                    }
+                  )
                 ] }),
-                schedule2.nextRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
-                  t2("automation.cron.nextRun", "Next run"),
-                  ": ",
-                  new Date(schedule2.nextRunAt).toLocaleString(),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
-                  t2("automation.cron.nextRunIn", "Next run in"),
-                  " ",
-                  formatNextRun(schedule2),
-                  timezone && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/50 ml-0.5", children: [
-                    "(",
-                    timezone,
-                    ")"
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemDescription, { className: "line-clamp-1 text-xs", children: [
+                  getScheduleLabel(schedule2),
+                  schedule2.lastRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
+                    t2("automation.cron.lastRun", "Last run"),
+                    ":",
+                    " ",
+                    new Date(schedule2.lastRunAt).toLocaleString(i18n.language)
+                  ] }),
+                  schedule2.nextRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
+                    t2("automation.cron.nextRun", "Next run"),
+                    ":",
+                    " ",
+                    new Date(schedule2.nextRunAt).toLocaleString(i18n.language),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1.5", children: "·" }),
+                    t2("automation.cron.nextRunIn", "Next run in"),
+                    " ",
+                    formatNextRun(schedule2),
+                    timezone && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/50 ml-0.5", children: [
+                      "(",
+                      timezone,
+                      ")"
+                    ] })
                   ] })
                 ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemActions, { className: "gap-0.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-7 text-foreground/50 hover:text-foreground hover:bg-accent",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      void handleTrigger(schedule2.id);
+                    },
+                    title: t2("automation.triggerNow", "Trigger now"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-7 text-foreground/50 hover:text-foreground hover:bg-accent",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      setEditSchedule(schedule2);
+                    },
+                    title: t2("automation.editSettings", "Edit settings"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-7 text-destructive/50 hover:text-destructive hover:bg-destructive/10",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      void handleDelete2(schedule2);
+                    },
+                    title: t2("automation.delete", "Delete"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
+                  }
+                )
               ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(ItemActions, { className: "gap-0.5", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "size-7 text-foreground/50 hover:text-foreground hover:bg-accent",
-                  onClick: (e2) => {
-                    e2.stopPropagation();
-                    void handleTrigger(schedule2.id);
-                  },
-                  title: t2("automation.triggerNow", "Trigger now"),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "size-7 text-foreground/50 hover:text-foreground hover:bg-accent",
-                  onClick: (e2) => {
-                    e2.stopPropagation();
-                    setEditSchedule(schedule2);
-                  },
-                  title: t2("automation.editSettings", "Edit settings"),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "size-7 text-destructive/50 hover:text-destructive hover:bg-destructive/10",
-                  onClick: (e2) => {
-                    e2.stopPropagation();
-                    void handleDelete2(schedule2);
-                  },
-                  title: t2("automation.delete", "Delete"),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
-                }
-              )
-            ] })
-          ]
-        }
-      ),
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => void handleTrigger(schedule2.id), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3.5 mr-2" }),
+            t2("automation.triggerNow", "Trigger now")
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => setEditSchedule(schedule2), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5 mr-2" }),
+            t2("automation.editSettings", "Edit settings")
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            ContextMenuItem,
+            {
+              variant: "destructive",
+              onClick: () => void handleDelete2(schedule2),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5 mr-2" }),
+                t2("automation.delete", "Delete")
+              ]
+            }
+          )
+        ] })
+      ] }),
       index2 < schedules.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(ItemSeparator, {})
     ] }, schedule2.id)) }) }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -236357,7 +236969,7 @@ function Automation() {
 }
 function Schedule() {
   const { scheduleId } = useParams();
-  const { t: t2 } = useTranslation();
+  const { t: t2, i18n } = useTranslation();
   const navigate = useNavigate();
   const location2 = useLocation();
   const { confirm: confirm2 } = useMessage();
@@ -236447,84 +237059,191 @@ function Schedule() {
     }
   };
   if (loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-12 shrink-0 border-b border-border flex items-center px-6", style: { WebkitAppRegion: "drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-sm font-medium", children: "—" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-6 animate-spin text-muted-foreground" }) })
-    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "h-12 shrink-0 border-b border-border flex items-center gap-1 px-2",
+        style: { WebkitAppRegion: "drag" },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "size-7 shrink-0",
+              onClick: () => navigate("/automation"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 flex-1 min-w-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground hidden sm:block shrink-0 mr-2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", style: { WebkitAppRegion: "no-drag" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7",
+                title: t2("automation.editSettings", "Edit settings"),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "h-7 text-xs shrink-0",
+                onClick: handleTrigger,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3 mr-1" }),
+                  t2("automation.triggerNow", "Trigger now")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
   }
   if (!schedule2) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex min-w-0 flex-1 flex-col items-center justify-center relative overflow-hidden gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 right-0 h-12", style: { WebkitAppRegion: "drag" } }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-normal text-muted-foreground", children: t2("automation.scheduleNotFound", "Schedule not found") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "sm", className: "h-7 text-xs", onClick: () => navigate("/automation"), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3" }),
-        t2("automation.back", "Back")
-      ] })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 text-xs",
+          onClick: () => navigate("/automation"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3" }),
+            t2("automation.back", "Back")
+          ]
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex min-w-0 flex-1 flex-col relative overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-12 shrink-0 border-b border-border flex items-center gap-1 px-2", style: { WebkitAppRegion: "drag" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", className: "size-7 shrink-0", onClick: () => navigate("/automation"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-sm font-medium truncate", children: schedule2.name }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "px-1 text-[10px] uppercase shrink-0", children: schedule2.agentId })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground hidden sm:block shrink-0 mr-2", children: [
-        schedule2.cron.type === "cron" ? schedule2.cron.expr : t2("automation.manual", "Manual"),
-        schedule2.nextRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1", children: "·" }),
-          t2("automation.cron.nextRun", "Next"),
-          ": ",
-          new Date(schedule2.nextRunAt).toLocaleString(),
-          timezone && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/50 ml-0.5", children: [
-            "(",
-            timezone,
-            ")"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", style: { WebkitAppRegion: "no-drag" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", className: "size-7", onClick: () => setEditDialogOpen(true), title: t2("automation.editSettings", "Edit settings"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "default", size: "sm", className: "h-7 text-xs shrink-0", onClick: handleTrigger, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3 mr-1" }),
-          t2("automation.triggerNow", "Trigger now")
-        ] })
-      ] })
-    ] }),
-    tasks.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-center px-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: t2("automation.noTasksDesc", 'No runs yet. Click "Trigger now" to start the first run.') }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanelGroup, { className: "flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "taskList", groupResizeBehavior: "preserve-pixel-size", defaultSize: 200, minSize: 180, maxSize: 400, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: [...tasks].sort((a2, b2) => b2.startedAt - a2.startedAt).map((task) => {
-        const isActive = location2.pathname.endsWith(`/task/${task.id}`);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            ContextMenuTrigger,
-            {
-              render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-              className: `group border-b border-border flex h-10 cursor-default items-center px-3 text-xs font-normal transition-colors ${isActive ? "bg-accent/70 hover:bg-accent text-accent-foreground/95" : "text-foreground/70 hover:bg-accent hover:text-foreground"}`,
-              onClick: () => navigate(`/automation/schedule/${scheduleId}/task/${task.id}`),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate", children: new Date(task.startedAt).toLocaleDateString() }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground truncate text-[11px]", children: new Date(task.startedAt).toLocaleTimeString() })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 ml-2", children: getTaskIcon(task) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            ContextMenuItem,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "h-12 shrink-0 border-b border-border flex items-center gap-1 px-2",
+        style: { WebkitAppRegion: "drag" },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { WebkitAppRegion: "no-drag" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
             {
-              variant: "destructive",
-              onClick: () => void handleDeleteTask(task),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5 mr-2" }),
-                t2("automation.delete", "Delete")
-              ]
+              variant: "ghost",
+              size: "icon",
+              className: "size-7 shrink-0",
+              onClick: () => navigate("/automation"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-3.5" })
             }
-          ) })
-        ] }, task.id);
-      }) }) }) }) }),
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-sm font-medium truncate", children: schedule2.name }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "px-1 text-[10px] leading-none uppercase shrink-0", children: schedule2.agentId })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground hidden sm:block shrink-0 mr-2", children: [
+            schedule2.cron.type === "cron" ? schedule2.cron.expr : t2("automation.manual", "Manual"),
+            schedule2.nextRunAt && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground/40 mx-1", children: "·" }),
+              t2("automation.cron.nextRun", "Next"),
+              ":",
+              " ",
+              new Date(schedule2.nextRunAt).toLocaleString(i18n.language),
+              timezone && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/50 ml-0.5", children: [
+                "(",
+                timezone,
+                ")"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", style: { WebkitAppRegion: "no-drag" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7",
+                onClick: () => setEditDialogOpen(true),
+                title: t2("automation.editSettings", "Edit settings"),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Settings2, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "sm",
+                className: "h-7 text-xs shrink-0",
+                onClick: handleTrigger,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3 mr-1" }),
+                  t2("automation.triggerNow", "Trigger now")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    tasks.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center text-center px-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-6 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: t2(
+        "automation.noTasksDesc",
+        'No runs yet. Click "Trigger now" to start the first run.'
+      ) })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(ResizablePanelGroup, { className: "flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ResizablePanel,
+        {
+          id: "taskList",
+          groupResizeBehavior: "preserve-pixel-size",
+          defaultSize: 200,
+          minSize: 180,
+          maxSize: 400,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: [...tasks].sort((a2, b2) => b2.startedAt - a2.startedAt).map((task) => {
+            const isActive = location2.pathname.endsWith(`/task/${task.id}`);
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                ContextMenuTrigger,
+                {
+                  render: /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
+                  className: `group border-b border-border flex h-10 cursor-default items-center px-3 text-xs font-normal transition-colors ${isActive ? "bg-accent/70 hover:bg-accent text-accent-foreground/95" : "text-foreground/70 hover:bg-accent hover:text-foreground"}`,
+                  onClick: () => navigate(`/automation/schedule/${scheduleId}/task/${task.id}`),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate", children: new Date(task.startedAt).toLocaleDateString(i18n.language) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground truncate text-[11px]", children: new Date(task.startedAt).toLocaleTimeString(i18n.language) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 ml-2", children: getTaskIcon(task) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                ContextMenuItem,
+                {
+                  variant: "destructive",
+                  disabled: task.status === "running",
+                  onClick: () => void handleDeleteTask(task),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5 mr-2" }),
+                    t2("automation.delete", "Delete")
+                  ]
+                }
+              ) })
+            ] }, task.id);
+          }) }) }) })
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { className: "bg-border/70" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "right", children: hasTaskRoute ? /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-center px-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: t2("automation.selectTaskToPreview", "Select a task to preview files") }) }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "right", children: hasTaskRoute ? /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6 text-muted-foreground/60" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: t2("automation.selectTaskToPreview", "Select a task to preview files") })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       SettingDialog,
@@ -236555,7 +237274,70 @@ function getFileKind(filename) {
   if (ext === "md") return "markdown";
   return "text";
 }
-function CodeDetail({ fileName, content: content2 }) {
+function base64ToArrayBuffer(base642) {
+  const binaryStr = atob(base642);
+  const bytes = new Uint8Array(binaryStr.length);
+  for (let i3 = 0; i3 < binaryStr.length; i3++) {
+    bytes[i3] = binaryStr.charCodeAt(i3);
+  }
+  return bytes.buffer;
+}
+function useTaskFile(scheduleId, taskId, filePath, options = {}) {
+  const { encoding = "text" } = options;
+  const { t: t2 } = useTranslation();
+  const [content2, setContent] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(true);
+  const [errorMsg, setErrorMsg] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    let active = true;
+    setLoading(true);
+    setErrorMsg("");
+    setContent("");
+    async function load2() {
+      try {
+        const data = await request.readTaskFile({
+          scheduleId,
+          taskId,
+          filePath,
+          encoding: encoding === "base64" ? "base64" : void 0
+        });
+        if (!active) return;
+        setContent(data ?? "");
+      } catch {
+        if (active) setErrorMsg(t2("fileDetail.errorLoading", "Failed to load file"));
+      } finally {
+        if (active) setLoading(false);
+      }
+    }
+    load2();
+    return () => {
+      active = false;
+    };
+  }, [scheduleId, taskId, filePath, encoding, t2]);
+  const arrayBuffer = reactExports.useMemo(
+    () => encoding === "base64" ? base64ToArrayBuffer(content2) : new ArrayBuffer(0),
+    [content2, encoding]
+  );
+  return { content: content2, arrayBuffer, loading, errorMsg };
+}
+function LoadingState() {
+  const { t: t2 } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground text-center mt-10", children: t2("fileDetail.loading") });
+}
+function ErrorState({ message: message2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-muted-foreground text-center mt-10", children: message2 });
+}
+function CodeDetail({
+  scheduleId,
+  taskId,
+  fileName,
+  onCopyPath,
+  onCopyAbsolutePath,
+  onRevealInFinder
+}) {
+  const { t: t2 } = useTranslation();
+  const { content: content2, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName);
+  const [contextSelectedText, setContextSelectedText] = reactExports.useState(null);
   const displayContent = reactExports.useMemo(() => {
     if (fileName.endsWith(".json")) {
       try {
@@ -236566,13 +237348,169 @@ function CodeDetail({ fileName, content: content2 }) {
     }
     return content2;
   }, [fileName, content2]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeView, { className: "min-h-full", content: displayContent, filename: fileName }) });
+  const handleCopyContent = reactExports.useCallback(() => {
+    copyText(displayContent);
+  }, [displayContent]);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ContextMenu,
+    {
+      onOpenChange: (open2) => {
+        if (open2) setContextSelectedText(window.getSelection()?.toString() ?? "");
+        else setContextSelectedText(null);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeView, { className: "min-h-full", content: displayContent, filename: fileName }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+          contextSelectedText && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => copyText(contextSelectedText), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+            " ",
+            t2("contextMenu.copy")
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleCopyContent, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+            " ",
+            t2("fileDetail.copyFileContent", "Copy file content")
+          ] }),
+          (onCopyPath || onCopyAbsolutePath || onRevealInFinder) && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+          onCopyAbsolutePath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyAbsolutePath, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+            " ",
+            t2("filePanel.copyPath", "Copy Path")
+          ] }),
+          onCopyPath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyPath, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+            " ",
+            t2("filePanel.copyRelativePath", "Copy Relative Path")
+          ] }),
+          !isWebUI && onRevealInFinder && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onRevealInFinder, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, {}),
+            " ",
+            t2("filePanel.revealInFinder", "Reveal in Finder")
+          ] })
+        ] })
+      ]
+    }
+  ) });
 }
-function MarkdownDetail({ fileName, content: content2 }) {
+function MarkdownDetail({
+  scheduleId,
+  taskId,
+  fileName,
+  onCopyPath,
+  onCopyAbsolutePath,
+  onRevealInFinder,
+  onNavigateFile
+}) {
   const { t: t2 } = useTranslation();
+  const { content: content2, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName);
   const [viewMode, setViewMode] = reactExports.useState("preview");
+  const [contextSelectedText, setContextSelectedText] = reactExports.useState(null);
+  const webUIStatus = useAppStore((s16) => s16.webUIStatus);
+  const resolvePath2 = reactExports.useCallback(
+    (src) => {
+      if (!src || /^(https?:|data:|#|mailto:|blob:)/.test(src)) return src;
+      const dir = fileName.includes("/") ? fileName.substring(0, fileName.lastIndexOf("/")) : "";
+      const raw2 = src.startsWith("/") ? src.slice(1) : dir ? `${dir}/${src}` : src;
+      const parts = raw2.split("/");
+      const normalized = [];
+      for (const p3 of parts) {
+        if (p3 === "." || p3 === "") continue;
+        if (p3 === ".." && normalized.length) normalized.pop();
+        else if (p3 !== "..") normalized.push(p3);
+      }
+      return normalized.join("/");
+    },
+    [fileName]
+  );
+  const imageSource = reactExports.useMemo(() => {
+    let httpBase = null;
+    if (webUIStatus.enabled && webUIStatus.url) {
+      try {
+        const parsed = new URL(webUIStatus.url);
+        const port = new URLSearchParams(parsed.search).get("port") || parsed.port;
+        httpBase = `${parsed.protocol}//${parsed.hostname}:${port}`;
+      } catch {
+      }
+    }
+    const basePath = `automation/${scheduleId}/task/${taskId}`;
+    return (src) => {
+      if (!src || /^(https?:|data:|#|mailto:|blob:)/.test(src)) return src;
+      const resolved = resolvePath2(src);
+      if (isWebUI && httpBase) return `${httpBase}/${basePath}/${resolved}`;
+      return `web://${basePath}/${resolved}`;
+    };
+  }, [scheduleId, taskId, resolvePath2, webUIStatus]);
+  const handleCopyContent = reactExports.useCallback(() => {
+    copyText(content2);
+  }, [content2]);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  const contextMenuItems = /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+    contextSelectedText && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => copyText(contextSelectedText), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+      " ",
+      t2("contextMenu.copy")
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleCopyContent, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+      " ",
+      t2("fileDetail.copyFileContent", "Copy file content")
+    ] }),
+    (onCopyPath || onCopyAbsolutePath || onRevealInFinder) && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+    onCopyAbsolutePath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyAbsolutePath, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+      " ",
+      t2("filePanel.copyPath", "Copy Path")
+    ] }),
+    onCopyPath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyPath, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+      " ",
+      t2("filePanel.copyRelativePath", "Copy Relative Path")
+    ] }),
+    !isWebUI && onRevealInFinder && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onRevealInFinder, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, {}),
+      " ",
+      t2("filePanel.revealInFinder", "Reveal in Finder")
+    ] })
+  ] });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full overflow-hidden", children: [
-    viewMode === "preview" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StreamMarkdown, { children: content2 }) }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeView, { className: "min-h-full", content: content2, filename: fileName }) }),
+    viewMode === "preview" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ContextMenu,
+      {
+        onOpenChange: (open2) => {
+          if (open2) setContextSelectedText(window.getSelection()?.toString() ?? "");
+          else setContextSelectedText(null);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full select-text", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            StreamMarkdown,
+            {
+              imageSource,
+              onLinkClick: onNavigateFile ? (href) => {
+                onNavigateFile(resolvePath2(href));
+                return false;
+              } : void 0,
+              children: content2
+            }
+          ) }) }),
+          contextMenuItems
+        ]
+      }
+    ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ContextMenu,
+      {
+        onOpenChange: (open2) => {
+          if (open2) setContextSelectedText(window.getSelection()?.toString() ?? "");
+          else setContextSelectedText(null);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeView, { className: "min-h-full", content: content2, filename: fileName }) }),
+          contextMenuItems
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-4 left-0 right-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tabs,
       {
@@ -236587,87 +237525,293 @@ function MarkdownDetail({ fileName, content: content2 }) {
     ) })
   ] });
 }
-function ImageDetail({ fileName }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Image$1, { className: "size-8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: fileName })
-  ] }) });
+function Controls() {
+  const { zoomIn: zoomIn2, zoomOut: zoomOut2, resetTransform: resetTransform2 } = useControls();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex items-center gap-1 bg-popover/90 backdrop-blur border border-border rounded-lg shadow-lg px-2 py-1.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => zoomOut2(),
+        className: "flex size-7 items-center justify-center rounded hover:bg-muted transition-colors",
+        "aria-label": "Zoom out",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomOut, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => resetTransform2(),
+        className: "flex size-7 items-center justify-center rounded hover:bg-muted transition-colors",
+        "aria-label": "Reset",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Undo2, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => zoomIn2(),
+        className: "flex size-7 items-center justify-center rounded hover:bg-muted transition-colors",
+        "aria-label": "Zoom in",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ZoomIn, { className: "size-4" })
+      }
+    )
+  ] });
 }
-function PdfDetail({ fileName }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: fileName })
-  ] }) });
+function ImageDetail({ scheduleId, taskId, fileName }) {
+  const { content: content2, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName, { encoding: "base64" });
+  const src = reactExports.useMemo(() => {
+    if (!content2) return "";
+    const ext = fileName.split(".").pop()?.toLowerCase() || "";
+    let mimeType = ext;
+    if (ext === "svg") mimeType = "svg+xml";
+    else if (ext === "jpg") mimeType = "jpeg";
+    return `data:image/${mimeType};base64,${content2}`;
+  }, [fileName, content2]);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    TransformWrapper,
+    {
+      initialScale: 1,
+      minScale: 0.1,
+      maxScale: 10,
+      centerOnInit: true,
+      wheel: { step: 2e-3 },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Controls, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          TransformComponent,
+          {
+            wrapperStyle: { width: "100%", height: "100%" },
+            contentStyle: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "img",
+              {
+                src,
+                alt: fileName,
+                className: "max-w-full max-h-full object-contain select-none",
+                draggable: false
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
 }
-function DocxDetail({ fileName }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: fileName })
-  ] }) });
+function PdfDetail({ scheduleId, taskId, fileName }) {
+  const { arrayBuffer, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName, { encoding: "base64" });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PdfView, { data: arrayBuffer, filename: fileName }) });
 }
-function PptxDetail({ fileName }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: fileName })
-  ] }) });
+function DocxDetail({ scheduleId, taskId, fileName }) {
+  const { arrayBuffer, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName, { encoding: "base64" });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DocxView, { data: arrayBuffer, filename: fileName }) });
 }
-function XlsxDetail({ fileName }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-8" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: fileName })
-  ] }) });
+function PptxDetail({ scheduleId, taskId, fileName }) {
+  const { arrayBuffer, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName, { encoding: "base64" });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PptxView, { data: arrayBuffer, filename: fileName }) });
 }
-function HtmlDetail({ content: content2 }) {
-  const srcDoc = reactExports.useMemo(() => {
-    if (content2.trim().startsWith("<") && !content2.toLowerCase().includes("<!doctype") && !content2.toLowerCase().includes("<html")) {
-      return `<!DOCTYPE html><html><head><meta charset="utf-8"></head><body>${content2}</body></html>`;
+function XlsxDetail({ scheduleId, taskId, fileName }) {
+  const { arrayBuffer, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName, { encoding: "base64" });
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(XlsxView, { data: arrayBuffer, filename: fileName }) });
+}
+function HtmlDetail({
+  scheduleId,
+  taskId,
+  fileName,
+  onCopyPath,
+  onCopyAbsolutePath,
+  onRevealInFinder
+}) {
+  const { t: t2 } = useTranslation();
+  const { content: content2, loading, errorMsg } = useTaskFile(scheduleId, taskId, fileName);
+  const [viewMode, setViewMode] = reactExports.useState("preview");
+  const [retryKey, setRetryKey] = reactExports.useState(0);
+  const [contextSelectedText, setContextSelectedText] = reactExports.useState(null);
+  const webUIStatus = useAppStore((s16) => s16.webUIStatus);
+  const httpBaseUrl = reactExports.useMemo(() => {
+    if (webUIStatus.enabled && webUIStatus.url) {
+      try {
+        const parsed = new URL(webUIStatus.url);
+        const urlParams = new URLSearchParams(parsed.search);
+        const port = urlParams.get("port") || parsed.port;
+        return `${parsed.protocol}//${parsed.hostname}:${port}`;
+      } catch {
+        return webUIStatus.url;
+      }
     }
-    return content2;
+    return null;
+  }, [webUIStatus]);
+  const iframeUrl = reactExports.useMemo(() => {
+    const path2 = `/automation/${scheduleId}/task/${taskId}/${fileName}`;
+    if (isWebUI && httpBaseUrl) return `${httpBaseUrl}${path2}`;
+    return `web://automation/${scheduleId}/task/${taskId}/${fileName}`;
+  }, [httpBaseUrl, scheduleId, taskId, fileName]);
+  const httpUrl = reactExports.useMemo(() => {
+    if (!httpBaseUrl) return null;
+    return `${httpBaseUrl}/automation/${scheduleId}/task/${taskId}/${fileName}`;
+  }, [httpBaseUrl, scheduleId, taskId, fileName]);
+  const handleOpenExternal = reactExports.useCallback(() => {
+    if (httpUrl) window.open(httpUrl, "_blank", "noopener,noreferrer");
+  }, [httpUrl]);
+  const handleCopyContent = reactExports.useCallback(() => {
+    copyText(content2);
   }, [content2]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "iframe",
-    {
-      srcDoc,
-      className: "w-full h-full border-0 bg-white",
-      title: "HTML Preview",
-      sandbox: "allow-scripts"
-    }
-  );
-}
-function isBinaryContent(content2) {
-  const len = Math.min(content2.length, 512);
-  let nullCount = 0;
-  let nonPrintableCount = 0;
-  for (let i3 = 0; i3 < len; i3++) {
-    const code2 = content2.charCodeAt(i3);
-    if (code2 === 0) nullCount++;
-    else if (code2 < 8 || code2 > 13 && code2 < 32) nonPrintableCount++;
-  }
-  return nullCount > 0 || nonPrintableCount > len * 0.3;
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, {});
+  if (errorMsg) return /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorState, { message: errorMsg });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [
+    viewMode === "preview" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full w-full flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-10 shrink-0 flex items-center justify-between pl-3 pr-2 border-b border-border bg-background/80", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground truncate mr-4", children: iframeUrl }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleOpenExternal,
+              disabled: !httpUrl,
+              className: "flex items-center size-6 justify-center rounded text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:pointer-events-none",
+              title: t2("htmlDetail.openInBrowser", "Open in browser"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setRetryKey((k2) => k2 + 1),
+              className: "flex items-center size-6 justify-center rounded text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+              title: t2("htmlDetail.refresh", "Refresh"),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "iframe",
+        {
+          src: iframeUrl,
+          className: "flex-1 w-full border-0 bg-white",
+          sandbox: "allow-scripts allow-popups allow-forms allow-modals",
+          title: fileName
+        },
+        retryKey
+      )
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ContextMenu,
+      {
+        onOpenChange: (open2) => {
+          if (open2) setContextSelectedText(window.getSelection()?.toString() ?? "");
+          else setContextSelectedText(null);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CodeView, { className: "min-h-full", content: content2, filename: fileName }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+            contextSelectedText && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => copyText(contextSelectedText), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+              " ",
+              t2("contextMenu.copy")
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: handleCopyContent, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+              " ",
+              t2("fileDetail.copyFileContent", "Copy file content")
+            ] }),
+            (onCopyPath || onCopyAbsolutePath || onRevealInFinder) && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+            onCopyAbsolutePath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyAbsolutePath, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+              " ",
+              t2("filePanel.copyPath", "Copy Path")
+            ] }),
+            onCopyPath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onCopyPath, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, {}),
+              " ",
+              t2("filePanel.copyRelativePath", "Copy Relative Path")
+            ] }),
+            !isWebUI && onRevealInFinder && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: onRevealInFinder, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, {}),
+              " ",
+              t2("filePanel.revealInFinder", "Reveal in Finder")
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-4 left-0 right-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Tabs,
+      {
+        value: viewMode,
+        onValueChange: (v4) => setViewMode(v4),
+        className: "pointer-events-auto",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "h-8 border border-border shadow-lg", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "preview", className: "text-xs min-w-18", children: t2("fileDetail.preview", "Preview") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "code", className: "text-xs min-w-18", children: t2("fileDetail.code", "Code") })
+        ] })
+      }
+    ) })
+  ] });
 }
-function FileDetail({ fileName, fileContent, fileLoading, hasTask, hasFiles }) {
+function FileDetail({
+  scheduleId,
+  taskId,
+  fileName,
+  hasTask,
+  hasFiles,
+  onCopyPath,
+  onCopyAbsolutePath,
+  onRevealInFinder
+}) {
   const { t: t2 } = useTranslation();
   const fileKind = reactExports.useMemo(() => getFileKind(fileName), [fileName]);
-  const isUnsupportedBinary = reactExports.useMemo(() => {
-    if (!fileContent || !fileName) return false;
-    if (fileKind === "image" || fileKind === "pdf" || fileKind === "docx" || fileKind === "pptx" || fileKind === "xlsx") return false;
-    return isBinaryContent(fileContent);
-  }, [fileContent, fileName, fileKind]);
   if (!hasTask) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-xs text-muted-foreground", children: t2("automation.selectTaskToPreview", "Select a task to preview files") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: t2("automation.selectTaskToPreview", "Select a task to preview files") })
+    ] });
   }
   if (!hasFiles) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-xs text-muted-foreground", children: t2("automation.noFiles", "No files generated") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-6 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: t2("automation.noFiles", "No files generated") })
+    ] });
   }
   if (!fileName) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-xs text-muted-foreground", children: t2("automation.selectFileToPreview", "Select a file to preview") });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-6 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: t2("automation.selectFileToPreview", "Select a file to preview") })
+    ] });
   }
+  const contextProps = {
+    scheduleId,
+    taskId,
+    fileName,
+    onCopyPath: onCopyPath ? () => onCopyPath(fileName) : void 0,
+    onCopyAbsolutePath: onCopyAbsolutePath ? () => onCopyAbsolutePath(fileName) : void 0,
+    onRevealInFinder: onRevealInFinder ? () => onRevealInFinder(fileName) : void 0
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col w-full h-full min-w-0 relative overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-10 shrink-0 border-b border-border flex items-center justify-between gap-2 px-2 bg-background", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: fileName, className: "size-4 shrink-0 text-muted-foreground/80" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs truncate leading-tight text-foreground/60", children: fileName }) })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex-1 min-h-0 overflow-hidden", children: fileLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin text-muted-foreground" }) }) : isUnsupportedBinary ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-xs text-muted-foreground", children: t2("fileDetail.fileFormatNotSupported", "File format not supported for preview") }) : fileKind === "image" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImageDetail, { fileName, content: fileContent ?? "" }) : fileKind === "markdown" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownDetail, { fileName, content: fileContent ?? "" }) : fileKind === "html" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HtmlDetail, { fileName, content: fileContent ?? "" }) : fileKind === "pdf" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PdfDetail, { fileName, content: fileContent ?? "" }) : fileKind === "docx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(DocxDetail, { fileName, content: fileContent ?? "" }) : fileKind === "pptx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PptxDetail, { fileName, content: fileContent ?? "" }) : fileKind === "xlsx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(XlsxDetail, { fileName, content: fileContent ?? "" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDetail, { fileName, content: fileContent ?? "" }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex-1 min-h-0 overflow-hidden", children: fileKind === "image" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImageDetail, { ...contextProps }) : fileKind === "markdown" ? /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownDetail, { ...contextProps }) : fileKind === "html" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HtmlDetail, { ...contextProps }) : fileKind === "pdf" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PdfDetail, { ...contextProps }) : fileKind === "docx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(DocxDetail, { ...contextProps }) : fileKind === "pptx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PptxDetail, { ...contextProps }) : fileKind === "xlsx" ? /* @__PURE__ */ jsxRuntimeExports.jsx(XlsxDetail, { ...contextProps }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CodeDetail, { ...contextProps }) })
   ] });
 }
 function buildTree2(paths) {
@@ -236692,7 +237836,17 @@ function buildTree2(paths) {
       if (existing.children) current = existing.children;
     }
   }
-  return root2;
+  function sortNodes(nodes) {
+    nodes.sort((a2, b2) => {
+      if (a2.isFolder !== b2.isFolder) return a2.isFolder ? -1 : 1;
+      return a2.name.localeCompare(b2.name);
+    });
+    for (const n2 of nodes) {
+      if (n2.children) sortNodes(n2.children);
+    }
+    return nodes;
+  }
+  return sortNodes(root2);
 }
 function FileTree({
   nodes,
@@ -236722,10 +237876,12 @@ function FileTree({
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ChevronRight,
                 {
-                  className: cn$5("size-3.5 shrink-0 text-muted-foreground transition-transform", isOpen && "rotate-90")
+                  className: cn$5(
+                    "size-3.5 shrink-0 text-muted-foreground transition-transform scale-110",
+                    isOpen && "rotate-90"
+                  )
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Folder$1, { className: "size-4 shrink-0 text-muted-foreground/90" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate leading-normal", children: node2.name })
             ]
           }
@@ -236758,20 +237914,19 @@ function FileTree({
           style: { paddingLeft: `${depth * 16 + 6}px` },
           onClick: () => onSelectFile(node2.path),
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3.5 shrink-0" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node2.name, className: "size-4 shrink-0 text-muted-foreground/90" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { name: node2.name, className: "size-3.5 shrink-0 text-muted-foreground/90" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate leading-normal", children: node2.name })
           ]
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onCopyRelativePath(node2.path), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onCopyAbsolutePath(node2.path), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5 mr-2" }),
           t2("filePanel.copyPath", "Copy Path")
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onCopyAbsolutePath(node2.path), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onCopyRelativePath(node2.path), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5 mr-2" }),
-          t2("filePanel.copyAbsolutePath", "Copy Absolute Path")
+          t2("filePanel.copyRelativePath", "Copy Relative Path")
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onRevealInFinder(node2.path), children: [
@@ -236815,7 +237970,7 @@ function Panel({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full min-h-0 flex-col text-xs w-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-0.5 border-b border-border", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex text-muted-foreground items-center gap-1 px-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Folders, { className: "size-3.5" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-nowrap", children: t2("automation.files", "Files") })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto mr-2 flex items-center gap-0.5", children: tree.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -236828,7 +237983,13 @@ function Panel({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-1", children: !hasTask ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground text-center", children: t2("automation.selectTask", "Select a task") }) : files.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-4 text-xs text-muted-foreground text-center", children: t2("automation.noFiles", "No files") }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !hasTask ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-1 min-h-0 -mt-10 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Folder$1, { className: "size-5 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: t2("automation.selectTask", "Select a task") })
+    ] }) : files.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center flex-1 min-h-0 -mt-10 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "size-10 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-5 text-muted-foreground/60" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: t2("automation.noFiles", "No files") })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1 pl-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       FileTree,
       {
         nodes: tree,
@@ -236846,11 +238007,8 @@ function Panel({
 }
 function Task() {
   const { scheduleId, taskId } = useParams();
-  const { t: t2 } = useTranslation();
   const [taskFiles, setTaskFiles] = reactExports.useState([]);
   const [selectedFile, setSelectedFile] = reactExports.useState(null);
-  const [fileContent, setFileContent] = reactExports.useState(null);
-  const [fileLoading, setFileLoading] = reactExports.useState(false);
   const [loading, setLoading] = reactExports.useState(true);
   const loadFiles = reactExports.useCallback(async () => {
     if (!scheduleId || !taskId) return;
@@ -236859,7 +238017,6 @@ function Task() {
       setTaskFiles(files ?? []);
       const readme = (files ?? []).find((f2) => f2.toLowerCase() === "readme.md");
       setSelectedFile(readme ?? null);
-      setFileContent(null);
     } catch {
       setTaskFiles([]);
     } finally {
@@ -236879,23 +238036,6 @@ function Task() {
     subscribe$1.on("task-update", handler);
     return () => subscribe$1.off("task-update", handler);
   }, [scheduleId, taskId, loadFiles]);
-  reactExports.useEffect(() => {
-    if (!selectedFile || !scheduleId || !taskId) {
-      setFileContent(null);
-      return;
-    }
-    setFileLoading(true);
-    (async () => {
-      try {
-        const content2 = await request.readTaskFile({ scheduleId, taskId, filePath: selectedFile });
-        setFileContent(content2 ?? null);
-      } catch {
-        setFileContent("// Error loading file");
-      } finally {
-        setFileLoading(false);
-      }
-    })();
-  }, [selectedFile, scheduleId, taskId]);
   if (loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-5 animate-spin text-muted-foreground" }) });
   }
@@ -236903,22 +238043,12 @@ function Task() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "fileDetail", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       FileDetail,
       {
+        scheduleId,
+        taskId,
         fileName: selectedFile,
-        fileContent,
-        fileLoading,
         hasTask: true,
-        hasFiles: taskFiles.length > 0
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { className: "bg-border/70" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizablePanel, { id: "filePanel", groupResizeBehavior: "preserve-pixel-size", defaultSize: 250, minSize: 250, maxSize: 400, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Panel,
-      {
-        files: taskFiles,
-        selectedFile,
-        hasTask: true,
-        onSelectFile: setSelectedFile,
-        onCopyRelativePath: async (file) => {
+        hasFiles: taskFiles.length > 0,
+        onCopyPath: async (file) => {
           try {
             await copyText(file);
           } catch {
@@ -236926,7 +238056,11 @@ function Task() {
         },
         onCopyAbsolutePath: async (file) => {
           try {
-            const abs2 = await request.getTaskFileSystemPath({ scheduleId, taskId, filePath: file });
+            const abs2 = await request.getTaskFileSystemPath({
+              scheduleId,
+              taskId,
+              filePath: file
+            });
             await copyText(abs2);
           } catch {
           }
@@ -236934,13 +238068,66 @@ function Task() {
         onRevealInFinder: async (file) => {
           if (isWebUI) return;
           try {
-            const abs2 = await request.getTaskFileSystemPath({ scheduleId, taskId, filePath: file });
+            const abs2 = await request.getTaskFileSystemPath({
+              scheduleId,
+              taskId,
+              filePath: file
+            });
             await electron.revealInFinder(abs2);
           } catch {
           }
         }
       }
-    ) })
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { className: "bg-border/70" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ResizablePanel,
+      {
+        id: "filePanel",
+        groupResizeBehavior: "preserve-pixel-size",
+        defaultSize: 250,
+        minSize: 250,
+        maxSize: 400,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Panel,
+          {
+            files: taskFiles,
+            selectedFile,
+            hasTask: true,
+            onSelectFile: setSelectedFile,
+            onCopyRelativePath: async (file) => {
+              try {
+                await copyText(file);
+              } catch {
+              }
+            },
+            onCopyAbsolutePath: async (file) => {
+              try {
+                const abs2 = await request.getTaskFileSystemPath({
+                  scheduleId,
+                  taskId,
+                  filePath: file
+                });
+                await copyText(abs2);
+              } catch {
+              }
+            },
+            onRevealInFinder: async (file) => {
+              if (isWebUI) return;
+              try {
+                const abs2 = await request.getTaskFileSystemPath({
+                  scheduleId,
+                  taskId,
+                  filePath: file
+                });
+                await electron.revealInFinder(abs2);
+              } catch {
+              }
+            }
+          }
+        )
+      }
+    )
   ] });
 }
 function SessionWrapper() {