openclacky 1.3.1 → 1.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a39f825dd6192443ca9f0d30139e20a4b7fe366f9415d721c9a2401bfed1dc4a
-  data.tar.gz: f825a682fad6a33983e6a582a52d5a9378b7bd29d118b5a2fe1d5c26dc7b3195
+  metadata.gz: ed703cddac3ffa9887b5c500c5dfbe57c895eb5aab0e9dc3338592c9317555ec
+  data.tar.gz: 67d21c3c857e72bb729cfcecbdb3749eaaac1c76b21e1d0600081d1e4d79e880
 SHA512:
-  metadata.gz: 62cf37fe9eb083438853faeaf8f28a4579300d51607d2fbd8eef9caba69dc82d4b2c8dc98ae70f666500c7913b47325b0a6b58a5f3043b7139e8265b12035525
-  data.tar.gz: 706a5237c4aae5092068c91dfbc6c3cb7b1a93cc27b6878cbf32f043de5ec0c038321228d626efb3b2db744e8b81b4d6889fc518ee8c2495496714e628bf7a29
+  metadata.gz: 4fe46c92c67e5937bf24e325be47046a9ebf555afb722aaaaf108a17b2c13403c7e42c08d4b1a7abafad5c5ffb5d79d2749264c051572d157d0094dcb067ac78
+  data.tar.gz: 5fa8e909159560aa13944c0435716e7a98265504c6f61e8cfc298bc09553aa218ac404423d4e9b45f5a8d17563f0ae8a7a50547460fb497e06a98bc46b55aa53

data/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.2] - 2026-06-18
+
+### Added
+- Right-click context menu on workspace file tree with "Reveal in Finder" support (macOS/Linux/WSL)
+- Resizable workspace panel with a drag handle
+- Expandable task prompt preview — click a task card to view the full prompt
+
+### Improved
+- Skill cards now show a delete button, with shimmer skeleton loading while fetching
+
+### Fixed
+- Every-N-hours cron schedule label now renders correctly (e.g. `0 */2 * * *`)
+- Billing sessions list now shows all rows instead of being clipped
+- Session replay skips reasoning-only assistant messages to match the live view
+- Set-as-default button in settings aligned to the footer row with the top-up link
+
 ## [1.3.1] - 2026-06-17
 
 ### Added

data/lib/clacky/agent/session_serializer.rb

@@ -502,14 +502,24 @@ module Clacky
 
         case msg[:role].to_s
         when "assistant"
-          # Text content — prepend reasoning/thinking content wrapped in <think> tags
-          # so the Web UI renders it as a collapsible thinking block
-          text = extract_text_from_content(msg[:content]).to_s.strip
+          # Mirror the live guard at agent.rb (`if response[:content] && !response[:content].empty?`):
+          # only emit an assistant_message when the model produced actual content.
+          # Reasoning-only turns (empty content + reasoning_content + tool_calls)
+          # are silent in live mode; on replay they must stay silent too — otherwise
+          # a phantom <think>-only bubble splits consecutive tool_calls into separate
+          # UI groups, breaking the "N tool(s) used" collapse after refresh (C-5672).
+          raw_text  = extract_text_from_content(msg[:content]).to_s.strip
           reasoning = msg[:reasoning_content]
-          if reasoning && !reasoning.to_s.strip.empty?
-            text = "<think>\n#{reasoning}\n</think>\n#{text}"
+          unless raw_text.empty?
+            text = if reasoning && !reasoning.to_s.strip.empty?
+              # Prepend reasoning wrapped in <think> tags so the Web UI renders it
+              # as a collapsible thinking block.
+              "<think>\n#{reasoning}\n</think>\n#{raw_text}"
+            else
+              raw_text
+            end
+            ui.show_assistant_message(text, files: [])
           end
-          ui.show_assistant_message(text, files: []) unless text.empty?
 
           # Tool calls embedded in assistant message
           Array(msg[:tool_calls]).each do |tc|

data/lib/clacky/brand_config.rb

@@ -961,7 +961,7 @@ module Clacky
     #
     # @param skill_name [String] The slug/name of the skill to remove.
     # @return [void]
-    private def delete_brand_skill!(skill_name)
+    def delete_brand_skill!(skill_name)
       # Remove files from disk.
       skill_dir = File.join(brand_skills_dir, skill_name)
       FileUtils.rm_rf(skill_dir) if Dir.exist?(skill_dir)

data/lib/clacky/server/http_server.rb

@@ -630,6 +630,9 @@ module Clacky
           elsif method == "DELETE" && path.match?(%r{^/api/skills/[^/]+$})
             name = URI.decode_www_form_component(path.sub("/api/skills/", ""))
             api_delete_skill(name, res)
+          elsif method == "DELETE" && path.match?(%r{^/api/brand/skills/[^/]+$})
+            slug = URI.decode_www_form_component(path.sub("/api/brand/skills/", ""))
+            api_delete_brand_skill(slug, res)
           elsif method == "POST" && path.match?(%r{^/api/brand/skills/[^/]+/install$})
             slug = URI.decode_www_form_component(path.sub("/api/brand/skills/", "").sub("/install", ""))
             api_brand_skill_install(slug, req, res)
@@ -1942,6 +1945,23 @@ module Clacky
         json_response(res, 500, { ok: false, error: e.message })
       end
 
+      # DELETE /api/brand/skills/:slug
+      # Uninstalls a brand skill by removing its files and metadata.
+      def api_delete_brand_skill(slug, res)
+        brand = Clacky::BrandConfig.load
+        installed = brand.installed_brand_skills
+        unless installed.key?(slug)
+          json_response(res, 404, { ok: false, error: "Brand skill '#{slug}' is not installed" })
+          return
+        end
+
+        brand.delete_brand_skill!(slug)
+        @skill_loader = Clacky::SkillLoader.new(working_dir: nil, brand_config: brand)
+        json_response(res, 200, { ok: true })
+      rescue StandardError => e
+        json_response(res, 500, { ok: false, error: e.message })
+      end
+
       # GET /api/brand
       # Returns brand metadata consumed by the WebUI on boot
       # to dynamically replace branding strings.
@@ -2895,10 +2915,13 @@ module Clacky
           result = Utils::EnvironmentDetector.open_file(linux_path)
           return json_response(res, 501, { error: "unsupported OS" }) if result.nil?
           json_response(res, 200, { ok: true })
+        when "reveal"
+          Utils::EnvironmentDetector.reveal_file(linux_path)
+          json_response(res, 200, { ok: true })
         when "download"
           serve_file_download(res, linux_path)
         else
-          json_response(res, 400, { error: "invalid action. Must be 'open' or 'download'" })
+          json_response(res, 400, { error: "invalid action. Must be 'open', 'reveal' or 'download'" })
         end
       rescue => e
         json_response(res, 500, { ok: false, error: e.message })

data/lib/clacky/utils/environment_detector.rb

@@ -36,6 +36,22 @@ module Clacky
         end
       end
 
+      # Reveal a file in the OS file manager (select/highlight it).
+      # macOS: open -R; Linux: xdg-open on parent dir; WSL: explorer /select
+      # @param path [String] Linux-side file path
+      # @return [Boolean, nil] true/false from system(), or nil on unsupported OS
+      def self.reveal_file(path)
+        case os_type
+        when :macos then system("open", "-R", path)
+        when :linux then system("xdg-open", File.dirname(path))
+        when :wsl
+          win_path = linux_to_win_path(path)
+          system("explorer.exe", "/select,#{win_path}")
+        else
+          nil
+        end
+      end
+
       # Convert a Windows-style path to a WSL/Linux-side path.
       # e.g. "C:/Users/foo/file.txt" → "/mnt/c/Users/foo/file.txt"
       # Returns the original path unchanged on non-WSL or if already a Linux path.

data/lib/clacky/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Clacky
-  VERSION = "1.3.1"
+  VERSION = "1.3.2"
 end

data/lib/clacky/web/app.css

@@ -1754,6 +1754,30 @@ body {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.task-card-preview-expandable {
+  cursor: pointer;
+}
+.task-card-preview-expandable:hover {
+  color: var(--color-accent-primary);
+}
+.task-card-detail {
+  margin-top: 0.625rem;
+  padding: 0.625rem 0.75rem;
+  background: var(--color-bg-primary);
+  border: 1px solid var(--color-border-primary);
+  border-radius: 6px;
+}
+.task-card-detail-content {
+  margin: 0;
+  font-size: 0.75rem;
+  font-family: inherit;
+  color: var(--color-text-secondary);
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 12rem;
+  overflow-y: auto;
+}
 .task-card-actions {
   display: flex;
   align-items: center;
@@ -1907,7 +1931,8 @@ body {
 
 /* ── Workspace panel (right file browser) ───────────────────────────────── */
 #workspace-panel {
-  width: 280px;
+  --workspace-width: 280px;
+  width: var(--workspace-width);
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
@@ -1915,8 +1940,21 @@ body {
   background: var(--color-bg-primary);
   overflow: hidden;
   transition: width var(--transition-base);
+  position: relative;
 }
 #workspace-panel.collapsed { width: 0; border-left: none; }
+#workspace-resize-handle {
+  position: absolute;
+  top: 0;
+  left: -3px;
+  bottom: 0;
+  width: 6px;
+  cursor: col-resize;
+  z-index: 10;
+}
+#workspace-panel:has(#workspace-resize-handle.active) {
+  transition: background-color var(--transition-base);
+}
 #workspace-header {
   display: flex;
   align-items: center;
@@ -4633,14 +4671,15 @@ body {
 }
 .model-card-grid-toolbar {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 0.375rem;
   margin-left: auto;
   justify-content: flex-end;
 }
 .model-card-grid-footer {
   display: flex;
-  justify-content: flex-end;
+  justify-content: space-between;
+  align-items: center;
   margin-top: 0.25rem;
 }
 .model-card-grid-link {
@@ -11442,7 +11481,7 @@ body.setup-mode[data-theme="dark"] {
     min-height: 0;
   }
   #skills-body {
-    padding: 1rem 1rem 5rem;
+    padding: 1rem 1rem 1rem;
     gap: 0.75rem;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
@@ -11543,9 +11582,9 @@ body.setup-mode[data-theme="dark"] {
   }
 
   /* ── Billing / Trash / Creator pages ── */
-  #billing-body { padding: 1rem 1rem 5rem; }
-  #trash-body   { padding: 1rem 1rem 5rem; }
-  #creator-body { padding: 1rem 1rem 5rem; }
+  #billing-body { padding: 1rem 1rem 1rem; }
+  #trash-body   { padding: 1rem 1rem 1rem; }
+  #creator-body { padding: 1rem 1rem 1rem; }
 
   .billing-heatmap-row { grid-template-columns: 1fr; }
 

data/lib/clacky/web/billing.js

@@ -878,7 +878,7 @@ const Billing = (() => {
   function _renderSessionList() {
     if (!_sessions || _sessions.length === 0) {
       return `
-        <div class="billing-section billing-sessions-section">
+        <div class="billing-sessions-section">
           <h3>${I18n.t("billing.sessions") || "Sessions"}</h3>
           <div class="billing-sessions-empty">${I18n.t("billing.noSessions") || "No session data"}</div>
         </div>
@@ -926,7 +926,7 @@ const Billing = (() => {
     }).join("");
 
     return `
-      <div class="billing-section billing-sessions-section">
+      <div class="billing-sessions-section">
         <h3>${I18n.t("billing.sessions") || "Sessions"}</h3>
         <div class="billing-sessions-header">
           <span class="billing-cell billing-cell-index">#</span>

data/lib/clacky/web/i18n.js

@@ -114,6 +114,8 @@ const I18n = (() => {
       "workspace.loading":       "Loading…",
       "workspace.error":         "Failed to load files",
       "workspace.downloadFailed": "Download failed",
+      "workspace.revealInFinder": "Reveal in Finder",
+      "workspace.revealFailed":   "Failed to reveal file",
       "sib.model.tooltip":       "Click to switch model",
       "sib.model.tooltip.busy":  "Model switching is disabled while the agent is responding",
       "sib.variant.header":      "Quick switch",
@@ -999,6 +1001,8 @@ const I18n = (() => {
       "workspace.loading":       "加载中…",
       "workspace.error":         "加载文件失败",
       "workspace.downloadFailed": "下载失败",
+      "workspace.revealInFinder": "打开所在文件夹",
+      "workspace.revealFailed":   "无法打开文件位置",
       "sib.model.tooltip":       "点击切换模型",
       "sib.model.tooltip.busy":  "Agent 回复中，暂时无法切换模型",
       "sib.variant.header":      "快速切换",

data/lib/clacky/web/index.html

@@ -443,6 +443,7 @@
 
       <!-- ── WORKSPACE PANEL (right) ──────────────────────────────────── -->
       <aside id="workspace-panel" class="collapsed">
+        <div id="workspace-resize-handle"></div>
         <div id="workspace-header">
           <span id="workspace-title" data-i18n="workspace.title">Workspace</span>
           <div class="workspace-header-actions">

data/lib/clacky/web/settings.js

@@ -104,10 +104,6 @@ const Settings = (() => {
         </div>
       </div>
       <div class="model-card-grid-actions">
-        ${!isDefault ? `<button class="btn-card-grid-action btn-card-grid-action-primary" data-index="${index}" data-action="default">
-          <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="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
-          <span>${I18n.t("settings.models.btn.setDefault")}</span>
-        </button>` : ""}
         <div class="model-card-grid-toolbar">
           <button class="btn-card-grid-action" data-index="${index}" data-action="test">
             <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="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
@@ -123,12 +119,16 @@ const Settings = (() => {
           </button>` : ""}
         </div>
       </div>
-      ${websiteUrl ? `<div class="model-card-grid-footer">
-        <a class="model-card-grid-link" href="${_esc(websiteUrl)}" target="_blank" rel="noopener noreferrer">
+      <div class="model-card-grid-footer">
+        ${!isDefault ? `<button class="btn-card-grid-action btn-card-grid-action-primary" data-index="${index}" data-action="default">
+          <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="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
+          <span>${I18n.t("settings.models.btn.setDefault")}</span>
+        </button>` : `<span></span>`}
+        ${websiteUrl ? `<a class="model-card-grid-link" href="${_esc(websiteUrl)}" target="_blank" rel="noopener noreferrer">
           ${I18n.t("settings.models.link.topUp")}
           <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17L17 7"/><path d="M8 7h9v9"/></svg>
-        </a>
-      </div>` : ""}
+        </a>` : ""}
+      </div>
     `;
 
     container.appendChild(card);

data/lib/clacky/web/skills.js

@@ -51,7 +51,21 @@ const Skills = (() => {
   async function _loadBrandSkills() {
     const container = $("brand-skills-list");
     if (!container) return;
-    container.innerHTML = `<div class="brand-skills-loading">${I18n.t("skills.loading")}</div>`;
+    container.innerHTML = Array.from({ length: 4 }).map(() => `
+      <div class="brand-skill-card">
+        <div class="brand-skill-card-main">
+          <div class="brand-skill-info">
+            <div class="brand-skill-title">
+              <span class="skel skel-title"></span>
+              <span class="skel" style="height:1rem;width:3.5rem;border-radius:4px;"></span>
+            </div>
+            <span class="skel skel-subtitle"></span>
+          </div>
+          <div class="brand-skill-actions">
+            <span class="skel" style="height:1.75rem;width:4.5rem;border-radius:6px;"></span>
+          </div>
+        </div>
+      </div>`).join("");
 
     try {
       const res  = await fetch("/api/brand/skills");
@@ -163,11 +177,16 @@ const Skills = (() => {
         <span class="brand-skill-version latest">v${escapeHtml(latestVersion)}</span>
         <button class="btn-brand-update" data-name="${escapeHtml(name)}">${I18n.t("skills.brand.btn.update")}</button>`;
     } else {
-      // Installed and up-to-date — show version badge + "Use" button
+      // Installed and up-to-date — show version badge + "Use" + delete buttons
       const displayVersion = installedVersion || latestVersion;
       statusHtml = `
         <span class="brand-skill-version installed">v${escapeHtml(displayVersion)} ✓</span>
-        <button class="btn-brand-use" data-name="${escapeHtml(name)}">${I18n.t("skills.brand.btn.use")}</button>`;
+        <button class="btn-brand-use" data-name="${escapeHtml(name)}">${I18n.t("skills.brand.btn.use")}</button>
+        <button class="btn-skill-delete btn-brand-delete" data-name="${escapeHtml(name)}" title="${I18n.t("skills.btn.delete")}">
+          <svg width="14" height="14" 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 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/>
+          </svg>
+        </button>`;
     }
 
     // Free skills show a "Free" badge; paid (encrypted) brand skills show "Private".
@@ -196,12 +215,17 @@ const Skills = (() => {
       </div>`;
 
     // Bind install/update/use buttons
-    const installBtn = card.querySelector(".btn-brand-install");
-    const updateBtn  = card.querySelector(".btn-brand-update");
-    const useBtn     = card.querySelector(".btn-brand-use");
+    const installBtn  = card.querySelector(".btn-brand-install");
+    const updateBtn   = card.querySelector(".btn-brand-update");
+    const useBtn      = card.querySelector(".btn-brand-use");
+    const deleteBtn   = card.querySelector(".btn-brand-delete");
     if (installBtn) installBtn.addEventListener("click", () => _installBrandSkill(name, installBtn));
     if (updateBtn)  updateBtn.addEventListener("click",  () => _installBrandSkill(name, updateBtn));
     if (useBtn)     useBtn.addEventListener("click",     () => _useInstalledSkill(name));
+    if (deleteBtn)  deleteBtn.addEventListener("click",  (e) => {
+      e.stopPropagation();
+      _deleteBrandSkill(name);
+    });
 
     return card;
   }
@@ -266,6 +290,24 @@ const Skills = (() => {
     }
   }
 
+  async function _deleteBrandSkill(name) {
+    if (!confirm(I18n.t("skills.deleteConfirm", { name }))) return;
+    try {
+      const res  = await fetch(`/api/brand/skills/${encodeURIComponent(name)}`, { method: "DELETE" });
+      const data = await res.json();
+      if (!res.ok || !data.ok) { alert(data.error || I18n.t("skills.deleteError")); return; }
+
+      const skill = _brandSkills.find(s => s.name === name);
+      if (skill) skill.installed_version = null;
+
+      _renderBrandSkills();
+      await Skills.load();
+      Modal.toast(I18n.t("skills.deleted", { name }), "success");
+    } catch (e) {
+      console.error("[Skills] brand skill delete failed", e);
+    }
+  }
+
   /** Open a new session and trigger a brand skill by sending "/{name}" as the first message. */
   async function _useInstalledSkill(name) {
     const maxN = Sessions.all.reduce((max, s) => {

data/lib/clacky/web/tasks.js

@@ -49,7 +49,7 @@ const Tasks = (() => {
       return isZh ? `每 ${n} 分钟` : `Every ${n} min`;
     }
     // Every N hours
-    if (isAny(min) && hour.startsWith("*/") && isAny(dom) && isAny(month) && isAny(dow)) {
+    if ((isAny(min) || isNum(min)) && hour.startsWith("*/") && isAny(dom) && isAny(month) && isAny(dow)) {
       const n = hour.slice(2);
       return isZh ? `每 ${n} 小时` : `Every ${n} hr`;
     }
@@ -108,13 +108,9 @@ const Tasks = (() => {
       ? `<span class="task-card-badge task-card-badge-paused">${I18n.t("tasks.paused")}</span>`
       : "";
 
-    const preview = (t.content || "")
-      .split("\n")
-      .map(l => l.trim())
-      .find(l => l.length > 0) || I18n.t("tasks.empty");
-    const previewText = preview.length > 120
-      ? escapeHtml(preview.slice(0, 120)) + "…"
-      : escapeHtml(preview);
+    const content = t.content || "";
+    const isTruncated = content.trim().length > 0;
+    const previewText = escapeHtml(content.replace(/\s+/g, " ").trim()) || escapeHtml(I18n.t("tasks.empty"));
 
     const toggleBtnHtml = t.scheduled ? (isPaused
       ? `<button class="task-action-btn task-btn-toggle task-btn-resume">
@@ -146,7 +142,7 @@ const Tasks = (() => {
             ${pausedBadge}
             ${schedLabel}
           </div>
-          <div class="task-card-preview">${previewText}</div>
+          <div class="task-card-preview${isTruncated ? " task-card-preview-expandable" : ""}">${previewText}</div>
         </div>
         <div class="task-card-actions">
           <button class="task-run-btn task-btn-run" title="${I18n.t("tasks.btn.run")}">
@@ -170,12 +166,24 @@ const Tasks = (() => {
             <span>${I18n.t("tasks.btn.delete")}</span>
           </button>
         </div>
-      </div>`;
+      </div>
+      ${isTruncated ? `<div class="task-card-detail" hidden><pre class="task-card-detail-content">${escapeHtml(content)}</pre></div>` : ""}`;
 
     row.querySelector(".task-btn-run").addEventListener("click", e => {
       e.stopPropagation();
       Tasks.run(t.name);
     });
+
+    if (isTruncated) {
+      const previewEl = row.querySelector(".task-card-preview");
+      const detailEl  = row.querySelector(".task-card-detail");
+      previewEl.addEventListener("click", e => {
+        e.stopPropagation();
+        const expanded = !detailEl.hidden;
+        detailEl.hidden = expanded;
+        row.classList.toggle("task-card-expanded", !expanded);
+      });
+    }
     const toggleBtn = row.querySelector(".task-btn-toggle");
     if (toggleBtn) {
       toggleBtn.addEventListener("click", e => {

data/lib/clacky/web/workspace.js

@@ -93,9 +93,71 @@ const Workspace = (() => {
       row.addEventListener("click", () => downloadFile(entry));
     }
 
+    row.addEventListener("contextmenu", (e) => {
+      e.preventDefault();
+      showContextMenu(e, entry);
+    });
+
     return node;
   }
 
+  function showContextMenu(e, entry) {
+    closeContextMenu();
+
+    const iconFolder = '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" 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>';
+
+    const menu = document.createElement("div");
+    menu.className = "wt-context-menu session-context-menu";
+    menu.innerHTML = `
+      <div class="session-actions-menu-item" data-action="reveal">
+        <span class="session-actions-menu-icon">${iconFolder}</span>
+        <span class="session-actions-menu-label">${t("workspace.revealInFinder")}</span>
+      </div>
+    `;
+
+    document.body.appendChild(menu);
+    menu.addEventListener("contextmenu", (e) => e.preventDefault());
+    menu.style.position = "fixed";
+    menu.style.top = e.clientY + "px";
+    menu.style.left = e.clientX + "px";
+    requestAnimationFrame(() => {
+      const r = menu.getBoundingClientRect();
+      if (r.right > window.innerWidth)   menu.style.left = (window.innerWidth - r.width - 8) + "px";
+      if (r.bottom > window.innerHeight) menu.style.top  = (window.innerHeight - r.height - 8) + "px";
+    });
+
+    menu.addEventListener("click", async (ev) => {
+      const item = ev.target.closest(".session-actions-menu-item");
+      if (!item) return;
+      closeContextMenu();
+      if (item.dataset.action === "reveal") await revealFile(entry);
+    });
+
+    setTimeout(() => {
+      document.addEventListener("click", closeContextMenu, { once: true });
+    }, 0);
+  }
+
+  function closeContextMenu() {
+    const existing = document.querySelector(".wt-context-menu");
+    if (existing) existing.remove();
+  }
+
+  async function revealFile(entry) {
+    const fullPath = _workingDir.replace(/\/+$/, "") + "/" + entry.path;
+    try {
+      const resp = await fetch("/api/file-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: fullPath, action: "reveal" })
+      });
+      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+    } catch (err) {
+      console.error("reveal failed:", err);
+      if (typeof Modal !== "undefined") Modal.toast(t("workspace.revealFailed"), "error");
+    }
+  }
+
   async function toggleDir(entry, caret, children) {
     const isOpen = caret.classList.contains("open");
     if (isOpen) {
@@ -208,5 +270,47 @@ const Workspace = (() => {
   };
 })();
 
+(function _initWorkspaceResize() {
+  const panel  = document.getElementById("workspace-panel");
+  const handle = document.getElementById("workspace-resize-handle");
+  if (!panel || !handle) return;
+
+  const MIN_W = 160;
+  const MAX_W = 600;
+
+  const saved = localStorage.getItem("workspace-width");
+  if (saved) {
+    const w = parseFloat(saved);
+    if (w >= MIN_W && w <= MAX_W) panel.style.setProperty("--workspace-width", w + "px");
+  }
+
+  let startX = 0;
+  let startW = 0;
+
+  handle.addEventListener("mousedown", (e) => {
+    e.preventDefault();
+    startX = e.clientX;
+    startW = parseFloat(getComputedStyle(panel).getPropertyValue("--workspace-width"));
+    handle.classList.add("active");
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+  });
+
+  document.addEventListener("mousemove", (e) => {
+    if (!handle.classList.contains("active")) return;
+    const dx = startX - e.clientX;
+    const newW = Math.min(MAX_W, Math.max(MIN_W, startW + dx));
+    panel.style.setProperty("--workspace-width", newW + "px");
+  });
+
+  document.addEventListener("mouseup", () => {
+    if (!handle.classList.contains("active")) return;
+    handle.classList.remove("active");
+    document.body.style.cursor = "";
+    document.body.style.userSelect = "";
+    localStorage.setItem("workspace-width", parseFloat(getComputedStyle(panel).getPropertyValue("--workspace-width")));
+  });
+})();
+
 document.addEventListener("DOMContentLoaded", () => Workspace.init());
 window.Workspace = Workspace;

metadata

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