openclacky 1.3.6 → 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. */
@@ -452,3 +490,5 @@ const SkillAC = (() => {
     handleKey: _handleKey,
   };
 })();
+
+Clacky.SkillAC = SkillAC;

data/lib/clacky/web/theme.js

@@ -30,11 +30,13 @@ const Theme = (() => {
       // Icon shows what you'd switch TO, not what you are on.
       if (theme === "light") {
         // In light mode → show moon (click to go dark)
+        headerToggle.title = I18n.t("header.theme.toDark");
         headerToggle.innerHTML = `<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>`;
       } else {
         // In dark mode → show sun (click to go light)
+        headerToggle.title = I18n.t("header.theme.toLight");
         headerToggle.innerHTML = `<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">
           <circle cx="12" cy="12" r="4"/>
           <path d="M12 2v2"/>
@@ -75,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;
     }
@@ -281,6 +290,7 @@ WS.onEvent(ev => {
     }
 
     case "session_deleted":
+      if (window.Clacky && Clacky.ext) Clacky.ext.notifySessionRemoved(ev.session_id);
       Sessions.remove(ev.session_id);
       if (ev.session_id === Sessions.activeId) Router.navigate("welcome");
       Sessions.renderList();

data/lib/clacky/web/ws.js

@@ -126,3 +126,5 @@ const WS = (() => {
     get ready() { return _ready; },
   };
 })();
+
+Clacky.WS = WS;

data/lib/clacky.rb

@@ -95,6 +95,7 @@ require_relative "clacky/ui2/progress_indicator"
 require_relative "clacky/utils/logger"
 require_relative "clacky/proxy_config"
 require_relative "clacky/platform_http_client"
+require_relative "clacky/identity"
 require_relative "clacky/utils/encoding"
 require_relative "clacky/utils/environment_detector"
 require_relative "clacky/utils/browser_detector"
@@ -140,18 +141,28 @@ require_relative "clacky/server/browser_manager"
 require_relative "clacky/server/backup_manager"
 require_relative "clacky/cli"
 
-# Runtime patch layer: load user/AI patches from ~/.clacky/patches/ after all
-# gem code is defined, so fingerprints reflect the actual installed source.
-require_relative "clacky/patch_loader"
+# Extension architecture: define the base class + container loader + scaffolding
+# + dispatcher up front so the patch / hook loaders below can read its result.
+require_relative "clacky/extension/api_extension"
+require_relative "clacky/extension/api_loader"
+require_relative "clacky/extension/loader"
+require_relative "clacky/extension/scaffold/template_renderer"
+require_relative "clacky/extension/scaffold"
+require_relative "clacky/extension/packager"
+require_relative "clacky/extension/dispatcher"
+require_relative "clacky/extension/hook_loader"
+require_relative "clacky/extension/verifier"
+Clacky::ExtensionLoader.load_all
+
+# Runtime patch layer: load user/AI patches from ~/.clacky/patches/ AND patches
+# contributed by ext.yml containers (contributes.patches). Runs after all gem
+# code is defined, so fingerprints reflect the actual installed source.
+require_relative "clacky/extension/patch_loader"
 Clacky::PatchLoader.load_all
 
-# HTTP API extension layer: define the base class + loader + dispatcher.
-# Loading of user extensions is deferred to HttpServer#start so the host
-# process is fully initialized before extension handlers can resolve helpers
-# like session_manager or agent_config.
-require_relative "clacky/api_extension"
-require_relative "clacky/api_extension_loader"
-require_relative "clacky/server/api_extension_dispatcher"
+# Process-wide registry of hook callbacks contributed by ext.yml containers
+# (contributes.hooks). Each agent copies them onto its own HookManager at init.
+Clacky::ExtensionHookLoader.load_all
 
 module Clacky
   class AgentInterrupted < Exception; end  # Inherit from Exception to bypass rescue StandardError

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.3.6
+  version: 1.3.8
 platform: ruby
 authors:
 - windy
@@ -315,7 +315,6 @@ files:
 - benchmark/results/report_20260511_175256.json
 - benchmark/results/report_20260511_175444.json
 - benchmark/results/treatment_20260511_175103.json
-- benchmark/runner.rb
 - bin/clacky
 - bin/clarky
 - bin/openclacky
@@ -356,8 +355,6 @@ files:
 - lib/clacky/agent_config.rb
 - lib/clacky/agent_profile.rb
 - lib/clacky/anthropic_stream_aggregator.rb
-- lib/clacky/api_extension.rb
-- lib/clacky/api_extension_loader.rb
 - lib/clacky/banner.rb
 - lib/clacky/bedrock_stream_aggregator.rb
 - lib/clacky/billing/billing_record.rb
@@ -366,20 +363,28 @@ files:
 - lib/clacky/brand_config.rb
 - lib/clacky/cli.rb
 - lib/clacky/client.rb
-- lib/clacky/default_agents/SOUL.md
-- lib/clacky/default_agents/USER.md
-- lib/clacky/default_agents/_panels/git/panel.js
-- lib/clacky/default_agents/_panels/time_machine/panel.js
-- lib/clacky/default_agents/base_prompt.md
-- lib/clacky/default_agents/coding/profile.yml
-- lib/clacky/default_agents/coding/system_prompt.md
-- lib/clacky/default_agents/coding/webui/.gitkeep
-- lib/clacky/default_agents/general/profile.yml
-- lib/clacky/default_agents/general/system_prompt.md
-- lib/clacky/default_extensions/meeting/handler.rb
-- lib/clacky/default_extensions/meeting/meeting.js
-- lib/clacky/default_extensions/meeting/meta.yml
+- 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
+- lib/clacky/default_extensions/ext-studio/panels/studio/view.js
+- 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
+- lib/clacky/default_extensions/git/panels/git/view.js
+- lib/clacky/default_extensions/meeting/api/handler.rb
+- lib/clacky/default_extensions/meeting/ext.yml
+- lib/clacky/default_extensions/meeting/panels/meeting/view.js
 - lib/clacky/default_extensions/meeting/skills/meeting-summarizer/SKILL.md
+- lib/clacky/default_extensions/time_machine/ext.yml
+- lib/clacky/default_extensions/time_machine/panels/time_machine/view.js
 - lib/clacky/default_parsers/doc_parser.rb
 - lib/clacky/default_parsers/docx_parser.rb
 - lib/clacky/default_parsers/pdf_parser.rb
@@ -434,6 +439,30 @@ files:
 - lib/clacky/default_skills/skill-creator/scripts/run_loop.py
 - lib/clacky/default_skills/skill-creator/scripts/utils.py
 - lib/clacky/default_skills/skill-creator/scripts/validate_skill_frontmatter.rb
+- lib/clacky/extension/api_extension.rb
+- lib/clacky/extension/api_loader.rb
+- lib/clacky/extension/cli_commands.rb
+- lib/clacky/extension/dispatcher.rb
+- lib/clacky/extension/hook_loader.rb
+- lib/clacky/extension/loader.rb
+- lib/clacky/extension/packager.rb
+- lib/clacky/extension/patch_loader.rb
+- lib/clacky/extension/scaffold.rb
+- lib/clacky/extension/scaffold/template_renderer.rb
+- lib/clacky/extension/scaffold/templates/full/README.md.erb
+- lib/clacky/extension/scaffold/templates/full/agents/designer.md
+- lib/clacky/extension/scaffold/templates/full/api/handler.rb.erb
+- lib/clacky/extension/scaffold/templates/full/channels/noop.rb.erb
+- lib/clacky/extension/scaffold/templates/full/ext.yml.erb
+- lib/clacky/extension/scaffold/templates/full/hooks/audit.rb
+- lib/clacky/extension/scaffold/templates/full/panels/dashboard/view.js.erb
+- lib/clacky/extension/scaffold/templates/full/patches/audit.rb
+- lib/clacky/extension/scaffold/templates/full/skills/__slug__-skill/SKILL.md.erb
+- lib/clacky/extension/scaffold/templates/hello/api/handler.rb.erb
+- lib/clacky/extension/scaffold/templates/hello/ext.yml.erb
+- lib/clacky/extension/scaffold/templates/hello/panels/hello/view.js.erb
+- lib/clacky/extension/verifier.rb
+- lib/clacky/identity.rb
 - lib/clacky/idle_compression_timer.rb
 - lib/clacky/json_ui_controller.rb
 - lib/clacky/locales/en.rb
@@ -457,9 +486,9 @@ files:
 - lib/clacky/message_history.rb
 - lib/clacky/null_ui_controller.rb
 - lib/clacky/openai_stream_aggregator.rb
-- lib/clacky/patch_loader.rb
 - lib/clacky/plain_ui_controller.rb
 - lib/clacky/platform_http_client.rb
+- lib/clacky/prompts/base.md
 - lib/clacky/providers.rb
 - lib/clacky/proxy_config.rb
 - lib/clacky/rich_ui.rb
@@ -478,7 +507,6 @@ files:
 - lib/clacky/rich_ui/shell/rich_agent_shell.rb
 - lib/clacky/rich_ui/view_renderer.rb
 - lib/clacky/rich_ui_controller.rb
-- lib/clacky/server/api_extension_dispatcher.rb
 - lib/clacky/server/backup_manager.rb
 - lib/clacky/server/browser_manager.rb
 - lib/clacky/server/channel.rb
@@ -504,6 +532,7 @@ files:
 - lib/clacky/server/channel/channel_config.rb
 - lib/clacky/server/channel/channel_manager.rb
 - lib/clacky/server/channel/channel_ui_controller.rb
+- lib/clacky/server/channel/extension_adapter_loader.rb
 - lib/clacky/server/channel/user_adapter_loader.rb
 - lib/clacky/server/discover.rb
 - lib/clacky/server/epipe_safe_io.rb
@@ -608,12 +637,14 @@ files:
 - lib/clacky/web/features/brand/view.js
 - lib/clacky/web/features/channels/store.js
 - lib/clacky/web/features/channels/view.js
-- lib/clacky/web/features/creator/store.js
-- lib/clacky/web/features/creator/view.js
+- lib/clacky/web/features/extensions/store.js
+- lib/clacky/web/features/extensions/view.js
 - lib/clacky/web/features/mcp/store.js
 - lib/clacky/web/features/mcp/view.js
 - lib/clacky/web/features/model-tester/store.js
 - lib/clacky/web/features/model-tester/view.js
+- lib/clacky/web/features/new-session/store.js
+- lib/clacky/web/features/new-session/view.js
 - lib/clacky/web/features/profile/store.js
 - lib/clacky/web/features/profile/view.js
 - lib/clacky/web/features/share/store.js