openclacky 1.5.4 → 1.5.5

data/lib/clacky/web/i18n.js

@@ -21,7 +21,7 @@ const I18n = (() => {
       "sidebar.skills":   "Skill Management",
       "sidebar.channels": "Channel Management",
       "sidebar.mcp": "MCP Servers",
-      "sidebar.extensions": "Extension Market",
+      "sidebar.extensions": "Extension Management",
       "sidebar.trash":    "File Recall",
       "sidebar.profile":  "Assistant Memory",
       "sidebar.memories": "Memories",
@@ -56,7 +56,7 @@ const I18n = (() => {
 
       // ── Welcome screen ──
       "sessions.new.title":       "Start a new session",
-      "sessions.new.subtitle":    "Pick who you want to chat with, then type your first message.",
+      "sessions.new.subtitle":    "Pick an agent to chat with, then tell it what you'd like to do.",
       "sessions.new.placeholder": "Type your first message to {{agent}}…",
       "sessions.new.moreOptions": "More options",
       "sessions.new.tryAsking":   "Try asking",
@@ -201,6 +201,7 @@ const I18n = (() => {
       "sib.reasoning.medium":    "Medium",
       "sib.reasoning.high":      "High",
       "sib.reasoning.xhigh": "XHigh",
+      "sib.reasoning.max": "Max",
       "sessions.thinking":      "Thinking…",
       "sessions.default_name":  "Session {{n}}",
       "sessions.cronGroup":     "Scheduled Tasks",
@@ -312,7 +313,7 @@ const I18n = (() => {
 
       // ── Creator trash ──
       "trash.title":               "File Recall",
-      "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.",
+      "trash.subtitle":            "Files the AI Agent moved to trash across all projects. Recall them back to where they were, or clear the ones you don't need.",
       "trash.refresh":     "Refresh",
       "trash.refresh.tooltip":   "Reload the trash list",
       "trash.emptyOld":    "Empty >7 days",
@@ -365,7 +366,7 @@ const I18n = (() => {
       "trash.filterCron":             "Scheduled",
       "trash.filterManual":           "Regular",
       "trash.filterAllProjects":      "All Projects",
-      "trash.sessionAutoCleanHint":   "The system keeps the most recent 200 sessions; older ones are moved here.",
+      "trash.sessionAutoCleanHint":   "The system keeps the most recent 200 sessions; older ones are moved here and permanently deleted after 7 days.",
 
       // ── Relative time (used by _humanTime helper) ──
       "time.justNow":   "just now",
@@ -544,12 +545,14 @@ const I18n = (() => {
       // ── MCP panel ──
       "mcp.title":                "MCP Servers",
       "mcp.subtitle":             "Standard Model Context Protocol servers (Claude Desktop / Cursor compatible). Edit ~/.clacky/mcp.json to add or remove servers.",
-      "extensions.title":         "Extension Market",
+      "extensions.title":         "Extensions",
       "extensions.subtitle":      "Browse and manage extensions — add agents, skills, and panels to supercharge your workflow.",
       "extensions.searchPlaceholder": "Search extensions…",
       "extensions.sort.newest":   "Newest",
       "extensions.sort.updated":  "Recently updated",
       "extensions.sort.downloads": "Most installed",
+      "extensions.filter.system":    "System",
+      "extensions.filter.market":    "Marketplace",
       "extensions.filter.all":       "All",
       "extensions.filter.installed": "Installed",
       "extensions.filter.brand":     "Brand",
@@ -581,13 +584,19 @@ const I18n = (() => {
       "extensions.disabled":               "Disabled",
       "extensions.action.install":         "Install",
       "extensions.action.installing":      "Installing…",
+      "extensions.action.downloading":     "Downloading",
+      "extensions.action.extracting":      "Extracting",
+      "extensions.action.verifying":       "Verifying",
       "extensions.action.update":          "Update",
       "extensions.action.updating":        "Updating…",
+      "extensions.action.installTimeout":  "Install timed out. Please try again.",
       "extensions.action.disable":         "Disable",
       "extensions.action.enable":          "Enable",
       "extensions.action.remove":          "Remove",
       "extensions.action.removeConfirm":   "Remove this extension? Its files will be deleted. You can reinstall it later.",
       "extensions.action.removePurgeData": "Also delete this extension's data (kept by default; reinstalling restores it)",
+      "extensions.newExt.btn":  "New Extension",
+      "extensions.newExt.seed": "I want to build a new extension. Help me get started: ask me what the extension should do, then scaffold it and build it out step by step.",
       "ext.refresh_hint":    "Reload Extensions",
       "mcp.loading":              "Loading…",
       "mcp.empty.title":          "No MCP servers configured",
@@ -1067,7 +1076,7 @@ const I18n = (() => {
       "sidebar.skills":   "技能管理",
       "sidebar.channels": "频道管理",
       "sidebar.mcp": "MCP 工具",
-      "sidebar.extensions": "扩展市场",
+      "sidebar.extensions": "扩展管理",
       "sidebar.trash":    "文件召回",
       "sidebar.profile":  "助理记忆",
       "sidebar.memories": "记忆",
@@ -1101,7 +1110,7 @@ const I18n = (() => {
 
       // ── Welcome screen ──
       "sessions.new.title":       "开始新会话",
-      "sessions.new.subtitle":    "选一个 Agent，然后输入第一条消息。",
+      "sessions.new.subtitle":    "选一个想聊的 Agent，说说你想做什么。",
       "sessions.new.placeholder": "输入第一条消息发给 {{agent}}…",
       "sessions.new.moreOptions": "更多选项",
       "sessions.new.tryAsking":   "试试这样问我",
@@ -1244,6 +1253,7 @@ const I18n = (() => {
       "sib.reasoning.medium":    "中",
       "sib.reasoning.high":      "高",
       "sib.reasoning.xhigh": "超高",
+      "sib.reasoning.max": "Max",
       "sessions.thinking":      "思考中…",
       "sessions.default_name":  "会话 {{n}}",
       "sessions.cronGroup":     "定时任务",
@@ -1353,7 +1363,7 @@ const I18n = (() => {
 
       // ── Creator trash ──
       "trash.title":               "文件召回",
-      "trash.subtitle":            "AI 代理在各个项目里丢进回收站的文件。可以把它们召回到原位置，或彻底清理不再需要的。",
+      "trash.subtitle":            "AI Agent 在各个项目里丢进回收站的文件。可以把它们召回到原位置，或彻底清理不再需要的。",
       "trash.refresh":     "刷新",
       "trash.refresh.tooltip":   "重新加载回收站列表",
       "trash.emptyOld":    "清理 >7 天",
@@ -1408,7 +1418,7 @@ const I18n = (() => {
       "trash.filterCron":             "定时任务",
       "trash.filterManual":           "普通会话",
       "trash.filterAllProjects":      "所有项目",
-      "trash.sessionAutoCleanHint":   "系统自动保留最近 200 个会话，超出后自动移入此处。",
+      "trash.sessionAutoCleanHint":   "系统自动保留最近 200 个会话，超出后自动移入此处，超出 7 天的会话将永久删除。",
 
       // ── Relative time (used by _humanTime helper) ──
       "time.justNow":   "刚刚",
@@ -1586,15 +1596,17 @@ const I18n = (() => {
       // ── MCP panel ──
       "mcp.title":                "MCP 工具",
       "mcp.subtitle":             "标准 Model Context Protocol 服务（与 Claude Desktop / Cursor 兼容）。编辑 ~/.clacky/mcp.json 添加或移除服务。",
-      "extensions.title":         "扩展市场",
+      "extensions.title":         "扩展管理",
       "extensions.subtitle":      "浏览并管理扩展，用 Agent、技能与面板增强你的工作流。",
       "extensions.searchPlaceholder": "搜索扩展…",
       "extensions.sort.newest":   "最新",
       "extensions.sort.updated":  "最近更新",
       "extensions.sort.downloads": "安装最多",
+      "extensions.filter.system":    "系统",
+      "extensions.filter.market":    "市场",
       "extensions.filter.all":       "全部",
       "extensions.filter.installed": "已安装",
-      "extensions.filter.brand":     "品牌扩展",
+      "extensions.filter.brand":     "品牌",
       "extensions.empty":         "暂无可用扩展。",
       "extensions.noResults":     "没有匹配的扩展。",
       "extensions.loadFailed":    "无法连接扩展市场。",
@@ -1623,13 +1635,19 @@ const I18n = (() => {
       "extensions.disabled":               "已禁用",
       "extensions.action.install":         "安装",
       "extensions.action.installing":      "安装中…",
+      "extensions.action.downloading":     "下载中",
+      "extensions.action.extracting":      "解压中",
+      "extensions.action.verifying":       "校验中",
       "extensions.action.update":          "更新",
       "extensions.action.updating":        "更新中…",
+      "extensions.action.installTimeout":  "安装超时，请重试。",
       "extensions.action.disable":         "禁用",
       "extensions.action.enable":          "启用",
       "extensions.action.remove":          "移除",
       "extensions.action.removeConfirm":   "确定移除此扩展？相关文件会被删除，之后可重新安装。",
       "extensions.action.removePurgeData": "同时删除该扩展的数据（默认保留，重新安装会自动恢复）",
+      "extensions.newExt.btn":  "新建扩展",
+      "extensions.newExt.seed": "我想开发一个新的扩展。请引导我开始：先问清楚这个扩展要做什么，然后帮我搭好骨架并一步步开发出来。",
       "ext.refresh_hint":    "刷新扩展",
       "mcp.loading":              "加载中…",
       "mcp.empty.title":          "尚未配置 MCP 服务",

data/lib/clacky/web/index.html

@@ -33,7 +33,7 @@
         </svg>
       </button>
       <div id="header-brand" class="has-logo" style="cursor:pointer" onclick="Router.navigate('chat')">
-        <img class="header-logo-img" id="header-logo-img" src="/logo_nav_dark.png" alt="OpenClacky">
+        <img class="header-logo-img" id="header-logo-img" src="{{BRAND_LOGO_URL}}" alt="OpenClacky">
         <span class="header-logo-divider"></span>
         <span class="header-logo" id="header-logo">{{BRAND_NAME}}</span>
         <!-- Owner badge: visible only for creator-tier licenses (user_licensed=true).
@@ -226,6 +226,17 @@
               </div>
             </div>
           </div>
+          <div id="extensions-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 7h-9"/><path d="M14 17H5"/>
+                <circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>
+              </svg>
+              <div class="task-info">
+                <span class="task-name" id="extensions-sidebar-label" data-i18n="sidebar.extensions">Extension 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">
@@ -249,17 +260,6 @@
               </div>
             </div>
           </div>
-          <div id="extensions-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 7h-9"/><path d="M14 17H5"/>
-                <circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>
-              </svg>
-              <div class="task-info">
-                <span class="task-name" id="extensions-sidebar-label" data-i18n="sidebar.extensions">Extension Market</span>
-              </div>
-            </div>
-          </div>
         </div>
       </div>
 
@@ -362,51 +362,9 @@
         <!-- Starter prompts shown when selected agent provides suggestions -->
         <div id="new-session-starter-prompts" class="new-session-starter-prompts" style="display:none"></div>
 
-        <!-- Panels the selected agent exposes (filled when an agent is picked) -->
-        <div id="new-session-agent-panels" class="new-session-agent-panels" style="display:none"></div>
-
-        <div class="new-session-advanced-wrap">
-          <button id="new-session-toggle-advanced" class="new-session-advanced-toggle" type="button" aria-expanded="false">
-            <span data-i18n="sessions.new.moreOptions">More options</span>
-            <svg class="new-session-advanced-caret" width="10" height="10" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6l4 4 4-4"/></svg>
-          </button>
-
-          <div id="new-session-advanced" class="new-session-advanced" hidden>
-            <div class="new-session-field">
-              <label class="new-session-label" data-i18n="sessions.modal.name">Session Name</label>
-              <input id="new-session-name" type="text" class="new-session-input"
-                     data-i18n-placeholder="sessions.modal.name.placeholder"
-                     placeholder="Leave empty to auto-generate">
-            </div>
-
-            <div class="new-session-field">
-              <label class="new-session-label" data-i18n="sessions.modal.model">Model</label>
-              <select id="new-session-model" class="new-session-select"></select>
-            </div>
-
-            <div class="new-session-field">
-              <label class="new-session-label" data-i18n="sessions.modal.directory">Working Directory</label>
-              <div class="new-session-input-row">
-                <input id="new-session-directory" type="text" class="new-session-input"
-                       data-i18n-placeholder="sessions.modal.directory.placeholder"
-                       placeholder="~/workspace/my-project">
-                <button id="new-session-browse-btn" type="button" class="new-session-browse-btn"
-                        data-i18n-title="sessions.modal.directory.browse" title="Browse…" aria-label="Browse">
-                  <svg width="16" height="16" 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>
-              </div>
-            </div>
-
-            <div id="new-session-init-project-field" class="new-session-checkbox-field" style="display:none">
-              <label class="new-session-checkbox-label">
-                <input id="new-session-init-project" type="checkbox" class="new-session-checkbox">
-                <span data-i18n="sessions.modal.initProject">Initialize full-stack project (/new)</span>
-              </label>
-            </div>
-          </div>
-        </div>
        </div><!-- /.new-session-body -->
 
+
         <div class="new-session-composer">
           <!-- Skill autocomplete dropdown (shown when user types /xxx) -->
           <div id="ns-skill-autocomplete" class="skill-autocomplete" style="display:none" role="listbox" aria-label="Skills">
@@ -422,9 +380,14 @@
             </div>
             <div id="ns-skill-autocomplete-list"></div>
           </div>
-          <!-- Attachment preview strip (hidden when empty) -->
-          <div id="ns-image-preview-strip" style="display:none"></div>
-          <div id="ns-input-bar" class="new-session-input-bar">
+          <!-- Composer frame: context bar card (offset) + input bar card (full width) -->
+          <div class="ns-composer-frame">
+            <div id="ns-context-bar" class="ns-context-bar"></div>
+            <!-- Input bar card -->
+            <div class="ns-input-bar-card">
+            <!-- Attachment preview strip (hidden when empty) -->
+            <div id="ns-image-preview-strip" style="display:none"></div>
+            <div id="ns-input-bar" class="new-session-input-bar">
             <input type="file" id="ns-file-input" accept="*/*" multiple style="display:none">
             <button id="ns-btn-attach" type="button" class="new-session-composer-btn"
                     title="Attach file (image, pdf, docx, md, tar.gz…) — drag & drop / Ctrl+V also work">
@@ -443,8 +406,10 @@
             <button id="new-session-send" class="new-session-send" type="button" title="Send message" disabled>
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
             </button>
-          </div>
-        </div>
+          </div><!-- /.new-session-input-bar -->
+            </div><!-- /.ns-input-bar-card -->
+          </div><!-- /.ns-composer-frame -->
+        </div><!-- /.new-session-composer -->
       </div>
     </div>
 
@@ -704,15 +669,18 @@
     <div id="extensions-panel" style="display:none">
       <div id="extensions-body">
         <div class="channels-page-header">
-          <h2 class="channels-page-title" data-i18n="extensions.title">Extension Market</h2>
-          <p class="channels-page-subtitle" data-i18n="extensions.subtitle">Browse extensions that creators can bundle into brand packages. Extensions are delivered with your license — there is no direct download here.</p>
+          <div class="channels-page-header-main">
+            <h2 class="channels-page-title" data-i18n="extensions.title">Extensions</h2>
+            <p class="channels-page-subtitle" data-i18n="extensions.subtitle">Browse and manage extensions — add agents, skills, and panels to supercharge your workflow.</p>
+          </div>
+          <button type="button" id="extensions-new-btn" class="extension-action extension-action-install" data-i18n="extensions.newExt.btn">新建扩展</button>
         </div>
 
         <div class="extensions-toolbar">
           <div class="extensions-filter-tabs">
-            <button type="button" class="extensions-filter-tab extensions-filter-tab-active" data-filter="all" data-i18n="extensions.filter.all">All</button>
+            <button type="button" class="extensions-filter-tab extensions-filter-tab-active" data-filter="market" data-i18n="extensions.filter.market">Marketplace</button>
+            <button type="button" class="extensions-filter-tab" data-filter="system" data-i18n="extensions.filter.system">System</button>
             <button type="button" class="extensions-filter-tab" data-filter="brand" id="tab-extensions-brand" data-i18n="extensions.filter.brand" style="display:none">Brand</button>
-            <button type="button" class="extensions-filter-tab" data-filter="installed" data-i18n="extensions.filter.installed">Installed</button>
           </div>
           <div class="extensions-toolbar-right">
             <input type="text" id="extensions-search-input" class="extensions-search" placeholder="Search extensions…" />
@@ -721,6 +689,10 @@
               <option value="newest" data-i18n="extensions.sort.newest">Newest</option>
               <option value="updated" data-i18n="extensions.sort.updated">Recently updated</option>
             </select>
+            <select id="extensions-installed-filter" class="extensions-sort">
+              <option value="all" data-i18n="extensions.filter.all">All</option>
+              <option value="installed" data-i18n="extensions.filter.installed">Installed</option>
+            </select>
           </div>
         </div>
 

data/lib/clacky/web/sessions.js

@@ -679,6 +679,7 @@ const Sessions = (() => {
       .then(dataUrl => {
         _pendingImages.push({ dataUrl, name: displayName, mimeType: file.type === "image/png" ? "image/png" : "image/jpeg", seq });
         _renderAttachmentPreviews();
+        $("user-input").focus();
       })
       .catch(err => alert(I18n.t("chat.file.processFailed", { msg: err.message })));
   }
@@ -5351,7 +5352,7 @@ const Sessions = (() => {
 // ── Session Info Bar Reasoning Effort Switcher ────────────────────────────
 (function() {
   let _isOpen = false;
-  const LEVELS = ["off", "low", "medium", "high", "xhigh"];
+  const LEVELS = ["off", "low", "medium", "high", "xhigh", "max"];
 
   document.addEventListener("click", async (e) => {
     const el = e.target.closest("#sib-reasoning");

data/lib/clacky/web/utils.js

@@ -73,6 +73,7 @@ const Tooltip = (() => {
 
     const text = anchor.getAttribute("data-tooltip");
     if (!text) return;
+    if (anchor.hasAttribute("data-tooltip-overflow") && anchor.scrollWidth <= anchor.clientWidth) return;
 
     const pos = anchor.getAttribute("data-tooltip-pos") || "top";
     tip.textContent = text;

data/lib/clacky/web/ws-dispatcher.js

@@ -16,6 +16,36 @@
   // Guard: restore hash routing only once after initial session_list arrives.
   let _initialRestoreDone = false;
 
+  // WS event -> Clacky.ext event name. Mirrored so panels can subscribe
+  // without touching the raw WS layer (keeps extension isolation).
+  const SESSION_EXT_EVENTS = {
+    phase_start: "session:phase-start",
+    phase_end: "session:phase-end",
+    session_list: "session:list",
+    subscribed: "session:subscribed",
+    session_update: "session:update",
+    task_finished: "session:task-finished",
+    session_renamed: "session:renamed",
+    session_deleted: "session:deleted",
+    session_restored: "session:restored",
+    history_user_message: "session:user-message",
+    assistant_message: "session:assistant-message",
+    tool_call: "session:tool-call",
+    tool_result: "session:tool-result",
+    tool_stdout: "session:tool-stdout",
+    tool_error: "session:tool-error",
+    token_usage: "session:token-usage",
+    progress: "session:progress",
+    complete: "session:complete",
+    request_feedback: "session:request-feedback",
+    request_confirmation: "session:request-confirmation",
+    interrupted: "session:interrupted",
+    info: "session:info",
+    warning: "session:warning",
+    success: "session:success",
+    error: "session:error",
+  };
+
   // ── Phase grouping (folds subagent runs like skill evolution) ───────────
   //
   // Strategy: when a phase_start arrives, we append a foldable card to the
@@ -137,6 +167,15 @@ WS.onEvent(ev => {
     _closeAllPhases("incomplete");
   }
 
+  // Bridge before the switch: per-case active-session guards must not block
+  // the extension bus. All received events mirror onto Clacky.ext here.
+  if (window.Clacky && Clacky.ext) {
+    const extName = SESSION_EXT_EVENTS[ev.type];
+    if (extName) {
+      Clacky.ext.emit(extName, { sessionId: ev.session_id, ...ev });
+    }
+  }
+
   switch (ev.type) {
 
     // ── Phase grouping ─────────────────────────────────────────────────
@@ -326,9 +365,6 @@ WS.onEvent(ev => {
       if (ev.session_id !== Sessions.activeId) break;
       Sessions.clearProgress();
       Sessions.appendMsg("assistant", ev.content);
-      if (window.Clacky && Clacky.ext) {
-        Clacky.ext.emit("session:assistant-message", { sessionId: ev.session_id, content: ev.content });
-      }
       break;
 
     case "tool_call":

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.5.4
+  version: 1.5.5
 platform: ruby
 authors:
 - windy