@zythum02/fello-server 0.1.30 → 0.1.32

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

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./dagre-KV5264BT-NIF-wzAb.js","./graph-9FzrK4FU.js","./_baseUniq-DLyIzzT_.js","./layout-pad9cNSQ.js","./min-B7SQAamY.js","./clone-C_55Gq29.js","./cose-bilkent-S5V4N54A-DqTN-_zY.js","./cytoscape.esm-Bm8DJGmZ.js","./c4Diagram-AHTNJAMY-ntNDbqWz.js","./chunk-YZCP3GAM-DkaxW5D7.js","./flowDiagram-DWJPFMVM-CYt7MUO6.js","./chunk-FMBD7UC4-D3ZuAVef.js","./chunk-55IACEB6-CLBQrnT7.js","./chunk-EDXVE4YY-ycJtaU57.js","./channel-Z4VgLguf.js","./erDiagram-SMLLAGMA-1ZgzBjAm.js","./gitGraphDiagram-UUTBAWPF-4nzL1En3.js","./chunk-4BX2VUAB-BQWjQSCS.js","./chunk-QZHKN3VN-eKV97jed.js","./wardley-RL74JXVD-BPlNC-BP.js","./ganttDiagram-T4ZO3ILL-nHro8zN9.js","./linear-C9kOAOci.js","./init-ZxktEp_H.js","./defaultLocale-B2RvLBDe.js","./infoDiagram-42DDH7IO-BgCd2fMi.js","./pieDiagram-DEJITSTG-DyXeoEBp.js","./arc-Zxienobv.js","./ordinal-CxptdPJm.js","./quadrantDiagram-34T5L4WZ-hFY-GkiJ.js","./xychartDiagram-5P7HB3ND--HADKQzk.js","./requirementDiagram-MS252O5E-ecRwwTfv.js","./sequenceDiagram-FGHM5R23-AV2u_2fd.js","./classDiagram-6PBFFD2Q-CpuoT-Jx.js","./chunk-4TB4RGXK-DQ4qdRMQ.js","./classDiagram-v2-HSJHXN6E-CpuoT-Jx.js","./stateDiagram-FHFEXIEX-DoTCNWMJ.js","./chunk-OYMX7WX6-CAHx1d_X.js","./stateDiagram-v2-QKLJ7IA2--Ezn8EQY.js","./journeyDiagram-VCZTEJTY-Cl5-PgKK.js","./timeline-definition-GMOUNBTQ-CQvZXAlZ.js","./mindmap-definition-QFDTVHPH-DYc59m-R.js","./kanban-definition-6JOO6SKY-CTdiOO_t.js","./sankeyDiagram-XADWPNL6-BTL3sclU.js","./diagram-TYMM5635-B-O4bvMT.js","./diagram-MMDJMWI5-B7PHcRvh.js","./blockDiagram-DXYQGD6D-CtAylmzM.js","./diagram-5BDNPKRD-Cln0uWD9.js","./architectureDiagram-Q4EWVU46-DLh2t5mE.js","./diagram-G4DWMVQ6-BlnD83ee.js","./wardleyDiagram-NUSXRM2D-BAQ1Om89.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];
@@ -15113,7 +15113,7 @@ const fileDetail$1 = { "fileNotFound": "File not found", "fileTooLarge": "File i
 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 (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", "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", "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": "暂无计划", "emptyHint": "通过 cron 表达式配置定时 AI 任务，让 Agent 自动执行", "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
@@ -41636,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: [
@@ -41766,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: [
@@ -41988,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.30"
+          "0.1.32"
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -68662,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-VELQyUbs.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 }) })] }) });
@@ -93503,12 +93686,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-KV5264BT-NIF-wzAb.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-DqTN-_zY.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")
       }
     ]
   ]);
@@ -93964,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-ntNDbqWz.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 };
@@ -93984,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-CYt7MUO6.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 };
@@ -94010,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-CYt7MUO6.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 };
@@ -94027,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-1ZgzBjAm.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 };
@@ -94044,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-4nzL1En3.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 };
@@ -94061,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-nHro8zN9.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 };
@@ -94078,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-BgCd2fMi.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 };
@@ -94094,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-DyXeoEBp.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 };
@@ -94110,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-hFY-GkiJ.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 };
@@ -94127,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--HADKQzk.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 };
@@ -94144,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-ecRwwTfv.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 };
@@ -94161,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-AV2u_2fd.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 };
@@ -94181,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-CpuoT-Jx.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 };
@@ -94201,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-CpuoT-Jx.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 };
@@ -94221,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-DoTCNWMJ.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 };
@@ -94244,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--Ezn8EQY.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 };
@@ -94261,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-Cl5-PgKK.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 };
@@ -94331,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-CYt7MUO6.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 };
@@ -94348,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-CQvZXAlZ.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 };
@@ -94365,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-DYc59m-R.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 };
@@ -94382,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-CTdiOO_t.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 };
@@ -94399,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-BTL3sclU.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 };
@@ -94416,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-B-O4bvMT.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 };
@@ -94432,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-B7PHcRvh.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 };
@@ -94448,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-CtAylmzM.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 };
@@ -94465,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-Cln0uWD9.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 };
@@ -94482,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-DLh2t5mE.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 };
@@ -94499,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-Dc9zBgQ3.js");
+    const { diagram: diagram22 } = await import("./ishikawaDiagram-UXIWVN3A-D8djsZeF.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0, import.meta.url);
   return { id: id28, diagram: diagram2 };
@@ -94515,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-zJ6WGEop.js");
+    const { diagram: diagram22 } = await import("./vennDiagram-DHZGUBPP-VNGucDZS.js");
     return { diagram: diagram22 };
   }, true ? [] : void 0, import.meta.url);
   return { id: id29, diagram: diagram2 };
@@ -94532,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-BlnD83ee.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 };
@@ -94548,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-BAQ1Om89.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 };
@@ -132033,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,
@@ -132113,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]);
@@ -132142,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 }
@@ -132191,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",
@@ -137020,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;
@@ -137583,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(
@@ -137676,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,
                       {
@@ -137925,6 +138184,7 @@ function AskUserOptions({
     }).then(() => onResolved());
   };
   const handleKeyDown = (e2) => {
+    if (e2.nativeEvent.isComposing) return;
     if (e2.key === "Enter" && !e2.shiftKey) {
       e2.preventDefault();
       handleSubmitInput();
@@ -137988,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
           }
         ),
@@ -138037,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);
@@ -138109,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 };
@@ -138392,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, {}),
@@ -138473,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() ?? "");
@@ -138502,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, {}),
@@ -138540,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(
@@ -140629,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(
@@ -140666,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";
@@ -140682,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,
           {
@@ -171721,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) {
@@ -178057,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([
@@ -182169,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;
@@ -208936,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 }) {
@@ -208963,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}`;
@@ -209083,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",
         {
@@ -218251,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(() => {
@@ -219092,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 = {
@@ -219114,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: [
@@ -219124,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" })
@@ -219135,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" })
@@ -219146,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" })
@@ -219157,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" })
@@ -219164,8 +219484,22 @@ const FilePanel = reactExports.memo(function FilePanel2({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "min-h-0 flex-1 pl-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", {}),
@@ -219207,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: [
@@ -219295,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(
@@ -219310,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",
@@ -236144,7 +236478,7 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
           /* @__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(FieldLabel, { htmlFor: "auto-name", className: "text-xs text-muted-foreground", children: t2("automation.scheduleName", "Schedule Name") }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   Input,
                   {
@@ -236155,12 +236489,12 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
                     ),
                     value: name2,
                     onChange: (e2) => setName(e2.target.value),
-                    className: "h-8 text-[11px]! text-foreground/70 focus-visible:ring-0.5"
+                    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-[11px] text-muted-foreground", children: t2("automation.agent", "Agent") }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { htmlFor: "auto-agent", className: "text-xs text-muted-foreground", children: t2("automation.agent", "Agent") }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs(
                   Select,
                   {
@@ -236173,7 +236507,7 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
                         SelectTrigger,
                         {
                           id: "auto-agent",
-                          className: "w-full text-[11px]! text-muted-foreground",
+                          className: "w-full text-xs! text-muted-foreground",
                           children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {})
                         }
                       ),
@@ -236184,7 +236518,7 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
               ] })
             ] }),
             /* @__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(FieldLabel, { htmlFor: "auto-prompt", className: "text-xs text-muted-foreground", children: t2("automation.prompt", "Prompt") }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Textarea,
                 {
@@ -236270,9 +236604,9 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
               )
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(Field, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(FieldLabel, { className: "text-[11px] text-muted-foreground", children: t2("automation.schedule", "Schedule") }),
+              /* @__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("label", { className: "flex items-center gap-2 text-[11px] text-foreground/70", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-foreground/70", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     Switch,
                     {
@@ -236282,7 +236616,7 @@ function SettingDialog({ schedule: schedule2, open: open2, onOpenChange, onSucce
                   ),
                   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.") })
+                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.") })
               ] })
             ] })
           ] })
@@ -236323,7 +236657,8 @@ function Automation() {
   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("");
@@ -236331,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) {
@@ -236344,10 +236688,11 @@ function Automation() {
   reactExports.useEffect(() => {
     void loadSchedules();
   }, [loadSchedules]);
+  const [, setTick] = reactExports.useState(0);
   reactExports.useEffect(() => {
-    const timer2 = setInterval(() => void loadSchedules(), 3e4);
+    const timer2 = setInterval(() => setTick((t22) => t22 + 1), 3e4);
     return () => clearInterval(timer2);
-  }, [loadSchedules]);
+  }, []);
   reactExports.useEffect(() => {
     const handleChanged = () => void loadSchedules();
     subscribe$1.on("schedules-changed", handleChanged);
@@ -236404,18 +236749,29 @@ function Automation() {
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
-          className: "h-12 shrink-0 border-b border-border flex items-center px-6",
+          className: "h-12 shrink-0 border-b border-border flex items-center justify-between pl-4 pr-2",
           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.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")
+                ]
+              }
+            ) })
           ]
         }
       ),
-      /* @__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" }) })
+      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: [
@@ -236450,10 +236806,10 @@ function Automation() {
         ]
       }
     ),
-    /* @__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-20 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(ClockCheck, { className: "size-6 text-muted-foreground/60" }) }),
+    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-[240px] text-center", children: t2(
+      /* @__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"
       ) }),
@@ -236470,13 +236826,13 @@ function Automation() {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ItemGroup, { className: "gap-0", children: schedules.map((schedule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+    ] }) : /* @__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",
+            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: [
@@ -236703,17 +237059,52 @@ 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: [
@@ -236883,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 {
@@ -236894,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,
       {
@@ -236915,79 +237525,261 @@ 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 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({ 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 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({
+  scheduleId,
+  taskId,
   fileName,
-  fileContent,
-  fileLoading,
   hasTask,
-  hasFiles
+  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.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" }) }),
@@ -237006,12 +237798,20 @@ function FileDetail({
       /* @__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) {
@@ -237120,13 +237920,13 @@ function FileTree({
         }
       ),
       /* @__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: [
@@ -237170,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(
@@ -237207,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;
@@ -237220,7 +238017,6 @@ function Task() {
       setTaskFiles(files ?? []);
       const readme = (files ?? []).find((f2) => f2.toLowerCase() === "readme.md");
       setSelectedFile(readme ?? null);
-      setFileContent(null);
     } catch {
       setTaskFiles([]);
     } finally {
@@ -237240,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" }) });
   }
@@ -237264,11 +238043,40 @@ 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
+        hasFiles: taskFiles.length > 0,
+        onCopyPath: 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 {
+          }
+        }
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ResizableHandle, { className: "bg-border/70" }),