openclacky 1.3.1 → 1.3.3

data/lib/clacky/web/version.js

@@ -1,449 +0,0 @@
-// ── Version — version check and upgrade flow ───────────────────────────────
-//
-// Badge states:
-//   (none)        → up-to-date, muted version text
-//   has-update    → amber pulsing dot: new version available
-//   is-upgrading  → spinning ring: gem install in progress
-//   needs-restart → orange bouncing dot: upgrade done, waiting for restart
-//   upgrade-done  → green check: restarted & reconnected successfully
-//
-// Flow:
-//   1. Page load → checkVersion() → badge shows version number
-//   2. needs_update: badge shows amber pulsing dot
-//   3. Click badge → fixed popover (confirm state)
-//   4. Click "Upgrade" → popover → progress state (live log)
-//   5. upgrade_complete (success) → badge: needs-restart; popover: restart button
-//   6. Click "Restart" → /api/restart → popover: reconnecting spinner
-//      → poll /api/version until server back → badge: upgrade-done (green ✓) → reload
-// ─────────────────────────────────────────────────────────────────────────
-
-const Version = (() => {
-  // ── State ──────────────────────────────────────────────────────────────
-  let _current        = null;
-  let _latest         = null;
-  let _needsUpdate    = false;
-  let _upgrading      = false;
-  let _needsRestart   = false;   // upgrade done, waiting for restart
-  let _reconnecting   = false;   // restart sent, polling for server to come back
-  let _upgradeDone    = false;   // restarted and reconnected successfully
-  let _restartFailed  = false;   // 30s passed, server still not responding
-  let _popoverOpen    = false;
-  let _reconnectTimer = null;
-  let _reconnectDeadline = 0;
-  let _logLines       = [];
-  let _cliCommand     = "openclacky";
-
-  const RECONNECT_TIMEOUT_MS = 30_000;
-
-  // ── DOM helpers ────────────────────────────────────────────────────────
-  const $  = id => document.getElementById(id);
-  const el = (tag, attrs = {}, ...children) => {
-    const e = document.createElement(tag);
-    Object.entries(attrs).forEach(([k, v]) => {
-      if (k === "className") e.className = v;
-      else if (k === "innerHTML") e.innerHTML = v;
-      else e.setAttribute(k, v);
-    });
-    children.forEach(c => c && e.appendChild(typeof c === "string" ? document.createTextNode(c) : c));
-    return e;
-  };
-
-  // ── Version check ──────────────────────────────────────────────────────
-  async function checkVersion() {
-    try {
-      const res  = await fetch("/api/version");
-      if (!res.ok) return;
-      const data = await res.json();
-      _current     = data.current;
-      _latest      = data.latest;
-      _needsUpdate = !!data.needs_update;
-      if (data.cli_command) _cliCommand = data.cli_command;
-      _renderBadge();
-    } catch (e) {
-      console.warn("[Version] check failed:", e);
-    }
-  }
-
-  // ── Badge render ───────────────────────────────────────────────────────
-  function _renderBadge() {
-    const badge         = $("version-badge");
-    const text          = $("version-text");
-    const dot           = $("version-update-dot");
-    const restartDot    = $("version-restart-dot");
-    const check         = $("version-done-check");
-    const spinner       = $("version-spinner");
-    if (!badge || !text) return;
-
-    text.textContent = _current ? `v${_current}` : "";
-
-    // Reset all indicators
-    if (dot)        dot.style.display        = "none";
-    if (restartDot) restartDot.style.display = "none";
-    if (check)      check.style.display      = "none";
-    if (spinner)    spinner.style.display    = "none";
-    badge.className = "version-badge";
-
-    if (_upgrading) {
-      // Spinning ring: gem install running
-      badge.classList.add("is-upgrading");
-      badge.title = I18n.t("upgrade.tooltip.upgrading");
-      if (spinner) spinner.style.display = "inline-block";
-    } else if (_needsRestart) {
-      // Orange bouncing dot: upgrade done, please restart
-      badge.classList.add("needs-restart");
-      badge.title = I18n.t("upgrade.tooltip.needs_restart");
-      if (restartDot) restartDot.style.display = "inline-block";
-    } else if (_upgradeDone) {
-      // Green check: restarted successfully
-      badge.classList.add("upgrade-done");
-      badge.title = I18n.t("upgrade.tooltip.done");
-      if (check) check.style.display = "inline-block";
-    } else if (_needsUpdate) {
-      // Amber pulsing dot: new version available
-      badge.classList.add("has-update");
-      badge.title = I18n.t("upgrade.tooltip.new", { latest: _latest });
-      if (dot) dot.style.display = "inline-block";
-    } else {
-      badge.title = I18n.t("upgrade.tooltip.ok", { current: _current });
-    }
-
-    badge.style.display = "flex";
-  }
-
-  // ── Popover (fixed, positioned above badge) ────────────────────────────
-  function _getOrCreatePopover() {
-    let pop = $("version-upgrade-popover");
-    if (pop) return pop;
-
-    pop = el("div", { id: "version-upgrade-popover", className: "vup" });
-    document.body.appendChild(pop);
-    return pop;
-  }
-
-  function _positionPopover() {
-    const badge = $("version-badge");
-    const pop   = $("version-upgrade-popover");
-    if (!badge || !pop) return;
-
-    const rect = badge.getBoundingClientRect();
-    // Appear above the badge, right-aligned to sidebar edge
-    pop.style.left   = rect.left + "px";
-    pop.style.bottom = (window.innerHeight - rect.top + 8) + "px";
-    pop.style.top    = "auto";
-  }
-
-  function _openPopover() {
-    if (_popoverOpen) { _positionPopover(); return; }
-    _popoverOpen = true;
-
-    const pop = _getOrCreatePopover();
-    pop.innerHTML = "";
-
-    if (_restartFailed) {
-      _renderRestartFailedState(pop);
-    } else if (_reconnecting) {
-      _renderReconnectState(pop);
-    } else if (_upgrading) {
-      _renderProgressState(pop);
-    } else if (_needsRestart) {
-      _renderDoneState(pop);
-    } else if (_upgradeDone) {
-      _renderDoneState(pop);
-    } else if (_needsUpdate) {
-      _renderConfirmState(pop);
-    } else {
-      _renderUpToDateState(pop);
-    }
-
-    pop.style.display = "block";
-    _positionPopover();
-
-    // Animate in
-    requestAnimationFrame(() => pop.classList.add("vup--visible"));
-  }
-
-  function _closePopover() {
-    // Don't allow closing while upgrading or waiting for server to come back
-    if (_upgrading || _reconnecting) return;
-    const pop = $("version-upgrade-popover");
-    if (!pop) return;
-    pop.classList.remove("vup--visible");
-    setTimeout(() => {
-      pop.style.display = "none";
-      _popoverOpen = false;
-    }, 180);
-  }
-
-  // ── Popover states ─────────────────────────────────────────────────────
-
-  /** State 0: already up to date */
-  function _renderUpToDateState(pop) {
-    pop.innerHTML = `
-      <p class="vup-up-to-date">
-        <span class="vup-check-icon">✓</span>
-        ${I18n.t("upgrade.tooltip.ok", { current: _current })}
-      </p>
-    `;
-    // Auto-close after 2 s so user doesn't need to click away
-    setTimeout(() => { if (_popoverOpen) _closePopover(); }, 2000);
-  }
-
-  /** State 1: confirm upgrade */
-  function _renderConfirmState(pop) {
-    pop.innerHTML = `
-      <p class="vup-desc">${I18n.t("upgrade.desc")}</p>
-      <p class="vup-versions">v${_current} <span class="vup-arrow">→</span> v${_latest}</p>
-      <div class="vup-actions">
-        <button id="vup-btn-upgrade" class="vup-btn-primary">${I18n.t("upgrade.btn.upgrade")}</button>
-        <button id="vup-btn-cancel"  class="vup-btn-cancel">${I18n.t("upgrade.btn.cancel")}</button>
-      </div>
-    `;
-    $("vup-btn-upgrade").addEventListener("click", () => _startUpgrade(pop));
-    $("vup-btn-cancel").addEventListener("click", _closePopover);
-  }
-
-  /** State 2: upgrading — show live log */
-  function _renderProgressState(pop) {
-    pop.innerHTML = `
-      <div class="vup-progress-header">
-        <span class="vup-installing-dot"></span>
-        <span class="vup-installing-label">${I18n.t("upgrade.installing")}</span>
-      </div>
-      <pre id="vup-log" class="vup-log"></pre>
-    `;
-    // Replay any logs already received
-    const logEl = $("vup-log");
-    if (logEl && _logLines.length) {
-      logEl.textContent = _logLines.join("\n");
-      logEl.scrollTop = logEl.scrollHeight;
-    }
-  }
-
-  /** State 3: done — show restart button */
-  function _renderDoneState(pop) {
-    pop.innerHTML = `
-      <div class="vup-done-header">
-        <span class="vup-done-icon">✓</span>
-        <span>${I18n.t("upgrade.done")}</span>
-      </div>
-      <button id="vup-btn-restart" class="vup-btn-restart">${I18n.t("upgrade.btn.restart")}</button>
-    `;
-    $("vup-btn-restart").addEventListener("click", _startRestart);
-  }
-
-  /** State 4: reconnecting after restart */
-  function _renderReconnectState(pop) {
-    pop.innerHTML = `
-      <div class="vup-reconnect">
-        <div class="vup-reconnect-spinner"></div>
-        <p class="vup-reconnect-msg">${I18n.t("upgrade.reconnecting")}</p>
-      </div>
-    `;
-  }
-
-  /** State 5: restart timed out — show both recovery paths (tray + CLI) */
-  function _renderRestartFailedState(pop) {
-    const safeCmd = String(_cliCommand).replace(/[&<>"']/g, c => (
-      { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c]
-    ));
-    const cmd = `<code class="vup-cmd">${safeCmd} server</code>`;
-    pop.innerHTML = `
-      <div class="vup-restart-failed">
-        <p class="vup-restart-failed-title">⚠ ${I18n.t("upgrade.restart.timeout.title")}</p>
-        <p class="vup-restart-failed-desc">${I18n.t("upgrade.restart.timeout.desc")}</p>
-        <ul class="vup-restart-failed-options">
-          <li>${I18n.t("upgrade.restart.timeout.tray")}</li>
-          <li>${I18n.t("upgrade.restart.timeout.cli", { cmd })}</li>
-        </ul>
-        <div class="vup-actions">
-          <button id="vup-btn-retry" class="vup-btn-primary">${I18n.t("upgrade.restart.timeout.retry")}</button>
-        </div>
-      </div>
-    `;
-    const retry = $("vup-btn-retry");
-    if (retry) retry.addEventListener("click", _retryReconnect);
-  }
-
-  // ── Upgrade ────────────────────────────────────────────────────────────
-  async function _startUpgrade(pop) {
-    if (_upgrading || _upgradeDone) return;
-    _upgrading  = true;
-    _logLines   = [];
-    _renderBadge();
-    _renderProgressState(pop);
-
-    try {
-      await fetch("/api/version/upgrade", { method: "POST" });
-    } catch (e) {
-      console.warn("[Version] upgrade request failed:", e);
-      _upgrading = false;
-      _renderBadge();
-    }
-  }
-
-  // ── Restart ────────────────────────────────────────────────────────────
-  async function _startRestart() {
-    _reconnecting = true;
-
-    // Ensure popover is open and showing the reconnect spinner
-    const pop = _getOrCreatePopover();
-    _renderReconnectState(pop);
-    if (!_popoverOpen) {
-      _popoverOpen = true;
-      pop.style.display = "block";
-      _positionPopover();
-      requestAnimationFrame(() => pop.classList.add("vup--visible"));
-    }
-
-    try {
-      fetch("/api/restart", { method: "POST" }).catch(() => {});
-    } catch (_) {}
-
-    _waitForReconnect();
-  }
-
-  function _waitForReconnect() {
-    if (_reconnectTimer) clearInterval(_reconnectTimer);
-    _reconnectDeadline = Date.now() + RECONNECT_TIMEOUT_MS;
-    setTimeout(() => {
-      _reconnectTimer = setInterval(async () => {
-        if (Date.now() > _reconnectDeadline) {
-          clearInterval(_reconnectTimer);
-          _reconnectTimer = null;
-          _reconnecting   = false;
-          _restartFailed  = true;
-          _renderBadge();
-          const pop = $("version-upgrade-popover");
-          if (pop && _popoverOpen) _renderRestartFailedState(pop);
-          return;
-        }
-        try {
-          const res = await fetch("/api/version", { cache: "no-store" });
-          if (res.ok) {
-            clearInterval(_reconnectTimer);
-            _reconnectTimer = null;
-            // Server is back — close popover, badge → green check, then reload
-            _reconnecting = false;
-            _needsRestart = false;
-            _upgradeDone  = true;
-            _renderBadge();
-            _closePopover();
-            setTimeout(() => window.location.reload(), 800);
-          }
-        } catch (_) { /* server not yet up */ }
-      }, 2000);
-    }, 2500);
-  }
-
-  function _retryReconnect() {
-    _restartFailed = false;
-    _reconnecting  = true;
-    const pop = $("version-upgrade-popover");
-    if (pop && _popoverOpen) _renderReconnectState(pop);
-    _renderBadge();
-    _waitForReconnect();
-  }
-
-  // ── WebSocket events ───────────────────────────────────────────────────
-  function _handleWsEvent(event) {
-    if (event.type === "upgrade_log") {
-      const line = event.line || "";
-      _logLines.push(line);
-      // Append to live log if popover is open
-      const logEl = $("vup-log");
-      if (logEl) {
-        logEl.textContent += (logEl.textContent ? "\n" : "") + line;
-        logEl.scrollTop = logEl.scrollHeight;
-      }
-    } else if (event.type === "upgrade_complete") {
-      _upgrading = false;
-      if (event.success) {
-        _needsUpdate  = false;
-        _needsRestart = true;   // badge: orange bouncing dot
-        _upgradeDone  = false;
-      }
-      // On failure, _needsUpdate stays true so badge stays amber
-      _renderBadge();
-      // Morph popover to done/error state
-      const pop = $("version-upgrade-popover");
-      if (pop && _popoverOpen) {
-        if (event.success) {
-          _renderDoneState(pop);
-        } else {
-          pop.innerHTML = `<p class="vup-error">${I18n.t("upgrade.failed")}</p>`;
-        }
-      }
-    }
-  }
-
-  // ── Init ───────────────────────────────────────────────────────────────
-  let _hoverTimer = null;
-
-  function init() {
-    const badge = $("version-badge");
-    if (badge) {
-      // Click still works (e.g. during reconnect to keep popover visible)
-      badge.addEventListener("click", e => {
-        e.stopPropagation();
-        if (_reconnecting) { if (!_popoverOpen) _openPopover(); return; }
-      });
-
-      // Hover to open
-      badge.addEventListener("mouseenter", () => {
-        if (!_current) return;
-        clearTimeout(_hoverTimer);
-        _openPopover();
-      });
-
-      // Leave badge or popover → close (with small delay so mouse can move to popover)
-      badge.addEventListener("mouseleave", () => {
-        _hoverTimer = setTimeout(() => {
-          const pop = $("version-upgrade-popover");
-          if (pop && pop.matches(":hover")) return;
-          _closePopover();
-        }, 200);
-      });
-    }
-
-    // Keep popover open while hovering it; close when leaving
-    document.addEventListener("mouseover", e => {
-      const pop = $("version-upgrade-popover");
-      if (pop && e.target.closest("#version-upgrade-popover")) {
-        clearTimeout(_hoverTimer);
-      }
-    });
-    document.addEventListener("mouseout", e => {
-      const pop = $("version-upgrade-popover");
-      if (!pop) return;
-      if (e.target.closest("#version-upgrade-popover") && !e.relatedTarget?.closest("#version-upgrade-popover") && !e.relatedTarget?.closest("#version-badge")) {
-        _hoverTimer = setTimeout(() => _closePopover(), 200);
-      }
-    });
-
-    // Click outside still closes (e.g. keyboard users, edge cases)
-    document.addEventListener("click", e => {
-      if (!e.target.closest("#version-badge") && !e.target.closest("#version-upgrade-popover")) {
-        if (_popoverOpen && !_upgrading && !_reconnecting) _closePopover();
-      }
-    });
-
-    // Reposition on window resize
-    window.addEventListener("resize", () => {
-      if (_popoverOpen) _positionPopover();
-    });
-
-    if (typeof WS !== "undefined") {
-      WS.onEvent(_handleWsEvent);
-    }
-
-    checkVersion();
-  }
-
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", init);
-  } else {
-    init();
-  }
-
-  return { checkVersion };
-})();

data/lib/clacky/web/workspace.js

@@ -1,212 +0,0 @@
-// Workspace panel — lazy file tree for the active session's working directory.
-// Lists one directory level at a time via GET /api/sessions/:id/files,
-// expands/collapses folders in place, and downloads files on click via
-// POST /api/file-action.
-"use strict";
-
-const Workspace = (() => {
-  const STORAGE_KEY = "clacky.workspace.open";
-
-  let _sessionId   = null;
-  let _workingDir  = null;
-  let _open        = false;
-
-  const $ = (id) => document.getElementById(id);
-  const t = (key) => (typeof I18n !== "undefined" ? I18n.t(key) : key);
-
-  const ICON_FOLDER = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>';
-  const ICON_FILE   = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
-  const ICON_CARET  = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>';
-
-  function formatSize(bytes) {
-    if (bytes == null) return "";
-    if (bytes < 1024) return `${bytes} B`;
-    const units = ["KB", "MB", "GB", "TB"];
-    let n = bytes / 1024, i = 0;
-    while (n >= 1024 && i < units.length - 1) { n /= 1024; i++; }
-    return `${n < 10 ? n.toFixed(1) : Math.round(n)} ${units[i]}`;
-  }
-
-  async function fetchEntries(relPath) {
-    const url = `/api/sessions/${encodeURIComponent(_sessionId)}/files?path=${encodeURIComponent(relPath || "")}`;
-    const resp = await fetch(url);
-    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
-    const data = await resp.json();
-    return data.entries || [];
-  }
-
-  function renderEntries(entries) {
-    const frag = document.createDocumentFragment();
-    if (!entries.length) {
-      const empty = document.createElement("div");
-      empty.className = "wt-empty";
-      empty.textContent = t("workspace.empty");
-      frag.appendChild(empty);
-      return frag;
-    }
-    for (const entry of entries) {
-      frag.appendChild(buildNode(entry));
-    }
-    return frag;
-  }
-
-  function buildNode(entry) {
-    const node = document.createElement("div");
-    node.className = "wt-node";
-
-    const row = document.createElement("div");
-    row.className = "wt-row";
-    row.title = entry.name;
-
-    const caret = document.createElement("span");
-    caret.className = "wt-caret" + (entry.type === "dir" ? "" : " leaf");
-    if (entry.type === "dir") caret.innerHTML = ICON_CARET;
-
-    const icon = document.createElement("span");
-    icon.className = "wt-icon";
-    icon.innerHTML = entry.type === "dir" ? ICON_FOLDER : ICON_FILE;
-
-    const name = document.createElement("span");
-    name.className = "wt-name";
-    name.textContent = entry.name;
-
-    row.appendChild(caret);
-    row.appendChild(icon);
-    row.appendChild(name);
-
-    if (entry.type === "file") {
-      const size = document.createElement("span");
-      size.className = "wt-size";
-      size.textContent = formatSize(entry.size);
-      row.appendChild(size);
-    }
-
-    node.appendChild(row);
-
-    if (entry.type === "dir") {
-      const children = document.createElement("div");
-      children.className = "wt-children";
-      children.style.display = "none";
-      node.appendChild(children);
-      row.addEventListener("click", () => toggleDir(entry, caret, children));
-    } else {
-      row.addEventListener("click", () => downloadFile(entry));
-    }
-
-    return node;
-  }
-
-  async function toggleDir(entry, caret, children) {
-    const isOpen = caret.classList.contains("open");
-    if (isOpen) {
-      caret.classList.remove("open");
-      children.style.display = "none";
-      return;
-    }
-    caret.classList.add("open");
-    children.style.display = "";
-    if (children.dataset.loaded === "1") return;
-
-    children.innerHTML = `<div class="wt-loading">${t("workspace.loading")}</div>`;
-    try {
-      const entries = await fetchEntries(entry.path);
-      children.innerHTML = "";
-      children.appendChild(renderEntries(entries));
-      children.dataset.loaded = "1";
-    } catch (err) {
-      console.error("workspace load failed:", err);
-      children.innerHTML = `<div class="wt-error">${t("workspace.error")}</div>`;
-    }
-  }
-
-  async function downloadFile(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: "download" })
-      });
-      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
-      const blob = await resp.blob();
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = entry.name;
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(url);
-    } catch (err) {
-      console.error("download failed:", err);
-      if (typeof Modal !== "undefined") Modal.toast(t("workspace.downloadFailed"), "error");
-    }
-  }
-
-  async function loadRoot() {
-    const tree = $("workspace-tree");
-    if (!tree || !_sessionId) return;
-    tree.innerHTML = `<div class="wt-loading">${t("workspace.loading")}</div>`;
-    try {
-      const entries = await fetchEntries("");
-      tree.innerHTML = "";
-      tree.appendChild(renderEntries(entries));
-    } catch (err) {
-      console.error("workspace load failed:", err);
-      tree.innerHTML = `<div class="wt-error">${t("workspace.error")}</div>`;
-    }
-  }
-
-  function applyOpenState() {
-    const panel = $("workspace-panel");
-    const opener = $("btn-workspace-open");
-    if (!panel) return;
-    const hasSession = !!_sessionId;
-    panel.classList.toggle("collapsed", !(_open && hasSession));
-    if (opener) opener.style.display = (!_open && hasSession) ? "" : "none";
-  }
-
-  function setOpen(open) {
-    _open = open;
-    try { localStorage.setItem(STORAGE_KEY, open ? "1" : "0"); } catch (_) {}
-    applyOpenState();
-    if (open) loadRoot();
-  }
-
-  return {
-    init() {
-      try { _open = localStorage.getItem(STORAGE_KEY) === "1"; } catch (_) { _open = false; }
-
-      const close   = $("btn-workspace-close");
-      const opener   = $("btn-workspace-open");
-      const refresh  = $("btn-workspace-refresh");
-      if (close)   close.addEventListener("click", () => setOpen(false));
-      if (opener)  opener.addEventListener("click", () => setOpen(true));
-      if (refresh) refresh.addEventListener("click", () => loadRoot());
-
-      applyOpenState();
-    },
-
-    // Called from Sessions.updateInfoBar whenever the active session changes.
-    // On a real session switch (from one session to another) we always collapse
-    // the panel: the file list is only ever loaded when the user explicitly
-    // expands it (which triggers a single refresh via setOpen), so the list is
-    // never shown stale across sessions. The first attach (no previous session)
-    // is not a switch and keeps the restored open state.
-    onSession(session) {
-      const newId  = session ? session.id : null;
-      const newDir = session ? session.working_dir : null;
-      const hadSession = _sessionId != null;
-      const changed = newId !== _sessionId || newDir !== _workingDir;
-      _sessionId  = newId;
-      _workingDir = newDir;
-      if (changed && hadSession && _open) setOpen(false);
-      applyOpenState();
-      // First attach with the panel restored open: load once.
-      if (!hadSession && _open && _sessionId) loadRoot();
-    }
-  };
-})();
-
-document.addEventListener("DOMContentLoaded", () => Workspace.init());
-window.Workspace = Workspace;