RubyGems - octo-agent - Versions diffs - 0.11.2 - Mend

octo-agent 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (319) hide show

checksums.yaml +7 -0
data/.clacky/skills/commit/SKILL.md +423 -0
data/.clacky/skills/gem-release/SKILL.md +199 -0
data/.clacky/skills/gem-release/scripts/release.sh +304 -0
data/.clacky/skills/oss-upload/SKILL.md +47 -0
data/.octorules +106 -0
data/.rspec +3 -0
data/.rubocop.yml +8 -0
data/CHANGELOG.md +76 -0
data/CODE_OF_CONDUCT.md +132 -0
data/CONTRIBUTING.md +92 -0
data/Dockerfile +28 -0
data/LICENSE.txt +22 -0
data/POSITIONING.md +46 -0
data/README.md +134 -0
data/README_CN.md +134 -0
data/Rakefile +34 -0
data/benchmark/fixtures/sample_project/Gemfile +3 -0
data/benchmark/fixtures/sample_project/lib/api_handler.rb +32 -0
data/benchmark/fixtures/sample_project/lib/order_calculator.rb +23 -0
data/benchmark/fixtures/sample_project/lib/user_renderer.rb +20 -0
data/benchmark/fixtures/sample_project/spec/order_calculator_spec.rb +20 -0
data/benchmark/results/EVALUATION_REPORT.md +165 -0
data/benchmark/results/baseline_20260511_174424.json +128 -0
data/benchmark/results/report_20260511_175256.json +271 -0
data/benchmark/results/report_20260511_175444.json +271 -0
data/benchmark/results/treatment_20260511_175103.json +130 -0
data/benchmark/runner.rb +441 -0
data/bin/octo +7 -0
data/docs/agent-first-ui-design.md +77 -0
data/docs/billing-system.md +318 -0
data/docs/channel-architecture.md +235 -0
data/docs/engineering-article.md +343 -0
data/docs/session-skill-invocation.md +69 -0
data/docs/time_machine_design.md +247 -0
data/docs/ui2-architecture.md +124 -0
data/homebrew/README.md +96 -0
data/homebrew/openocto.rb +24 -0
data/lib/octo/agent/hook_manager.rb +61 -0
data/lib/octo/agent/llm_caller.rb +800 -0
data/lib/octo/agent/memory_updater.rb +246 -0
data/lib/octo/agent/message_compressor.rb +225 -0
data/lib/octo/agent/message_compressor_helper.rb +869 -0
data/lib/octo/agent/next_message_suggester.rb +215 -0
data/lib/octo/agent/session_serializer.rb +685 -0
data/lib/octo/agent/skill_auto_creator.rb +114 -0
data/lib/octo/agent/skill_evolution.rb +61 -0
data/lib/octo/agent/skill_manager.rb +466 -0
data/lib/octo/agent/skill_reflector.rb +89 -0
data/lib/octo/agent/system_prompt_builder.rb +101 -0
data/lib/octo/agent/time_machine.rb +214 -0
data/lib/octo/agent/tool_executor.rb +454 -0
data/lib/octo/agent/tool_registry.rb +150 -0
data/lib/octo/agent.rb +2180 -0
data/lib/octo/agent_config.rb +989 -0
data/lib/octo/agent_profile.rb +112 -0
data/lib/octo/anthropic_stream_aggregator.rb +137 -0
data/lib/octo/background_task_registry.rb +324 -0
data/lib/octo/banner.rb +34 -0
data/lib/octo/bedrock_stream_aggregator.rb +137 -0
data/lib/octo/block_font.rb +331 -0
data/lib/octo/cli.rb +968 -0
data/lib/octo/client.rb +623 -0
data/lib/octo/default_agents/SOUL.md +3 -0
data/lib/octo/default_agents/USER.md +1 -0
data/lib/octo/default_agents/base_prompt.md +66 -0
data/lib/octo/default_agents/coding/profile.yml +2 -0
data/lib/octo/default_agents/coding/system_prompt.md +67 -0
data/lib/octo/default_agents/general/profile.yml +2 -0
data/lib/octo/default_agents/general/system_prompt.md +16 -0
data/lib/octo/default_parsers/doc_parser.rb +69 -0
data/lib/octo/default_parsers/docx_parser.rb +188 -0
data/lib/octo/default_parsers/pdf_parser.rb +120 -0
data/lib/octo/default_parsers/pdf_parser_ocr.py +103 -0
data/lib/octo/default_parsers/pdf_parser_plumber.py +62 -0
data/lib/octo/default_parsers/pptx_parser.rb +140 -0
data/lib/octo/default_parsers/xlsx_parser.rb +121 -0
data/lib/octo/default_skills/browser-setup/SKILL.md +426 -0
data/lib/octo/default_skills/channel-manager/SKILL.md +623 -0
data/lib/octo/default_skills/channel-manager/dingtalk_setup.rb +191 -0
data/lib/octo/default_skills/channel-manager/discord_setup.rb +199 -0
data/lib/octo/default_skills/channel-manager/feishu_setup.rb +574 -0
data/lib/octo/default_skills/channel-manager/import_lark_skills.rb +97 -0
data/lib/octo/default_skills/channel-manager/install_feishu_skills.rb +105 -0
data/lib/octo/default_skills/channel-manager/weixin_setup.rb +274 -0
data/lib/octo/default_skills/code-explorer/SKILL.md +36 -0
data/lib/octo/default_skills/cron-task-creator/SKILL.md +257 -0
data/lib/octo/default_skills/cron-task-creator/evals/evals.json +38 -0
data/lib/octo/default_skills/onboard/SKILL.md +578 -0
data/lib/octo/default_skills/onboard/scripts/import_external_skills.rb +413 -0
data/lib/octo/default_skills/onboard/scripts/install_builtin_skills.rb +97 -0
data/lib/octo/default_skills/persist-memory/SKILL.md +59 -0
data/lib/octo/default_skills/personal-website/SKILL.md +113 -0
data/lib/octo/default_skills/personal-website/publish.rb +235 -0
data/lib/octo/default_skills/product-help/SKILL.md +123 -0
data/lib/octo/default_skills/product-help/docs/agent-config.md +74 -0
data/lib/octo/default_skills/product-help/docs/best-practices.md +49 -0
data/lib/octo/default_skills/product-help/docs/browser-tool.md +53 -0
data/lib/octo/default_skills/product-help/docs/built-in-skills.md +43 -0
data/lib/octo/default_skills/product-help/docs/cli-reference.md +82 -0
data/lib/octo/default_skills/product-help/docs/create-your-first-skill.md +47 -0
data/lib/octo/default_skills/product-help/docs/faq.md +98 -0
data/lib/octo/default_skills/product-help/docs/how-to-use-a-skill.md +58 -0
data/lib/octo/default_skills/product-help/docs/installation.md +59 -0
data/lib/octo/default_skills/product-help/docs/memory-system.md +61 -0
data/lib/octo/default_skills/product-help/docs/octorules.md +62 -0
data/lib/octo/default_skills/product-help/docs/session-management.md +63 -0
data/lib/octo/default_skills/product-help/docs/skill-basics.md +55 -0
data/lib/octo/default_skills/product-help/docs/skill-frontmatter.md +61 -0
data/lib/octo/default_skills/product-help/docs/web-server.md +49 -0
data/lib/octo/default_skills/product-help/docs/what-is-octo.md +37 -0
data/lib/octo/default_skills/product-help/docs/windows-installation.md +36 -0
data/lib/octo/default_skills/product-help/docs/writing-tips.md +53 -0
data/lib/octo/default_skills/recall-memory/SKILL.md +65 -0
data/lib/octo/default_skills/skill-add/SKILL.md +59 -0
data/lib/octo/default_skills/skill-add/scripts/install_from_zip.rb +295 -0
data/lib/octo/default_skills/skill-creator/SKILL.md +602 -0
data/lib/octo/default_skills/skill-creator/agents/analyzer.md +274 -0
data/lib/octo/default_skills/skill-creator/agents/comparator.md +202 -0
data/lib/octo/default_skills/skill-creator/agents/grader.md +223 -0
data/lib/octo/default_skills/skill-creator/eval-viewer/generate_review.py +471 -0
data/lib/octo/default_skills/skill-creator/eval-viewer/viewer.html +1325 -0
data/lib/octo/default_skills/skill-creator/references/schemas.md +430 -0
data/lib/octo/default_skills/skill-creator/scripts/__init__.py +0 -0
data/lib/octo/default_skills/skill-creator/scripts/aggregate_benchmark.py +401 -0
data/lib/octo/default_skills/skill-creator/scripts/generate_report.py +326 -0
data/lib/octo/default_skills/skill-creator/scripts/improve_description.py +310 -0
data/lib/octo/default_skills/skill-creator/scripts/quick_validate.py +103 -0
data/lib/octo/default_skills/skill-creator/scripts/run_eval.py +317 -0
data/lib/octo/default_skills/skill-creator/scripts/run_loop.py +331 -0
data/lib/octo/default_skills/skill-creator/scripts/utils.py +47 -0
data/lib/octo/default_skills/skill-creator/scripts/validate_skill_frontmatter.rb +143 -0
data/lib/octo/idle_compression_timer.rb +115 -0
data/lib/octo/json_ui_controller.rb +204 -0
data/lib/octo/message_format/anthropic.rb +409 -0
data/lib/octo/message_format/bedrock.rb +361 -0
data/lib/octo/message_format/open_ai.rb +222 -0
data/lib/octo/message_history.rb +373 -0
data/lib/octo/openai_stream_aggregator.rb +130 -0
data/lib/octo/plain_ui_controller.rb +166 -0
data/lib/octo/providers.rb +534 -0
data/lib/octo/server/browser_manager.rb +397 -0
data/lib/octo/server/channel/adapters/base.rb +82 -0
data/lib/octo/server/channel/adapters/dingtalk/adapter.rb +314 -0
data/lib/octo/server/channel/adapters/dingtalk/api_client.rb +391 -0
data/lib/octo/server/channel/adapters/dingtalk/stream_client.rb +203 -0
data/lib/octo/server/channel/adapters/discord/adapter.rb +229 -0
data/lib/octo/server/channel/adapters/discord/api_client.rb +107 -0
data/lib/octo/server/channel/adapters/discord/gateway_client.rb +270 -0
data/lib/octo/server/channel/adapters/feishu/adapter.rb +320 -0
data/lib/octo/server/channel/adapters/feishu/bot.rb +478 -0
data/lib/octo/server/channel/adapters/feishu/file_processor.rb +36 -0
data/lib/octo/server/channel/adapters/feishu/message_parser.rb +129 -0
data/lib/octo/server/channel/adapters/feishu/ws_client.rb +423 -0
data/lib/octo/server/channel/adapters/telegram/adapter.rb +375 -0
data/lib/octo/server/channel/adapters/telegram/api_client.rb +205 -0
data/lib/octo/server/channel/adapters/wecom/adapter.rb +148 -0
data/lib/octo/server/channel/adapters/wecom/media_downloader.rb +115 -0
data/lib/octo/server/channel/adapters/wecom/ws_client.rb +395 -0
data/lib/octo/server/channel/adapters/weixin/adapter.rb +692 -0
data/lib/octo/server/channel/adapters/weixin/api_client.rb +402 -0
data/lib/octo/server/channel/channel_config.rb +178 -0
data/lib/octo/server/channel/channel_manager.rb +468 -0
data/lib/octo/server/channel/channel_ui_controller.rb +224 -0
data/lib/octo/server/channel.rb +33 -0
data/lib/octo/server/discover.rb +77 -0
data/lib/octo/server/epipe_safe_io.rb +105 -0
data/lib/octo/server/http_server.rb +3554 -0
data/lib/octo/server/scheduler.rb +317 -0
data/lib/octo/server/server_master.rb +325 -0
data/lib/octo/server/session_registry.rb +431 -0
data/lib/octo/server/web_ui_controller.rb +487 -0
data/lib/octo/session_manager.rb +385 -0
data/lib/octo/skill.rb +466 -0
data/lib/octo/skill_loader.rb +328 -0
data/lib/octo/tools/base.rb +118 -0
data/lib/octo/tools/browser.rb +625 -0
data/lib/octo/tools/edit.rb +165 -0
data/lib/octo/tools/file_reader.rb +549 -0
data/lib/octo/tools/glob.rb +162 -0
data/lib/octo/tools/grep.rb +356 -0
data/lib/octo/tools/invoke_skill.rb +96 -0
data/lib/octo/tools/list_tasks.rb +54 -0
data/lib/octo/tools/redo_task.rb +41 -0
data/lib/octo/tools/request_user_feedback.rb +84 -0
data/lib/octo/tools/security.rb +333 -0
data/lib/octo/tools/terminal/output_cleaner.rb +63 -0
data/lib/octo/tools/terminal/persistent_session.rb +268 -0
data/lib/octo/tools/terminal/safe_rm.sh +106 -0
data/lib/octo/tools/terminal/session_manager.rb +213 -0
data/lib/octo/tools/terminal.rb +1828 -0
data/lib/octo/tools/todo_manager.rb +374 -0
data/lib/octo/tools/trash_manager.rb +388 -0
data/lib/octo/tools/undo_task.rb +35 -0
data/lib/octo/tools/web_fetch.rb +242 -0
data/lib/octo/tools/web_search.rb +260 -0
data/lib/octo/tools/write.rb +77 -0
data/lib/octo/ui2/block_font.rb +10 -0
data/lib/octo/ui2/components/base_component.rb +163 -0
data/lib/octo/ui2/components/command_suggestions.rb +290 -0
data/lib/octo/ui2/components/common_component.rb +96 -0
data/lib/octo/ui2/components/inline_input.rb +226 -0
data/lib/octo/ui2/components/input_area.rb +1338 -0
data/lib/octo/ui2/components/message_component.rb +99 -0
data/lib/octo/ui2/components/modal_component.rb +419 -0
data/lib/octo/ui2/components/todo_area.rb +149 -0
data/lib/octo/ui2/components/tool_component.rb +107 -0
data/lib/octo/ui2/components/welcome_banner.rb +139 -0
data/lib/octo/ui2/layout_manager.rb +807 -0
data/lib/octo/ui2/line_editor.rb +363 -0
data/lib/octo/ui2/markdown_renderer.rb +100 -0
data/lib/octo/ui2/output_buffer.rb +370 -0
data/lib/octo/ui2/progress_handle.rb +362 -0
data/lib/octo/ui2/progress_indicator.rb +55 -0
data/lib/octo/ui2/screen_buffer.rb +273 -0
data/lib/octo/ui2/terminal_detector.rb +119 -0
data/lib/octo/ui2/theme_manager.rb +85 -0
data/lib/octo/ui2/themes/base_theme.rb +105 -0
data/lib/octo/ui2/themes/hacker_theme.rb +62 -0
data/lib/octo/ui2/themes/minimal_theme.rb +56 -0
data/lib/octo/ui2/thinking_verbs.rb +26 -0
data/lib/octo/ui2/ui_controller.rb +1625 -0
data/lib/octo/ui2/view_renderer.rb +177 -0
data/lib/octo/ui2.rb +40 -0
data/lib/octo/ui_interface.rb +154 -0
data/lib/octo/utils/arguments_parser.rb +191 -0
data/lib/octo/utils/browser_detector.rb +195 -0
data/lib/octo/utils/encoding.rb +92 -0
data/lib/octo/utils/environment_detector.rb +140 -0
data/lib/octo/utils/file_ignore_helper.rb +170 -0
data/lib/octo/utils/file_processor.rb +601 -0
data/lib/octo/utils/gitignore_parser.rb +154 -0
data/lib/octo/utils/limit_stack.rb +152 -0
data/lib/octo/utils/logger.rb +124 -0
data/lib/octo/utils/login_shell.rb +72 -0
data/lib/octo/utils/model_pricing.rb +646 -0
data/lib/octo/utils/parser_manager.rb +165 -0
data/lib/octo/utils/path_helper.rb +15 -0
data/lib/octo/utils/scripts_manager.rb +59 -0
data/lib/octo/utils/string_matcher.rb +158 -0
data/lib/octo/utils/trash_directory.rb +112 -0
data/lib/octo/utils/workspace_rules.rb +46 -0
data/lib/octo/version.rb +5 -0
data/lib/octo/web/app.css +7141 -0
data/lib/octo/web/app.js +543 -0
data/lib/octo/web/apple-touch-icon.png +0 -0
data/lib/octo/web/auth.js +150 -0
data/lib/octo/web/channels.js +276 -0
data/lib/octo/web/datepicker.js +205 -0
data/lib/octo/web/favicon.png +0 -0
data/lib/octo/web/i18n.js +1073 -0
data/lib/octo/web/icon-512.png +0 -0
data/lib/octo/web/icon-dark.svg +25 -0
data/lib/octo/web/icon.svg +29 -0
data/lib/octo/web/index.html +871 -0
data/lib/octo/web/marked.min.js +69 -0
data/lib/octo/web/onboard.js +491 -0
data/lib/octo/web/profile.js +442 -0
data/lib/octo/web/sessions.js +4421 -0
data/lib/octo/web/settings.js +913 -0
data/lib/octo/web/sidebar.js +32 -0
data/lib/octo/web/skills.js +885 -0
data/lib/octo/web/tasks.js +297 -0
data/lib/octo/web/theme.js +105 -0
data/lib/octo/web/trash.js +343 -0
data/lib/octo/web/vendor/hljs/highlight.min.js +1244 -0
data/lib/octo/web/vendor/hljs/hljs-theme.css +95 -0
data/lib/octo/web/vendor/katex/auto-render.min.js +1 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_AMS-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Caligraphic-Bold.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Caligraphic-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Fraktur-Bold.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Fraktur-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Main-Bold.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Main-BoldItalic.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Main-Italic.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Main-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Math-BoldItalic.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Math-Italic.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_SansSerif-Bold.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_SansSerif-Italic.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_SansSerif-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Script-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Size1-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Size2-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Size3-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Size4-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/fonts/KaTeX_Typewriter-Regular.woff2 +0 -0
data/lib/octo/web/vendor/katex/katex.min.css +1 -0
data/lib/octo/web/vendor/katex/katex.min.js +1 -0
data/lib/octo/web/version.js +449 -0
data/lib/octo/web/weixin-qr.html +209 -0
data/lib/octo/web/ws-dispatcher.js +357 -0
data/lib/octo/web/ws.js +128 -0
data/lib/octo.rb +145 -0
data/scripts/build/build.sh +329 -0
data/scripts/build/lib/apt.sh +56 -0
data/scripts/build/lib/brew.sh +89 -0
data/scripts/build/lib/colors.sh +17 -0
data/scripts/build/lib/gem.sh +95 -0
data/scripts/build/lib/mise.sh +125 -0
data/scripts/build/lib/network.sh +157 -0
data/scripts/build/lib/os.sh +57 -0
data/scripts/build/lib/shell.sh +37 -0
data/scripts/build/src/install.sh.cc +174 -0
data/scripts/build/src/install_browser.sh.cc +101 -0
data/scripts/build/src/install_full.sh.cc +290 -0
data/scripts/build/src/install_rails_deps.sh.cc +145 -0
data/scripts/build/src/install_system_deps.sh.cc +123 -0
data/scripts/build/src/uninstall.sh.cc +101 -0
data/scripts/install.ps1 +532 -0
data/scripts/install.sh +567 -0
data/scripts/install_browser.sh +479 -0
data/scripts/install_full.sh +838 -0
data/scripts/install_rails_deps.sh +746 -0
data/scripts/install_system_deps.sh +518 -0
data/scripts/uninstall.sh +287 -0
data/sig/octo.rbs +4 -0
metadata +614 -0

data/lib/octo/web/index.html ADDED Viewed

@@ -0,0 +1,871 @@
+<!DOCTYPE html>
+<html lang="en" id="html-root" data-font-size="medium">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title id="page-title">Octo</title>
+  <link rel="icon" type="image/png" href="/favicon.png">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <link rel="stylesheet" href="/vendor/katex/katex.min.css">
+  <link rel="stylesheet" href="/vendor/hljs/hljs-theme.css">
+  <link rel="stylesheet" href="/app.css">
+  <script>
+    // Inline theme init — must run before CSS renders to prevent flash of wrong theme.
+    (function() {
+      var saved = localStorage.getItem("octo-theme");
+      var theme = saved || (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+      document.documentElement.setAttribute("data-theme", theme);
+    })();
+  </script>
+</head>
+<body>
+<div id="offline-banner" style="display:none" data-i18n="offline.banner"></div>
+<div id="app" style="visibility:hidden">
+  <!-- ── TOP HEADER ──────────────────────────────────────────────────────── -->
+  <header id="top-header">
+    <div id="header-left">
+      <button id="btn-toggle-sidebar" class="sidebar-toggle-btn" title="Toggle sidebar">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+          <rect width="18" height="18" x="3" y="3" rx="2"/>
+          <path d="M9 3v18"/>
+        </svg>
+      </button>
+      <div id="header-brand" style="cursor:pointer" onclick="Router.navigate('chat')">
+        <img class="header-logo-img" id="header-logo-img" src="" alt="" style="display:none">
+        <span class="header-logo-divider"></span>
+        <span class="header-logo" id="header-logo">Octo</span>
+      </div>
+    </div>
+    <div id="header-right">
+      <button id="theme-toggle-header" class="theme-toggle-btn" title="Toggle theme">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+          <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
+        </svg>
+      </button>
+    </div>
+  </header>
+  <!-- ── Sidebar overlay (mobile only) ───────────────────────────────────── -->
+  <div id="sidebar-overlay"></div>
+  <!-- ── CONTENT ROW (Sidebar + Main) ────────────────────────────────────── -->
+  <div id="content-row">
+  <!-- ── SIDEBAR ──────────────────────────────────────────────────────── -->
+  <aside id="sidebar">
+    <!-- Sidebar navigation groups -->
+    <div id="sidebar-list">
+      <!-- Chat Group -->
+      <div id="chat-section">
+        <!-- Header: "Sessions" label + 🔍 + [+ ▾] split button -->
+        <div class="sidebar-divider">
+          <span data-i18n="sidebar.chat">Sessions</span>
+          <div class="sidebar-divider-actions">
+            <!-- Magnifier toggle (shown when ≥10 sessions, managed by JS) -->
+            <button id="btn-session-search-toggle" class="btn-icon-sm" title="Search sessions" style="display:none" aria-label="Search sessions">
+              <svg width="13" height="13" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="6.5" cy="6.5" r="4.5" stroke="currentColor" stroke-width="1.6"/>
+                <line x1="10.3" y1="10.3" x2="14" y2="14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
+              </svg>
+            </button>
+            <div class="btn-split-wrap">
+              <button id="btn-new-session-inline" class="btn-split-main" title="New Session" data-i18n="sessions.newSession">+ New Session</button>
+              <button id="btn-new-session-arrow" class="btn-split-arrow" title="Options">▾</button>
+              <!-- Dropdown -->
+              <div id="new-session-dropdown" class="new-session-dropdown" hidden>
+                <div class="dropdown-item" id="btn-new-session-modal" data-i18n="sessions.newSessionAdvanced">
+                  <svg width="10" height="10" viewBox="0 0 16 16" fill="currentColor" style="vertical-align: -1px; margin-right: 5px; opacity: 0.6;">
+                    <path d="M8 0a.5.5 0 01.5.5v2a.5.5 0 01-1 0v-2A.5.5 0 018 0zm0 13a.5.5 0 01.5.5v2a.5.5 0 01-1 0v-2A.5.5 0 018 13zm8-5a.5.5 0 01-.5.5h-2a.5.5 0 010-1h2a.5.5 0 01.5.5zM3 8a.5.5 0 01-.5.5h-2a.5.5 0 010-1h2A.5.5 0 013 8zm10.657-5.657a.5.5 0 010 .707l-1.414 1.415a.5.5 0 11-.707-.708l1.414-1.414a.5.5 0 01.707 0zm-9.193 9.193a.5.5 0 010 .707L3.05 13.657a.5.5 0 01-.707-.707l1.414-1.414a.5.5 0 01.707 0zm9.193 2.121a.5.5 0 01-.707 0l-1.414-1.414a.5.5 0 01.707-.707l1.414 1.414a.5.5 0 010 .707zM4.464 4.465a.5.5 0 01-.707 0L2.343 3.05a.5.5 0 11.707-.707l1.414 1.414a.5.5 0 010 .708z"/>
+                  </svg>
+                  <span data-i18n="sessions.newSessionAdvanced">More Options</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Search panel (hidden by default, toggled by magnifier button) -->
+        <div id="session-search-bar" class="session-search-panel" hidden>
+          <div class="search-panel-card">
+            <!-- Input row -->
+            <div class="search-input-row">
+              <span class="search-icon">🔍</span>
+              <input id="session-search-q" type="text" class="search-input"
+                     data-i18n-placeholder="sessions.search.placeholder" placeholder="Search sessions…"
+                     autocomplete="off" />
+              <button id="btn-search-q-clear" class="btn-search-q-clear" aria-label="Clear text" hidden>✕</button>
+            </div>
+            <!-- Filter row -->
+            <div class="search-filter-row">
+              <select id="session-search-type" class="search-select">
+                <option value=""        data-i18n="sessions.search.typeAll">All types</option>
+                <option value="manual"  data-i18n="sessions.search.typeManual">Default</option>
+                <option value="cron"    data-i18n="sessions.search.typeCron">Scheduled</option>
+                <option value="channel" data-i18n="sessions.search.typeChannel">Channel</option>
+                <option value="setup"   data-i18n="sessions.search.typeSetup">Setup</option>
+                <option value="coding"  data-i18n="sessions.search.typeCoding">Coding</option>
+              </select>
+              <div class="search-date-wrap">
+                <button id="session-search-date" class="search-date datepicker-trigger" type="button" data-value="" data-i18n="sessions.search.datePlaceholder"></button>
+              </div>
+              <button id="btn-search-clear-all" class="btn-search-clear-all" aria-label="Clear filters" hidden>✕</button>
+            </div>
+          </div>
+        </div>
+        <!-- Cron view header (hidden by default, shown when viewing cron sessions) -->
+        <div id="cron-view-header" class="sidebar-divider" style="display:none">
+          <button id="btn-cron-back" class="btn-icon-sm" title="Back" aria-label="Back to session list">
+            <svg width="14" height="14" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          </button>
+          <span data-i18n="sessions.cronGroup">Scheduled Tasks</span>
+          <span></span><!-- spacer -->
+        </div>
+        <!-- Unified session list (all sources + profiles, newest first) -->
+        <div id="session-list"></div>
+        <!-- Load more button rendered dynamically by Sessions.renderList() -->
+      </div>
+      <!-- Config Group -->
+      <div id="config-section">
+        <div class="sidebar-divider"><span data-i18n="sidebar.config">Config</span></div>
+        <div id="config-nav-items">
+          <div id="tasks-sidebar-item" class="task-item task-item-summary">
+            <div class="task-row">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
+                <circle cx="12" cy="12" r="10"/>
+                <polyline points="12 6 12 12 16 14"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="tasks-sidebar-label" data-i18n="sidebar.tasks">Task Management</span>
+              </div>
+            </div>
+          </div>
+          <div id="skills-sidebar-item" class="task-item task-item-summary">
+            <div class="task-row">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
+                <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="skills-sidebar-label" data-i18n="sidebar.skills">Skill Management</span>
+              </div>
+            </div>
+          </div>
+          <div id="channels-sidebar-item" class="task-item task-item-summary">
+            <div class="task-row">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
+                <rect x="5" y="2" width="14" height="20" rx="2"/>
+                <path d="M12 18h.01"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="channels-sidebar-label" data-i18n="sidebar.channels">Channel Management</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- My Data Group — personal data management (profile, memories, trash) -->
+      <div id="data-section">
+        <div class="sidebar-divider"><span data-i18n="sidebar.dataSection">My Data</span></div>
+        <div id="data-nav-items">
+          <div id="profile-sidebar-item" class="task-item task-item-summary">
+            <div class="task-row">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
+                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+                <circle cx="12" cy="7" r="4"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="profile-sidebar-label" data-i18n="sidebar.profile">Profile &amp; Soul</span>
+              </div>
+            </div>
+          </div>
+          <div id="memories-sidebar-item" class="task-item task-item-summary" style="display:none" aria-hidden="true">
+            <!-- Deprecated: Memories is now merged into the Profile panel.
+                 Kept as a hidden placeholder so any legacy CSS selector that
+                 targets this id still resolves harmlessly. -->
+          </div>
+          <div id="trash-sidebar-item" class="task-item task-item-summary">
+            <div class="task-row">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
+                <polyline points="3 6 5 6 21 6"/>
+                <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>
+                <path d="M10 11v6"/><path d="M14 11v6"/>
+                <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="trash-sidebar-label" data-i18n="sidebar.trash">File Recall</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Bottom Settings -->
+    <div id="sidebar-footer">
+      <div class="sidebar-nav-row">
+        <button id="btn-settings" class="sidebar-nav-btn" title="Settings">
+          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="3"/>
+            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
+          </svg>
+          <span data-i18n="sidebar.settings">Settings</span>
+        </button>
+        <!-- Version badge: independent button, right side of the row -->
+        <span id="version-badge" class="version-badge" style="display:none">
+          <span id="version-text" class="version-text"></span>
+          <span id="version-update-dot"   class="version-update-dot"   style="display:none"></span>
+          <span id="version-restart-dot"  class="version-restart-dot"  style="display:none"></span>
+          <span id="version-spinner"      class="version-spinner"       style="display:none"></span>
+          <span id="version-done-check"   class="version-done-check"    style="display:none">✓</span>
+        </span>
+      </div>
+    </div>
+  </aside>
+  <!-- ── MAIN ─────────────────────────────────────────────────────────── -->
+  <main id="main">
+    <!-- Onboard panel: kept as empty shell (soul_setup auto-launches /onboard session) -->
+    <div id="onboard-panel" style="display:none"></div>
+    <!-- Welcome screen -->
+    <div id="welcome" class="centered">
+      <div class="welcome-icon" style="display:none"></div>
+      <h2 id="welcome-title" data-i18n="welcome.title" data-i18n-vars="brand=Octo">Welcome to Octo</h2>
+      <p data-i18n="welcome.body">Create a new session or select one from the sidebar.</p>
+      <button id="btn-welcome-new" data-i18n="welcome.btn">New Session</button>
+    </div>
+    <!-- Scheduled Tasks list panel (shown when user clicks "Scheduled Tasks") -->
+    <div id="task-detail-panel" style="display:none">
+      <div id="task-detail-body">
+        <!-- Title and Description -->
+        <div class="task-page-header">
+          <h2 class="task-page-title" data-i18n="tasks.title">Scheduled Tasks</h2>
+          <p class="task-page-subtitle" data-i18n="tasks.subtitle">Manage and schedule automated tasks for your assistant</p>
+          <button id="btn-create-task" class="btn-create-task" title="Create a new task">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+              <path d="M5 12h14"/>
+              <path d="M12 5v14"/>
+            </svg>
+            <span data-i18n="tasks.btn.create">Create Task</span>
+          </button>
+        </div>
+        <div id="task-list-table"></div>
+      </div>
+    </div>
+    <!-- Chat panel -->
+    <div id="chat-panel" style="display:none">
+      <div id="messages"></div>
+      <!-- New message notification banner -->
+      <div id="new-message-banner" class="new-message-banner" style="display:none">
+        <span data-i18n="chat.newMessageHint">New messages ↓</span>
+      </div>
+      <!-- Session info bar — mirrors CLI bottom status bar -->
+      <div id="session-info-bar" style="display:none">
+        <!-- Order: status | id | dir | model | mode | tasks -->
+        <!-- Pattern: element + separator-after-element (except last) -->
+        <span id="sib-status"></span>
+        <span class="sib-sep sib-sep-after-status">│</span>
+        <span id="sib-bgtasks" class="sib-bgtasks" style="display:none" tabindex="0"
+              role="status" aria-live="polite"></span>
+        <span class="sib-sep sib-sep-after-bgtasks" style="display:none">│</span>
+        <span id="sib-id-wrap">
+          <span id="sib-id" class="sib-id-clickable" data-i18n-title="sessions.actions.tooltip" title="Click for session actions"></span>
+          <div id="sib-actions-dropdown" class="sib-actions-dropdown" style="display:none" role="menu"></div>
+        </span>
+        <span class="sib-sep sib-sep-after-id">│</span>
+        <span id="sib-dir" data-i18n-title="sib.dir.tooltip" title="Click to change directory"></span>
+        <span class="sib-sep sib-sep-after-dir">│</span>
+        <span id="sib-model-wrap">
+          <span id="sib-model" class="sib-model-clickable" data-i18n-title="sib.model.tooltip" title="Click to switch model"></span>
+          <div id="sib-model-dropdown" class="sib-model-dropdown" style="display:none"></div>
+        </span>
+        <span class="sib-sep sib-sep-after-model">│</span>
+        <span id="sib-reasoning-wrap">
+          <span id="sib-reasoning" class="sib-reasoning-clickable" data-i18n-title="sib.reasoning.tooltip" title="Click to change reasoning effort"></span>
+          <div id="sib-reasoning-dropdown" class="sib-reasoning-dropdown" style="display:none" role="menu"></div>
+        </span>
+        <span class="sib-sep sib-sep-after-reasoning">│</span>
+        <!-- Latency signal: 4-bar signal + TTFT number. Hidden until the first LLM
+             call completes (see updateInfoBar / Sessions.renderSignalBars). Click
+             opens a mini benchmark panel (see Step 3/4 — not yet implemented). -->
+        <span id="sib-signal-wrap" style="display:none">
+          <span id="sib-signal" class="sib-signal-clickable" data-i18n-title="sib.signal.tooltip" title="Recent LLM latency">
+            <span class="sig-bars" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+            <span class="sig-text"></span>
+          </span>
+        </span>
+        <span class="sib-sep sib-sep-after-signal" style="display:none">│</span>
+        <!-- Detail fields: mode, tasks -->
+        <span class="sib-detail">
+          <span id="sib-mode"></span>
+          <span class="sib-sep sib-sep-after-mode">│</span>
+          <span id="sib-tasks"></span>
+        </span>
+      </div>
+      <div id="input-area">
+        <div id="ws-disconnect-hint" style="display:none"></div>
+        <!-- Skill autocomplete dropdown (shown when user types /xxx) -->
+        <div id="skill-autocomplete" style="display:none" role="listbox" aria-label="Skills">
+          <div class="skill-ac-header-row">
+            <div class="skill-ac-left">
+              <div class="skill-ac-title" data-i18n="sidebar.skills">Skills</div>
+              <label class="skill-ac-filter-toggle">
+                <input type="checkbox" id="chk-ac-show-system-skills">
+                <span class="skill-ac-toggle-track"></span>
+                <span class="skill-ac-filter-label" data-i18n="skills.filter.showSystemShort">System</span>
+              </label>
+            </div>
+          </div>
+          <div id="skill-autocomplete-list"></div>
+        </div>
+        <!-- Image preview strip (hidden when empty) -->
+        <div id="image-preview-strip" style="display:none"></div>
+        <!-- "N messages waiting" hint — only visible when the agent has
+             pending user messages it'll drain at the next iteration boundary -->
+        <div id="input-queue-hint" class="input-queue-hint" style="display:none"
+             role="status" aria-live="polite"></div>
+        <div id="input-bar">
+          <!-- Hidden file picker -->
+          <input type="file" id="image-file-input" accept="image/png,image/jpeg,image/gif,image/webp,application/pdf,application/zip,application/x-zip-compressed,application/gzip,application/x-gzip,application/x-tar,application/x-compressed-tar,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/msword,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-powerpoint,text/csv,application/csv,text/markdown,text/plain,.csv,.md,.markdown,.txt,.log,.tar,.gz,.tgz,.tar.gz" multiple style="display:none">
+          <button id="btn-attach" title="Attach file (image, pdf, docx, md, tar.gz…) — drag & drop / Ctrl+V also work">
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66L9.41 17.41a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
+            </svg>
+          </button>
+          <button id="btn-slash" title="Insert skill command (/)">
+            <span>/</span>
+          </button>
+          <textarea id="user-input" rows="1"
+            data-i18n-placeholder="chat.input.placeholder"
+            placeholder="Message… (Enter to send, Shift+Enter for newline)"></textarea>
+          <button id="btn-send" data-i18n="chat.btn.send">Send</button>
+          <button id="btn-interrupt" style="display:none" title="Stop"></button>
+        </div>
+      </div>
+    </div>
+    <!-- ── SKILLS PANEL ───────────────────────────────────────────────── -->
+    <div id="skills-panel" style="display:none">
+      <div id="skills-body">
+        <!-- Title and Description -->
+        <div class="skills-page-header">
+          <h2 class="skills-page-title" data-i18n="skills.title">Skills</h2>
+          <p class="skills-page-subtitle" data-i18n="skills.subtitle">Extend your assistant's capabilities with custom skills</p>
+          <div class="skill-action-btns">
+            <button id="btn-import-skill" class="btn-import-skill" title="Import skill from ZIP or GitHub URL">
+              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+                <polyline points="7 10 12 15 17 10"/>
+                <line x1="12" y1="15" x2="12" y2="3"/>
+              </svg>
+              <span data-i18n="skills.btn.import">Import</span>
+            </button>
+            <button id="btn-create-skill" class="btn-create-skill" title="Create a new skill with AI">
+              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-sm">
+                <path d="M5 12h14"/>
+                <path d="M12 5v14"/>
+              </svg>
+              <span data-i18n="skills.btn.create">Create</span>
+            </button>
+          </div>
+        </div>
+        <!-- Tab bar with controls -->
+        <div id="skills-tabs">
+          <div class="skills-tabs-left">
+            <button class="skills-tab active" data-tab="my-skills" id="tab-my-skills" data-i18n="skills.tab.my">My Skills</button>
+          </div>
+          <div class="skills-tabs-controls">
+            <!-- Show system skills toggle -->
+            <label class="skills-filter-toggle" id="label-show-system">
+              <input type="checkbox" id="chk-show-system-skills">
+              <span class="skills-filter-toggle-track"></span>
+              <span class="skills-filter-label" data-i18n="skills.filter.showSystem">Show system skills</span>
+            </label>
+          </div>
+        </div>
+        <!-- Inline import bar (toggled by Import button) -->
+        <div id="skill-import-bar" class="skill-import-bar" style="display:none">
+          <div class="skill-import-bar-inner">
+            <!-- Link icon -->
+            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="skill-import-link-icon">
+              <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
+              <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
+            </svg>
+            <input id="skill-import-input" class="skill-import-input" type="text"
+                   placeholder="Paste ZIP or GitHub URL…" data-i18n-placeholder="skills.import.placeholder" />
+            <!-- Hidden file input for local ZIP selection -->
+            <input id="skill-import-file" type="file" accept=".zip" style="display:none" />
+            <!-- Browse local file button -->
+            <button id="btn-skill-import-browse" class="btn-skill-import-browse" title="Choose local ZIP file">
+              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
+              </svg>
+            </button>
+            <button id="btn-skill-import-confirm" class="btn-skill-import-confirm">
+              <span data-i18n="skills.import.install">Install</span>
+            </button>
+            <button id="btn-skill-import-cancel" class="btn-skill-import-cancel" title="Cancel">✕</button>
+          </div>
+        </div>
+        <div id="skills-list"></div>
+      </div>
+    </div>
+    <!-- ── CHANNELS PANEL ─────────────────────────────────────────────── -->
+    <div id="channels-panel" style="display:none">
+      <div id="channels-body">
+        <div class="channels-page-header">
+          <h2 class="channels-page-title" data-i18n="channels.title">Channels</h2>
+          <p class="channels-page-subtitle" data-i18n="channels.subtitle">Connect IM platforms so your users can chat with the assistant via Feishu or WeCom</p>
+        </div>
+        <div id="channels-list"></div>
+      </div>
+    </div>
+    <!-- ── TRASH PANEL — Recently deleted files across all projects ─── -->
+    <div id="trash-panel" style="display:none">
+      <div id="trash-body">
+        <div class="channels-page-header">
+          <h2 class="channels-page-title" data-i18n="trash.title">File Recall</h2>
+          <p class="channels-page-subtitle" data-i18n="trash.subtitle">Files the agent moved to trash across all projects. Recall them back to where they were, or clear the ones you don't need.</p>
+        </div>
+        <div class="trash-toolbar">
+          <span class="trash-summary" id="trash-summary"></span>
+          <div class="trash-actions">
+            <button id="btn-trash-refresh" class="btn-trash-action" title="Refresh">
+              <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M21 2v6h-6"/><path d="M3 12a9 9 0 0 1 15-6.7L21 8"/>
+                <path d="M3 22v-6h6"/><path d="M21 12a9 9 0 0 1-15 6.7L3 16"/>
+              </svg>
+              <span data-i18n="trash.refresh">Refresh</span>
+            </button>
+            <button id="btn-trash-empty-old" class="btn-trash-action" title="Permanently delete files older than 7 days">
+              <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
+              </svg>
+              <span data-i18n="trash.emptyOld">Empty &gt;7 days</span>
+            </button>
+            <button id="btn-trash-empty-orphans" class="btn-trash-action" title="Permanently delete entries whose original project directory no longer exists (e.g. test temp dirs)">
+              <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
+                <line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>
+              </svg>
+              <span data-i18n="trash.emptyOrphans">Clean orphans</span>
+            </button>
+            <button id="btn-trash-empty-all" class="btn-trash-action btn-trash-danger" title="Permanently delete all trashed files">
+              <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <polyline points="3 6 5 6 21 6"/>
+                <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>
+                <path d="M10 11v6"/><path d="M14 11v6"/>
+                <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
+              </svg>
+              <span data-i18n="trash.emptyAll">Empty all</span>
+            </button>
+          </div>
+        </div>
+        <div id="trash-list"></div>
+      </div>
+    </div>
+    <!-- ── PROFILE PANEL — "Assistant Memory": a 3-tab window into the agent's inner state.
+         All mutations happen through sessions (never in-browser editors):
+           SOUL tab   → [让助理整理性格] → /onboard scope:soul
+           USER tab   → [让助理更新档案] → /onboard scope:user
+           Memory tab → per-card [整理] → /onboard path:<abs>
+                        per-card [删除] → direct DELETE /api/memories/:filename (with confirm)
+         ────────────────────────────────────────────────────────────── -->
+    <div id="profile-panel" style="display:none">
+      <div id="profile-body">
+        <div class="channels-page-header">
+          <h2 class="channels-page-title" data-i18n="profile.title">Assistant Memory</h2>
+          <p class="channels-page-subtitle" data-i18n="profile.subtitle">A window into the assistant's inner life: who it is, who you are, and what it remembers about your work together.</p>
+        </div>
+        <!-- Tab bar -->
+        <div class="profile-tabs" role="tablist">
+          <button class="profile-tab active" role="tab" aria-selected="true"
+                  data-tab="soul" id="profile-tab-soul" data-i18n="profile.tab.soul">Soul</button>
+          <button class="profile-tab" role="tab" aria-selected="false"
+                  data-tab="user" id="profile-tab-user" data-i18n="profile.tab.user">User</button>
+          <button class="profile-tab" role="tab" aria-selected="false"
+                  data-tab="memories" id="profile-tab-memories" data-i18n="profile.tab.memories">Memories</button>
+        </div>
+        <!-- Tab: SOUL.md -->
+        <section class="profile-tab-panel active" id="profile-pane-soul" role="tabpanel" aria-labelledby="profile-tab-soul">
+          <header class="profile-section-head">
+            <h3 class="profile-section-title" data-i18n="profile.whoIAm">Who I am</h3>
+            <div class="profile-section-meta">
+              <span class="profile-path" id="profile-soul-path"></span>
+              <span class="profile-status" id="profile-soul-status"></span>
+            </div>
+          </header>
+          <div id="profile-soul-body" class="profile-markdown"></div>
+          <div class="profile-pane-footer">
+            <p class="profile-pane-footer-hint" data-i18n="profile.soul.curateHint">Not quite right? Let the assistant curate this through a short conversation.</p>
+            <button id="btn-profile-curate-soul" class="btn-profile-update" data-i18n="profile.soul.curateBtn">Have the assistant curate this</button>
+          </div>
+        </section>
+        <!-- Tab: USER.md -->
+        <section class="profile-tab-panel" id="profile-pane-user" role="tabpanel" aria-labelledby="profile-tab-user" style="display:none">
+          <header class="profile-section-head">
+            <h3 class="profile-section-title" data-i18n="profile.whoYouAre">Who you are</h3>
+            <div class="profile-section-meta">
+              <span class="profile-path" id="profile-user-path"></span>
+              <span class="profile-status" id="profile-user-status"></span>
+            </div>
+          </header>
+          <div id="profile-user-body" class="profile-markdown"></div>
+          <div class="profile-pane-footer">
+            <p class="profile-pane-footer-hint" data-i18n="profile.user.curateHint">Changed jobs? Picked up new interests? Let the assistant update your profile.</p>
+            <button id="btn-profile-curate-user" class="btn-profile-update" data-i18n="profile.user.curateBtn">Have the assistant update this</button>
+          </div>
+        </section>
+        <!-- Tab: Memories -->
+        <section class="profile-tab-panel" id="profile-pane-memories" role="tabpanel" aria-labelledby="profile-tab-memories" style="display:none">
+          <header class="profile-section-head">
+            <h3 class="profile-section-title" data-i18n="memories.title">Memories</h3>
+            <div class="profile-section-meta">
+              <span class="memories-summary" id="memories-summary"></span>
+              <button id="btn-memories-refresh-list" class="btn-memories-mini" data-i18n-title="memories.reloadList" data-i18n="memories.reloadList">Reload</button>
+            </div>
+          </header>
+          <p class="profile-section-hint" data-i18n="memories.subtitle">Long-term memories stored under ~/.octo/memories/. Most recent first. Use "Curate" to let the assistant tidy a memory, or "Delete" to drop one.</p>
+          <div id="memories-list"></div>
+        </section>
+      </div>
+    </div>
+    <!-- ── SETTINGS PANEL ──────────────────────────────────────────────── -->
+    <div id="settings-panel" style="display:none">
+      <header id="settings-header">
+        <span data-i18n="settings.title">Settings</span>
+      </header>
+      <div id="settings-body">
+        <!-- Models section -->
+        <section class="settings-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.models.title">AI Models</span>
+            <button id="btn-add-model" class="btn-settings-add" data-i18n="settings.models.add">+ Add Model</button>
+          </div>
+          <div id="model-cards"></div>
+        </section>
+        <!-- Personalize section -->
+        <section class="settings-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.personalize.title">Personalize</span>
+          </div>
+          <div class="settings-personalize">
+            <p class="settings-personalize-desc" data-i18n="settings.personalize.desc">Re-run the onboarding to update your assistant's personality and user profile (SOUL.md &amp; USER.md).</p>
+            <button id="btn-rerun-onboard" class="btn-settings-action" data-i18n="settings.personalize.btn">✨ Re-run Onboard</button>
+          </div>
+        </section>
+        <!-- Browser section -->
+        <section class="settings-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.browser.title">Browser</span>
+          </div>
+          <div class="settings-personalize">
+            <p class="settings-personalize-desc" id="browser-status-desc" data-i18n="settings.browser.desc">Connect your browser to enable browser automation.</p>
+            <div class="settings-browser-actions">
+              <label class="toggle-switch" id="browser-toggle-wrap" style="display:none">
+                <input type="checkbox" id="browser-toggle-input">
+                <span class="toggle-slider"></span>
+              </label>
+              <button id="btn-browser-setup" class="btn-settings-action" data-i18n="settings.browser.btn">🌐 Configure Browser</button>
+            </div>
+          </div>
+        </section>
+        <!-- Language section -->
+        <section class="settings-section" id="language-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.lang.title">Language</span>
+          </div>
+          <div class="settings-lang-btns">
+            <button id="settings-btn-lang-en" class="settings-lang-btn" data-lang="en" data-i18n="settings.lang.en">English</button>
+            <button id="settings-btn-lang-zh" class="settings-lang-btn" data-lang="zh" data-i18n="settings.lang.zh">中文</button>
+          </div>
+        </section>
+        <!-- Font Size section -->
+        <section class="settings-section" id="font-size-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.fontSize.title">Font Size</span>
+          </div>
+          <div class="settings-lang-btns">
+            <button id="settings-btn-font-small" class="settings-lang-btn" data-font="small" data-i18n="settings.fontSize.small">小</button>
+            <button id="settings-btn-font-medium" class="settings-lang-btn" data-font="medium" data-i18n="settings.fontSize.medium">中</button>
+            <button id="settings-btn-font-large" class="settings-lang-btn" data-font="large" data-i18n="settings.fontSize.large">大</button>
+          </div>
+        </section>
+        <!-- Currency section -->
+        <section class="settings-section" id="currency-section">
+          <div class="settings-section-title">
+            <span data-i18n="settings.currency.title">Currency</span>
+          </div>
+          <div class="settings-lang-btns">
+            <button id="settings-btn-currency-usd" class="settings-lang-btn" data-currency="USD">$ USD</button>
+            <button id="settings-btn-currency-cny" class="settings-lang-btn" data-currency="CNY">¥ CNY</button>
+          </div>
+        </section>
+      </div>
+    </div>
+  </main>
+  </div><!-- end #content-row -->
+</div><!-- end #app -->
+<!-- Setup panel: first-run mandatory setup (language + API key).
+     Rendered as a fixed full-screen overlay so the sidebar is hidden. -->
+<div id="setup-panel" style="display:none">
+  <div id="setup-card">
+    <!-- Header: logo + brand + subtitle -->
+    <div id="setup-header">
+      <div id="setup-logo">✦</div>
+      <h1 id="setup-title" data-i18n="onboard.title" data-i18n-vars="brand=Octo">Welcome to Octo</h1>
+      <p id="setup-subtitle" data-i18n="onboard.subtitle">Let's get you set up in a minute.</p>
+    </div>
+    <!-- Step indicators -->
+    <div id="setup-steps">
+      <div class="setup-step active" id="setup-dot-1"><span>1</span></div>
+      <div class="setup-step-line"></div>
+      <div class="setup-step" id="setup-dot-2"><span>2</span></div>
+    </div>
+    <!-- Step 1: Language selection -->
+    <div id="setup-phase-lang">
+      <p class="setup-phase-label" data-i18n="onboard.lang.prompt">Choose your language</p>
+      <div id="setup-lang-row">
+        <div id="setup-lang-btns">
+          <button id="setup-btn-lang-en" class="setup-lang-btn">English</button>
+          <button id="setup-btn-lang-zh" class="setup-lang-btn active">中文</button>
+        </div>
+        <button id="setup-btn-lang-next" class="setup-next-btn" data-i18n="onboard.lang.next">Continue →</button>
+      </div>
+    </div>
+    <!-- Step 2: API Key setup -->
+    <div id="setup-phase-key" style="display:none">
+      <p class="setup-phase-label" data-i18n="onboard.key.title">Connect your AI model</p>
+      <div class="setup-field">
+        <label class="setup-label" data-i18n="onboard.key.provider">Provider</label>
+        <div class="custom-select-wrapper" id="setup-provider-wrapper">
+          <div class="custom-select-trigger" tabindex="0">
+            <span class="custom-select-value placeholder" data-i18n="onboard.key.provider.placeholder">— Choose provider —</span>
+            <svg class="custom-select-arrow" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+            </svg>
+          </div>
+          <div class="custom-select-dropdown" id="setup-provider-dropdown">
+            <div class="custom-select-option" data-value="" data-i18n="onboard.key.provider.placeholder">— Choose provider —</div>
+          </div>
+        </div>
+        <div id="setup-provider-promo" class="provider-promo-hint"></div>
+      </div>
+      <div class="setup-field">
+        <label class="setup-label" data-i18n="onboard.key.model">Model</label>
+        <div class="model-name-combobox">
+          <input id="setup-model" type="text" class="setup-input model-name-input" data-i18n-placeholder="settings.models.placeholder.model" placeholder="e.g. claude-sonnet-4-5">
+          <button type="button" id="setup-model-dropdown-btn" class="model-name-dropdown-btn" aria-label="Select model">
+            <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+          </button>
+          <div id="setup-model-dropdown" class="model-name-dropdown" style="display:none"></div>
+        </div>
+      </div>
+      <div class="setup-field">
+        <label class="setup-label" data-i18n="onboard.key.baseurl">Base URL</label>
+        <div class="base-url-combobox">
+          <input id="setup-base-url" type="text" class="setup-input base-url-input" data-i18n-placeholder="settings.models.placeholder.baseurl" placeholder="https://api.anthropic.com">
+          <button type="button" id="setup-base-url-dropdown-btn" class="base-url-dropdown-btn" aria-label="Select preset endpoint">
+            <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+          </button>
+          <div id="setup-base-url-dropdown" class="base-url-dropdown" style="display:none"></div>
+        </div>
+      </div>
+      <div class="setup-field">
+        <label class="setup-label">
+          <span data-i18n="onboard.key.apikey">API Key</span>
+          <a id="setup-get-apikey-link" href="#" target="_blank" rel="noopener" style="display:none;margin-left:0.5rem;font-size:0.75rem;color:var(--accent,#6366f1);text-decoration:none;opacity:0.85;" data-i18n="onboard.key.getApiKey">How to get →</a>
+        </label>
+        <div class="setup-input-row">
+          <input id="setup-api-key" type="password" class="setup-input" data-i18n-placeholder="settings.models.placeholder.apikey" placeholder="sk-…">
+          <button id="setup-toggle-key" class="btn-toggle-key" title="Show/hide">
+            <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div class="setup-docs-hint" style="font-size:0.75rem;margin-top:2px;text-align:left;">
+        <span style="color:var(--muted,#6b7280);" data-i18n="onboard.key.docsGuide.question">New to AI keys?</span>
+        <a id="setup-docs-link" href="https://www.octo.com/docs/ai-key-guide" target="_blank" rel="noopener" style="margin-left:0.25rem;color:var(--accent,#6366f1);text-decoration:none;" data-i18n="onboard.key.docsGuide.cta">See the guide →</a>
+      </div>
+      <div id="setup-test-result" class="setup-test-result" style="min-height:0;"></div>
+      <div class="setup-key-actions">
+        <button id="setup-btn-back" class="setup-back-btn" data-i18n="onboard.key.btn.back">← Back</button>
+        <button id="setup-btn-test" class="setup-submit-btn" data-i18n="onboard.key.btn.test">Test & Continue →</button>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- ── NEW SESSION MODAL ─────────────────────────────────────────────────── -->
+<div id="new-session-modal" class="modal-overlay" style="display:none">
+  <div class="modal-box new-session-modal">
+    <div class="modal-header">
+      <h3 class="modal-title" data-i18n="sessions.modal.title">Create New Session</h3>
+    </div>
+    <div class="modal-body">
+      <div class="modal-field">
+        <label class="modal-label" data-i18n="sessions.modal.agent">Agent</label>
+        <select id="new-session-agent" class="modal-select">
+          <option value="general" data-i18n="sessions.modal.agent.general">General</option>
+          <option value="coding" data-i18n="sessions.modal.agent.coding">Coding</option>
+        </select>
+      </div>
+      <div class="modal-field">
+        <label class="modal-label" data-i18n="sessions.modal.name">Session Name</label>
+        <input id="new-session-name" type="text" class="modal-input"
+               data-i18n-placeholder="sessions.modal.name.placeholder"
+               placeholder="Leave empty to auto-generate">
+      </div>
+      <div class="modal-field">
+        <label class="modal-label" data-i18n="sessions.modal.model">Model</label>
+        <select id="new-session-model" class="modal-select">
+          <!-- Populated dynamically from configured models -->
+        </select>
+      </div>
+      <div class="modal-field">
+        <label class="modal-label" data-i18n="sessions.modal.directory">Working Directory</label>
+        <input id="new-session-directory" type="text" class="modal-input"
+               data-i18n-placeholder="sessions.modal.directory.placeholder"
+               placeholder="~/workspace/my-project">
+      </div>
+      <div id="new-session-init-project-field" class="modal-field-checkbox" style="display:none">
+        <label class="modal-checkbox-label">
+          <input id="new-session-init-project" type="checkbox" class="modal-checkbox">
+          <span data-i18n="sessions.modal.initProject">Initialize full-stack project (/new)</span>
+        </label>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button id="new-session-cancel" class="btn-secondary" data-i18n="modal.cancel">Cancel</button>
+      <button id="new-session-create" class="btn-primary" data-i18n="sessions.modal.create">Create Session</button>
+    </div>
+  </div>
+</div>
+<!-- ── CONFIRMATION MODAL ────────────────────────────────────────────────── -->
+<div id="modal-overlay" class="modal-overlay" style="display:none">
+  <div class="modal-box sm">
+    <div id="modal-message" class="modal-confirm-message"></div>
+    <div class="modal-actions">
+      <button id="modal-no"  class="btn-secondary" data-i18n="modal.no">No</button>
+      <button id="modal-yes" class="btn-primary" data-i18n="modal.yes">Yes</button>
+    </div>
+  </div>
+</div>
+<!-- Prompt modal for text input -->
+<div id="prompt-modal-overlay" class="modal-overlay" style="display:none">
+  <div class="modal-box sm">
+    <div id="prompt-modal-message" style="font-size:0.875rem;line-height:1.6;margin-bottom:0.75rem"></div>
+    <input type="text" id="prompt-modal-input" class="prompt-modal-input" autocomplete="off" spellcheck="false">
+    <div class="modal-actions">
+      <button id="prompt-modal-cancel" class="btn-secondary" data-i18n="modal.cancel">Cancel</button>
+      <button id="prompt-modal-ok" class="btn-primary" data-i18n="modal.ok">OK</button>
+    </div>
+  </div>
+</div>
+<!-- Rename Session Modal -->
+<div id="rename-modal-overlay" class="modal-overlay" style="display:none">
+  <div class="modal-box sm">
+    <div class="modal-title" data-i18n="sessions.actions.rename">Rename</div>
+    <div class="modal-body">
+      <div class="modal-field">
+        <label class="modal-label" for="rename-modal-input">
+          <span data-i18n="sessions.modal.name">Name</span>
+          <span class="label-required">*</span>
+        </label>
+        <input type="text" id="rename-modal-input" class="modal-input" autocomplete="off" spellcheck="false">
+      </div>
+    </div>
+    <div class="modal-actions">
+      <button id="rename-modal-cancel" class="btn-secondary" data-i18n="modal.cancel">Cancel</button>
+      <button id="rename-modal-save" class="btn-primary" data-i18n="modal.ok">OK</button>
+    </div>
+  </div>
+</div>
+<script src="/marked.min.js"></script>
+<script src="/vendor/hljs/highlight.min.js"></script>
+<script src="/vendor/katex/katex.min.js"></script>
+<script src="/vendor/katex/auto-render.min.js"></script>
+<script src="/i18n.js"></script>
+<script src="/auth.js"></script>
+<script src="/theme.js"></script>
+<script src="/ws.js"></script>
+<script src="/ws-dispatcher.js"></script>
+<script src="/sessions.js"></script>
+<script src="/datepicker.js"></script>
+<script src="/tasks.js"></script>
+<script src="/skills.js"></script>
+<script src="/channels.js"></script>
+<script src="/settings.js"></script>
+<script src="/onboard.js"></script>
+<script src="/trash.js"></script>
+<script src="/profile.js"></script>
+<script src="/version.js"></script>
+<script src="/sidebar.js"></script>
+<script src="/app.js"></script>
+</body>
+</html>