openclacky 1.3.7 → 1.3.8

data/lib/clacky/web/skills.js

@@ -30,6 +30,25 @@ const SkillAC = (() => {
 
   let _ime = null;  // IME tracker for #user-input, set up in _initDOMBindings
 
+  // The active DOM/behavior config. Defaults to the chat composer; `attach()`
+  // can swap in a different set of element ids (e.g. the new-session page).
+  // `fetchSkills` returns the skill list; `onSend` fires on bare Enter.
+  const _chatCfg = {
+    input:     "user-input",
+    dropdown:  "skill-autocomplete",
+    list:      "skill-autocomplete-list",
+    slashBtn:  "btn-slash",
+    systemChk: "chk-ac-show-system-skills",
+    fetchSkills: null,   // null → use session-scoped default fetch
+    onSend:      () => Sessions.sendMessage(),
+  };
+  let _cfg = _chatCfg;
+
+  const _inputEl    = () => $(_cfg.input);
+  const _dropdownEl = () => $(_cfg.dropdown);
+  const _listEl     = () => $(_cfg.list);
+  const _slashBtnEl = () => $(_cfg.slashBtn);
+
   /** Called whenever the active session changes — just store the id, no prefetch. */
   function _loadForSession(sessionId) {
     _currentSession = sessionId || null;
@@ -37,6 +56,14 @@ const SkillAC = (() => {
 
   /** Fetch live skill list from server for the current session. */
   async function _fetchSkills() {
+    if (_cfg.fetchSkills) {
+      try {
+        return (await _cfg.fetchSkills()) || [];
+      } catch (e) {
+        console.error("[SkillAC] custom fetchSkills failed", e);
+        return [];
+      }
+    }
     if (!_currentSession) return [];
     try {
       const res  = await fetch(`/api/sessions/${_currentSession}/skills`);
@@ -130,7 +157,7 @@ const SkillAC = (() => {
 
     _items = scored.map(({ skill }) => skill);
 
-    const list = $("skill-autocomplete-list");
+    const list = _listEl();
     list.innerHTML = "";
 
     if (_items.length === 0) {
@@ -139,7 +166,7 @@ const SkillAC = (() => {
       emptyEl.className = "skill-ac-empty";
       emptyEl.textContent = I18n.t("skills.ac.empty");
       list.appendChild(emptyEl);
-      $("skill-autocomplete").style.display = "";
+      _dropdownEl().style.display = "";
       _visible = true;
       _createOverlay();
       return;
@@ -222,17 +249,17 @@ const SkillAC = (() => {
       list.appendChild(item);
     });
 
-    $("skill-autocomplete").style.display = "";
+    _dropdownEl().style.display = "";
     _visible = true;
     _createOverlay();
   }
 
   function _hide() {
-    $("skill-autocomplete").style.display = "none";
+    _dropdownEl().style.display = "none";
     _visible     = false;
     _activeIndex = -1;
     _items       = [];
-    $("btn-slash")?.classList.remove("active");
+    _slashBtnEl()?.classList.remove("active");
     _removeOverlay();
   }
 
@@ -260,7 +287,7 @@ const SkillAC = (() => {
   function _select(idx) {
     const skill = _items[idx];
     if (!skill) return;
-    const input  = $("user-input");
+    const input  = _inputEl();
     input.value  = "/" + skill.name + " ";
     input.style.height = "auto";
     input.style.height = Math.min(input.scrollHeight, 200) + "px";
@@ -272,7 +299,7 @@ const SkillAC = (() => {
     if (!_visible || _items.length === 0) return;
     _activeIndex = (_activeIndex + delta + _items.length) % _items.length;
     // Re-render to apply active class
-    const list  = $("skill-autocomplete-list");
+    const list  = _listEl();
     list.querySelectorAll(".skill-ac-item").forEach((el, i) => {
       el.classList.toggle("active", i === _activeIndex);
       if (i === _activeIndex) el.scrollIntoView({ block: "nearest" });
@@ -283,7 +310,7 @@ const SkillAC = (() => {
   async function _openAll() {
     _activeIndex = 0;  // Default to first item
     await _render("");
-    $("user-input").focus();
+    _inputEl().focus();
   }
 
   /** Toggle the dropdown (open if hidden, close if visible). */
@@ -297,16 +324,17 @@ const SkillAC = (() => {
 
   // ── DOM bindings: composer keyboard/composition/input + slash button + ────
   // ── skill-panel create/import buttons. Called once from init().           ──
-  function _initDOMBindings() {
+  function _initDOMBindings(cfg) {
     // / button: set input to "/" and open skill autocomplete.
     // mousedown + preventDefault prevents the textarea from losing focus
     // (which would trigger the blur→hide timer and immediately close
     //  the dropdown we're about to open).
-    $("btn-slash").addEventListener("mousedown", e => {
-      e.preventDefault();  // keep focus on user-input
+    $(cfg.slashBtn).addEventListener("mousedown", e => {
+      e.preventDefault();  // keep focus on the input
     });
-    $("btn-slash").addEventListener("click", () => {
-      const input = $("user-input");
+    $(cfg.slashBtn).addEventListener("click", () => {
+      _cfg = cfg;
+      const input = $(cfg.input);
       if (input.value === "" || input.value === "/") {
         input.value = "/";
         input.style.height = "auto";
@@ -314,28 +342,31 @@ const SkillAC = (() => {
       }
       _toggle();  // Toggle dropdown instead of always opening
       if (_visible) {
-        $("btn-slash").classList.add("active");
+        $(cfg.slashBtn).classList.add("active");
       }
       input.focus();
     });
 
     // IME composition tracker: shared by main keydown + AC _handleKey.
-    _ime = IME.track($("user-input"));
+    const ime = IME.track($(cfg.input));
 
     // Main composer keydown: SkillAC consumes nav keys first, then Enter → send.
-    $("user-input").addEventListener("keydown", e => {
+    $(cfg.input).addEventListener("keydown", e => {
+      _cfg = cfg;
+      _ime = ime;
       // Let skill autocomplete consume arrow/enter/escape first
       if (_handleKey(e)) return;
 
-      if (e.key === "Enter" && !e.shiftKey && !_ime.isComposing(e)) {
+      if (e.key === "Enter" && !e.shiftKey && !ime.isComposing(e)) {
         e.preventDefault();
-        Sessions.sendMessage();
+        cfg.onSend();
       }
     });
 
     // Composer input: auto-grow textarea, normalize full-width slash, drive AC.
-    $("user-input").addEventListener("input", () => {
-      const el = $("user-input");
+    $(cfg.input).addEventListener("input", () => {
+      _cfg = cfg;
+      const el = $(cfg.input);
       el.style.height = "auto";
       el.style.height = Math.min(el.scrollHeight, 200) + "px";
 
@@ -350,11 +381,25 @@ const SkillAC = (() => {
       _update(el.value);
     });
 
-    // Skills panel action buttons (domain belongs to Skills, but the
-    // bindings live here because this is where all composer/skill-related
-    // DOM wiring was historically colocated).
-    $("btn-create-skill").addEventListener("click", () => Skills.createInSession());
-    $("btn-import-skill").addEventListener("click", () => Skills.toggleImportBar());
+    const chk = $(cfg.systemChk);
+    if (chk) {
+      chk.checked = _showSystemSkills;
+      chk.addEventListener("change", async () => {
+        _cfg = cfg;
+        _showSystemSkills = chk.checked;
+        localStorage.setItem("skill-ac-show-system", _showSystemSkills ? "true" : "false");
+        if (_visible) {
+          const query = _getSlashQuery($(cfg.input).value);
+          if (query !== null) await _render(query);
+        }
+      });
+    }
+
+    // Skills panel action buttons only exist in the chat composer.
+    if (cfg === _chatCfg) {
+      $("btn-create-skill").addEventListener("click", () => Skills.createInSession());
+      $("btn-import-skill").addEventListener("click", () => Skills.toggleImportBar());
+    }
   }
 
   // Update handler — driven from the input event above. Exposed on the
@@ -407,30 +452,23 @@ const SkillAC = (() => {
       if (_initialized) return;
       _initialized = true;
 
-      const chk = $("chk-ac-show-system-skills");
-
-      if (chk) {
-        // Restore state from localStorage
-        chk.checked = _showSystemSkills;
-
-        chk.addEventListener("change", async () => {
-          _showSystemSkills = chk.checked;
-          // Persist to localStorage
-          localStorage.setItem("skill-ac-show-system", _showSystemSkills ? "true" : "false");
-
-          // If dropdown is visible, re-fetch and re-render
-          if (_visible) {
-            const input = $("user-input");
-            const query = _getSlashQuery(input.value);
-            if (query !== null) {
-              await _render(query);
-            }
-          }
-        });
-      }
+      // Wire up all composer/slash DOM bindings for the chat composer.
+      _initDOMBindings(_chatCfg);
+    },
 
-      // Wire up all composer/slash DOM bindings.
-      _initDOMBindings();
+    /**
+     * Attach the autocomplete to a second composer (e.g. the new-session page).
+     * `config` overrides element ids and provides `fetchSkills` / `onSend`.
+     */
+    attach(config) {
+      const cfg = Object.assign({}, _chatCfg, config);
+      _initDOMBindings(cfg);
+      return {
+        /** Programmatic input handler (call from the input event if needed). */
+        update: (value) => { _cfg = cfg; _update(value); },
+        hide:   _hide,
+        get visible() { return _visible; },
+      };
     },
 
     /** Called on every `input` event — decide whether to show/hide/update. */

data/lib/clacky/web/theme.js

@@ -77,6 +77,9 @@ const Theme = (() => {
       if (mq.addEventListener) mq.addEventListener("change", onChange);
       else if (mq.addListener) mq.addListener(onChange);  // Safari < 14
     }
+
+    // Re-apply title text when language changes.
+    document.addEventListener("langchange", () => _updateToggleIcon(current()));
   }
 
   // Explicit apply (used by toggle). Persists the choice unless it equals

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

@@ -216,8 +216,17 @@ WS.onEvent(ev => {
       // send it now — after restoreFromHash has settled — so appendMsg won't be wiped.
       const pendingMsg = Sessions.takePendingMessage();
       if (pendingMsg && pendingMsg.session_id === ev.session_id) {
-        Sessions.appendMsg("user", escapeHtml(pendingMsg.display || pendingMsg.content), { time: new Date() });
-        WS.send({ type: "message", session_id: pendingMsg.session_id, content: pendingMsg.content, lang: I18n.lang() });
+        const html = pendingMsg.files && pendingMsg.files.length
+          ? (pendingMsg.display || escapeHtml(pendingMsg.content))
+          : escapeHtml(pendingMsg.display || pendingMsg.content);
+        Sessions.appendMsg("user", html, { time: new Date() });
+        WS.send({
+          type: "message",
+          session_id: pendingMsg.session_id,
+          content: pendingMsg.content,
+          files: pendingMsg.files || undefined,
+          lang: I18n.lang(),
+        });
       }
       break;
     }

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.3.7
+  version: 1.3.8
 platform: ruby
 authors:
 - windy
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-07-06 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -284,8 +283,8 @@ email:
 - yafei@dao42.com
 executables:
 - clacky
-- openclacky
 - clarky
+- openclacky
 extensions: []
 extra_rdoc_files: []
 files:
@@ -364,8 +363,10 @@ files:
 - lib/clacky/brand_config.rb
 - lib/clacky/cli.rb
 - lib/clacky/client.rb
+- lib/clacky/default_extensions/coding/agents/coding/avatar.png
 - lib/clacky/default_extensions/coding/agents/coding/system_prompt.md
 - lib/clacky/default_extensions/coding/ext.yml
+- lib/clacky/default_extensions/ext-studio/agents/ext-developer/avatar.png
 - lib/clacky/default_extensions/ext-studio/agents/ext-developer/system_prompt.md
 - lib/clacky/default_extensions/ext-studio/api/handler.rb
 - lib/clacky/default_extensions/ext-studio/ext.yml
@@ -373,6 +374,7 @@ files:
 - lib/clacky/default_extensions/ext-studio/skills/ext-debug/SKILL.md
 - lib/clacky/default_extensions/ext-studio/skills/ext-publish/SKILL.md
 - lib/clacky/default_extensions/ext-studio/skills/ext-scaffold/SKILL.md
+- lib/clacky/default_extensions/general/agents/general/avatar.png
 - lib/clacky/default_extensions/general/agents/general/system_prompt.md
 - lib/clacky/default_extensions/general/ext.yml
 - lib/clacky/default_extensions/git/ext.yml
@@ -728,7 +730,6 @@ metadata:
   homepage_uri: https://github.com/clacky-ai/openclacky
   source_code_uri: https://github.com/clacky-ai/openclacky
   changelog_uri: https://github.com/clacky-ai/openclacky/blob/main/CHANGELOG.md
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -746,8 +747,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.22
-signing_key:
+rubygems_version: 3.6.9
 specification_version: 4
 summary: The most Token-efficient open-source AI Agent — BYOK, Skill-driven, IM-integrated.
 test_files: []