yaml-flow 7.1.0 → 8.0.1

package/browser/live-cards.js

@@ -1,55 +1,4 @@
-// live-cards.js — LiveCards v3: Node-based Board/Canvas engine
-//
-// Schema: Each node has { id } required; all else optional.
-//   id, meta, card_data, requires, provides, view
-//   Nodes with view render as cards; nodes with no view but with source_defs declared on the
-//   underlying card definition render as source pills in canvas mode (source_defs are runtime-only;
-//   they are not interpreted here).
-//   requires[] — upstream provider tokens; engine subscribes automatically
-//   provides[] — [{ bindTo, src }] explicit downstream token bindings
-//   computed_values — derived values produced by the runtime; rendered as-is, never recomputed here
-//
-// Rendering contract: this module renders derived state only. View bind paths resolve to one of
-//   card_data | requires | computed_values | runtime_state. Raw fetched-source payloads stay in the
-//   runtime and never reach the Board.
-//
-// Uses Bootstrap 5 for layout/forms, optional Chart.js for charts.
-//
-// API:
-//   const engine = LiveCard.init({ resolve, onPatch, onPatchState, onRefresh, onAction, getChatMessages, markdown, sanitize, chartLib });
-//   engine.render(node, el, opts?)     — render a card node into a DOM element
-//   engine.update(nodeId, patch)       — in-place update (status, re-render)
-//   engine.destroy(nodeId)             — tear down one node
-//   engine.destroyAll()                — tear down all
-//   engine.notify(nodeId, data?)       — signal change → downstream recompute
-//   engine.subscribe(nodeId, cb)       — listen for changes; returns unsub fn
-//   engine.appendChatMessage(nodeId, role, text)
-//   engine.registerRenderer(name, fn)
-//
-//   Reactive board (preferred): state in, view out. No destructive re-renders.
-//   const board = LiveCard.Board(engine, el, { initialState, getNodeIds, selectNode, mode?, canvas? });
-//   board.setState(nextState)          — diff vs prev; per-node updates only
-//   board.destroy()
-//
-//   Imperative core (advanced): direct node-list manipulation.
-//   const core = LiveCard.BoardCore(engine, el, { nodes, positions?, mode, canvas });
-//   core.add(node), core.remove(id), core.reorder(ids), core.updateNode(id, model)
-//   core.setMode('board'|'canvas'), core.setDevMode(flag), core.autoLayout(), core.clear(), core.destroy()
-
-// eslint-disable-next-line no-unused-vars
-var LiveCard = (function () {
-  'use strict';
-
-  // ===========================================================================
-  // CSS injection (once)
-  // ===========================================================================
-
-  let _cssInjected = false;
-  function _injectCSS() {
-    if (_cssInjected) return;
-    _cssInjected = true;
-    const s = document.createElement('style');
-    s.textContent = `
+(function(){'use strict';var lt=(function(){let Ye=false;function et(){if(Ye)return;Ye=true;let T=document.createElement("style");T.textContent=`
       .lc-card { position:relative; }
       .lc-status-dot { display:inline-block; width:8px; height:8px; border-radius:50%; flex-shrink:0; }
       .lc-metric-value { font-size:2rem; font-weight:700; line-height:1.2; }
@@ -128,2340 +77,21 @@ var LiveCard = (function () {
         .lc-chat-body { max-height:200px; }
         .lc-chat-bubble { max-width:95%; }
       }
-    `;
-    document.head.appendChild(s);
-  }
-
-  // ===========================================================================
-  // Global utilities
-  // ===========================================================================
-
-  const _escMap = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' };
-  function _esc(str) {
-    if (!str) return '';
-    return String(str).replace(/[&<>"']/g, ch => _escMap[ch]);
-  }
-
-  function _pathParts(path) {
-    if (!path || typeof path !== 'string') return [];
-    // Support both dot notation (a.b.c) and bracket notation (a.b[0].c).
-    return path.replace(/\[(\d+)\]/g, '.$1').split('.').filter(Boolean);
-  }
-
-  function _deepGet(obj, path) {
-    if (!path || !obj) return undefined;
-    const parts = _pathParts(path);
-    let cur = obj;
-    for (let i = 0; i < parts.length; i++) {
-      if (cur == null) return undefined;
-      cur = cur[parts[i]];
-    }
-    return cur;
-  }
-
-  function _deepSet(obj, path, value) {
-    const parts = _pathParts(path);
-    if (!parts.length) return;
-    let cur = obj;
-    for (let i = 0; i < parts.length - 1; i++) {
-      if (cur[parts[i]] == null || typeof cur[parts[i]] !== 'object') cur[parts[i]] = {};
-      cur = cur[parts[i]];
-    }
-    cur[parts[parts.length - 1]] = value;
-  }
-
-  function _statusDot(status) {
-    const colors = { fresh: 'var(--bs-success)', stale: 'var(--bs-warning)', error: 'var(--bs-danger)', loading: 'var(--bs-info)' };
-    return `<span class="lc-status-dot" style="background:${colors[status] || 'var(--bs-secondary)'}" title="${_esc(status || 'unknown')}"></span>`;
-  }
-
-  function _timeAgo(iso) {
-    if (!iso) return '';
-    const d = Math.floor((Date.now() - new Date(iso).getTime()) / 1000);
-    if (isNaN(d) || d < 0) return '';
-    if (d < 60) return d + 's ago';
-    if (d < 3600) return Math.floor(d / 60) + 'm ago';
-    if (d < 86400) return Math.floor(d / 3600) + 'h ago';
-    return Math.floor(d / 86400) + 'd ago';
-  }
-
-  function _parseThreshold(expr) {
-    const m = String(expr).match(/^(<=?|>=?|===?)\s*(.+)$/);
-    return m ? { op: m[1], value: parseFloat(m[2]) } : null;
-  }
-
-  function _evalThreshold(value, expr) {
-    const t = _parseThreshold(expr);
-    if (!t || isNaN(t.value)) return false;
-    switch (t.op) {
-      case '<':  return value < t.value;
-      case '<=': return value <= t.value;
-      case '>':  return value > t.value;
-      case '>=': return value >= t.value;
-      case '=': case '==': case '===': return value === t.value;
-    }
-    return false;
-  }
-
-  function _detectChartType(data) {
-    if (!data.length) return 'bar';
-    const s = data[0];
-    if (s.label !== undefined && s.value !== undefined && !s.x && !s.date) return 'pie';
-    if (s.x !== undefined || s.date !== undefined) return 'line';
-    return 'bar';
-  }
-
-  const _chartColors = ['#0d6efd','#198754','#ffc107','#dc3545','#6f42c1','#0dcaf0','#fd7e14','#20c997','#d63384','#6c757d'];
-
-  // ===========================================================================
-  // init — creates isolated engine instance
-  // ===========================================================================
-
-  function init(config) {
-    _injectCSS();
-
-    const cfg = {
-      resolve:      config.resolve,
-      onPatch:      config.onPatch      || function () {},
-      onPatchState: config.onPatchState || function () {},
-      onRefresh:    config.onRefresh    || null,
-      onChat:       config.onChat       || null,
-      markdown:     config.markdown     || null,
-      sanitize:     config.sanitize     || null,
-      chartLib:     config.chartLib     || null,
-      onAction:     config.onAction     || function () {},
-      getChatMessages: config.getChatMessages || null,
-    };
-
-    const _cleanup = {};    // nodeId → { ac, timers, charts, unsubs }
-    const _subs = {};       // nodeId → Set<callback>
-    const _etState = {};    // stateKey → { baseRows, journalRows|null }
-    const _formState = {};  // stateKey → { baseValues, journal }
-    const _notesState = {}; // stateKey → { baseContent, journal|null }
-    const _todoState = {};  // stateKey → { currentState, pending } for todo dirty tracking
-
-    /**
-     * Overlay a "Saving…" spinner over `el` while a patch is in-flight.
-     * The overlay is removed automatically on the next SSE re-render because
-     * every editable renderer does `el.innerHTML = …` on refresh.
-     */
-    function _showSavingOverlay(el) {
-      // Ensure the container is a positioned ancestor so the overlay can fill it.
-      if (getComputedStyle(el).position === 'static') el.style.position = 'relative';
-      const overlay = document.createElement('div');
-      overlay.className = 'lc-saving-overlay';
-      overlay.setAttribute('aria-live', 'polite');
-      overlay.style.cssText = [
-        'position:absolute', 'inset:0',
-        'background:rgba(255,255,255,0.78)',
-        'display:flex', 'align-items:center', 'justify-content:center',
-        'gap:0.5rem', 'z-index:20', 'border-radius:inherit',
-        'pointer-events:all',   // blocks all clicks on underlying inputs
-      ].join(';');
-      overlay.innerHTML =
-        '<span class="spinner-border spinner-border-sm text-primary" role="status" aria-hidden="true"></span>' +
-        '<span class="text-primary fw-medium small">Saving…</span>';
-      el.appendChild(overlay);
-    }
-    const _renderers = {}; // kind → fn
-    const _nodeEls = {};   // nodeId → { container, resultEl, uid }
-    const _chatModal = {
-      backdrop: null,
-      title: null,
-      body: null,
-      input: null,
-      fileInput: null,
-      staged: null,
-      sendBtn: null,
-      attachBtn: null,
-      closeBtn: null,
-      currentNodeId: null,
-      stagedFiles: [],
-      loading: false,
-    };
-    const _filesModal = {
-      backdrop: null,
-      title: null,
-      body: null,
-      staged: null,
-      fileInput: null,
-      dropzone: null,
-      uploadBtn: null,
-      attachBtn: null,
-      closeBtn: null,
-      currentNodeId: null,
-      stagedFiles: [],
-      pollingTimer: null,
-      loading: false,
-    };
-
-    // ---- Helpers ----
-
-    function _renderMd(text) {
-      if (!text) return '';
-      const html = cfg.markdown ? cfg.markdown(text) : _esc(text);
-      return cfg.sanitize ? cfg.sanitize(html) : html;
-    }
-
-    function _getCleanup(id) {
-      if (!_cleanup[id]) _cleanup[id] = { ac: new AbortController(), timers: [], charts: [], unsubs: [] };
-      return _cleanup[id];
-    }
-
-    function _ensureChatModal() {
-      if (_chatModal.backdrop) return;
-
-      const backdrop = document.createElement('div');
-      backdrop.className = 'lc-chat-modal-backdrop';
-      backdrop.innerHTML = '' +
-        '<div class="modal-dialog modal-lg modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Card chat">' +
-        '  <div class="modal-content bg-white">' +
-        '    <div class="modal-header border-bottom p-3 d-flex align-items-center justify-content-between">' +
-        '      <h5 class="modal-title lc-chat-modal-title">Chat</h5>' +
-        '      <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-chat-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
-        '    </div>' +
-        '    <div class="modal-body bg-light" data-lc-chat-body></div>' +
-        '    <div class="modal-footer flex-column align-items-stretch border-top p-3 gap-3">' +
-        '      <div data-lc-chat-staged class="small w-100"></div>' +
-        '      <input type="file" class="d-none" data-lc-chat-file multiple>' +
-        '      <div class="lc-chat-modal-input-row mt-2">' +
-        '        <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-chat-attach title="Attach files" aria-label="Attach files">' +
-        '          <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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>' +
-        '        </button>' +
-        '        <textarea class="form-control" data-lc-chat-input rows="1" placeholder="Type a message..."></textarea>' +
-        '        <button type="button" class="btn btn-sm btn-primary" data-lc-chat-send aria-label="Send">' +
-        '          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>' +
-        '        </button>' +
-        '      </div>' +
-        '    </div>' +
-        '  </div>' +
-        '</div>';
-
-      document.body.appendChild(backdrop);
-      _chatModal.backdrop = backdrop;
-      _chatModal.title = backdrop.querySelector('.lc-chat-modal-title');
-      _chatModal.body = backdrop.querySelector('[data-lc-chat-body]');
-      _chatModal.input = backdrop.querySelector('[data-lc-chat-input]');
-      _chatModal.fileInput = backdrop.querySelector('[data-lc-chat-file]');
-      _chatModal.staged = backdrop.querySelector('[data-lc-chat-staged]');
-      _chatModal.sendBtn = backdrop.querySelector('[data-lc-chat-send]');
-      _chatModal.attachBtn = backdrop.querySelector('[data-lc-chat-attach]');
-      _chatModal.closeBtn = backdrop.querySelector('[data-lc-chat-close]');
-
-      function resizeChatInput() {
-        if (!_chatModal.input) return;
-        _chatModal.input.style.height = 'auto';
-        _chatModal.input.style.height = Math.min(_chatModal.input.scrollHeight, 120) + 'px';
-      }
-
-      const close = function () {
-        _chatModal.currentNodeId = null;
-        _chatModal.stagedFiles = [];
-        _chatModal.staged.innerHTML = '';
-        _chatModal.input.value = '';
-        resizeChatInput();
-        _chatModal.backdrop.classList.remove('lc-open');
-      };
-
-      function renderStagedFiles() {
-        if (!_chatModal.stagedFiles.length) {
-          _chatModal.staged.innerHTML = '';
-          return;
-        }
-        _chatModal.staged.innerHTML = _chatModal.stagedFiles.map(function (f, i) {
-          return '<span class="badge text-bg-light border me-1 mb-1">' + _esc(f.name || 'file') +
-            ' <button type="button" class="btn btn-sm btn-link text-danger p-0 ms-1" data-lc-rm-file="' + i + '">&times;</button></span>';
-        }).join('');
-        _chatModal.staged.querySelectorAll('[data-lc-rm-file]').forEach(function (btn) {
-          btn.addEventListener('click', function () {
-            const idx = parseInt(btn.getAttribute('data-lc-rm-file') || '-1', 10);
-            if (idx >= 0) _chatModal.stagedFiles.splice(idx, 1);
-            renderStagedFiles();
-          });
-        });
-      }
-
-      async function sendMessage() {
-        if (_chatModal.loading || !_chatModal.currentNodeId) return;
-        const nodeId = _chatModal.currentNodeId;
-        const text = (_chatModal.input.value || '').trim();
-        const files = _chatModal.stagedFiles.slice();
-        if (!text && !files.length) return;
-
-        _chatModal.loading = true;
-        _chatModal.sendBtn.disabled = true;
-        _chatModal.attachBtn.disabled = true;
-
-        _appendPendingModalChatMessage(text);
-
-        _chatModal.input.value = '';
-        _chatModal.stagedFiles = [];
-        resizeChatInput();
-        renderStagedFiles();
-
-        try {
-          await Promise.resolve(cfg.onAction(nodeId, 'chat-send', { text, files }));
-        } catch (err) {
-          _clearPendingModalChatMessages();
-          _appendModalChatMessage('system', 'Failed to send message: ' + String((err && err.message) || err), []);
-        } finally {
-          _chatModal.loading = false;
-          _chatModal.sendBtn.disabled = false;
-          _chatModal.attachBtn.disabled = false;
-        }
-      }
-
-      _chatModal.closeBtn.addEventListener('click', close);
-      backdrop.addEventListener('click', function (evt) {
-        if (evt.target === backdrop) close();
-      });
-      _chatModal.attachBtn.addEventListener('click', function () {
-        _chatModal.fileInput.click();
-      });
-      _chatModal.fileInput.addEventListener('change', function (evt) {
-        const files = evt.target && evt.target.files ? Array.from(evt.target.files) : [];
-        for (const f of files) {
-          if (!_chatModal.stagedFiles.find(function (x) { return x.name === f.name && x.size === f.size && x.lastModified === f.lastModified; })) {
-            _chatModal.stagedFiles.push(f);
-          }
-        }
-        evt.target.value = '';
-        renderStagedFiles();
-      });
-      _chatModal.sendBtn.addEventListener('click', sendMessage);
-      _chatModal.input.addEventListener('input', resizeChatInput);
-      _chatModal.input.addEventListener('keydown', function (evt) {
-        if (evt.key === 'Enter' && !evt.shiftKey) {
-          evt.preventDefault();
-          sendMessage();
-        }
-      });
-      resizeChatInput();
-      document.addEventListener('keydown', function (evt) {
-        if (evt.key === 'Escape' && _chatModal.backdrop && _chatModal.backdrop.classList.contains('lc-open')) close();
-      });
-    }
-
-    function _normalizeChatMessages(rawMessages) {
-      const list = Array.isArray(rawMessages) ? rawMessages : [];
-      return list.map(function (msg) {
-        if (!msg || typeof msg !== 'object') return null;
-        const role = typeof msg.role === 'string' ? msg.role : 'system';
-        const text = typeof msg.text === 'string'
-          ? msg.text
-          : (typeof msg.message === 'string' ? msg.message : '');
-        const files = Array.isArray(msg.files) ? msg.files : [];
-        return { role: role.toLowerCase(), text, files };
-      }).filter(Boolean);
-    }
-
-    function _appendModalChatMessage(role, text, files) {
-      _ensureChatModal();
-      if (!_chatModal.body) return;
-      if (!text && !files) return; // skip empty messages
-
-      const normalizedRole = role === 'user' || role === 'assistant' ? role : 'system';
-      const roleClass = normalizedRole === 'user'
-        ? 'lc-chat-bubble-user'
-        : (normalizedRole === 'assistant' ? 'lc-chat-bubble-assistant' : 'lc-chat-bubble-system');
-
-      const bubble = document.createElement('div');
-      bubble.className = 'lc-chat-bubble ' + roleClass;
-
-      if (normalizedRole !== 'system') {
-        // SVG icons: person for user, sparkle-star for assistant
-        const userSvg = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg>';
-        const asstSvg = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>';
-        const iconEl = document.createElement('span');
-        iconEl.className = 'lc-chat-icon';
-        iconEl.setAttribute('aria-hidden', 'true');
-        iconEl.innerHTML = normalizedRole === 'user' ? userSvg : asstSvg;
-        bubble.appendChild(iconEl);
-      }
-
-      const content = document.createElement('div');
-      content.className = 'lc-chat-bubble-content';
-      if (normalizedRole === 'assistant') {
-        content.innerHTML = _renderMd(text || '');
-      } else {
-        content.textContent = text || '';
-      }
-
-      if (Array.isArray(files) && files.length) {
-        const meta = document.createElement('div');
-        meta.className = 'small mt-1 text-muted';
-        meta.textContent = '\uD83D\uDCCE ' + files.map(function (f) {
-          if (!f) return 'file';
-          return typeof f === 'string' ? f : (f.name || 'file');
-        }).join(', ');
-        content.appendChild(meta);
-      }
-
-      bubble.appendChild(content);
-      _chatModal.body.appendChild(bubble);
-      _chatModal.body.scrollTop = _chatModal.body.scrollHeight;
-    }
-
-    function _appendPendingModalChatMessage(text) {
-      _ensureChatModal();
-      if (!_chatModal.body) return;
-
-      const bubble = document.createElement('div');
-      bubble.className = 'lc-chat-bubble lc-chat-bubble-user lc-chat-bubble-pending';
-      bubble.setAttribute('data-lc-chat-pending', '1');
-      bubble.textContent = text || '';
-
-      const spinner = document.createElement('span');
-      spinner.className = 'spinner-border spinner-border-sm';
-      spinner.setAttribute('role', 'status');
-      spinner.setAttribute('aria-label', 'Sending');
-      bubble.appendChild(spinner);
-
-      _chatModal.body.appendChild(bubble);
-      _chatModal.body.scrollTop = _chatModal.body.scrollHeight;
-    }
-
-    function _clearPendingModalChatMessages() {
-      if (!_chatModal.body) return;
-      _chatModal.body.querySelectorAll('[data-lc-chat-pending="1"]').forEach(function (el) {
-        if (el && el.parentNode) el.parentNode.removeChild(el);
-      });
-    }
-
-    async function _refreshModalChatHistory(nodeId) {
-      if (_chatModal.currentNodeId !== nodeId) return;
-
-      const node = cfg.resolve(nodeId);
-      let messages = [];
-      if (typeof cfg.getChatMessages === 'function') {
-        try {
-          messages = await Promise.resolve(cfg.getChatMessages(nodeId));
-        } catch {
-          messages = [];
-        }
-      } else if (node && node.card_data && Array.isArray(node.card_data.messages)) {
-        messages = node.card_data.messages;
-      }
-
-      const normalized = _normalizeChatMessages(messages);
-      _chatModal.body.innerHTML = '';
-      if (!normalized.length) {
-        _chatModal.body.innerHTML = '<div class="text-muted small">No messages yet.</div>';
-        _syncProcessingBar(nodeId);
-        return;
-      }
-      normalized.forEach(function (m) { _appendModalChatMessage(m.role, m.text, m.files); });
-      _syncProcessingBar(nodeId);
-    }
-
-    function _syncProcessingBar(nodeId) {
-      if (!_chatModal.body) return;
-      const node = nodeId ? cfg.resolve(nodeId) : null;
-      const isProcessing = !!(node && node.card_data && node.card_data.__chat_signal && node.card_data.__chat_signal.processing);
-      let ind = _chatModal.body.querySelector('.lc-chat-processing');
-      if (isProcessing) {
-        if (!ind) {
-          ind = document.createElement('div');
-          ind.className = 'lc-chat-processing';
-          ind.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-label="AI working"></span><span>\u2728 AI working\u2026</span>';
-          _chatModal.body.appendChild(ind);
-        }
-        _chatModal.body.scrollTop = _chatModal.body.scrollHeight;
-      } else {
-        if (ind) ind.remove();
-      }
-    }
-
-    async function openChatModal(nodeId) {
-      _ensureChatModal();
-      const node = cfg.resolve(nodeId);
-      if (!node) return;
-      const title = (node.card && node.card.meta && node.card.meta.title) || node.id;
-      _chatModal.currentNodeId = nodeId;
-      _chatModal.title.textContent = 'Chat: ' + title;
-      _chatModal.body.innerHTML = '<div class="text-muted small">Loading...</div>';
-      _chatModal.backdrop.classList.add('lc-open');
-
-      // Disable input controls when card_data.features.chat.disabled is true
-      const chatDisabled = !!(node.card_data && node.card_data.features && node.card_data.features.chat && node.card_data.features.chat.disabled);
-      _chatModal.input.disabled = chatDisabled;
-      _chatModal.attachBtn.disabled = chatDisabled;
-      _chatModal.sendBtn.disabled = chatDisabled;
-      _chatModal.input.placeholder = chatDisabled ? 'Chat is disabled for this card.' : 'Type a message...';
-
-      if (!chatDisabled) _chatModal.input.focus();
-      await _refreshModalChatHistory(nodeId);
-    }
-
-    function _ensureFilesModal() {
-      if (_filesModal.backdrop) return;
-
-      const backdrop = document.createElement('div');
-      backdrop.className = 'lc-files-modal-backdrop';
-      backdrop.innerHTML = '' +
-        '<div class="modal-dialog modal-lg modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Card files">' +
-        '  <div class="modal-content bg-white">' +
-        '    <div class="modal-header border-bottom p-3 d-flex align-items-center justify-content-between">' +
-        '      <h5 class="modal-title lc-files-modal-title">Files</h5>' +
-        '      <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-files-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>' +
-        '    </div>' +
-        '    <div class="modal-body bg-light" data-lc-files-body></div>' +
-        '    <div class="modal-footer flex-column align-items-stretch border-top p-3 gap-3">' +
-        '      <div class="lc-dropzone border-2 border-dashed p-4 text-center cursor-pointer rounded" data-lc-files-dz>' +
-        '        <div class="small text-muted mb-2">Drop files here or click to browse</div>' +
-        '        <input type="file" class="d-none" data-lc-files-input multiple>' +
-        '      </div>' +
-        '      <div data-lc-files-staged class="small w-100 d-flex flex-wrap gap-2"></div>' +
-        '      <div class="d-flex justify-content-end gap-2 w-100">' +
-        '        <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-files-attach>Select files</button>' +
-        '        <button type="button" class="btn btn-sm btn-primary" data-lc-files-upload>Upload</button>' +
-        '      </div>' +
-        '    </div>' +
-        '  </div>' +
-        '</div>';
-
-      document.body.appendChild(backdrop);
-      _filesModal.backdrop = backdrop;
-      _filesModal.title = backdrop.querySelector('.lc-files-modal-title');
-      _filesModal.body = backdrop.querySelector('[data-lc-files-body]');
-      _filesModal.staged = backdrop.querySelector('[data-lc-files-staged]');
-      _filesModal.fileInput = backdrop.querySelector('[data-lc-files-input]');
-      _filesModal.dropzone = backdrop.querySelector('[data-lc-files-dz]');
-      _filesModal.uploadBtn = backdrop.querySelector('[data-lc-files-upload]');
-      _filesModal.attachBtn = backdrop.querySelector('[data-lc-files-attach]');
-      _filesModal.closeBtn = backdrop.querySelector('[data-lc-files-close]');
-
-      const close = function () {
-        _filesModal.currentNodeId = null;
-        _filesModal.stagedFiles = [];
-        _filesModal.staged.innerHTML = '';
-        _filesModal.backdrop.classList.remove('lc-open');
-        if (_filesModal.pollingTimer) {
-          clearInterval(_filesModal.pollingTimer);
-          _filesModal.pollingTimer = null;
-        }
-      };
-
-      function renderStagedFiles() {
-        if (!_filesModal.stagedFiles.length) {
-          _filesModal.staged.innerHTML = '';
-          return;
-        }
-        _filesModal.staged.innerHTML = _filesModal.stagedFiles.map(function (f, i) {
-          return '<span class="badge text-bg-light border me-1 mb-1">' + _esc(f.name || 'file') +
-            ' <button type="button" class="btn btn-sm btn-link text-danger p-0 ms-1" data-lc-files-rm="' + i + '">&times;</button></span>';
-        }).join('');
-        _filesModal.staged.querySelectorAll('[data-lc-files-rm]').forEach(function (btn) {
-          btn.addEventListener('click', function () {
-            const idx = parseInt(btn.getAttribute('data-lc-files-rm') || '-1', 10);
-            if (idx >= 0) _filesModal.stagedFiles.splice(idx, 1);
-            renderStagedFiles();
-          });
-        });
-      }
-
-      function addFiles(fileList) {
-        const files = Array.from(fileList || []);
-        for (const f of files) {
-          if (!_filesModal.stagedFiles.find(function (x) { return x.name === f.name && x.size === f.size && x.lastModified === f.lastModified; })) {
-            _filesModal.stagedFiles.push(f);
-          }
-        }
-        renderStagedFiles();
-      }
-
-      async function uploadFiles() {
-        if (_filesModal.loading || !_filesModal.currentNodeId || !_filesModal.stagedFiles.length) return;
-        const nodeId = _filesModal.currentNodeId;
-        const files = _filesModal.stagedFiles.slice();
-        _filesModal.loading = true;
-        _filesModal.uploadBtn.disabled = true;
-        _filesModal.attachBtn.disabled = true;
-        _filesModal.dropzone.classList.add('lc-disabled');
-
-        try {
-          await Promise.resolve(cfg.onAction(nodeId, 'file-upload', { files }));
-          _filesModal.stagedFiles = [];
-          renderStagedFiles();
-          _refreshFilesModalList(nodeId);
-        } catch (err) {
-          _filesModal.staged.innerHTML = '<span class="text-danger">Upload failed: ' + _esc(String((err && err.message) || err)) + '</span>';
-        } finally {
-          _filesModal.loading = false;
-          _filesModal.uploadBtn.disabled = false;
-          _filesModal.attachBtn.disabled = false;
-          _filesModal.dropzone.classList.remove('lc-disabled');
-        }
-      }
-
-      _filesModal.closeBtn.addEventListener('click', close);
-      backdrop.addEventListener('click', function (evt) {
-        if (evt.target === backdrop) close();
-      });
-      _filesModal.attachBtn.addEventListener('click', function () {
-        _filesModal.fileInput.click();
-      });
-      _filesModal.fileInput.addEventListener('change', function (evt) {
-        addFiles(evt.target && evt.target.files ? evt.target.files : []);
-        evt.target.value = '';
-      });
-      _filesModal.uploadBtn.addEventListener('click', uploadFiles);
-      _filesModal.dropzone.addEventListener('click', function () {
-        if (!_filesModal.loading) _filesModal.fileInput.click();
-      });
-      _filesModal.dropzone.addEventListener('dragover', function (evt) {
-        evt.preventDefault();
-        _filesModal.dropzone.classList.add('lc-drag-over');
-      });
-      _filesModal.dropzone.addEventListener('dragleave', function () {
-        _filesModal.dropzone.classList.remove('lc-drag-over');
-      });
-      _filesModal.dropzone.addEventListener('drop', function (evt) {
-        evt.preventDefault();
-        _filesModal.dropzone.classList.remove('lc-drag-over');
-        addFiles(evt.dataTransfer && evt.dataTransfer.files ? evt.dataTransfer.files : []);
-      });
-      document.addEventListener('keydown', function (evt) {
-        if (evt.key === 'Escape' && _filesModal.backdrop && _filesModal.backdrop.classList.contains('lc-open')) close();
-      });
-    }
-
-    function _currentNodeFiles(nodeId) {
-      const node = cfg.resolve(nodeId);
-      const files = node && node.card_data && Array.isArray(node.card_data.files) ? node.card_data.files : [];
-      return files.filter(Boolean);
-    }
-
-    function _refreshFilesModalList(nodeId) {
-      if (_filesModal.currentNodeId !== nodeId) return;
-      const files = _currentNodeFiles(nodeId);
-      if (!files.length) {
-        _filesModal.body.innerHTML = '<div class="alert alert-light border small mb-0">No files uploaded yet.</div>';
-        return;
-      }
-
-      let h = '<div class="list-group list-group-flush">';
-      files.forEach(function (f, idx) {
-        const fileName = f && (f.name || f.stored_name) ? (f.name || f.stored_name) : 'file';
-        const sizeText = f && typeof f.size === 'number' ? ('size: ' + f.size + ' bytes') : '';
-        const stored = f && f.stored_name ? String(f.stored_name) : '';
-        const dl = stored
-          ? '/api/example-board/server/cards/' + encodeURIComponent(nodeId) + '/files/' + idx + '?sn=' + encodeURIComponent(stored)
-          : null;
-        h += '<div class="list-group-item d-flex align-items-center justify-content-between gap-2">';
-        h += '<div class="text-truncate"><div class="small fw-medium">' + _esc(fileName) + '</div>';
-        h += '<div class="small text-muted">' + _esc(sizeText) + '</div></div>';
-        if (dl) {
-          h += '<a class="btn btn-sm btn-outline-secondary flex-shrink-0" href="' + dl + '">Download</a>';
-        }
-        h += '</div>';
-      });
-      h += '</div>';
-      _filesModal.body.innerHTML = h;
-    }
-
-    function openFilesModal(nodeId) {
-      _ensureFilesModal();
-      const node = cfg.resolve(nodeId);
-      if (!node) return;
-
-      const title = (node.card && node.card.meta && node.card.meta.title) || node.id;
-      _filesModal.currentNodeId = nodeId;
-      _filesModal.title.textContent = 'Files: ' + title;
-      _filesModal.backdrop.classList.add('lc-open');
-
-      // Disable upload controls when card_data.features.files.disabled is true
-      const filesDisabled = !!(node.card_data && node.card_data.features && node.card_data.features.files && node.card_data.features.files.disabled);
-      _filesModal.dropzone.classList.toggle('lc-disabled', filesDisabled);
-      _filesModal.attachBtn.disabled = filesDisabled;
-      _filesModal.uploadBtn.disabled = filesDisabled;
-      _filesModal.fileInput.disabled = filesDisabled;
-
-      _refreshFilesModalList(nodeId);
-
-      if (_filesModal.pollingTimer) clearInterval(_filesModal.pollingTimer);
-      _filesModal.pollingTimer = setInterval(function () {
-        _refreshFilesModalList(nodeId);
-      }, 1000);
-    }
-
-    function _resolveBind(node, bind) {
-      if (!bind || typeof bind !== 'string') return undefined;
-      const parts = _pathParts(bind);
-      if (!parts.length) return undefined;
-
-      const root = parts[0];
-      const rest = parts.slice(1).join('.');
-      const ns = {
-        card: node && node.card ? node.card : {},
-        card_data: node && node.card_data ? node.card_data : {},
-        requires: node && node.requires ? node.requires : {},
-        computed_values: node && node.computed_values ? node.computed_values : {},
-        runtime_state: node && node.runtime_state ? node.runtime_state : {},
-      };
-
-      if (!Object.prototype.hasOwnProperty.call(ns, root)) return undefined;
-      return rest ? _deepGet(ns[root], rest) : ns[root];
-    }
-
-    // ---- Pub/sub ----
-
-    function notify(nodeId, data) {
-      const cbs = _subs[nodeId];
-      if (cbs) cbs.forEach(cb => { try { cb(nodeId, data); } catch (e) { console.error('LiveCard notify error', e); } });
-    }
-
-    function subscribe(nodeId, cb) {
-      if (!_subs[nodeId]) _subs[nodeId] = new Set();
-      _subs[nodeId].add(cb);
-      return () => _subs[nodeId].delete(cb);
-    }
-
-    function _autoSubscribe(node) {
-      const requires = (node && node.card && Array.isArray(node.card.requires)) ? node.card.requires : [];
-      if (!requires.length) return;
-      const cleanup = _getCleanup(node.id);
-
-      // Resolve required tokens to upstream node IDs via provides declarations.
-      // Build a token→nodeId map from all nodes the engine knows about.
-      const tokenMap = {};
-      const allNodeIds = Object.keys(_subs).concat(Object.keys(_nodeEls));
-      allNodeIds.forEach(function(nid) {
-        const n = cfg.resolve(nid);
-        if (!n || !n.card) return;
-        var provides = (Array.isArray(n.card.provides) && n.card.provides.length)
-          ? n.card.provides.map(function(p) { return typeof p === 'string' ? p : (p.bindTo || p); })
-          : [n.id];
-        provides.forEach(function(tok) { tokenMap[tok] = n.id; });
-      });
-
-      // Subscribe to each upstream provider node (deduplicated)
-      const seen = {};
-      const upIds = [];
-      requires.forEach(function(token) {
-        var srcId = tokenMap[token] || token; // fallback: treat token as nodeId
-        if (!seen[srcId]) { seen[srcId] = true; upIds.push(srcId); }
-      });
-
-      cleanup.unsubs = upIds.map(upId => subscribe(upId, () => {
-        const info = _nodeEls[node.id];
-        if (!info || !info.resultEl) return;
-        const updated = cfg.resolve(node.id);
-        if (!updated) return;
-        _renderElements(updated, info.resultEl);
-        notify(node.id);
-      }));
-    }
-
-    // ===========================================================================
-    // Element renderers — each: (data, el, elemDef, node)
-    // ===========================================================================
-
-    // ---- table ----
-
-    function _renderTable(data, el, elemDef, node) {
-      const ed = elemDef.data || {};
-      if (!Array.isArray(data) || !data.length) {
-        el.innerHTML = `<p class="text-muted small">${_esc(ed.placeholder || 'No data')}</p>`;
-        return;
-      }
-
-      const limit = Math.min(data.length, ed.maxRows || 200);
-      const colSet = new Set();
-      for (let i = 0; i < Math.min(data.length, limit); i++) Object.keys(data[i]).forEach(k => colSet.add(k));
-      const cols = (ed.columns && ed.columns.length) ? ed.columns : [...colSet];
-      const sortable = ed.sortable !== false;
-
-      let sortCol = null, sortDir = 'asc';
-      const cleanup = _getCleanup(node.id);
-
-      function build() {
-        let rows = data.slice(0, limit);
-        if (sortCol !== null && sortable) {
-          rows = rows.slice().sort((a, b) => {
-            const av = a[cols[sortCol]], bv = b[cols[sortCol]];
-            if (av == null) return 1; if (bv == null) return -1;
-            if (typeof av === 'number' && typeof bv === 'number') return sortDir === 'asc' ? av - bv : bv - av;
-            return sortDir === 'asc' ? String(av).localeCompare(String(bv)) : String(bv).localeCompare(String(av));
-          });
-        }
-
-        let h = '<div class="table-responsive"><table class="table table-sm table-striped table-hover mb-0"><thead><tr>';
-        cols.forEach((c, i) => {
-          const arrow = sortCol === i ? (sortDir === 'asc' ? ' ↑' : ' ↓') : '';
-          const cursor = sortable ? ' style="cursor:pointer"' : '';
-          h += `<th class="small text-nowrap"${cursor} data-col="${i}">${_esc(c)}${arrow}</th>`;
-        });
-        h += '</tr></thead><tbody>';
-        rows.forEach(row => {
-          h += '<tr>';
-          cols.forEach(c => { const v = row[c]; h += `<td class="small">${_esc(v != null ? String(v) : '')}</td>`; });
-          h += '</tr>';
-        });
-        h += '</tbody></table></div>';
-        if (data.length > limit) h += `<p class="text-muted small mt-1">Showing ${limit} of ${data.length} rows</p>`;
-        el.innerHTML = h;
-
-        if (sortable) {
-          el.querySelectorAll('th[data-col]').forEach(th => {
-            th.addEventListener('click', () => {
-              const c = parseInt(th.dataset.col);
-              if (sortCol === c) sortDir = sortDir === 'asc' ? 'desc' : 'asc';
-              else { sortCol = c; sortDir = 'asc'; }
-              build();
-            }, { signal: cleanup.ac.signal });
-          });
-        }
-      }
-      build();
-    }
-
-    // ---- filter ----
-
-    function _renderFilter(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const writeTo = ed.writeTo;
-      const values = writeTo ? (_resolveBind(node, writeTo) || {}) : {};
-      const fields = (ed.fields && ed.fields.properties) || {};
-
-      const keys = (data && typeof data === 'object' && !Array.isArray(data)) ? Object.keys(data) : [];
-      if (!keys.length) { el.innerHTML = '<p class="text-muted small">No filter options</p>'; return; }
-
-      let h = '<div class="row g-2">';
-      keys.forEach(key => {
-        const options = Array.isArray(data[key]) ? data[key] : [];
-        const label = (fields[key] && fields[key].title) || key;
-        h += `<div class="col-12 col-sm-6 col-md-4"><label class="form-label small mb-1">${_esc(label)}</label>`;
-        h += `<select class="form-select form-select-sm" data-fk="${_esc(key)}"><option value="">All</option>`;
-        options.forEach(opt => {
-          const sel = String(opt) === String(values[key] || '') ? ' selected' : '';
-          h += `<option value="${_esc(String(opt))}"${sel}>${_esc(String(opt))}</option>`;
-        });
-        h += '</select></div>';
-      });
-      h += '</div>';
-      el.innerHTML = h;
-
-      el.querySelectorAll('select[data-fk]').forEach(sel => {
-        sel.addEventListener('change', () => {
-          const nv = {};
-          el.querySelectorAll('select[data-fk]').forEach(s => { if (s.value) nv[s.dataset.fk] = s.value; });
-          if (writeTo) _deepSet(node, writeTo, nv);
-          cfg.onPatchState(node.id, { fieldValues: nv });
-          notify(node.id, nv);
-        }, { signal });
-      });
-    }
-
-    // ---- metric ----
-
-    function _renderMetric(data, el, elemDef) {
-      let title = elemDef.label || '', value = '—', detail = '';
-      if (data && typeof data === 'object' && !Array.isArray(data)) {
-        title = data.title || data.label || data.metric || title;
-        value = data.value != null ? String(data.value) : '—';
-        detail = data.detail || '';
-      } else if (data != null) {
-        value = String(data);
-      }
-      let h = '<div class="text-center py-2">';
-      if (title) h += `<div class="text-muted small">${_esc(title)}</div>`;
-      h += `<div class="lc-metric-value">${_esc(value)}</div>`;
-      if (detail) h += `<div class="small mt-1">${_renderMd(detail)}</div>`;
-      h += '</div>';
-      el.innerHTML = h;
-    }
-
-    // ---- list ----
-
-    function _renderList(data, el, elemDef, node) {
-      const ed = elemDef.data || {};
-      if (data == null) { el.innerHTML = ''; return; }
-
-      if (typeof data === 'object' && !Array.isArray(data)) {
-        let h = '<dl class="row mb-0">';
-        Object.entries(data).forEach(([k, v]) => {
-          h += `<dt class="col-sm-5 small text-muted text-truncate">${_esc(k)}</dt>`;
-          h += `<dd class="col-sm-7 small mb-1">${_esc(v != null ? String(v) : '—')}</dd>`;
-        });
-        el.innerHTML = h + '</dl>';
-        return;
-      }
-
-      if (Array.isArray(data)) {
-        if (!data.length) { el.innerHTML = `<p class="text-muted small">${_esc(ed.placeholder || 'Empty')}</p>`; return; }
-        if (typeof data[0] === 'string' || typeof data[0] === 'number') {
-          const max = ed.maxRows || data.length;
-          let h = '<ul class="list-unstyled mb-0">';
-          data.slice(0, max).forEach(item => { h += `<li class="small mb-1">• ${_esc(String(item))}</li>`; });
-          el.innerHTML = h + '</ul>';
-          return;
-        }
-        _renderTable(data, el, elemDef, node);
-        return;
-      }
-
-      el.innerHTML = `<div class="small">${_renderMd(String(data))}</div>`;
-    }
-
-    // ---- chart ----
-
-    function _renderChart(data, el, elemDef, node) {
-      const ed = elemDef.data || {};
-      if (!cfg.chartLib) { _renderTable(data, el, elemDef, node); return; }
-      if (!Array.isArray(data) || !data.length) { el.innerHTML = '<p class="text-muted small">No chart data</p>'; return; }
-
-      const cleanup = _getCleanup(node.id);
-      const chartKey = elemDef.id || ('chart-' + Math.random().toString(36).slice(2, 8));
-      const existingIdx = cleanup.charts.findIndex(c => c.key === chartKey);
-      if (existingIdx >= 0) { cleanup.charts[existingIdx].inst.destroy(); cleanup.charts.splice(existingIdx, 1); }
-
-      const type = ed.chartType || _detectChartType(data);
-      el.innerHTML = '<div class="lc-chart-wrap"><canvas></canvas></div>';
-      const ctx = el.querySelector('canvas').getContext('2d');
-
-      let chartCfg;
-      if (type === 'pie' || type === 'doughnut') {
-        chartCfg = {
-          type,
-          data: {
-            labels: data.map(r => r.label || r.name || ''),
-            datasets: [{ data: data.map(r => r.value || 0), backgroundColor: _chartColors.slice(0, data.length) }],
-          },
-        };
-      } else if (type === 'line') {
-        chartCfg = {
-          type: 'line',
-          data: {
-            labels: data.map(r => r.x || r.date || r.label || ''),
-            datasets: [{ label: elemDef.label || 'Value', data: data.map(r => r.y || r.value || 0), borderColor: _chartColors[0], tension: 0.3, fill: false }],
-          },
-        };
-      } else {
-        const numKeys = Object.keys(data[0]).filter(k => typeof data[0][k] === 'number');
-        const labelKey = Object.keys(data[0]).find(k => typeof data[0][k] === 'string');
-        chartCfg = {
-          type: 'bar',
-          data: {
-            labels: data.map(r => r.label || r.name || (labelKey ? r[labelKey] : '')),
-            datasets: numKeys.map((k, i) => ({ label: k, data: data.map(r => r[k] || 0), backgroundColor: _chartColors[i % _chartColors.length] })),
-          },
-        };
-      }
-      chartCfg.options = Object.assign({
-        responsive: true,
-        maintainAspectRatio: false,
-        plugins: { legend: { position: data.length > 8 ? 'bottom' : 'right' } },
-      }, ed.chartOptions || {});
-
-      cleanup.charts.push({ key: chartKey, inst: new cfg.chartLib(ctx, chartCfg) });
-    }
-
-    // ---- form ----
-
-    function _renderForm(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const writeTo = ed.writeTo;
-      const schema = ed.fields || {};
-      const props = schema.properties || {};
-      const required = schema.required || [];
-
-      const stateKey = node.id + ':' + (ed.bind || writeTo || '');
-      const baseValues = (data && typeof data === 'object' && !Array.isArray(data)) ? Object.assign({}, data) : {};
-
-      if (!_formState[stateKey]) {
-        _formState[stateKey] = { baseValues, journal: {} };
-      } else {
-        _formState[stateKey].baseValues = baseValues;
-        Object.keys(_formState[stateKey].journal).forEach(key => {
-          if (_same(_formState[stateKey].journal[key], baseValues[key])) {
-            delete _formState[stateKey].journal[key];
-          }
-        });
-      }
-
-      const st = _formState[stateKey];
-
-      function _toInputValue(prop, inp) {
-        if (prop.type === 'boolean') return !!inp.checked;
-        if (prop.type === 'number' || prop.type === 'integer') return inp.value !== '' ? parseFloat(inp.value) : 0;
-        return inp.value;
-      }
-
-      function _same(a, b) {
-        return JSON.stringify(a) === JSON.stringify(b);
-      }
-
-      function getEffectiveValues() {
-        return Object.assign({}, st.baseValues, st.journal);
-      }
-
-      function isDirty() {
-        return Object.keys(st.journal).length > 0;
-      }
-
-      // Capture user edits into a journal overlay (only changed keys).
-      function captureJournal(form) {
-        form.querySelectorAll('[data-key]').forEach(inp => {
-          const k = inp.dataset.key;
-          const p = props[k];
-          if (!p) return;
-          const nextVal = _toInputValue(p, inp);
-          const baseVal = st.baseValues[k];
-          if (_same(nextVal, baseVal)) delete st.journal[k];
-          else st.journal[k] = nextVal;
-        });
-      }
-
-      const form = document.createElement('form');
-      form.className = 'row g-2';
-      form.noValidate = true;
-
-      Object.keys(props).forEach(key => {
-        const prop = props[key];
-        const isReq = required.indexOf(key) >= 0;
-        const compact = ['number', 'integer', 'boolean'].includes(prop.type) || prop.enum || prop.format === 'date';
-        const col = document.createElement('div');
-        col.className = compact ? 'col-12 col-md-6' : 'col-12';
-
-        let input;
-        if (prop.type === 'boolean') {
-          const wrap = document.createElement('div');
-          wrap.className = 'form-check mt-3';
-          input = document.createElement('input');
-          input.type = 'checkbox'; input.className = 'form-check-input';
-          const lbl = document.createElement('label');
-          lbl.className = 'form-check-label small'; lbl.textContent = prop.title || key;
-          wrap.appendChild(input); wrap.appendChild(lbl); col.appendChild(wrap);
-        } else {
-          const lbl = document.createElement('label');
-          lbl.className = 'form-label small mb-1'; lbl.textContent = prop.title || key;
-          col.appendChild(lbl);
-
-          if (prop.enum) {
-            input = document.createElement('select');
-            input.className = 'form-select form-select-sm';
-            prop.enum.forEach(o => { const opt = document.createElement('option'); opt.value = o; opt.textContent = o; input.appendChild(opt); });
-          } else if (prop.type === 'number' || prop.type === 'integer') {
-            input = document.createElement('input');
-            input.type = 'number'; input.className = 'form-control form-control-sm';
-            if (prop.minimum != null) input.min = prop.minimum;
-            if (prop.maximum != null) input.max = prop.maximum;
-            if (prop.type === 'integer') input.step = '1';
-          } else if (prop.format === 'date') {
-            input = document.createElement('input');
-            input.type = 'date'; input.className = 'form-control form-control-sm';
-          } else {
-            input = document.createElement('input');
-            input.type = 'text'; input.className = 'form-control form-control-sm';
-            if (prop.placeholder) input.placeholder = prop.placeholder;
-          }
-          col.appendChild(input);
-        }
-
-        input.dataset.key = key;
-        if (isReq) input.required = true;
-        // Populate from effective values (base bind overlaid by local journal).
-        const v = getEffectiveValues()[key];
-        if (v != null) {
-          if (prop.type === 'boolean') input.checked = !!v;
-          else if (prop.format === 'date') input.value = String(v).slice(0, 10);
-          else input.value = v;
-        }
-        form.appendChild(col);
-      });
-
-      const btnCol = document.createElement('div');
-      btnCol.className = 'col-12 mt-1';
-      const discardBtn = document.createElement('button');
-      discardBtn.type = 'button';
-      discardBtn.className = 'btn btn-sm btn-outline-secondary me-2' + (isDirty() ? '' : ' d-none');
-      discardBtn.textContent = 'Discard';
-      const btn = document.createElement('button');
-      btn.type = 'submit';
-      btn.className = 'btn btn-sm btn-primary' + (isDirty() ? '' : ' d-none');
-      btn.textContent = 'Save';
-      btnCol.appendChild(discardBtn);
-      btnCol.appendChild(btn);
-      form.appendChild(btnCol);
-
-      el.innerHTML = '';
-      el.appendChild(form);
-
-      // Real-time input → update journal + toggle Save/Discard buttons
-      form.addEventListener('input', () => {
-        captureJournal(form);
-        const dirty = isDirty();
-        btn.classList.toggle('d-none', !dirty);
-        discardBtn.classList.toggle('d-none', !dirty);
-      }, { signal });
-
-      form.addEventListener('submit', e => {
-        e.preventDefault();
-        if (!form.checkValidity()) { form.classList.add('was-validated'); return; }
-        captureJournal(form);
-        const nextValues = getEffectiveValues();
-        cfg.onPatchState(node.id, { fieldValues: nextValues });
-        btn.textContent = 'Saving...';
-        _showSavingOverlay(el);
-      }, { signal });
-
-      discardBtn.addEventListener('click', () => {
-        st.journal = {};
-        form.querySelectorAll('[data-key]').forEach(inp => {
-          const k = inp.dataset.key;
-          const p = props[k];
-          if (!p) return;
-          const v = st.baseValues[k];
-          if (p.type === 'boolean') inp.checked = !!v;
-          else if (p.format === 'date') inp.value = v != null ? String(v).slice(0, 10) : '';
-          else inp.value = v != null ? v : '';
-        });
-        discardBtn.classList.add('d-none');
-        btn.classList.add('d-none');
-      }, { signal });
-    }
-
-    // ---- notes ----
-
-    function _renderNotes(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const writeTo = ed.writeTo;
-      const incomingContent = typeof data === 'string' ? data : '';
-
-      // Base + journal overlay model:
-      // effective = journal when present, else baseContent from bind.
-      const stateKey = node.id + ':' + ((ed.bind || writeTo) || '');
-      if (!_notesState[stateKey]) {
-        _notesState[stateKey] = { baseContent: incomingContent, journal: null };
-      } else {
-        _notesState[stateKey].baseContent = incomingContent;
-        if (_notesState[stateKey].journal === incomingContent) {
-          _notesState[stateKey].journal = null;
-        }
-      }
-      const st = _notesState[stateKey];
-
-      function isDirty() {
-        return st.journal != null;
-      }
-
-      function getEffectiveContent() {
-        return st.journal != null ? st.journal : st.baseContent;
-      }
-
-      function setJournal(nextValue) {
-        st.journal = nextValue === st.baseContent ? null : nextValue;
-      }
-
-      el.innerHTML = `
-        <textarea class="form-control form-control-sm lc-notes-textarea" rows="8" placeholder="Write markdown...">${_esc(getEffectiveContent())}</textarea>
+    `,document.head.appendChild(T);}let tt={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function L(T){return T?String(T).replace(/[&<>"']/g,k=>tt[k]):""}function Be(T){return !T||typeof T!="string"?[]:T.replace(/\[(\d+)\]/g,".$1").split(".").filter(Boolean)}function nt(T,k){if(!k||!T)return;let I=Be(k),Y=T;for(let J=0;J<I.length;J++){if(Y==null)return;Y=Y[I[J]];}return Y}function Xe(T,k,I){let Y=Be(k);if(!Y.length)return;let J=T;for(let R=0;R<Y.length-1;R++)(J[Y[R]]==null||typeof J[Y[R]]!="object")&&(J[Y[R]]={}),J=J[Y[R]];J[Y[Y.length-1]]=I;}function Ke(T){return `<span class="lc-status-dot" style="background:${{fresh:"var(--bs-success)",stale:"var(--bs-warning)",error:"var(--bs-danger)",loading:"var(--bs-info)"}[T]||"var(--bs-secondary)"}" title="${L(T||"unknown")}"></span>`}function Je(T){if(!T)return "";let k=Math.floor((Date.now()-new Date(T).getTime())/1e3);return isNaN(k)||k<0?"":k<60?k+"s ago":k<3600?Math.floor(k/60)+"m ago":k<86400?Math.floor(k/3600)+"h ago":Math.floor(k/86400)+"d ago"}function at(T){let k=String(T).match(/^(<=?|>=?|===?)\s*(.+)$/);return k?{op:k[1],value:parseFloat(k[2])}:null}function Ue(T,k){let I=at(k);if(!I||isNaN(I.value))return  false;switch(I.op){case "<":return T<I.value;case "<=":return T<=I.value;case ">":return T>I.value;case ">=":return T>=I.value;case "=":case "==":case "===":return T===I.value}return  false}function st(T){if(!T.length)return "bar";let k=T[0];return k.label!==void 0&&k.value!==void 0&&!k.x&&!k.date?"pie":k.x!==void 0||k.date!==void 0?"line":"bar"}let Me=["#0d6efd","#198754","#ffc107","#dc3545","#6f42c1","#0dcaf0","#fd7e14","#20c997","#d63384","#6c757d"];function rt(T){et();let k={resolve:T.resolve,onPatch:T.onPatch||function(){},onPatchState:T.onPatchState||function(){},onRefresh:T.onRefresh||null,onChat:T.onChat||null,markdown:T.markdown||null,sanitize:T.sanitize||null,chartLib:T.chartLib||null,onAction:T.onAction||function(){},getChatMessages:T.getChatMessages||null,fileUrlBase:T.fileUrlBase||"/api/boards/default"},I={},Y={},J={},R={},D={},V={};function ie(e){getComputedStyle(e).position==="static"&&(e.style.position="relative");let t=document.createElement("div");t.className="lc-saving-overlay",t.setAttribute("aria-live","polite"),t.style.cssText=["position:absolute","inset:0","background:rgba(255,255,255,0.78)","display:flex","align-items:center","justify-content:center","gap:0.5rem","z-index:20","border-radius:inherit","pointer-events:all"].join(";"),t.innerHTML='<span class="spinner-border spinner-border-sm text-primary" role="status" aria-hidden="true"></span><span class="text-primary fw-medium small">Saving\u2026</span>',e.appendChild(t);}let P={},F={},c={backdrop:null,title:null,body:null,input:null,fileInput:null,staged:null,sendBtn:null,attachBtn:null,closeBtn:null,currentNodeId:null,stagedFiles:[],loading:false},x={backdrop:null,title:null,body:null,staged:null,fileInput:null,dropzone:null,uploadBtn:null,attachBtn:null,closeBtn:null,currentNodeId:null,stagedFiles:[],pollingTimer:null,loading:false};function Z(e){if(!e)return "";let t=k.markdown?k.markdown(e):L(e);return k.sanitize?k.sanitize(t):t}function X(e){return I[e]||(I[e]={ac:new AbortController,timers:[],charts:[],unsubs:[]}),I[e]}function de(){if(c.backdrop)return;let e=document.createElement("div");e.className="lc-chat-modal-backdrop",e.innerHTML='<div class="modal-dialog modal-lg modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Card chat">  <div class="modal-content bg-white">    <div class="modal-header border-bottom p-3 d-flex align-items-center justify-content-between">      <h5 class="modal-title lc-chat-modal-title">Chat</h5>      <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-chat-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>    </div>    <div class="modal-body bg-light" data-lc-chat-body></div>    <div class="modal-footer flex-column align-items-stretch border-top p-3 gap-3">      <div data-lc-chat-staged class="small w-100"></div>      <input type="file" class="d-none" data-lc-chat-file multiple>      <div class="lc-chat-modal-input-row mt-2">        <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-chat-attach title="Attach files" aria-label="Attach files">          <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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>        </button>        <textarea class="form-control" data-lc-chat-input rows="1" placeholder="Type a message..."></textarea>        <button type="button" class="btn btn-sm btn-primary" data-lc-chat-send aria-label="Send">          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>        </button>      </div>    </div>  </div></div>',document.body.appendChild(e),c.backdrop=e,c.title=e.querySelector(".lc-chat-modal-title"),c.body=e.querySelector("[data-lc-chat-body]"),c.input=e.querySelector("[data-lc-chat-input]"),c.fileInput=e.querySelector("[data-lc-chat-file]"),c.staged=e.querySelector("[data-lc-chat-staged]"),c.sendBtn=e.querySelector("[data-lc-chat-send]"),c.attachBtn=e.querySelector("[data-lc-chat-attach]"),c.closeBtn=e.querySelector("[data-lc-chat-close]");function t(){c.input&&(c.input.style.height="auto",c.input.style.height=Math.min(c.input.scrollHeight,120)+"px");}let a=function(){c.currentNodeId=null,c.stagedFiles=[],c.staged.innerHTML="",c.input.value="",t(),c.backdrop.classList.remove("lc-open");};function r(){if(!c.stagedFiles.length){c.staged.innerHTML="";return}c.staged.innerHTML=c.stagedFiles.map(function(n,l){return '<span class="badge text-bg-light border me-1 mb-1">'+L(n.name||"file")+' <button type="button" class="btn btn-sm btn-link text-danger p-0 ms-1" data-lc-rm-file="'+l+'">&times;</button></span>'}).join(""),c.staged.querySelectorAll("[data-lc-rm-file]").forEach(function(n){n.addEventListener("click",function(){let l=parseInt(n.getAttribute("data-lc-rm-file")||"-1",10);l>=0&&c.stagedFiles.splice(l,1),r();});});}async function p(){if(c.loading||!c.currentNodeId)return;let n=c.currentNodeId,l=(c.input.value||"").trim(),s=c.stagedFiles.slice();if(!(!l&&!s.length)){c.loading=true,c.sendBtn.disabled=true,c.attachBtn.disabled=true,B(l),c.input.value="",c.stagedFiles=[],t(),r();try{await Promise.resolve(k.onAction(n,"chat-send",{text:l,files:s}));}catch(d){U(),ae("system","Failed to send message: "+String(d&&d.message||d),[]);}finally{c.loading=false,c.sendBtn.disabled=false,c.attachBtn.disabled=false;}}}c.closeBtn.addEventListener("click",a),e.addEventListener("click",function(n){n.target===e&&a();}),c.attachBtn.addEventListener("click",function(){c.fileInput.click();}),c.fileInput.addEventListener("change",function(n){let l=n.target&&n.target.files?Array.from(n.target.files):[];for(let s of l)c.stagedFiles.find(function(d){return d.name===s.name&&d.size===s.size&&d.lastModified===s.lastModified})||c.stagedFiles.push(s);n.target.value="",r();}),c.sendBtn.addEventListener("click",p),c.input.addEventListener("input",t),c.input.addEventListener("keydown",function(n){n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),p());}),t(),document.addEventListener("keydown",function(n){n.key==="Escape"&&c.backdrop&&c.backdrop.classList.contains("lc-open")&&a();});}function Te(e){return (Array.isArray(e)?e:[]).map(function(a){if(!a||typeof a!="object")return null;let r=typeof a.role=="string"?a.role:"system",p=typeof a.text=="string"?a.text:typeof a.message=="string"?a.message:"",n=Array.isArray(a.files)?a.files:[];return {role:r.toLowerCase(),text:p,files:n}}).filter(Boolean)}function ae(e,t,a){if(de(),!c.body||!t&&!a)return;let r=e==="user"||e==="assistant"?e:"system",p=r==="user"?"lc-chat-bubble-user":r==="assistant"?"lc-chat-bubble-assistant":"lc-chat-bubble-system",n=document.createElement("div");if(n.className="lc-chat-bubble "+p,r!=="system"){let s='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/></svg>',d='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>',u=document.createElement("span");u.className="lc-chat-icon",u.setAttribute("aria-hidden","true"),u.innerHTML=r==="user"?s:d,n.appendChild(u);}let l=document.createElement("div");if(l.className="lc-chat-bubble-content",r==="assistant"?l.innerHTML=Z(t||""):l.textContent=t||"",Array.isArray(a)&&a.length){let s=document.createElement("div");s.className="small mt-1 text-muted",s.textContent="\u{1F4CE} "+a.map(function(d){return d?typeof d=="string"?d:d.name||"file":"file"}).join(", "),l.appendChild(s);}n.appendChild(l),c.body.appendChild(n),c.body.scrollTop=c.body.scrollHeight;}function B(e){if(de(),!c.body)return;let t=document.createElement("div");t.className="lc-chat-bubble lc-chat-bubble-user lc-chat-bubble-pending",t.setAttribute("data-lc-chat-pending","1"),t.textContent=e||"";let a=document.createElement("span");a.className="spinner-border spinner-border-sm",a.setAttribute("role","status"),a.setAttribute("aria-label","Sending"),t.appendChild(a),c.body.appendChild(t),c.body.scrollTop=c.body.scrollHeight;}function U(){c.body&&c.body.querySelectorAll('[data-lc-chat-pending="1"]').forEach(function(e){e&&e.parentNode&&e.parentNode.removeChild(e);});}async function G(e){if(c.currentNodeId!==e)return;let t=k.resolve(e),a=[];if(typeof k.getChatMessages=="function")try{a=await Promise.resolve(k.getChatMessages(e));}catch{a=[];}else t&&t.card_data&&Array.isArray(t.card_data.messages)&&(a=t.card_data.messages);let r=Te(a);if(c.body.innerHTML="",!r.length){c.body.innerHTML='<div class="text-muted small">No messages yet.</div>',le(e);return}r.forEach(function(p){ae(p.role,p.text,p.files);}),le(e);}function le(e){if(!c.body)return;let t=e?k.resolve(e):null,a=!!(t&&t.card_data&&t.card_data.__chat_signal&&t.card_data.__chat_signal.processing),r=c.body.querySelector(".lc-chat-processing");a?(r||(r=document.createElement("div"),r.className="lc-chat-processing",r.innerHTML='<span class="spinner-border spinner-border-sm" role="status" aria-label="AI working"></span><span>\u2728 AI working\u2026</span>',c.body.appendChild(r)),c.body.scrollTop=c.body.scrollHeight):r&&r.remove();}async function pe(e){de();let t=k.resolve(e);if(!t)return;let a=t.card&&t.card.meta&&t.card.meta.title||t.id;c.currentNodeId=e,c.title.textContent="Chat: "+a,c.body.innerHTML='<div class="text-muted small">Loading...</div>',c.backdrop.classList.add("lc-open");let r=!!(t.card_data&&t.card_data.features&&t.card_data.features.chat&&t.card_data.features.chat.disabled);c.input.disabled=r,c.attachBtn.disabled=r,c.sendBtn.disabled=r,c.input.placeholder=r?"Chat is disabled for this card.":"Type a message...",r||c.input.focus(),await G(e);}function Ne(){if(x.backdrop)return;let e=document.createElement("div");e.className="lc-files-modal-backdrop",e.innerHTML='<div class="modal-dialog modal-lg modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Card files">  <div class="modal-content bg-white">    <div class="modal-header border-bottom p-3 d-flex align-items-center justify-content-between">      <h5 class="modal-title lc-files-modal-title">Files</h5>      <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-files-close aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>    </div>    <div class="modal-body bg-light" data-lc-files-body></div>    <div class="modal-footer flex-column align-items-stretch border-top p-3 gap-3">      <div class="lc-dropzone border-2 border-dashed p-4 text-center cursor-pointer rounded" data-lc-files-dz>        <div class="small text-muted mb-2">Drop files here or click to browse</div>        <input type="file" class="d-none" data-lc-files-input multiple>      </div>      <div data-lc-files-staged class="small w-100 d-flex flex-wrap gap-2"></div>      <div class="d-flex justify-content-end gap-2 w-100">        <button type="button" class="btn btn-sm btn-outline-secondary" data-lc-files-attach>Select files</button>        <button type="button" class="btn btn-sm btn-primary" data-lc-files-upload>Upload</button>      </div>    </div>  </div></div>',document.body.appendChild(e),x.backdrop=e,x.title=e.querySelector(".lc-files-modal-title"),x.body=e.querySelector("[data-lc-files-body]"),x.staged=e.querySelector("[data-lc-files-staged]"),x.fileInput=e.querySelector("[data-lc-files-input]"),x.dropzone=e.querySelector("[data-lc-files-dz]"),x.uploadBtn=e.querySelector("[data-lc-files-upload]"),x.attachBtn=e.querySelector("[data-lc-files-attach]"),x.closeBtn=e.querySelector("[data-lc-files-close]");let t=function(){x.currentNodeId=null,x.stagedFiles=[],x.staged.innerHTML="",x.backdrop.classList.remove("lc-open"),x.pollingTimer&&(clearInterval(x.pollingTimer),x.pollingTimer=null);};function a(){if(!x.stagedFiles.length){x.staged.innerHTML="";return}x.staged.innerHTML=x.stagedFiles.map(function(n,l){return '<span class="badge text-bg-light border me-1 mb-1">'+L(n.name||"file")+' <button type="button" class="btn btn-sm btn-link text-danger p-0 ms-1" data-lc-files-rm="'+l+'">&times;</button></span>'}).join(""),x.staged.querySelectorAll("[data-lc-files-rm]").forEach(function(n){n.addEventListener("click",function(){let l=parseInt(n.getAttribute("data-lc-files-rm")||"-1",10);l>=0&&x.stagedFiles.splice(l,1),a();});});}function r(n){let l=Array.from(n||[]);for(let s of l)x.stagedFiles.find(function(d){return d.name===s.name&&d.size===s.size&&d.lastModified===s.lastModified})||x.stagedFiles.push(s);a();}async function p(){if(x.loading||!x.currentNodeId||!x.stagedFiles.length)return;let n=x.currentNodeId,l=x.stagedFiles.slice();x.loading=true,x.uploadBtn.disabled=true,x.attachBtn.disabled=true,x.dropzone.classList.add("lc-disabled");try{await Promise.resolve(k.onAction(n,"file-upload",{files:l})),x.stagedFiles=[],a(),oe(n);}catch(s){x.staged.innerHTML='<span class="text-danger">Upload failed: '+L(String(s&&s.message||s))+"</span>";}finally{x.loading=false,x.uploadBtn.disabled=false,x.attachBtn.disabled=false,x.dropzone.classList.remove("lc-disabled");}}x.closeBtn.addEventListener("click",t),e.addEventListener("click",function(n){n.target===e&&t();}),x.attachBtn.addEventListener("click",function(){x.fileInput.click();}),x.fileInput.addEventListener("change",function(n){r(n.target&&n.target.files?n.target.files:[]),n.target.value="";}),x.uploadBtn.addEventListener("click",p),x.dropzone.addEventListener("click",function(){x.loading||x.fileInput.click();}),x.dropzone.addEventListener("dragover",function(n){n.preventDefault(),x.dropzone.classList.add("lc-drag-over");}),x.dropzone.addEventListener("dragleave",function(){x.dropzone.classList.remove("lc-drag-over");}),x.dropzone.addEventListener("drop",function(n){n.preventDefault(),x.dropzone.classList.remove("lc-drag-over"),r(n.dataTransfer&&n.dataTransfer.files?n.dataTransfer.files:[]);}),document.addEventListener("keydown",function(n){n.key==="Escape"&&x.backdrop&&x.backdrop.classList.contains("lc-open")&&t();});}function te(e){let t=k.resolve(e);return (t&&t.card_data&&Array.isArray(t.card_data.files)?t.card_data.files:[]).filter(Boolean)}function oe(e){if(x.currentNodeId!==e)return;let t=te(e);if(!t.length){x.body.innerHTML='<div class="alert alert-light border small mb-0">No files uploaded yet.</div>';return}let a='<div class="list-group list-group-flush">';t.forEach(function(r,p){let n=r&&(r.name||r.stored_name)?r.name||r.stored_name:"file",l=r&&typeof r.size=="number"?"size: "+r.size+" bytes":"",s=r&&r.stored_name?String(r.stored_name):"",d=s?k.fileUrlBase+"/cards/"+encodeURIComponent(e)+"/files/"+p+"?sn="+encodeURIComponent(s):null;a+='<div class="list-group-item d-flex align-items-center justify-content-between gap-2">',a+='<div class="text-truncate"><div class="small fw-medium">'+L(n)+"</div>",a+='<div class="small text-muted">'+L(l)+"</div></div>",d&&(a+='<a class="btn btn-sm btn-outline-secondary flex-shrink-0" href="'+d+'">Download</a>'),a+="</div>";}),a+="</div>",x.body.innerHTML=a;}function xe(e){Ne();let t=k.resolve(e);if(!t)return;let a=t.card&&t.card.meta&&t.card.meta.title||t.id;x.currentNodeId=e,x.title.textContent="Files: "+a,x.backdrop.classList.add("lc-open");let r=!!(t.card_data&&t.card_data.features&&t.card_data.features.files&&t.card_data.features.files.disabled);x.dropzone.classList.toggle("lc-disabled",r),x.attachBtn.disabled=r,x.uploadBtn.disabled=r,x.fileInput.disabled=r,oe(e),x.pollingTimer&&clearInterval(x.pollingTimer),x.pollingTimer=setInterval(function(){oe(e);},1e3);}function ce(e,t){if(!t||typeof t!="string")return;let a=Be(t);if(!a.length)return;let r=a[0],p=a.slice(1).join("."),n={card:e&&e.card?e.card:{},card_data:e&&e.card_data?e.card_data:{},requires:e&&e.requires?e.requires:{},computed_values:e&&e.computed_values?e.computed_values:{},runtime_state:e&&e.runtime_state?e.runtime_state:{}};if(Object.prototype.hasOwnProperty.call(n,r))return p?nt(n[r],p):n[r]}function me(e,t){let a=Y[e];a&&a.forEach(r=>{try{r(e,t);}catch(p){console.error("LiveCard notify error",p);}});}function Ae(e,t){return Y[e]||(Y[e]=new Set),Y[e].add(t),()=>Y[e].delete(t)}function we(e){let t=e&&e.card&&Array.isArray(e.card.requires)?e.card.requires:[];if(!t.length)return;let a=X(e.id),r={};Object.keys(Y).concat(Object.keys(F)).forEach(function(s){let d=k.resolve(s);if(!(!d||!d.card)){var u=Array.isArray(d.card.provides)&&d.card.provides.length?d.card.provides.map(function(v){return typeof v=="string"?v:v.bindTo||v}):[d.id];u.forEach(function(v){r[v]=d.id;});}});let n={},l=[];t.forEach(function(s){var d=r[s]||s;n[d]||(n[d]=true,l.push(d));}),a.unsubs=l.map(s=>Ae(s,()=>{let d=F[e.id];if(!d||!d.resultEl)return;let u=k.resolve(e.id);u&&(Se(u,d.resultEl),me(e.id));}));}function Ee(e,t,a,r){let p=a.data||{};if(!Array.isArray(e)||!e.length){t.innerHTML=`<p class="text-muted small">${L(p.placeholder||"No data")}</p>`;return}let n=Math.min(e.length,p.maxRows||200),l=new Set;for(let w=0;w<Math.min(e.length,n);w++)Object.keys(e[w]).forEach(S=>l.add(S));let s=p.columns&&p.columns.length?p.columns:[...l],d=p.sortable!==false,u=null,v="asc",m=X(r.id);function C(){let w=e.slice(0,n);u!==null&&d&&(w=w.slice().sort((M,$)=>{let j=M[s[u]],_=$[s[u]];return j==null?1:_==null?-1:typeof j=="number"&&typeof _=="number"?v==="asc"?j-_:_-j:v==="asc"?String(j).localeCompare(String(_)):String(_).localeCompare(String(j))}));let S='<div class="table-responsive"><table class="table table-sm table-striped table-hover mb-0"><thead><tr>';s.forEach((M,$)=>{let j=u===$?v==="asc"?" \u2191":" \u2193":"";S+=`<th class="small text-nowrap"${d?' style="cursor:pointer"':""} data-col="${$}">${L(M)}${j}</th>`;}),S+="</tr></thead><tbody>",w.forEach(M=>{S+="<tr>",s.forEach($=>{let j=M[$];S+=`<td class="small">${L(j!=null?String(j):"")}</td>`;}),S+="</tr>";}),S+="</tbody></table></div>",e.length>n&&(S+=`<p class="text-muted small mt-1">Showing ${n} of ${e.length} rows</p>`),t.innerHTML=S,d&&t.querySelectorAll("th[data-col]").forEach(M=>{M.addEventListener("click",()=>{let $=parseInt(M.dataset.col);u===$?v=v==="asc"?"desc":"asc":(u=$,v="asc"),C();},{signal:m.ac.signal});});}C();}function Ce(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=l.writeTo,d=s?ce(r,s)||{}:{},u=l.fields&&l.fields.properties||{},v=e&&typeof e=="object"&&!Array.isArray(e)?Object.keys(e):[];if(!v.length){t.innerHTML='<p class="text-muted small">No filter options</p>';return}let m='<div class="row g-2">';v.forEach(C=>{let w=Array.isArray(e[C])?e[C]:[],S=u[C]&&u[C].title||C;m+=`<div class="col-12 col-sm-6 col-md-4"><label class="form-label small mb-1">${L(S)}</label>`,m+=`<select class="form-select form-select-sm" data-fk="${L(C)}"><option value="">All</option>`,w.forEach(M=>{let $=String(M)===String(d[C]||"")?" selected":"";m+=`<option value="${L(String(M))}"${$}>${L(String(M))}</option>`;}),m+="</select></div>";}),m+="</div>",t.innerHTML=m,t.querySelectorAll("select[data-fk]").forEach(C=>{C.addEventListener("change",()=>{let w={};t.querySelectorAll("select[data-fk]").forEach(S=>{S.value&&(w[S.dataset.fk]=S.value);}),s&&Xe(r,s,w),k.onPatchState(r.id,{fieldValues:w}),me(r.id,w);},{signal:n});});}function He(e,t,a){let r=a.label||"",p="\u2014",n="";e&&typeof e=="object"&&!Array.isArray(e)?(r=e.title||e.label||e.metric||r,p=e.value!=null?String(e.value):"\u2014",n=e.detail||""):e!=null&&(p=String(e));let l='<div class="text-center py-2">';r&&(l+=`<div class="text-muted small">${L(r)}</div>`),l+=`<div class="lc-metric-value">${L(p)}</div>`,n&&(l+=`<div class="small mt-1">${Z(n)}</div>`),l+="</div>",t.innerHTML=l;}function Le(e,t,a,r){let p=a.data||{};if(e==null){t.innerHTML="";return}if(typeof e=="object"&&!Array.isArray(e)){let n='<dl class="row mb-0">';Object.entries(e).forEach(([l,s])=>{n+=`<dt class="col-sm-5 small text-muted text-truncate">${L(l)}</dt>`,n+=`<dd class="col-sm-7 small mb-1">${L(s!=null?String(s):"\u2014")}</dd>`;}),t.innerHTML=n+"</dl>";return}if(Array.isArray(e)){if(!e.length){t.innerHTML=`<p class="text-muted small">${L(p.placeholder||"Empty")}</p>`;return}if(typeof e[0]=="string"||typeof e[0]=="number"){let n=p.maxRows||e.length,l='<ul class="list-unstyled mb-0">';e.slice(0,n).forEach(s=>{l+=`<li class="small mb-1">\u2022 ${L(String(s))}</li>`;}),t.innerHTML=l+"</ul>";return}Ee(e,t,a,r);return}t.innerHTML=`<div class="small">${Z(String(e))}</div>`;}function _e(e,t,a,r){let p=a.data||{};if(!k.chartLib){Ee(e,t,a,r);return}if(!Array.isArray(e)||!e.length){t.innerHTML='<p class="text-muted small">No chart data</p>';return}let n=X(r.id),l=a.id||"chart-"+Math.random().toString(36).slice(2,8),s=n.charts.findIndex(m=>m.key===l);s>=0&&(n.charts[s].inst.destroy(),n.charts.splice(s,1));let d=p.chartType||st(e);t.innerHTML='<div class="lc-chart-wrap"><canvas></canvas></div>';let u=t.querySelector("canvas").getContext("2d"),v;if(d==="pie"||d==="doughnut")v={type:d,data:{labels:e.map(m=>m.label||m.name||""),datasets:[{data:e.map(m=>m.value||0),backgroundColor:Me.slice(0,e.length)}]}};else if(d==="line")v={type:"line",data:{labels:e.map(m=>m.x||m.date||m.label||""),datasets:[{label:a.label||"Value",data:e.map(m=>m.y||m.value||0),borderColor:Me[0],tension:.3,fill:false}]}};else {let m=Object.keys(e[0]).filter(w=>typeof e[0][w]=="number"),C=Object.keys(e[0]).find(w=>typeof e[0][w]=="string");v={type:"bar",data:{labels:e.map(w=>w.label||w.name||(C?w[C]:"")),datasets:m.map((w,S)=>({label:w,data:e.map(M=>M[w]||0),backgroundColor:Me[S%Me.length]}))}};}v.options=Object.assign({responsive:true,maintainAspectRatio:false,plugins:{legend:{position:e.length>8?"bottom":"right"}}},p.chartOptions||{}),n.charts.push({key:l,inst:new k.chartLib(u,v)});}function ve(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=l.writeTo,d=l.fields||{},u=d.properties||{},v=d.required||[],m=r.id+":"+(l.bind||s||""),C=e&&typeof e=="object"&&!Array.isArray(e)?Object.assign({},e):{};R[m]?(R[m].baseValues=C,Object.keys(R[m].journal).forEach(b=>{M(R[m].journal[b],C[b])&&delete R[m].journal[b];})):R[m]={baseValues:C,journal:{}};let w=R[m];function S(b,f){return b.type==="boolean"?!!f.checked:b.type==="number"||b.type==="integer"?f.value!==""?parseFloat(f.value):0:f.value}function M(b,f){return JSON.stringify(b)===JSON.stringify(f)}function $(){return Object.assign({},w.baseValues,w.journal)}function j(){return Object.keys(w.journal).length>0}function _(b){b.querySelectorAll("[data-key]").forEach(f=>{let z=f.dataset.key,q=u[z];if(!q)return;let W=S(q,f),O=w.baseValues[z];M(W,O)?delete w.journal[z]:w.journal[z]=W;});}let H=document.createElement("form");H.className="row g-2",H.noValidate=true,Object.keys(u).forEach(b=>{let f=u[b],z=v.indexOf(b)>=0,q=["number","integer","boolean"].includes(f.type)||f.enum||f.format==="date",W=document.createElement("div");W.className=q?"col-12 col-md-6":"col-12";let O;if(f.type==="boolean"){let K=document.createElement("div");K.className="form-check mt-3",O=document.createElement("input"),O.type="checkbox",O.className="form-check-input";let ee=document.createElement("label");ee.className="form-check-label small",ee.textContent=f.title||b,K.appendChild(O),K.appendChild(ee),W.appendChild(K);}else {let K=document.createElement("label");K.className="form-label small mb-1",K.textContent=f.title||b,W.appendChild(K),f.enum?(O=document.createElement("select"),O.className="form-select form-select-sm",f.enum.forEach(ee=>{let re=document.createElement("option");re.value=ee,re.textContent=ee,O.appendChild(re);})):f.type==="number"||f.type==="integer"?(O=document.createElement("input"),O.type="number",O.className="form-control form-control-sm",f.minimum!=null&&(O.min=f.minimum),f.maximum!=null&&(O.max=f.maximum),f.type==="integer"&&(O.step="1")):f.format==="date"?(O=document.createElement("input"),O.type="date",O.className="form-control form-control-sm"):(O=document.createElement("input"),O.type="text",O.className="form-control form-control-sm",f.placeholder&&(O.placeholder=f.placeholder)),W.appendChild(O);}O.dataset.key=b,z&&(O.required=true);let fe=$()[b];fe!=null&&(f.type==="boolean"?O.checked=!!fe:f.format==="date"?O.value=String(fe).slice(0,10):O.value=fe),H.appendChild(W);});let ne=document.createElement("div");ne.className="col-12 mt-1";let Q=document.createElement("button");Q.type="button",Q.className="btn btn-sm btn-outline-secondary me-2"+(j()?"":" d-none"),Q.textContent="Discard";let se=document.createElement("button");se.type="submit",se.className="btn btn-sm btn-primary"+(j()?"":" d-none"),se.textContent="Save",ne.appendChild(Q),ne.appendChild(se),H.appendChild(ne),t.innerHTML="",t.appendChild(H),H.addEventListener("input",()=>{_(H);let b=j();se.classList.toggle("d-none",!b),Q.classList.toggle("d-none",!b);},{signal:n}),H.addEventListener("submit",b=>{if(b.preventDefault(),!H.checkValidity()){H.classList.add("was-validated");return}_(H);let f=$();k.onPatchState(r.id,{fieldValues:f}),se.textContent="Saving...",ie(t);},{signal:n}),Q.addEventListener("click",()=>{w.journal={},H.querySelectorAll("[data-key]").forEach(b=>{let f=b.dataset.key,z=u[f];if(!z)return;let q=w.baseValues[f];z.type==="boolean"?b.checked=!!q:z.format==="date"?b.value=q!=null?String(q).slice(0,10):"":b.value=q??"";}),Q.classList.add("d-none"),se.classList.add("d-none");},{signal:n});}function ue(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=l.writeTo,d=typeof e=="string"?e:"",u=r.id+":"+(l.bind||s||"");D[u]?(D[u].baseContent=d,D[u].journal===d&&(D[u].journal=null)):D[u]={baseContent:d,journal:null};let v=D[u];function m(){return v.journal!=null}function C(){return v.journal!=null?v.journal:v.baseContent}function w(_){v.journal=_===v.baseContent?null:_;}t.innerHTML=`
+        <textarea class="form-control form-control-sm lc-notes-textarea" rows="8" placeholder="Write markdown...">${L(C())}</textarea>
         <div class="mt-2">
-          <button class="btn btn-sm btn-outline-secondary me-2 lc-n-discard${isDirty() ? '' : ' d-none'}" type="button">Discard</button>
-          <button class="btn btn-sm btn-primary lc-n-save${isDirty() ? '' : ' d-none'}" type="button">Save</button>
-        </div>`;
-
-      const textarea = el.querySelector('.lc-notes-textarea');
-      const discardBtn = el.querySelector('.lc-n-discard');
-      const saveBtn = el.querySelector('.lc-n-save');
-
-      function syncDirtyButtons() {
-        const dirty = isDirty();
-        saveBtn.classList.toggle('d-none', !dirty);
-        discardBtn.classList.toggle('d-none', !dirty);
-      }
-
-      textarea.addEventListener('input', () => {
-        setJournal(textarea.value);
-        syncDirtyButtons();
-      }, { signal });
-
-      saveBtn.addEventListener('click', () => {
-        const nextValue = textarea.value;
-        // Wrap in a named key so spread into card_data gives card_data.notes = "..."
-        // (same dict pattern as form/filter; writeTo is not required).
-        cfg.onPatchState(node.id, { fieldValues: { notes: nextValue } });
-        saveBtn.textContent = 'Saving...';
-        _showSavingOverlay(el);
-      }, { signal });
-
-      discardBtn.addEventListener('click', () => {
-        st.journal = null;
-        textarea.value = st.baseContent || '';
-        syncDirtyButtons();
-      }, { signal });
-    }
-
-    // ---- todo ----
-
-    // ---- editable-table ----
-    // Renders an array bound via `data.bind` as an inline-editable table.
-    // Each row is editable in-place; changes are saved on blur (change event).
-    // `data.writeTo` persists changes back to card_data (same pattern as form).
-    // `data.columns` restricts which columns appear (and in what order).
-    // `data.schema.properties[col].type` ("number"/"integer") controls input type.
-    // `data.addRow` (default true) shows "+ Add row" button.
-    // `data.deleteRow` (default true) shows per-row delete button.
-    function _renderEditableTable(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      // Standard convention:
-      // - bind = read source
-      // - writeTo = explicit write target for editable views
-      // If bind already points at card_data, default writeTo to bind.
-      const writeTo = ed.writeTo || ((typeof ed.bind === 'string' && ed.bind.startsWith('card_data.')) ? ed.bind : undefined);
-      const schemaProps = (ed.schema && ed.schema.properties) || {};
-      const canAdd    = ed.addRow    !== false;
-      const canDelete = ed.deleteRow !== false;
-
-      // Derive columns from rows if not specified
-      function getCols(rows) {
-        if (ed.columns && ed.columns.length) return ed.columns;
-        const s = new Set();
-        rows.forEach(r => { if (r && typeof r === 'object') Object.keys(r).forEach(k => s.add(k)); });
-        return [...s];
-      }
-
-      // Base + journal overlay model:
-      // effectiveRows = journalRows if present, else baseRows(bind).
-      // Dirty is determined by journal presence (supports Save/Discard UX).
-      const stateKey = node.id + ':' + (ed.bind || writeTo || '');
-      const incomingRows = Array.isArray(data) ? data : [];
-      const incomingCopy = incomingRows.map(r => Object.assign({}, r));
-
-      if (!_etState[stateKey]) {
-        _etState[stateKey] = { baseRows: incomingCopy, journalRows: null };
-      } else {
-        _etState[stateKey].baseRows = incomingCopy;
-        if (_etState[stateKey].journalRows && JSON.stringify(_etState[stateKey].journalRows) === JSON.stringify(incomingCopy)) {
-          _etState[stateKey].journalRows = null;
-        }
-      }
-
-      const st = _etState[stateKey];
-
-      function isDirty() {
-        return Array.isArray(st.journalRows);
-      }
-
-      function getEffectiveRows() {
-        const rows = Array.isArray(st.journalRows) ? st.journalRows : st.baseRows;
-        return rows.map(r => Object.assign({}, r));
-      }
-
-      function updateJournal(nextRows) {
-        if (JSON.stringify(nextRows) === JSON.stringify(st.baseRows)) st.journalRows = null;
-        else st.journalRows = nextRows.map(r => Object.assign({}, r));
-      }
-
-      function markDirty() {
-        const saveBtn = el.querySelector('.lc-et-save');
-        const discardBtn = el.querySelector('.lc-et-discard');
-        if (saveBtn) saveBtn.classList.remove('d-none');
-        if (discardBtn) discardBtn.classList.remove('d-none');
-      }
-
-      function commitSave() {
-        const rows = getEffectiveRows();
-        cfg.onPatchState(node.id, { fieldValues: rows });
-        const saveBtn = el.querySelector('.lc-et-save');
-        if (saveBtn) saveBtn.textContent = 'Saving...';
-        _showSavingOverlay(el);
-      }
-
-      function commitDiscard() {
-        st.journalRows = null;
-        build();
-      }
-
-      function build() {
-        const rows = getEffectiveRows();
-        const cols = getCols(rows);
-
-        if (!cols.length && !canAdd) {
-          el.innerHTML = `<p class="text-muted small">${_esc(ed.placeholder || 'No data')}</p>`;
-          return;
-        }
-
-        let h = '<div class="table-responsive"><table class="table table-sm table-bordered mb-0 lc-editable-table"><thead><tr>';
-        cols.forEach(c => { h += `<th class="small text-nowrap">${_esc(c)}</th>`; });
-        if (canDelete) h += '<th style="width:2rem"></th>';
-        h += '</tr></thead><tbody>';
-
-        rows.forEach((row, rowIdx) => {
-          h += `<tr>`;
-          cols.forEach(c => {
-            const v    = row[c];
-            const prop = schemaProps[c] || {};
-            const isNum = prop.type === 'number' || prop.type === 'integer' || (v != null && typeof v === 'number');
-            const displayVal = v != null ? String(v) : '';
-            h += `<td class="p-0">` +
-              `<input type="${isNum ? 'number' : 'text'}" ` +
-              `class="form-control form-control-sm border-0 rounded-0 lc-et-cell" ` +
-              `data-row="${rowIdx}" data-col="${_esc(c)}" value="${_esc(displayVal)}"` +
-              `${isNum ? ' step="any"' : ''}>` +
-              `</td>`;
-          });
-          if (canDelete) {
-            h += `<td class="text-center align-middle p-0">` +
-              `<button class="btn btn-sm btn-link text-danger p-0 lc-et-del" data-row="${rowIdx}" title="Remove row">✕</button>` +
-              `</td>`;
-          }
-          h += '</tr>';
-        });
-
-        if (!rows.length) {
-          const span = cols.length + (canDelete ? 1 : 0);
-          h += `<tr><td colspan="${span}" class="text-muted small text-center">${_esc(ed.placeholder || 'No rows')}</td></tr>`;
-        }
-
-        h += '</tbody></table></div>';
-        let footer = '';
-        if (canAdd) footer += '<button class="btn btn-sm btn-outline-secondary mt-1 me-1 lc-et-add">+ Add row</button>';
-        footer += `<button class="btn btn-sm btn-outline-secondary mt-1 me-1 lc-et-discard${isDirty() ? '' : ' d-none'}">Discard</button>`;
-        footer += `<button class="btn btn-sm btn-primary mt-1 lc-et-save${isDirty() ? '' : ' d-none'}">Save</button>`;
-        el.innerHTML = h + footer;
-
-        // Cell edit → update journal overlay and toggle Save/Discard.
-        el.querySelectorAll('.lc-et-cell').forEach(inp => {
-          inp.addEventListener('change', () => {
-            const rowIdx  = parseInt(inp.dataset.row);
-            const colName = inp.dataset.col;
-            const prop    = schemaProps[colName] || {};
-            const isNum   = prop.type === 'number' || prop.type === 'integer' || inp.type === 'number';
-            const nextRows = getEffectiveRows();
-            if (!nextRows[rowIdx]) return;
-            nextRows[rowIdx] = Object.assign({}, nextRows[rowIdx]);
-            nextRows[rowIdx][colName] = isNum ? (inp.value !== '' ? parseFloat(inp.value) : 0) : inp.value;
-            updateJournal(nextRows);
-            if (isDirty()) markDirty();
-            else {
-              const saveBtn = el.querySelector('.lc-et-save');
-              const discardBtn = el.querySelector('.lc-et-discard');
-              if (saveBtn) saveBtn.classList.add('d-none');
-              if (discardBtn) discardBtn.classList.add('d-none');
-            }
-          }, { signal });
-        });
-
-        // Delete row — updates journal and rebuilds.
-        el.querySelectorAll('.lc-et-del').forEach(btn => {
-          btn.addEventListener('click', () => {
-            const rowIdx = parseInt(btn.dataset.row);
-            const nextRows = getEffectiveRows().filter((_, i) => i !== rowIdx);
-            updateJournal(nextRows);
-            build();
-          }, { signal });
-        });
-
-        // Add row — appends blank row to journal and rebuilds.
-        const addBtn = el.querySelector('.lc-et-add');
-        if (addBtn) {
-          addBtn.addEventListener('click', () => {
-            const newRow = {};
-            const nextRows = getEffectiveRows();
-            getCols(nextRows).forEach(c => { newRow[c] = ''; });
-            nextRows.push(newRow);
-            updateJournal(nextRows);
-            build();
-          }, { signal });
-        }
-
-        // Save/Discard controls.
-        const discardBtn = el.querySelector('.lc-et-discard');
-        if (discardBtn) {
-          discardBtn.addEventListener('click', () => {
-            commitDiscard();
-          }, { signal });
-        }
-
-        const saveBtn = el.querySelector('.lc-et-save');
-        if (saveBtn) {
-          saveBtn.addEventListener('click', () => {
-            commitSave();
-            saveBtn.textContent = '✓ Saved';
-            setTimeout(() => { saveBtn.textContent = 'Save'; }, 1500);
-          }, { signal });
-        }
-      }
-
-      build();
-    }
-
-    // ---- todo ----
-
-    function _renderTodo(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const writeTo = ed.writeTo;
-
-      // --- Journal-style dirty tracking ---
-      // currentState = last confirmed server state; pending = local working copy
-      // On SSE re-render: if dirty (action in-flight), keep pending; if clean, sync from server
-      const stateKey = node.id + ':' + (writeTo || '');
-      const incomingItems = Array.isArray(data) ? data.map(r => Object.assign({}, r)) : [];
-
-      if (!_todoState[stateKey]) {
-        _todoState[stateKey] = { currentState: incomingItems, pending: incomingItems.map(r => Object.assign({}, r)) };
-      } else {
-        const s = _todoState[stateKey];
-        const wasDirty = JSON.stringify(s.currentState) !== JSON.stringify(s.pending);
-        s.currentState = incomingItems;
-        if (!wasDirty) s.pending = incomingItems.map(r => Object.assign({}, r));
-        // if dirty, pending stays so in-flight changes survive the SSE tick
-      }
-      const st = _todoState[stateKey];
-
-      function save() {
-        if (writeTo) _deepSet(node, writeTo, st.pending);
-        cfg.onPatchState(node.id, { fieldValues: st.pending });
-        notify(node.id, st.pending);
-        // mark clean after save so next SSE sync resumes normally
-        st.currentState = st.pending.map(r => Object.assign({}, r));
-      }
-
-      function build() {
-        const items = st.pending;
-        let h = '<div class="lc-todo-list">';
-        items.forEach((item, i) => {
-          const chk = item.done ? ' checked' : '';
-          const strike = item.done ? ' text-decoration-line-through text-muted' : '';
-          h += `<div class="lc-todo-item">`;
-          h += `<input class="form-check-input flex-shrink-0" type="checkbox"${chk} data-idx="${i}">`;
-          h += `<span class="small flex-grow-1${strike}">${_esc(item.text)}</span>`;
-          h += `<button class="btn btn-sm btn-link text-danger p-0" data-rm="${i}" title="Remove">×</button></div>`;
-        });
-        h += '</div>';
-        h += '<div class="input-group input-group-sm mt-2"><input type="text" class="form-control" placeholder="Add item...">';
-        h += '<button class="btn btn-outline-secondary lc-todo-add">+</button></div>';
-        el.innerHTML = h;
-
-        el.querySelectorAll('input[data-idx]').forEach(cb => {
-          cb.addEventListener('change', () => {
-            st.pending[parseInt(cb.dataset.idx)].done = cb.checked;
-            save(); build();
-          }, { signal });
-        });
-        el.querySelectorAll('[data-rm]').forEach(btn => {
-          btn.addEventListener('click', () => {
-            st.pending.splice(parseInt(btn.dataset.rm), 1);
-            save(); build();
-          }, { signal });
-        });
-        const addInput = el.querySelector('.input-group input');
-        const addBtn = el.querySelector('.lc-todo-add');
-        const addItem = () => {
-          const t = addInput.value.trim();
-          if (!t) return;
-          st.pending.push({ text: t, done: false });
-          save(); build();
-        };
-        addBtn.addEventListener('click', addItem, { signal });
-        addInput.addEventListener('keydown', e => { if (e.key === 'Enter') { e.preventDefault(); addItem(); } }, { signal });
-      }
-      build();
-    }
-
-    // ---- alert ----
-
-    function _renderAlert(data, el, elemDef) {
-      const ed = elemDef.data || {};
-      const thresholds = ed.thresholds || {};
-      const value = typeof data === 'number' ? data : (data && data.value != null ? data.value : null);
-
-      let level = 'unknown', color = 'secondary';
-      if (value != null) {
-        if (thresholds.green && _evalThreshold(value, thresholds.green)) { level = 'green'; color = 'success'; }
-        else if (thresholds.amber && _evalThreshold(value, thresholds.amber)) { level = 'amber'; color = 'warning'; }
-        else { level = 'red'; color = 'danger'; }
-      }
-
-      el.innerHTML = `
+          <button class="btn btn-sm btn-outline-secondary me-2 lc-n-discard${m()?"":" d-none"}" type="button">Discard</button>
+          <button class="btn btn-sm btn-primary lc-n-save${m()?"":" d-none"}" type="button">Save</button>
+        </div>`;let S=t.querySelector(".lc-notes-textarea"),M=t.querySelector(".lc-n-discard"),$=t.querySelector(".lc-n-save");function j(){let _=m();$.classList.toggle("d-none",!_),M.classList.toggle("d-none",!_);}S.addEventListener("input",()=>{w(S.value),j();},{signal:n}),$.addEventListener("click",()=>{let _=S.value;k.onPatchState(r.id,{fieldValues:{notes:_}}),$.textContent="Saving...",ie(t);},{signal:n}),M.addEventListener("click",()=>{v.journal=null,S.value=v.baseContent||"",j();},{signal:n});}function ye(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=l.writeTo||(typeof l.bind=="string"&&l.bind.startsWith("card_data.")?l.bind:void 0),d=l.schema&&l.schema.properties||{},u=l.addRow!==false,v=l.deleteRow!==false;function m(b){if(l.columns&&l.columns.length)return l.columns;let f=new Set;return b.forEach(z=>{z&&typeof z=="object"&&Object.keys(z).forEach(q=>f.add(q));}),[...f]}let C=r.id+":"+(l.bind||s||""),S=(Array.isArray(e)?e:[]).map(b=>Object.assign({},b));J[C]?(J[C].baseRows=S,J[C].journalRows&&JSON.stringify(J[C].journalRows)===JSON.stringify(S)&&(J[C].journalRows=null)):J[C]={baseRows:S,journalRows:null};let M=J[C];function $(){return Array.isArray(M.journalRows)}function j(){return (Array.isArray(M.journalRows)?M.journalRows:M.baseRows).map(f=>Object.assign({},f))}function _(b){JSON.stringify(b)===JSON.stringify(M.baseRows)?M.journalRows=null:M.journalRows=b.map(f=>Object.assign({},f));}function H(){let b=t.querySelector(".lc-et-save"),f=t.querySelector(".lc-et-discard");b&&b.classList.remove("d-none"),f&&f.classList.remove("d-none");}function ne(){let b=j();k.onPatchState(r.id,{fieldValues:b});let f=t.querySelector(".lc-et-save");f&&(f.textContent="Saving..."),ie(t);}function Q(){M.journalRows=null,se();}function se(){let b=j(),f=m(b);if(!f.length&&!u){t.innerHTML=`<p class="text-muted small">${L(l.placeholder||"No data")}</p>`;return}let z='<div class="table-responsive"><table class="table table-sm table-bordered mb-0 lc-editable-table"><thead><tr>';if(f.forEach(K=>{z+=`<th class="small text-nowrap">${L(K)}</th>`;}),v&&(z+='<th style="width:2rem"></th>'),z+="</tr></thead><tbody>",b.forEach((K,ee)=>{z+="<tr>",f.forEach(re=>{let ge=K[re],ke=d[re]||{},be=ke.type==="number"||ke.type==="integer"||ge!=null&&typeof ge=="number",qe=ge!=null?String(ge):"";z+=`<td class="p-0"><input type="${be?"number":"text"}" class="form-control form-control-sm border-0 rounded-0 lc-et-cell" data-row="${ee}" data-col="${L(re)}" value="${L(qe)}"${be?' step="any"':""}></td>`;}),v&&(z+=`<td class="text-center align-middle p-0"><button class="btn btn-sm btn-link text-danger p-0 lc-et-del" data-row="${ee}" title="Remove row">\u2715</button></td>`),z+="</tr>";}),!b.length){let K=f.length+(v?1:0);z+=`<tr><td colspan="${K}" class="text-muted small text-center">${L(l.placeholder||"No rows")}</td></tr>`;}z+="</tbody></table></div>";let q="";u&&(q+='<button class="btn btn-sm btn-outline-secondary mt-1 me-1 lc-et-add">+ Add row</button>'),q+=`<button class="btn btn-sm btn-outline-secondary mt-1 me-1 lc-et-discard${$()?"":" d-none"}">Discard</button>`,q+=`<button class="btn btn-sm btn-primary mt-1 lc-et-save${$()?"":" d-none"}">Save</button>`,t.innerHTML=z+q,t.querySelectorAll(".lc-et-cell").forEach(K=>{K.addEventListener("change",()=>{let ee=parseInt(K.dataset.row),re=K.dataset.col,ge=d[re]||{},ke=ge.type==="number"||ge.type==="integer"||K.type==="number",be=j();if(be[ee])if(be[ee]=Object.assign({},be[ee]),be[ee][re]=ke?K.value!==""?parseFloat(K.value):0:K.value,_(be),$())H();else {let qe=t.querySelector(".lc-et-save"),Qe=t.querySelector(".lc-et-discard");qe&&qe.classList.add("d-none"),Qe&&Qe.classList.add("d-none");}},{signal:n});}),t.querySelectorAll(".lc-et-del").forEach(K=>{K.addEventListener("click",()=>{let ee=parseInt(K.dataset.row),re=j().filter((ge,ke)=>ke!==ee);_(re),se();},{signal:n});});let W=t.querySelector(".lc-et-add");W&&W.addEventListener("click",()=>{let K={},ee=j();m(ee).forEach(re=>{K[re]="";}),ee.push(K),_(ee),se();},{signal:n});let O=t.querySelector(".lc-et-discard");O&&O.addEventListener("click",()=>{Q();},{signal:n});let fe=t.querySelector(".lc-et-save");fe&&fe.addEventListener("click",()=>{ne(),fe.textContent="\u2713 Saved",setTimeout(()=>{fe.textContent="Save";},1500);},{signal:n});}se();}function $e(e,t,a,r){let n=X(r.id).ac.signal,s=(a.data||{}).writeTo,d=r.id+":"+(s||""),u=Array.isArray(e)?e.map(w=>Object.assign({},w)):[];if(!V[d])V[d]={currentState:u,pending:u.map(w=>Object.assign({},w))};else {let w=V[d],S=JSON.stringify(w.currentState)!==JSON.stringify(w.pending);w.currentState=u,S||(w.pending=u.map(M=>Object.assign({},M)));}let v=V[d];function m(){s&&Xe(r,s,v.pending),k.onPatchState(r.id,{fieldValues:v.pending}),me(r.id,v.pending),v.currentState=v.pending.map(w=>Object.assign({},w));}function C(){let w=v.pending,S='<div class="lc-todo-list">';w.forEach((_,H)=>{let ne=_.done?" checked":"",Q=_.done?" text-decoration-line-through text-muted":"";S+='<div class="lc-todo-item">',S+=`<input class="form-check-input flex-shrink-0" type="checkbox"${ne} data-idx="${H}">`,S+=`<span class="small flex-grow-1${Q}">${L(_.text)}</span>`,S+=`<button class="btn btn-sm btn-link text-danger p-0" data-rm="${H}" title="Remove">\xD7</button></div>`;}),S+="</div>",S+='<div class="input-group input-group-sm mt-2"><input type="text" class="form-control" placeholder="Add item...">',S+='<button class="btn btn-outline-secondary lc-todo-add">+</button></div>',t.innerHTML=S,t.querySelectorAll("input[data-idx]").forEach(_=>{_.addEventListener("change",()=>{v.pending[parseInt(_.dataset.idx)].done=_.checked,m(),C();},{signal:n});}),t.querySelectorAll("[data-rm]").forEach(_=>{_.addEventListener("click",()=>{v.pending.splice(parseInt(_.dataset.rm),1),m(),C();},{signal:n});});let M=t.querySelector(".input-group input"),$=t.querySelector(".lc-todo-add"),j=()=>{let _=M.value.trim();_&&(v.pending.push({text:_,done:false}),m(),C());};$.addEventListener("click",j,{signal:n}),M.addEventListener("keydown",_=>{_.key==="Enter"&&(_.preventDefault(),j());},{signal:n});}C();}function Ie(e,t,a){let p=(a.data||{}).thresholds||{},n=typeof e=="number"?e:e&&e.value!=null?e.value:null,l="unknown",s="secondary";n!=null&&(p.green&&Ue(n,p.green)?(l="green",s="success"):p.amber&&Ue(n,p.amber)?(l="amber",s="warning"):(l="red",s="danger")),t.innerHTML=`
         <div class="d-flex align-items-center gap-3 py-2">
-          <span class="lc-alert-dot lc-alert-${level}"></span>
+          <span class="lc-alert-dot lc-alert-${l}"></span>
           <div class="flex-grow-1">
-            <div class="fw-bold">${value != null ? _esc(String(value)) : '—'}</div>
-            ${elemDef.label ? `<div class="text-muted small">${_esc(elemDef.label)}</div>` : ''}
+            <div class="fw-bold">${n!=null?L(String(n)):"\u2014"}</div>
+            ${a.label?`<div class="text-muted small">${L(a.label)}</div>`:""}
           </div>
-          <span class="badge bg-${color} fs-6">${_esc(level)}</span>
-        </div>`;
-    }
-
-    // ---- narrative ----
-
-    function _renderNarrative(data, el) {
-      const text = typeof data === 'string' ? data : (data && data.text ? data.text : '');
-      if (!text) { el.innerHTML = '<p class="text-muted small fst-italic">No narrative yet. Click refresh to generate.</p>'; return; }
-      el.innerHTML = `<div class="small">${_renderMd(text)}</div>`;
-    }
-
-    // ---- badge ----
-
-    function _renderBadge(data, el, elemDef) {
-      const ed = elemDef.data || {};
-      const map = ed.colorMap || {};
-      const val = data != null ? String(data) : '';
-      const bsMap = { green: 'success', amber: 'warning', red: 'danger', blue: 'primary' };
-      const bs = bsMap[map[val]] || map[val] || 'secondary';
-      el.innerHTML = `<span class="badge bg-${_esc(bs)}">${_esc(val)}</span>`;
-    }
-
-    // ---- text ----
-
-    function _renderText(data, el, elemDef) {
-      const ed = elemDef.data || {};
-      const format = ed.format || 'default';
-      const style = elemDef.style || ed.style || 'default';
-      const hideIfEmpty = ed.hideIfEmpty || elemDef.hideIfEmpty;
-
-      if (hideIfEmpty && (data == null || data === '')) { el.innerHTML = ''; return; }
-
-      // Handle file-links format
-      if (format === 'file-links') {
-        if (!Array.isArray(data) || data.length === 0) {
-          el.innerHTML = '<div class="text-muted small">No files uploaded</div>';
-          return;
-        }
-        const htmlParts = [];
-        data.forEach((file, idx) => {
-          if (!file || !file.stored_name) return;
-          const name = file.name || file.stored_name;
-          const cardId = elemDef.data && elemDef.data.cardId ? elemDef.data.cardId : 'unknown';
-          const downloadUrl = `/api/example-board/server/cards/${encodeURIComponent(cardId)}/files/${idx}?sn=${encodeURIComponent(file.stored_name)}`;
-          const size = file.size ? ` (${Math.round(file.size / 1024)}KB)` : '';
-          htmlParts.push(`<div class="mb-2"><a href="${downloadUrl}" class="btn btn-sm btn-outline-secondary">${_esc(name)}${_esc(size)}</a></div>`);
-        });
-        const html = htmlParts.join('');
-        el.innerHTML = html;
-        return;
-      }
-
-      // Default text rendering
-      const tag = style === 'heading' ? 'h4' : 'div';
-      const cls = style === 'muted' ? 'text-muted small'
-        : style === 'muted-italic' ? 'text-muted small fst-italic'
-        : style === 'heading' ? 'fw-bold'
-        : 'small';
-      el.innerHTML = `<${tag} class="${cls}">${_esc(data != null ? String(data) : '')}</${tag}>`;
-    }
-
-    // ---- markdown ----
-
-    function _renderMarkdown(data, el) {
-      let text = '';
-      if (typeof data === 'string') text = data;
-      else if (data && typeof data === 'object' && data.text) text = data.text;
-      else if (data != null) text = JSON.stringify(data, null, 2);
-      el.innerHTML = text ? _renderMd(text) : '';
-    }
-
-    // ---- custom (fallback to JSON) ----
-
-    function _renderCustom(data, el) {
-      if (data == null) { el.innerHTML = ''; return; }
-      el.innerHTML = `<pre class="small mb-0">${_esc(JSON.stringify(data, null, 2))}</pre>`;
-    }
-
-    // ---- file-upload ----
-
-    function _renderFileUpload(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const uploaded = Array.isArray(data) ? data : [];
-      const showUploadedList = ed.showUploadedList === true;
-      const showUpload = ed.upload !== false;
-      const accept = ed.accept || ['.txt','.csv','.md','.json','.html','.xml','.pdf','.xlsx','.docx','.pptx','.png','.jpg','.jpeg'];
-      const acceptSet = new Set(accept.map(e => e.toLowerCase()));
-      const multiple = ed.multiple !== false;
-      const placeholder = ed.placeholder || 'Drop files here or click to browse';
-      const uid = 'lc-fu-' + (elemDef.id || Math.random().toString(36).slice(2, 8));
-
-      let stagedFiles = el._stagedFiles || [];
-      el._stagedFiles = stagedFiles;
-      let uploadStatus = el._uploadStatus || {};
-      el._uploadStatus = uploadStatus;
-
-      function keyForFile(f) {
-        return `${f.name}::${f.size}::${f.lastModified || 0}`;
-      }
-
-      let h = '';
-
-      // Drop zone
-      if (showUpload) {
-        h += `<div class="lc-dropzone mb-2" id="${uid}-dz">`;
-        h += '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="text-muted mb-1"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>';
-        h += `<div class="small text-muted">${_esc(placeholder)}</div>`;
-        h += `<input type="file" id="${uid}-fi" class="d-none"${multiple ? ' multiple' : ''} accept="${accept.join(',')}">`;
-        h += '</div>';
-        h += `<div id="${uid}-staged"></div>`;
-      }
-
-      // Uploaded files list
-      if (showUploadedList && uploaded.length) {
-        h += '<div class="lc-uploaded-files">';
-        uploaded.forEach(f => {
-          const name = typeof f === 'string' ? f : (f.name || '');
-          const url = typeof f === 'string' ? null : f.url;
-          h += '<div class="d-flex align-items-center gap-1 small mb-1">';
-          h += '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
-          if (url) h += `<a href="${_esc(url)}" class="text-truncate" target="_blank" download>${_esc(name)}</a>`;
-          else h += `<span class="text-truncate">${_esc(name)}</span>`;
-          h += '</div>';
-        });
-        h += '</div>';
-      }
-
-      if (!showUpload && !uploaded.length) {
-        h = `<p class="text-muted small">${_esc(ed.placeholder || 'No files')}</p>`;
-      }
-
-      el.innerHTML = h;
-
-      if (!showUpload) {
-        el._fileUpload = { getFiles: () => [], clear: () => {} };
-        return;
-      }
-
-      const dz = el.querySelector('#' + uid + '-dz');
-      const fi = el.querySelector('#' + uid + '-fi');
-      const stagedEl = el.querySelector('#' + uid + '-staged');
-      if (!dz) return;
-
-      function addFiles(fileList) {
-        const newlyAdded = [];
-        for (const f of fileList) {
-          const ext = '.' + f.name.split('.').pop().toLowerCase();
-          if (!acceptSet.has(ext)) continue;
-          if (!stagedFiles.find(s => s.name === f.name)) {
-            stagedFiles.push(f);
-            newlyAdded.push(f);
-            uploadStatus[keyForFile(f)] = 'uploading';
-          }
-        }
-        renderStaged();
-
-        // Server demos can upload real file blobs immediately via onAction.
-        if (newlyAdded.length && typeof cfg.onAction === 'function') {
-          Promise.resolve(cfg.onAction(node.id, 'file-upload', { files: newlyAdded, elemId: elemDef.id }))
-            .then(() => {
-              const uploadedKeys = new Set(newlyAdded.map(keyForFile));
-              stagedFiles = stagedFiles.filter((f) => !uploadedKeys.has(keyForFile(f)));
-              el._stagedFiles = stagedFiles;
-              newlyAdded.forEach((f) => { delete uploadStatus[keyForFile(f)]; });
-              el._uploadStatus = uploadStatus;
-              renderStaged();
-            })
-            .catch(() => {
-              newlyAdded.forEach((f) => { uploadStatus[keyForFile(f)] = 'error'; });
-              el._uploadStatus = uploadStatus;
-              renderStaged();
-            });
-        }
-      }
-
-      function renderStaged() {
-        if (!stagedFiles.length) { stagedEl.innerHTML = ''; return; }
-        let sh = '';
-        stagedFiles.forEach((f, i) => {
-          const status = uploadStatus[keyForFile(f)] || 'ready';
-          sh += '<div class="lc-staged-file">';
-          sh += '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>';
-          sh += `<span class="small flex-grow-1 text-truncate">${_esc(f.name)}</span>`;
-          if (status === 'uploading') {
-            sh += '<span class="spinner-border spinner-border-sm text-secondary me-1" role="status" aria-label="Uploading"></span>';
-          } else if (status === 'error') {
-            sh += '<span class="badge bg-danger-subtle text-danger border border-danger-subtle me-1">Failed</span>';
-          }
-          sh += `<button class="btn btn-sm btn-link text-danger p-0 lc-rm-staged" data-idx="${i}">&times;</button>`;
-          sh += '</div>';
-        });
-        stagedEl.innerHTML = sh;
-        stagedEl.querySelectorAll('.lc-rm-staged').forEach(btn => {
-          btn.addEventListener('click', () => {
-            const idx = parseInt(btn.dataset.idx);
-            const f = stagedFiles[idx];
-            if (f) delete uploadStatus[keyForFile(f)];
-            stagedFiles.splice(idx, 1);
-            el._stagedFiles = stagedFiles;
-            el._uploadStatus = uploadStatus;
-            renderStaged();
-          }, { signal });
-        });
-      }
-
-      dz.addEventListener('click', () => fi.click(), { signal });
-      dz.addEventListener('dragover', e => { e.preventDefault(); dz.classList.add('lc-drag-over'); }, { signal });
-      dz.addEventListener('dragleave', () => dz.classList.remove('lc-drag-over'), { signal });
-      dz.addEventListener('drop', e => { e.preventDefault(); dz.classList.remove('lc-drag-over'); addFiles(e.dataTransfer.files); }, { signal });
-      fi.addEventListener('change', e => { addFiles(e.target.files); e.target.value = ''; }, { signal });
-
-      renderStaged();
-
-      el._fileUpload = {
-        getFiles: () => stagedFiles,
-        clear: () => { stagedFiles = []; uploadStatus = {}; el._stagedFiles = []; el._uploadStatus = {}; renderStaged(); },
-        disable: () => { dz.classList.add('lc-disabled'); fi.disabled = true; },
-        enable: () => { dz.classList.remove('lc-disabled'); fi.disabled = false; },
-      };
-    }
-
-    // ---- chat (element kind) ----
-
-    function _renderChatEl(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const messages = Array.isArray(data) ? data : [];
-      const placeholder = ed.placeholder || 'Type a message...';
-      const canAttach = ed.fileAttach === true;
-      const accept = ed.fileAccept || ['.txt','.csv','.md','.json','.html','.xml','.pdf','.xlsx','.docx','.pptx','.png','.jpg','.jpeg'];
-      const uid = 'lc-ch-' + (elemDef.id || Math.random().toString(36).slice(2, 8));
-
-      let h = '<div class="lc-chat-el">';
-      h += `<div class="lc-chat-body" id="${uid}-body"></div>`;
-      h += '<div class="lc-chat-input-bar">';
-      if (canAttach) {
-        h += `<input type="file" id="${uid}-fi" class="d-none" multiple accept="${accept.join(',')}">`;
-        h += `<button class="btn btn-sm btn-outline-secondary" id="${uid}-attach" title="Attach files" type="button">`;
-        h += '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>';
-        h += '</button>';
-      }
-      h += `<input type="text" class="form-control form-control-sm flex-grow-1" id="${uid}-input" placeholder="${_esc(placeholder)}">`;
-      h += `<button class="btn btn-sm btn-outline-primary" id="${uid}-send" type="button">`;
-      h += '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>';
-      h += '</button></div>';
-      if (canAttach) h += `<div id="${uid}-staged" class="mt-1"></div>`;
-      h += '</div>';
-
-      el.innerHTML = h;
-
-      const body = el.querySelector('#' + uid + '-body');
-      const input = el.querySelector('#' + uid + '-input');
-      const sendBtn = el.querySelector('#' + uid + '-send');
-      const attachBtn = canAttach ? el.querySelector('#' + uid + '-attach') : null;
-      const fileInput = canAttach ? el.querySelector('#' + uid + '-fi') : null;
-      const stagedEl = canAttach ? el.querySelector('#' + uid + '-staged') : null;
-
-      let stagedFiles = [];
-
-      function appendMsg(msg) {
-        const bub = document.createElement('div');
-        const roleClass = msg.role === 'user' ? 'lc-chat-bubble-user'
-          : msg.role === 'assistant' ? 'lc-chat-bubble-assistant'
-          : 'lc-chat-bubble-system';
-        bub.className = 'lc-chat-bubble ' + roleClass;
-        if (msg.role === 'assistant') {
-          bub.innerHTML = _renderMd(msg.text || '');
-        } else {
-          bub.textContent = msg.text || '';
-        }
-        if (msg.files && msg.files.length) {
-          const fDiv = document.createElement('div');
-          fDiv.className = 'small mt-1';
-          msg.files.forEach(f => {
-            const name = typeof f === 'string' ? f : f.name;
-            fDiv.innerHTML += '\uD83D\uDCCE ' + _esc(name) + '<br>';
-          });
-          bub.appendChild(fDiv);
-        }
-        body.appendChild(bub);
-      }
-
-      messages.forEach(appendMsg);
-      body.scrollTop = body.scrollHeight;
-
-      function renderStaged() {
-        if (!stagedEl) return;
-        if (!stagedFiles.length) { stagedEl.innerHTML = ''; return; }
-        stagedEl.innerHTML = stagedFiles.map((f, i) =>
-          `<div class="d-flex align-items-center gap-1 small"><span>\uD83D\uDCCE ${_esc(f.name)}</span><button class="btn btn-sm btn-link text-danger p-0 lc-rm-cs" data-idx="${i}">&times;</button></div>`
-        ).join('');
-        stagedEl.querySelectorAll('.lc-rm-cs').forEach(btn => {
-          btn.addEventListener('click', () => { stagedFiles.splice(parseInt(btn.dataset.idx), 1); renderStaged(); }, { signal });
-        });
-      }
-
-      if (attachBtn && fileInput) {
-        const acceptS = new Set(accept.map(x => x.toLowerCase()));
-        attachBtn.addEventListener('click', () => fileInput.click(), { signal });
-        fileInput.addEventListener('change', e => {
-          for (const f of e.target.files) {
-            const ext = '.' + f.name.split('.').pop().toLowerCase();
-            if (acceptS.has(ext) && !stagedFiles.find(s => s.name === f.name)) stagedFiles.push(f);
-          }
-          e.target.value = '';
-          renderStaged();
-        }, { signal });
-      }
-
-      function doSend() {
-        const text = input.value.trim();
-        if (!text && !stagedFiles.length) return;
-        const msg = { role: 'user', text: text || '' };
-        if (stagedFiles.length) msg.files = stagedFiles.map(f => ({ name: f.name, size: f.size }));
-        appendMsg(msg);
-        body.scrollTop = body.scrollHeight;
-        input.value = '';
-        const filesToSend = stagedFiles.slice();
-        stagedFiles = [];
-        renderStaged();
-        cfg.onAction(node.id, 'chat-send', { text: msg.text, files: filesToSend, elemId: elemDef.id });
-      }
-
-      sendBtn.addEventListener('click', doSend, { signal });
-      input.addEventListener('keydown', e => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); doSend(); } }, { signal });
-
-      el._chat = {
-        appendMessage: (role, text, files) => { appendMsg({ role, text, files }); body.scrollTop = body.scrollHeight; },
-        showProcessing: (text) => {
-          let ind = body.querySelector('.lc-chat-processing');
-          if (!ind) {
-            ind = document.createElement('div');
-            ind.className = 'lc-chat-processing';
-            ind.innerHTML = '<span class="spinner-border spinner-border-sm"></span><span class="small">Processing...</span>';
-            body.appendChild(ind);
-          }
-          if (text) ind.querySelector('.small').textContent = text;
-          body.scrollTop = body.scrollHeight;
-        },
-        removeProcessing: () => { const ind = body.querySelector('.lc-chat-processing'); if (ind) ind.remove(); },
-        disable: () => { input.disabled = true; sendBtn.disabled = true; if (attachBtn) attachBtn.disabled = true; },
-        enable: () => { input.disabled = false; sendBtn.disabled = false; if (attachBtn) attachBtn.disabled = false; },
-      };
-    }
-
-    // ---- actions ----
-
-    function _renderActions(data, el, elemDef, node) {
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const ed = elemDef.data || {};
-      const buttons = ed.buttons || (Array.isArray(data) ? data : []);
-      if (!buttons.length) { el.innerHTML = ''; return; }
-
-      let h = '<div class="d-flex gap-2 flex-wrap">';
-      buttons.forEach(btn => {
-        const style = btn.style || 'outline-secondary';
-        const size = btn.size || 'sm';
-        const dis = typeof btn.disabled === 'string' ? _resolveBind(node, btn.disabled) : btn.disabled;
-        h += `<button class="btn btn-${_esc(style)} btn-${size}" data-action-id="${_esc(btn.id)}"${dis ? ' disabled' : ''}>`;
-        h += _esc(btn.label || btn.id);
-        h += '</button>';
-      });
-      h += '</div>';
-      el.innerHTML = h;
-
-      el.querySelectorAll('[data-action-id]').forEach(btnEl => {
-        btnEl.addEventListener('click', () => {
-          cfg.onAction(node.id, 'action', { buttonId: btnEl.dataset.actionId, elemId: elemDef.id });
-        }, { signal });
-      });
-
-      el._actions = {
-        setDisabled: (buttonId, disabled) => {
-          const b = el.querySelector(`[data-action-id="${buttonId}"]`);
-          if (b) b.disabled = disabled;
-        },
-        setLabel: (buttonId, label) => {
-          const b = el.querySelector(`[data-action-id="${buttonId}"]`);
-          if (b) b.textContent = label;
-        },
-      };
-    }
-
-    // ---- ref ----
-    // Indirection element: resolves a bind path to get the view definition,
-    // then dispatches to the real renderer. The resolved value may be:
-    //   - a string  → treated directly as the element kind ("table", "chart", etc.)
-    //   - an object → { kind, label, data: { columns, chartType, chartOptions, writeTo } }
-    //                 merged with static elemDef (static fields win for protection)
-    //   - null/undefined → falls back to elemDef.data.fallbackKind or shape-inferred kind
-    //
-    // Allowed kinds from resolved value (whitelist, unknown → "table"):
-    //   table, editable-table, chart, metric, list, badge, text, narrative, markdown
-    //
-    // Usage:
-    //   { "kind": "ref",
-    //     "data": { "bind": "computed_values.proposed_trades",
-    //               "viewBind": "card_data.display_mode",
-    //               "fallbackKind": "table" } }
-    //
-    // viewBind can point to any namespace: card_data, requires, computed_values, runtime_state.
-    // If the resolved view object contains a "bind" sub-path, that overrides data.bind.
-    const _REF_KIND_WHITELIST = new Set([
-      'table','editable-table','chart','metric','list','badge',
-      'text','narrative','markdown','form','filter','todo','alert',
-    ]);
-    function _renderRef(data, el, elemDef, node) {
-      const ed = elemDef.data || {};
-
-      // Resolve the view hint
-      const viewRaw = ed.viewBind ? _resolveBind(node, ed.viewBind) : undefined;
-
-      let resolvedKind, resolvedExtra;
-      if (typeof viewRaw === 'string' && viewRaw) {
-        resolvedKind  = viewRaw;
-        resolvedExtra = {};
-      } else if (viewRaw && typeof viewRaw === 'object' && !Array.isArray(viewRaw)) {
-        resolvedKind  = typeof viewRaw.kind === 'string' ? viewRaw.kind : undefined;
-        resolvedExtra = viewRaw.data && typeof viewRaw.data === 'object' ? viewRaw.data : {};
-      }
-
-      // Validate kind against whitelist; fall back to shape inference
-      if (!resolvedKind || !_REF_KIND_WHITELIST.has(resolvedKind)) {
-        resolvedKind = ed.fallbackKind && _REF_KIND_WHITELIST.has(ed.fallbackKind)
-          ? ed.fallbackKind
-          : (Array.isArray(data) ? 'table' : typeof data === 'string' ? 'text' : 'narrative');
-      }
-
-      // Build effective elemDef: resolved hints first, static elemDef fields override (card author wins)
-      const mergedData = Object.assign({}, resolvedExtra, ed);
-      delete mergedData.viewBind;
-      delete mergedData.fallbackKind;
-
-      // If the resolved hint provided its own bind path, honour it (but static ed.bind still wins)
-      if (!mergedData.bind && resolvedExtra.bind) mergedData.bind = resolvedExtra.bind;
-
-      const effectiveElemDef = Object.assign({}, elemDef, { kind: resolvedKind }, { data: mergedData });
-
-      // Re-resolve data using effective bind (may have changed)
-      const effectiveData = mergedData.bind ? _resolveBind(node, mergedData.bind) : data;
-
-      const renderer = _renderers[resolvedKind] || _renderers.table;
-      renderer(effectiveData, el, effectiveElemDef, node);
-    }
-
-    // ---- Register built-in renderers ----
-
-    _renderers.table          = _renderTable;
-    _renderers['editable-table'] = _renderEditableTable;
-    _renderers.filter         = _renderFilter;
-    _renderers.metric    = _renderMetric;
-    _renderers.list      = _renderList;
-    _renderers.chart     = _renderChart;
-    _renderers.form      = _renderForm;
-    _renderers.notes     = _renderNotes;
-    _renderers.todo      = _renderTodo;
-    _renderers.alert     = _renderAlert;
-    _renderers.narrative = _renderNarrative;
-    _renderers.badge     = _renderBadge;
-    _renderers.text      = _renderText;
-    _renderers.markdown  = _renderMarkdown;
-    _renderers.custom    = _renderCustom;
-    _renderers['file-upload'] = _renderFileUpload;
-    _renderers['chat']        = _renderChatEl;
-    _renderers.actions        = _renderActions;
-    _renderers.ref            = _renderRef;
-
-    // ===========================================================================
-    // _renderElements — render all view.elements for a card node
-    // ===========================================================================
-
-    function _renderElements(node, containerEl) {
-      const view = node && node.card ? node.card.view : null;
-      if (!view || !Array.isArray(view.elements)) { containerEl.innerHTML = ''; return; }
-
-      if (_nodeEls[node.id]) _nodeEls[node.id].elements = {};
-
-      const container = document.createElement('div');
-      container.className = 'row g-2';
-
-      const _taskStatus = node.runtime_state && node.runtime_state.task_status;
-      if (_taskStatus && _taskStatus !== 'completed') {
-        const statusEl = document.createElement('div');
-        statusEl.className = 'col-12 d-flex align-items-center gap-2 mb-1';
-        var _statusIconHtml;
-        if (_taskStatus === 'running') {
-          _statusIconHtml = '<span class="spinner-border spinner-border-sm text-muted" style="width:.75rem;height:.75rem;flex-shrink:0"></span>';
-        } else if (_taskStatus === 'failed') {
-          _statusIconHtml = '<span style="font-size:.75rem;line-height:1;flex-shrink:0;color:#dc3545">&#x26A0;&#xFE0E;</span>'; // ⚠ (text variant)
-        } else if (_taskStatus === 'not-started') {
-          _statusIconHtml = '<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x25CB;</span>'; // ○
-        } else if (_taskStatus === 'inactivated') {
-          _statusIconHtml = '<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x2296;</span>'; // ⊖
-        } else {
-          _statusIconHtml = '<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x2013;</span>'; // –
-        }
-        statusEl.innerHTML = _statusIconHtml + '<span class="text-muted" style="font-size:.75rem">' + _esc(_taskStatus) + '</span>';
-        container.appendChild(statusEl);
-      }
-
-      view.elements.forEach(elemDef => {
-        // Visibility gate
-        if (elemDef.visible) {
-          const vis = _resolveBind(node, elemDef.visible);
-          if (!vis) return;
-        }
-
-        const data = elemDef.data && elemDef.data.bind ? _resolveBind(node, elemDef.data.bind) : undefined;
-        const col = document.createElement('div');
-        col.className = elemDef.className || 'col-12';
-
-        // Element label (except metric which handles its own)
-        if (elemDef.label && elemDef.kind !== 'metric' && elemDef.kind !== 'alert') {
-          const label = document.createElement('div');
-          label.className = 'small text-muted fw-medium mb-1';
-          label.textContent = elemDef.label;
-          col.appendChild(label);
-        }
-
-        const inner = document.createElement('div');
-        col.appendChild(inner);
-
-        const renderer = _renderers[elemDef.kind] || _renderers.custom;
-        try {
-          renderer(data, inner, elemDef, node);
-        } catch (e) {
-          console.error('LiveCard render error', node.id, elemDef.kind, e);
-          inner.innerHTML = `<div class="text-danger small">Render error: ${_esc(e.message)}</div>`;
-        }
-
-        if (elemDef.id && _nodeEls[node.id]) _nodeEls[node.id].elements[elemDef.id] = inner;
-
-        container.appendChild(col);
-      });
-
-      containerEl.innerHTML = '';
-      containerEl.appendChild(container);
-    }
-
-    // ===========================================================================
-    // Core render
-    // ===========================================================================
-
-    function render(node, containerEl, opts) {
-      opts = opts || {};
-      destroy(node.id);
-
-      const cleanup = _getCleanup(node.id);
-      const signal = cleanup.ac.signal;
-      const uid = 'lc-' + (node.id || 'x');
-      const features = (node.card && node.card.view && node.card.view.features) || {};
-
-      // Run compute async before populating elements
-      // (compute is triggered in the else branch below after DOM is ready)
-
-      let h = `<div class="lc-card" id="${uid}">`;
-
-      // Header bar: status dot + time-ago + refresh button
-      const showRefresh = features.refresh !== false && cfg.onRefresh;
-      h += `<div class="d-flex align-items-center gap-1 mb-2">`;
-      h += _statusDot(node.card_data && node.card_data.status);
-      h += `<span class="text-muted small">${_timeAgo(node.card_data && node.card_data.lastRun)}</span>`;
-      if (node.card_data && node.card_data.status === 'error' && node.card_data.error) {
-        h += `<span class="badge bg-danger small" title="${_esc(node.card_data.error)}">Error</span>`;
-      }
-      h += '<div class="d-flex align-items-center gap-1 ms-auto">';
-      const filesCount = (node && node.card_data && Array.isArray(node.card_data.files)) ? node.card_data.files.length : 0;
-      // Files icon button (paperclip)
-      h += `<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${uid}-files-open" title="${filesCount > 0 ? 'Files (' + filesCount + ')' : 'Files'}">`;
-      h += '<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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>';
-      if (filesCount > 0) h += `<span class="ms-1 small" aria-label="${filesCount} files">${filesCount}</span>`;
-      h += '</button>';
-      // Chat icon button (speech bubble)
-      h += `<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${uid}-chat-open" title="Chat">`;
-      h += '<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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>';
-      h += '</button>';
-      // Refresh icon button
-      if (showRefresh) {
-        h += `<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${uid}-refresh" title="Refresh">`;
-        h += '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 11-2.12-9.36L23 10"/></svg>';
-        h += '</button>';
-      }
-      h += '</div>';
-      h += '</div>';
-
-      // Inference status bar: completion criteria + task-completed tick
-      const inferenceData = node.card_data && node.card_data.llm_task_completion_inference;
-      const isTaskCompleted = !!(inferenceData && inferenceData.isTaskCompleted);
-      const whenIs = node.card && typeof node.card.when_is_task_completed === 'string' && node.card.when_is_task_completed.trim();
-      if (whenIs || isTaskCompleted) {
-        h += `<div class="d-flex align-items-start gap-2 mb-2 px-1 py-1 rounded lc-inference-bar" style="background:rgba(0,0,0,.03)">`;
-        if (isTaskCompleted) {
-          h += `<span class="lc-inference-icon" title="Task completed" style="color:#198754;font-size:.75rem;line-height:1.2;flex-shrink:0">&#x25CF;</span>`;
-        } else {
-          h += `<span class="lc-inference-icon" style="color:#aaa;font-size:.75rem;line-height:1.4;flex-shrink:0" title="Awaiting inference">&#x25CB;</span>`;
-        }
-        if (whenIs) {
-          h += `<span class="text-muted" style="font-size:.72rem;line-height:1.4;font-style:italic"><span style="opacity:.55;font-style:normal">done when:</span> ${_esc(whenIs)}</span>`;
-        }
-        h += `</div>`;
-      }
-
-      // Elements area
-      h += `<div class="lc-result" id="${uid}-result"></div>`;
-
-      h += '</div>';
-      containerEl.innerHTML = h;
-
-      // ---- Render elements ----
-      const resultEl = document.getElementById(uid + '-result');
-      _nodeEls[node.id] = { container: containerEl, resultEl, uid };
-
-      if (node.card_data && node.card_data.status === 'error' && node.card_data.error) {
-        resultEl.innerHTML = `<div class="text-danger small fw-semibold">Refresh failed</div><pre class="text-muted small mt-1" style="white-space:pre-wrap">${_esc(node.card_data.error)}</pre>`;
-      } else {
-        _renderElements(node, resultEl);
-      }
-
-      // ---- Wire refresh ----
-      const refreshBtn = document.getElementById(uid + '-refresh');
-      if (refreshBtn && cfg.onRefresh) {
-        refreshBtn.addEventListener('click', e => {
-          e.stopPropagation();
-          refreshBtn.disabled = true;
-          cfg.onRefresh(node.id);
-        }, { signal });
-      }
-
-      const chatBtn = document.getElementById(uid + '-chat-open');
-      if (chatBtn) {
-        chatBtn.addEventListener('click', (e) => {
-          e.stopPropagation();
-          openChatModal(node.id);
-        }, { signal });
-      }
-
-      const filesBtn = document.getElementById(uid + '-files-open');
-      if (filesBtn) {
-        filesBtn.addEventListener('click', (e) => {
-          e.stopPropagation();
-          openFilesModal(node.id);
-        }, { signal });
-      }
-
-      _autoSubscribe(node);
-    }
-
-    // ===========================================================================
-    // In-place update
-    // ===========================================================================
-
-    function update(nodeId, patch) {
-      const info = _nodeEls[nodeId];
-      if (!info) return;
-
-      const refreshBtn = document.getElementById(info.uid + '-refresh');
-      if (refreshBtn) refreshBtn.disabled = false;
-
-      // Update status dot
-      if (patch.status) {
-        const dot = info.container.querySelector('.lc-status-dot');
-        if (dot) {
-          const c = { fresh: 'var(--bs-success)', stale: 'var(--bs-warning)', error: 'var(--bs-danger)', loading: 'var(--bs-info)' };
-          dot.style.background = c[patch.status] || 'var(--bs-secondary)';
-          dot.title = patch.status;
-        }
-      }
-
-      if (patch.lastRun) {
-        const ts = info.container.querySelector('.lc-status-dot + .text-muted');
-        if (ts) ts.textContent = _timeAgo(patch.lastRun);
-      }
-
-      // Merge into node card_data
-      const node = cfg.resolve(nodeId);
-      if (!node) return;
-      if (!node.card_data) node.card_data = {};
-      if (patch.status) node.card_data.status = patch.status;
-      if (patch.lastRun) node.card_data.lastRun = patch.lastRun;
-      if (patch.error !== undefined) node.card_data.error = patch.error;
-      if (patch.files !== undefined) node.card_data.files = Array.isArray(patch.files) ? patch.files : [];
-
-      // Keep files count inline inside the files button in the header.
-      const filesBtn = document.getElementById(info.uid + '-files-open');
-      const fileCount = Array.isArray(node.card_data.files) ? node.card_data.files.length : 0;
-      if (filesBtn) {
-        filesBtn.title = fileCount > 0 ? ('Files (' + fileCount + ')') : 'Files';
-        filesBtn.innerHTML = '<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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>' + (fileCount > 0 ? ('<span class="ms-1 small" aria-label="' + fileCount + ' files">' + fileCount + '</span>') : '');
-      }
-
-      // Remove legacy external count label if present from older renders.
-      const filesCountEl = document.getElementById(info.uid + '-files-count');
-      if (filesCountEl && filesCountEl.parentNode) filesCountEl.parentNode.removeChild(filesCountEl);
-
-      // Update inference status bar (tick / hourglass) if card_data changed
-      const infBar = info.container.querySelector('.lc-inference-bar');
-      if (infBar) {
-        const infData = node.card_data && node.card_data.llm_task_completion_inference;
-        const done = !!(infData && infData.isTaskCompleted);
-        const iconEl = infBar.querySelector('.lc-inference-icon');
-        if (iconEl) {
-          iconEl.title = done ? 'Task completed' : 'Awaiting inference';
-          iconEl.style.color = done ? '#198754' : '#aaa';
-          iconEl.innerHTML = done ? '&#x25CF;' : '&#x25CB;';
-        }
-      }
-
-      if (node.card_data.status === 'error' && node.card_data.error) {
-        info.resultEl.innerHTML = `<div class="text-danger small fw-semibold">Refresh failed</div><pre class="text-muted small mt-1" style="white-space:pre-wrap">${_esc(node.card_data.error)}</pre>`;
-      } else {
-        _renderElements(node, info.resultEl);
-      }
-    }
-
-    // ===========================================================================
-    // Lifecycle
-    // ===========================================================================
-
-    function destroy(nodeId) {
-      const c = _cleanup[nodeId];
-      if (c) {
-        c.ac.abort();
-        c.timers.forEach(t => clearTimeout(t));
-        c.charts.forEach(ch => { try { ch.inst.destroy(); } catch (_) {} });
-        if (c.unsubs) c.unsubs.forEach(u => u());
-        delete _cleanup[nodeId];
-      }
-      delete _nodeEls[nodeId];
-    }
-
-    function destroyAll() {
-      Object.keys(_cleanup).forEach(destroy);
-    }
-
-    // ===========================================================================
-    // Chat
-    // ===========================================================================
-
-    function appendChatMessage(nodeId, role, text) {
-      if (_chatModal.currentNodeId !== nodeId) return;
-      _appendModalChatMessage(role, text, []);
-    }
-
-    function refreshOpenChatModal() {
-      const nodeId = _chatModal.currentNodeId;
-      if (!nodeId || !_chatModal.backdrop || !_chatModal.backdrop.classList.contains('lc-open')) return;
-      _refreshModalChatHistory(nodeId).catch(function () {});
-    }
-
-    function onServerSseEvent() {
-      const nodeId = _chatModal.currentNodeId;
-      if (!nodeId || !_chatModal.backdrop || !_chatModal.backdrop.classList.contains('lc-open')) return;
-      _clearPendingModalChatMessages();
-      _syncProcessingBar(nodeId);
-      _refreshModalChatHistory(nodeId).catch(function () {});
-    }
-
-    // ===========================================================================
-    // Element access
-    // ===========================================================================
-
-    function getElement(nodeId, elemId) {
-      const info = _nodeEls[nodeId];
-      return (info && info.elements && info.elements[elemId]) || null;
-    }
-
-    // ===========================================================================
-    // Return engine
-    // ===========================================================================
-
-    return {
-      render,
-      update,
-      destroy,
-      destroyAll,
-      notify,
-      subscribe,
-      appendChatMessage,
-      refreshOpenChatModal,
-      onServerSseEvent,
-      openChatModal,
-      openFilesModal,
-      getElement,
-      registerRenderer(name, fn) { _renderers[name] = fn; },
-      renderers: _renderers,
-    };
-  }
-
-  // ===========================================================================
-  // BoardCore — imperative grid (board) and DAG (canvas) modes.
-  // Most callers should use Board (reactive wrapper) instead.
-  // ===========================================================================
-
-  function BoardCore(engine, containerEl, opts) {
-    opts = opts || {};
-    const mode = { current: opts.mode || 'board' };
-    const devMode = { current: opts.devMode || false };
-    const nodeList = [];
-    const nodeMap = {};        // id → { node, colEl, bodyEl }
-    const _positions = {};     // id → { x, y, w, h } for canvas mode
-    const showChat  = opts.showChat || false;
-    const defaultCol = opts.defaultCol || 6;
-
-    // Canvas config
-    const co = opts.canvas || {};
-    const cvs = {
-      snap:     co.snap || 20,
-      zoomMin:  (co.zoom && co.zoom.min) || 0.25,
-      zoomMax:  (co.zoom && co.zoom.max) || 2,
-      zoom:     (co.zoom && co.zoom.initial) || 1,
-      edges:    co.edges !== false,
-      minWidth: co.minWidth || 220,
-      maxWidth: co.maxWidth || 450,
-      defaultW: co.defaultW || 350,
-      gapX:     co.gapX || 280,
-      gapY:     co.gapY || 320,
-      padX:     co.padX || 20,
-      padY:     co.padY || 20,
-      cardMaxH: co.cardMaxH || 300,
-      panX: 0, panY: 0,
-    };
-    const ac = new AbortController();
-    const signal = ac.signal;
-    const _edges = [];        // LeaderLine instances for canvas edges
-
-    // Edge style config (from canvas opts)
-    const edgeOpts = co.edgeStyle || {};
-    const edgeCfg = {
-      color:     edgeOpts.color || 'rgba(108, 117, 125, 0.6)',
-      size:      edgeOpts.size || 2,
-      dash:      edgeOpts.dash !== false,
-      animation: edgeOpts.animation !== false,
-      endPlug:   edgeOpts.endPlug || 'arrow1',
-    };
-
-    // DOM containers
-    const root = document.createElement('div');
-    root.className = 'lc-board';
-    containerEl.appendChild(root);
-
-    const gridEl = document.createElement('div');
-    gridEl.className = 'row g-3 lc-board-grid';
-
-    const canvasEl = document.createElement('div');
-    canvasEl.className = 'lc-canvas';
-    canvasEl.style.cssText = 'position:relative;overflow:auto;width:100%;';
-    const canvasInner = document.createElement('div');
-    canvasInner.className = 'lc-canvas-inner';
-    canvasInner.style.cssText = 'position:relative;transform-origin:0 0;min-width:100%;min-height:100%;';
-    canvasEl.appendChild(canvasInner);
-
-    // SVG overlay for edges
-    const svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svgEl.setAttribute('class', 'lc-canvas-edges');
-    svgEl.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;';
-    const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
-    defs.innerHTML = '<marker id="lc-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 1 L 8 5 L 0 9 z" fill="rgba(108,117,125,0.55)"/></marker>';
-    svgEl.appendChild(defs);
-    canvasInner.appendChild(svgEl);
-
-    // Board/canvas CSS
-    if (!document.getElementById('lc-board-css')) {
-      const s = document.createElement('style');
-      s.id = 'lc-board-css';
-      s.textContent = `
-        .lc-canvas-card { position:absolute; min-width:${cvs.minWidth}px; cursor:grab; user-select:none; z-index:1; }
+          <span class="badge bg-${s} fs-6">${L(l)}</span>
+        </div>`;}function ze(e,t){let a=typeof e=="string"?e:e&&e.text?e.text:"";if(!a){t.innerHTML='<p class="text-muted small fst-italic">No narrative yet. Click refresh to generate.</p>';return}t.innerHTML=`<div class="small">${Z(a)}</div>`;}function he(e,t,a){let p=(a.data||{}).colorMap||{},n=e!=null?String(e):"",s={green:"success",amber:"warning",red:"danger",blue:"primary"}[p[n]]||p[n]||"secondary";t.innerHTML=`<span class="badge bg-${L(s)}">${L(n)}</span>`;}function Re(e,t,a){let r=a.data||{},p=r.format||"default",n=a.style||r.style||"default";if((r.hideIfEmpty||a.hideIfEmpty)&&(e==null||e==="")){t.innerHTML="";return}if(p==="file-links"){if(!Array.isArray(e)||e.length===0){t.innerHTML='<div class="text-muted small">No files uploaded</div>';return}let u=[];e.forEach((m,C)=>{if(!m||!m.stored_name)return;let w=m.name||m.stored_name,S=a.data&&a.data.cardId?a.data.cardId:"unknown",M=`${k.fileUrlBase}/cards/${encodeURIComponent(S)}/files/${C}?sn=${encodeURIComponent(m.stored_name)}`,$=m.size?` (${Math.round(m.size/1024)}KB)`:"";u.push(`<div class="mb-2"><a href="${M}" class="btn btn-sm btn-outline-secondary">${L(w)}${L($)}</a></div>`);});let v=u.join("");t.innerHTML=v;return}let s=n==="heading"?"h4":"div",d=n==="muted"?"text-muted small":n==="muted-italic"?"text-muted small fst-italic":n==="heading"?"fw-bold":"small";t.innerHTML=`<${s} class="${d}">${L(e!=null?String(e):"")}</${s}>`;}function Oe(e,t){let a="";typeof e=="string"?a=e:e&&typeof e=="object"&&e.text?a=e.text:e!=null&&(a=JSON.stringify(e,null,2)),t.innerHTML=a?Z(a):"";}function Fe(e,t){if(e==null){t.innerHTML="";return}t.innerHTML=`<pre class="small mb-0">${L(JSON.stringify(e,null,2))}</pre>`;}function Pe(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=Array.isArray(e)?e:[],d=l.showUploadedList===true,u=l.upload!==false,v=l.accept||[".txt",".csv",".md",".json",".html",".xml",".pdf",".xlsx",".docx",".pptx",".png",".jpg",".jpeg"],m=new Set(v.map(f=>f.toLowerCase())),C=l.multiple!==false,w=l.placeholder||"Drop files here or click to browse",S="lc-fu-"+(a.id||Math.random().toString(36).slice(2,8)),M=t._stagedFiles||[];t._stagedFiles=M;let $=t._uploadStatus||{};t._uploadStatus=$;function j(f){return `${f.name}::${f.size}::${f.lastModified||0}`}let _="";if(u&&(_+=`<div class="lc-dropzone mb-2" id="${S}-dz">`,_+='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="text-muted mb-1"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>',_+=`<div class="small text-muted">${L(w)}</div>`,_+=`<input type="file" id="${S}-fi" class="d-none"${C?" multiple":""} accept="${v.join(",")}">`,_+="</div>",_+=`<div id="${S}-staged"></div>`),d&&s.length&&(_+='<div class="lc-uploaded-files">',s.forEach(f=>{let z=typeof f=="string"?f:f.name||"",q=typeof f=="string"?null:f.url;_+='<div class="d-flex align-items-center gap-1 small mb-1">',_+='<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>',q?_+=`<a href="${L(q)}" class="text-truncate" target="_blank" download>${L(z)}</a>`:_+=`<span class="text-truncate">${L(z)}</span>`,_+="</div>";}),_+="</div>"),!u&&!s.length&&(_=`<p class="text-muted small">${L(l.placeholder||"No files")}</p>`),t.innerHTML=_,!u){t._fileUpload={getFiles:()=>[],clear:()=>{}};return}let H=t.querySelector("#"+S+"-dz"),ne=t.querySelector("#"+S+"-fi"),Q=t.querySelector("#"+S+"-staged");if(!H)return;function se(f){let z=[];for(let q of f){let W="."+q.name.split(".").pop().toLowerCase();m.has(W)&&(M.find(O=>O.name===q.name)||(M.push(q),z.push(q),$[j(q)]="uploading"));}b(),z.length&&typeof k.onAction=="function"&&Promise.resolve(k.onAction(r.id,"file-upload",{files:z,elemId:a.id})).then(()=>{let q=new Set(z.map(j));M=M.filter(W=>!q.has(j(W))),t._stagedFiles=M,z.forEach(W=>{delete $[j(W)];}),t._uploadStatus=$,b();}).catch(()=>{z.forEach(q=>{$[j(q)]="error";}),t._uploadStatus=$,b();});}function b(){if(!M.length){Q.innerHTML="";return}let f="";M.forEach((z,q)=>{let W=$[j(z)]||"ready";f+='<div class="lc-staged-file">',f+='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>',f+=`<span class="small flex-grow-1 text-truncate">${L(z.name)}</span>`,W==="uploading"?f+='<span class="spinner-border spinner-border-sm text-secondary me-1" role="status" aria-label="Uploading"></span>':W==="error"&&(f+='<span class="badge bg-danger-subtle text-danger border border-danger-subtle me-1">Failed</span>'),f+=`<button class="btn btn-sm btn-link text-danger p-0 lc-rm-staged" data-idx="${q}">&times;</button>`,f+="</div>";}),Q.innerHTML=f,Q.querySelectorAll(".lc-rm-staged").forEach(z=>{z.addEventListener("click",()=>{let q=parseInt(z.dataset.idx),W=M[q];W&&delete $[j(W)],M.splice(q,1),t._stagedFiles=M,t._uploadStatus=$,b();},{signal:n});});}H.addEventListener("click",()=>ne.click(),{signal:n}),H.addEventListener("dragover",f=>{f.preventDefault(),H.classList.add("lc-drag-over");},{signal:n}),H.addEventListener("dragleave",()=>H.classList.remove("lc-drag-over"),{signal:n}),H.addEventListener("drop",f=>{f.preventDefault(),H.classList.remove("lc-drag-over"),se(f.dataTransfer.files);},{signal:n}),ne.addEventListener("change",f=>{se(f.target.files),f.target.value="";},{signal:n}),b(),t._fileUpload={getFiles:()=>M,clear:()=>{M=[],$={},t._stagedFiles=[],t._uploadStatus={},b();},disable:()=>{H.classList.add("lc-disabled"),ne.disabled=true;},enable:()=>{H.classList.remove("lc-disabled"),ne.disabled=false;}};}function De(e,t,a,r){let n=X(r.id).ac.signal,l=a.data||{},s=Array.isArray(e)?e:[],d=l.placeholder||"Type a message...",u=l.fileAttach===true,v=l.fileAccept||[".txt",".csv",".md",".json",".html",".xml",".pdf",".xlsx",".docx",".pptx",".png",".jpg",".jpeg"],m="lc-ch-"+(a.id||Math.random().toString(36).slice(2,8)),C='<div class="lc-chat-el">';C+=`<div class="lc-chat-body" id="${m}-body"></div>`,C+='<div class="lc-chat-input-bar">',u&&(C+=`<input type="file" id="${m}-fi" class="d-none" multiple accept="${v.join(",")}">`,C+=`<button class="btn btn-sm btn-outline-secondary" id="${m}-attach" title="Attach files" type="button">`,C+='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>',C+="</button>"),C+=`<input type="text" class="form-control form-control-sm flex-grow-1" id="${m}-input" placeholder="${L(d)}">`,C+=`<button class="btn btn-sm btn-outline-primary" id="${m}-send" type="button">`,C+='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>',C+="</button></div>",u&&(C+=`<div id="${m}-staged" class="mt-1"></div>`),C+="</div>",t.innerHTML=C;let w=t.querySelector("#"+m+"-body"),S=t.querySelector("#"+m+"-input"),M=t.querySelector("#"+m+"-send"),$=u?t.querySelector("#"+m+"-attach"):null,j=u?t.querySelector("#"+m+"-fi"):null,_=u?t.querySelector("#"+m+"-staged"):null,H=[];function ne(b){let f=document.createElement("div"),z=b.role==="user"?"lc-chat-bubble-user":b.role==="assistant"?"lc-chat-bubble-assistant":"lc-chat-bubble-system";if(f.className="lc-chat-bubble "+z,b.role==="assistant"?f.innerHTML=Z(b.text||""):f.textContent=b.text||"",b.files&&b.files.length){let q=document.createElement("div");q.className="small mt-1",b.files.forEach(W=>{let O=typeof W=="string"?W:W.name;q.innerHTML+="\u{1F4CE} "+L(O)+"<br>";}),f.appendChild(q);}w.appendChild(f);}s.forEach(ne),w.scrollTop=w.scrollHeight;function Q(){if(_){if(!H.length){_.innerHTML="";return}_.innerHTML=H.map((b,f)=>`<div class="d-flex align-items-center gap-1 small"><span>\u{1F4CE} ${L(b.name)}</span><button class="btn btn-sm btn-link text-danger p-0 lc-rm-cs" data-idx="${f}">&times;</button></div>`).join(""),_.querySelectorAll(".lc-rm-cs").forEach(b=>{b.addEventListener("click",()=>{H.splice(parseInt(b.dataset.idx),1),Q();},{signal:n});});}}if($&&j){let b=new Set(v.map(f=>f.toLowerCase()));$.addEventListener("click",()=>j.click(),{signal:n}),j.addEventListener("change",f=>{for(let z of f.target.files){let q="."+z.name.split(".").pop().toLowerCase();b.has(q)&&!H.find(W=>W.name===z.name)&&H.push(z);}f.target.value="",Q();},{signal:n});}function se(){let b=S.value.trim();if(!b&&!H.length)return;let f={role:"user",text:b||""};H.length&&(f.files=H.map(q=>({name:q.name,size:q.size}))),ne(f),w.scrollTop=w.scrollHeight,S.value="";let z=H.slice();H=[],Q(),k.onAction(r.id,"chat-send",{text:f.text,files:z,elemId:a.id});}M.addEventListener("click",se,{signal:n}),S.addEventListener("keydown",b=>{b.key==="Enter"&&!b.shiftKey&&(b.preventDefault(),se());},{signal:n}),t._chat={appendMessage:(b,f,z)=>{ne({role:b,text:f,files:z}),w.scrollTop=w.scrollHeight;},showProcessing:b=>{let f=w.querySelector(".lc-chat-processing");f||(f=document.createElement("div"),f.className="lc-chat-processing",f.innerHTML='<span class="spinner-border spinner-border-sm"></span><span class="small">Processing...</span>',w.appendChild(f)),b&&(f.querySelector(".small").textContent=b),w.scrollTop=w.scrollHeight;},removeProcessing:()=>{let b=w.querySelector(".lc-chat-processing");b&&b.remove();},disable:()=>{S.disabled=true,M.disabled=true,$&&($.disabled=true);},enable:()=>{S.disabled=false,M.disabled=false,$&&($.disabled=false);}};}function Ve(e,t,a,r){let n=X(r.id).ac.signal,s=(a.data||{}).buttons||(Array.isArray(e)?e:[]);if(!s.length){t.innerHTML="";return}let d='<div class="d-flex gap-2 flex-wrap">';s.forEach(u=>{let v=u.style||"outline-secondary",m=u.size||"sm",C=typeof u.disabled=="string"?ce(r,u.disabled):u.disabled;d+=`<button class="btn btn-${L(v)} btn-${m}" data-action-id="${L(u.id)}"${C?" disabled":""}>`,d+=L(u.label||u.id),d+="</button>";}),d+="</div>",t.innerHTML=d,t.querySelectorAll("[data-action-id]").forEach(u=>{u.addEventListener("click",()=>{k.onAction(r.id,"action",{buttonId:u.dataset.actionId,elemId:a.id});},{signal:n});}),t._actions={setDisabled:(u,v)=>{let m=t.querySelector(`[data-action-id="${u}"]`);m&&(m.disabled=v);},setLabel:(u,v)=>{let m=t.querySelector(`[data-action-id="${u}"]`);m&&(m.textContent=v);}};}let je=new Set(["table","editable-table","chart","metric","list","badge","text","narrative","markdown","form","filter","todo","alert"]);function We(e,t,a,r){let p=a.data||{},n=p.viewBind?ce(r,p.viewBind):void 0,l,s;typeof n=="string"&&n?(l=n,s={}):n&&typeof n=="object"&&!Array.isArray(n)&&(l=typeof n.kind=="string"?n.kind:void 0,s=n.data&&typeof n.data=="object"?n.data:{}),(!l||!je.has(l))&&(l=p.fallbackKind&&je.has(p.fallbackKind)?p.fallbackKind:Array.isArray(e)?"table":typeof e=="string"?"text":"narrative");let d=Object.assign({},s,p);delete d.viewBind,delete d.fallbackKind,!d.bind&&s.bind&&(d.bind=s.bind);let u=Object.assign({},a,{kind:l},{data:d}),v=d.bind?ce(r,d.bind):e;(P[l]||P.table)(v,t,u,r);}P.table=Ee,P["editable-table"]=ye,P.filter=Ce,P.metric=He,P.list=Le,P.chart=_e,P.form=ve,P.notes=ue,P.todo=$e,P.alert=Ie,P.narrative=ze,P.badge=he,P.text=Re,P.markdown=Oe,P.custom=Fe,P["file-upload"]=Pe,P.chat=De,P.actions=Ve,P.ref=We;function Se(e,t){let a=e&&e.card?e.card.view:null;if(!a||!Array.isArray(a.elements)){t.innerHTML="";return}F[e.id]&&(F[e.id].elements={});let r=document.createElement("div");r.className="row g-2";let p=e.runtime_state&&e.runtime_state.task_status;if(p&&p!=="completed"){let l=document.createElement("div");l.className="col-12 d-flex align-items-center gap-2 mb-1";var n;p==="running"?n='<span class="spinner-border spinner-border-sm text-muted" style="width:.75rem;height:.75rem;flex-shrink:0"></span>':p==="failed"?n='<span style="font-size:.75rem;line-height:1;flex-shrink:0;color:#dc3545">&#x26A0;&#xFE0E;</span>':p==="not-started"?n='<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x25CB;</span>':p==="inactivated"?n='<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x2296;</span>':n='<span style="font-size:.75rem;line-height:1;flex-shrink:0" class="text-muted">&#x2013;</span>',l.innerHTML=n+'<span class="text-muted" style="font-size:.75rem">'+L(p)+"</span>",r.appendChild(l);}a.elements.forEach(l=>{if(l.visible&&!ce(e,l.visible))return;let s=l.data&&l.data.bind?ce(e,l.data.bind):void 0,d=document.createElement("div");if(d.className=l.className||"col-12",l.label&&l.kind!=="metric"&&l.kind!=="alert"){let m=document.createElement("div");m.className="small text-muted fw-medium mb-1",m.textContent=l.label,d.appendChild(m);}let u=document.createElement("div");d.appendChild(u);let v=P[l.kind]||P.custom;try{v(s,u,l,e);}catch(m){console.error("LiveCard render error",e.id,l.kind,m),u.innerHTML=`<div class="text-danger small">Render error: ${L(m.message)}</div>`;}l.id&&F[e.id]&&(F[e.id].elements[l.id]=u),r.appendChild(d);}),t.innerHTML="",t.appendChild(r);}function i(e,t,a){h(e.id);let p=X(e.id).ac.signal,n="lc-"+(e.id||"x"),l=e.card&&e.card.view&&e.card.view.features||{},s=`<div class="lc-card" id="${n}">`,d=l.refresh!==false&&k.onRefresh;s+='<div class="d-flex align-items-center gap-1 mb-2">',s+=Ke(e.card_data&&e.card_data.status),s+=`<span class="text-muted small">${Je(e.card_data&&e.card_data.lastRun)}</span>`,e.card_data&&e.card_data.status==="error"&&e.card_data.error&&(s+=`<span class="badge bg-danger small" title="${L(e.card_data.error)}">Error</span>`),s+='<div class="d-flex align-items-center gap-1 ms-auto">';let u=e&&e.card_data&&Array.isArray(e.card_data.files)?e.card_data.files.length:0;s+=`<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${n}-files-open" title="${u>0?"Files ("+u+")":"Files"}">`,s+='<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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>',u>0&&(s+=`<span class="ms-1 small" aria-label="${u} files">${u}</span>`),s+="</button>",s+=`<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${n}-chat-open" title="Chat">`,s+='<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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>',s+="</button>",d&&(s+=`<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" id="${n}-refresh" title="Refresh">`,s+='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"/><path d="M20.49 15a9 9 0 11-2.12-9.36L23 10"/></svg>',s+="</button>"),s+="</div>",s+="</div>";let v=e.card_data&&e.card_data.llm_task_completion_inference,m=!!(v&&v.isTaskCompleted),C=e.card&&typeof e.card.when_is_task_completed=="string"&&e.card.when_is_task_completed.trim();(C||m)&&(s+='<div class="d-flex align-items-start gap-2 mb-2 px-1 py-1 rounded lc-inference-bar" style="background:rgba(0,0,0,.03)">',m?s+='<span class="lc-inference-icon" title="Task completed" style="color:#198754;font-size:.75rem;line-height:1.2;flex-shrink:0">&#x25CF;</span>':s+='<span class="lc-inference-icon" style="color:#aaa;font-size:.75rem;line-height:1.4;flex-shrink:0" title="Awaiting inference">&#x25CB;</span>',C&&(s+=`<span class="text-muted" style="font-size:.72rem;line-height:1.4;font-style:italic"><span style="opacity:.55;font-style:normal">done when:</span> ${L(C)}</span>`),s+="</div>"),s+=`<div class="lc-result" id="${n}-result"></div>`,s+="</div>",t.innerHTML=s;let w=document.getElementById(n+"-result");F[e.id]={container:t,resultEl:w,uid:n},e.card_data&&e.card_data.status==="error"&&e.card_data.error?w.innerHTML=`<div class="text-danger small fw-semibold">Refresh failed</div><pre class="text-muted small mt-1" style="white-space:pre-wrap">${L(e.card_data.error)}</pre>`:Se(e,w);let S=document.getElementById(n+"-refresh");S&&k.onRefresh&&S.addEventListener("click",j=>{j.stopPropagation(),S.disabled=true,k.onRefresh(e.id);},{signal:p});let M=document.getElementById(n+"-chat-open");M&&M.addEventListener("click",j=>{j.stopPropagation(),pe(e.id);},{signal:p});let $=document.getElementById(n+"-files-open");$&&$.addEventListener("click",j=>{j.stopPropagation(),xe(e.id);},{signal:p}),we(e);}function o(e,t){let a=F[e];if(!a)return;let r=document.getElementById(a.uid+"-refresh");if(r&&(r.disabled=false),t.status){let u=a.container.querySelector(".lc-status-dot");if(u){let v={fresh:"var(--bs-success)",stale:"var(--bs-warning)",error:"var(--bs-danger)",loading:"var(--bs-info)"};u.style.background=v[t.status]||"var(--bs-secondary)",u.title=t.status;}}if(t.lastRun){let u=a.container.querySelector(".lc-status-dot + .text-muted");u&&(u.textContent=Je(t.lastRun));}let p=k.resolve(e);if(!p)return;p.card_data||(p.card_data={}),t.status&&(p.card_data.status=t.status),t.lastRun&&(p.card_data.lastRun=t.lastRun),t.error!==void 0&&(p.card_data.error=t.error),t.files!==void 0&&(p.card_data.files=Array.isArray(t.files)?t.files:[]);let n=document.getElementById(a.uid+"-files-open"),l=Array.isArray(p.card_data.files)?p.card_data.files.length:0;n&&(n.title=l>0?"Files ("+l+")":"Files",n.innerHTML='<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="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/></svg>'+(l>0?'<span class="ms-1 small" aria-label="'+l+' files">'+l+"</span>":""));let s=document.getElementById(a.uid+"-files-count");s&&s.parentNode&&s.parentNode.removeChild(s);let d=a.container.querySelector(".lc-inference-bar");if(d){let u=p.card_data&&p.card_data.llm_task_completion_inference,v=!!(u&&u.isTaskCompleted),m=d.querySelector(".lc-inference-icon");m&&(m.title=v?"Task completed":"Awaiting inference",m.style.color=v?"#198754":"#aaa",m.innerHTML=v?"&#x25CF;":"&#x25CB;");}p.card_data.status==="error"&&p.card_data.error?a.resultEl.innerHTML=`<div class="text-danger small fw-semibold">Refresh failed</div><pre class="text-muted small mt-1" style="white-space:pre-wrap">${L(p.card_data.error)}</pre>`:Se(p,a.resultEl);}function h(e){let t=I[e];t&&(t.ac.abort(),t.timers.forEach(a=>clearTimeout(a)),t.charts.forEach(a=>{try{a.inst.destroy();}catch{}}),t.unsubs&&t.unsubs.forEach(a=>a()),delete I[e]),delete F[e];}function y(){Object.keys(I).forEach(h);}function N(e,t,a){c.currentNodeId===e&&ae(t,a,[]);}function E(){let e=c.currentNodeId;!e||!c.backdrop||!c.backdrop.classList.contains("lc-open")||G(e).catch(function(){});}function g(){let e=c.currentNodeId;!e||!c.backdrop||!c.backdrop.classList.contains("lc-open")||(U(),le(e),G(e).catch(function(){}));}function A(e,t){let a=F[e];return a&&a.elements&&a.elements[t]||null}return {render:i,update:o,destroy:h,destroyAll:y,notify:me,subscribe:Ae,appendChatMessage:N,refreshOpenChatModal:E,onServerSseEvent:g,openChatModal:pe,openFilesModal:xe,getElement:A,registerRenderer(e,t){P[e]=t;},renderers:P}}function Ge(T,k,I){I=I||{};let Y={current:I.mode||"board"},J={current:I.devMode||false},R=[],D={},V={},ie=I.showChat||false,P=I.defaultCol||6,F=I.canvas||{},c={snap:F.snap||20,zoomMin:F.zoom&&F.zoom.min||.25,zoomMax:F.zoom&&F.zoom.max||2,zoom:F.zoom&&F.zoom.initial||1,edges:F.edges!==false,minWidth:F.minWidth||220,maxWidth:F.maxWidth||450,defaultW:F.defaultW||350,gapX:F.gapX||280,gapY:F.gapY||320,padX:F.padX||20,padY:F.padY||20,cardMaxH:F.cardMaxH||300,panX:0,panY:0},x=new AbortController,Z=x.signal,X=[],de=F.edgeStyle||{};({color:de.color||"rgba(108, 117, 125, 0.6)",size:de.size||2,dash:de.dash!==false,animation:de.animation!==false,endPlug:de.endPlug||"arrow1"});let ae=document.createElement("div");ae.className="lc-board",k.appendChild(ae);let B=document.createElement("div");B.className="row g-3 lc-board-grid";let U=document.createElement("div");U.className="lc-canvas",U.style.cssText="position:relative;overflow:auto;width:100%;";let G=document.createElement("div");G.className="lc-canvas-inner",G.style.cssText="position:relative;transform-origin:0 0;min-width:100%;min-height:100%;",U.appendChild(G);let le=document.createElementNS("http://www.w3.org/2000/svg","svg");le.setAttribute("class","lc-canvas-edges"),le.style.cssText="position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;";let pe=document.createElementNS("http://www.w3.org/2000/svg","defs");if(pe.innerHTML='<marker id="lc-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M 0 1 L 8 5 L 0 9 z" fill="rgba(108,117,125,0.55)"/></marker>',le.appendChild(pe),G.appendChild(le),!document.getElementById("lc-board-css")){let i=document.createElement("style");i.id="lc-board-css",i.textContent=`
+        .lc-canvas-card { position:absolute; min-width:${c.minWidth}px; cursor:grab; user-select:none; z-index:1; }
         .lc-canvas-card.lc-dragging { cursor:grabbing; z-index:10; box-shadow:0 8px 24px rgba(0,0,0,0.18)!important; }
         .lc-canvas-card .card-body { overflow:hidden; }
         .lc-canvas-card.lc-resizing { cursor:nwse-resize; z-index:10; }
@@ -2473,930 +103,10 @@ var LiveCard = (function () {
         @keyframes lc-edge-flow { to { stroke-dashoffset:-10; } }
         .lc-source-node { position:absolute; cursor:grab; user-select:none; z-index:1; }
         .lc-source-node.lc-dragging { cursor:grabbing; z-index:10; }
-      `;
-      document.head.appendChild(s);
-    }
-
-    // ---- Helpers ----
-
-    function _colWidth(node) {
-      const view = node && node.card ? node.card.view : null;
-      if (view && view.layout && view.layout.board && view.layout.board.col) return view.layout.board.col;
-      return defaultCol;
-    }
-
-    function _initPositions() {
-      const explicit = opts.positions || {};
-      nodeList.forEach((node, i) => {
-        if (_positions[node.id]) return; // already set
-        if (explicit[node.id]) {
-          _positions[node.id] = Object.assign({}, explicit[node.id]);
-        } else if (node.card && node.card.view && node.card.view.layout && node.card.view.layout.canvas && node.card.view.layout.canvas.x != null) {
-          _positions[node.id] = Object.assign({}, node.card.view.layout.canvas);
-        } else {
-          const col = (i % 4);
-          const row = Math.floor(i / 4);
-          _positions[node.id] = { x: col * cvs.gapX + cvs.padX, y: row * cvs.gapY + cvs.padY, w: cvs.defaultW };
-        }
-      });
-    }
-
-    function _getRequires(node) {
-      return (node && node.card && Array.isArray(node.card.requires)) ? node.card.requires : [];
-    }
-
-    /**
-     * Returns tokens this node provides.
-     * Explicit: card.provides[].bindTo
-     * Implicit default: the node's own id (if no provides declared)
-     */
-    function _getProvides(node) {
-      if (!node || !node.card) return [node ? node.id : ''];
-      if (Array.isArray(node.card.provides) && node.card.provides.length > 0) {
-        return node.card.provides.map(function(p) { return (typeof p === 'string') ? p : (p.bindTo || p); });
-      }
-      // Default: node provides a token equal to its own id
-      return [node.id];
-    }
-
-    /**
-     * Build token → provider nodeId map from all nodes in the board.
-     * Called before drawing edges so we can resolve requires tokens → source nodes.
-     */
-    function _buildTokenMap() {
-      var map = {};
-      nodeList.forEach(function(node) {
-        _getProvides(node).forEach(function(token) {
-          map[token] = node.id;
-        });
-      });
-      return map;
-    }
-
-    /**
-     * Resolve required tokens to provider node IDs.
-     * Returns deduplicated array of source node IDs for a given consumer node.
-     */
-    function _resolveEdgeSources(node, tokenMap) {
-      var sources = [];
-      var seen = {};
-      _getRequires(node).forEach(function(token) {
-        var srcId = tokenMap[token];
-        if (srcId && !seen[srcId]) {
-          seen[srcId] = true;
-          sources.push(srcId);
-        }
-      });
-      return sources;
-    }
-
-    function _showCardInspector(node) {
-      const modal = document.createElement('div');
-      modal.className = 'modal d-block';
-      modal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: flex; align-items: center; justify-content: center;';
-
-      const dialog = document.createElement('div');
-      dialog.className = 'modal-dialog';
-      dialog.style.cssText = 'width: 92%; max-width: 980px; max-height: 88vh; overflow: auto;';
-
-      const content = document.createElement('div');
-      content.className = 'modal-content';
-
-      const header = document.createElement('div');
-      header.className = 'modal-header';
-      header.innerHTML = `<h5 class="modal-title">Card Inspector: ${_esc((node.card && node.card.meta && node.card.meta.title) || node.id)}</h5><button type="button" class="btn-close" aria-label="Close"></button>`;
-
-      const closeModal = function () { modal.remove(); };
-      header.querySelector('.btn-close').addEventListener('click', closeModal);
-
-      const body = document.createElement('div');
-      body.className = 'modal-body';
-      body.style.cssText = 'max-height: 64vh; overflow-y: auto;';
-
-      const cardSection = document.createElement('div');
-      cardSection.className = 'mb-4';
-      cardSection.innerHTML = '<h6 class="fw-semibold mb-2">Card Definition (Read-only)</h6>';
-      const cardDef = (node && node.card) ? node.card : {};
-      cardSection.innerHTML += `<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${_esc(JSON.stringify(cardDef, null, 2))}</pre>`;
-      body.appendChild(cardSection);
-
-      const computedSection = document.createElement('div');
-      computedSection.className = 'mb-4';
-      computedSection.innerHTML = '<h6 class="fw-semibold mb-2">Computed Values (Read-only)</h6>';
-      const computedValues = node.computed_values || {};
-      computedSection.innerHTML += `<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${_esc(JSON.stringify(computedValues, null, 2))}</pre>`;
-      body.appendChild(computedSection);
-
-      const requiresSection = document.createElement('div');
-      requiresSection.className = 'mb-4';
-      requiresSection.innerHTML = '<h6 class="fw-semibold mb-2">Requires (Read-only)</h6>';
-      const requiresData = node.requires || {};
-      requiresSection.innerHTML += `<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${_esc(JSON.stringify(requiresData, null, 2))}</pre>`;
-      body.appendChild(requiresSection);
-
-      const stateSection = document.createElement('div');
-      stateSection.className = 'mb-2';
-      stateSection.innerHTML = '<h6 class="fw-semibold mb-2">Runtime Status (Read-only)</h6>';
-      const runtimeState = { status: node.card_data && node.card_data.status, lastRun: node.card_data && node.card_data.lastRun, error: node.card_data && node.card_data.error };
-      stateSection.innerHTML += `<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${_esc(JSON.stringify(runtimeState, null, 2))}</pre>`;
-      body.appendChild(stateSection);
-
-      const footer = document.createElement('div');
-      footer.className = 'modal-footer';
-      const closeBtn = document.createElement('button');
-      closeBtn.type = 'button';
-      closeBtn.className = 'btn btn-secondary';
-      closeBtn.textContent = 'Close';
-      closeBtn.addEventListener('click', closeModal);
-
-      footer.appendChild(closeBtn);
-      content.appendChild(header);
-      content.appendChild(body);
-      content.appendChild(footer);
-      dialog.appendChild(content);
-      modal.appendChild(dialog);
-      document.body.appendChild(modal);
-    }
-
-    function _buildCardWrapper(node) {
-      const wrap = document.createElement('div');
-      const card = node && node.card ? node.card : {};
-      const isSimulation = card.meta && card.meta.simulation === true;
-      const isGandalfCard  = card.meta && card.meta._gandalfCard === true;
-      const isRunning     = node && node.runtime_state && node.runtime_state.task_status === 'running';
-      const extraClass   = isSimulation ? ' lc-simulation-card' : (isGandalfCard ? ' lc-gandalf-card' : '');
-      wrap.className = 'card shadow-sm h-100' + extraClass + (isRunning ? ' lc-running' : '');
-      const header = document.createElement('div');
-      header.className = 'card-header d-flex align-items-center gap-2 py-2';
-      const title = (card.meta && card.meta.title) || node.id;
-      const tags = (card.meta && card.meta.tags) || [];
-      let badgeHtml = '';
-      if ((card.source_defs && card.source_defs.length) && !card.view) {
-        var src = card.source_defs[0] || {};
-        badgeHtml = '<span class="badge bg-info text-dark ms-auto">' + _esc(src.kind || 'source') + '</span>';
-      } else if (tags.length) {
-        badgeHtml = tags.map(t => '<span class="badge bg-secondary ms-1">' + _esc(t) + '</span>').join('');
-      }
-      header.innerHTML = '<strong class="small">' + _esc(title) + '</strong>' + badgeHtml;
-
-      // Gandalf cards: collapsible via caret — caret gets its own click listener,
-      // header is left alone for dragging in canvas mode.
-      if (isGandalfCard) {
-        const caret = document.createElement('span');
-        caret.className = 'lc-gandalf-caret';
-        caret.title = 'Collapse / expand';
-        caret.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>';
-        header.appendChild(caret);
-
-        const storageKey = 'lc-gandalf-collapsed:' + (node.id || title);
-        if (sessionStorage.getItem(storageKey) === '1') {
-          wrap.classList.add('lc-collapsed');
-          header.dataset.gandalfCollapsed = '1';
-        }
-
-        caret.addEventListener('click', function(e) {
-          e.stopPropagation();
-          const cardEl = caret.closest('.lc-gandalf-card') || wrap;
-          cardEl.classList.toggle('lc-collapsed');
-          sessionStorage.setItem(storageKey, cardEl.classList.contains('lc-collapsed') ? '1' : '0');
-        });
-        caret.addEventListener('pointerdown', e => e.stopPropagation()); // prevent drag start
-      }
-      if (isSimulation) {
-        const simBtns = document.createElement('span');
-        simBtns.className = 'd-inline-flex align-items-center gap-1 ms-auto';
-
-        const pinBtn = document.createElement('button');
-        pinBtn.className = 'btn btn-sm btn-outline-success lc-sim-pin';
-        pinBtn.style.cssText = 'padding: 2px 6px;';
-        pinBtn.innerHTML = '<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="M12 17v5"/><path d="M9 2h6l-1 7h-4L9 2z"/><path d="M6 17h12l-2-4H8L6 17z"/></svg>';
-        pinBtn.title = 'Pin this simulation card';
-        pinBtn.dataset.nodeId = node.id;
-
-        const discardBtn = document.createElement('button');
-        discardBtn.className = 'btn btn-sm btn-outline-danger lc-sim-discard';
-        discardBtn.style.cssText = 'padding: 2px 6px;';
-        discardBtn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>';
-        discardBtn.title = 'Discard this simulation card';
-        discardBtn.dataset.nodeId = node.id;
-
-        simBtns.appendChild(pinBtn);
-        simBtns.appendChild(discardBtn);
-        header.appendChild(simBtns);
-      }
-
-      // Add dev mode code icon button if devMode is enabled
-      if (devMode.current) {
-        const codeBtn = document.createElement('button');
-        codeBtn.className = 'btn btn-sm btn-outline-secondary';
-        codeBtn.style.cssText = 'padding: 2px 6px;' + (isSimulation ? '' : ' margin-left: auto;');
-        codeBtn.innerHTML = '&lt;/&gt;';
-        codeBtn.title = 'Inspect card data';
-        codeBtn.addEventListener('click', function(e) {
-          e.stopPropagation();
-          _showCardInspector(node);
-        });
-        header.appendChild(codeBtn);
-      }
-      
-      const body = document.createElement('div');
-      body.className = 'card-body p-2';
-
-      // Token gem rows — requires gems above header, provides gems below body
-      const requiresTokens = (card.requires && Array.isArray(card.requires)) ? card.requires : [];
-      const providesTokens = (Array.isArray(card.provides) && card.provides.length)
-        ? card.provides.map(function(p) { return typeof p === 'string' ? p : (p.bindTo || p); })
-        : [node.id];
-
-      // Requires gems — top of card (above header)
-      if (requiresTokens.length) {
-        const reqRow = document.createElement('div');
-        reqRow.className = 'lc-token-row lc-token-row-requires';
-        requiresTokens.forEach(function(token) {
-          const gem = document.createElement('span');
-          gem.className = 'lc-token-gem lc-token-gem-requires';
-          gem.dataset.token = token;
-          gem.title = token;
-          reqRow.appendChild(gem);
-        });
-        wrap.appendChild(reqRow);
-      }
-
-      wrap.appendChild(header);
-      wrap.appendChild(body);
-
-      // Provides gems — bottom of card (below body)
-      if (providesTokens.length) {
-        const provRow = document.createElement('div');
-        provRow.className = 'lc-token-row lc-token-row-provides';
-        providesTokens.forEach(function(token) {
-          const gem = document.createElement('span');
-          gem.className = 'lc-token-gem lc-token-gem-provides';
-          gem.dataset.token = token;
-          gem.title = token;
-          provRow.appendChild(gem);
-        });
-        wrap.appendChild(provRow);
-      }
-
-      return { wrap, header, body };
-    }
-
-    function _buildSourcePill(node) {
-      const el = document.createElement('div');
-      el.className = 'lc-source-node';
-      const status = (node.card_data && node.card_data.status) || 'fresh';
-      const card = node && node.card ? node.card : {};
-      const title = (card.meta && card.meta.title) || node.id;
-      const kind = (card.source_defs && card.source_defs[0] && card.source_defs[0].kind) || 'source';
-      el.innerHTML = `<div class="lc-source-pill shadow-sm">
-        ${_statusDot(status)}
-        <span class="fw-medium">${_esc(title)}</span>
-        <span class="badge bg-info text-dark">${_esc(kind)}</span>
-      </div>`;
-      return el;
-    }
-
-    // ---- Board mode ----
-
-    // Compute canvas inner size from card positions + padding
-    function _fitCanvasToContent() {
-      var pad = 100;
-      var maxR = 0, maxB = 0;
-      canvasInner.querySelectorAll('.lc-canvas-card,.lc-source-node').forEach(function(el) {
-        var r = el.offsetLeft + el.offsetWidth;
-        var b = el.offsetTop + el.offsetHeight;
-        if (r > maxR) maxR = r;
-        if (b > maxB) maxB = b;
-      });
-      canvasInner.style.width = (maxR + pad) + 'px';
-      canvasInner.style.height = (maxB + pad) + 'px';
-    }
-
-    function _renderBoard() {
-      _destroyEdges();
-      document.body.style.overflow = '';
-      root.innerHTML = '';
-      root.appendChild(gridEl);
-      gridEl.innerHTML = '';
-
-      // Only card nodes in board mode, sorted by order
-      const cards = nodeList.filter(n => n.card && n.card.view).slice();
-      cards.sort((a, b) => {
-        const ao = (a.card && a.card.view && a.card.view.layout && a.card.view.layout.board && a.card.view.layout.board.order) || 0;
-        const bo = (b.card && b.card.view && b.card.view.layout && b.card.view.layout.board && b.card.view.layout.board.order) || 0;
-        return ao - bo;
-      });
-
-      cards.forEach(node => {
-        const col = document.createElement('div');
-        col.className = 'col-12 col-md-' + _colWidth(node);
-        col.dataset.nodeId = node.id;
-        const { wrap, body } = _buildCardWrapper(node);
-        col.appendChild(wrap);
-        gridEl.appendChild(col);
-        nodeMap[node.id] = { node, colEl: col, bodyEl: body };
-        engine.render(node, body, { showChat });
-      });
-      _updateTokenAvailability();
-    }
-
-    // ---- Canvas mode ----
-
-    function _applyTransform() {
-      canvasInner.style.transform = `translate(${cvs.panX}px,${cvs.panY}px) scale(${cvs.zoom})`;
-    }
-
-    /**
-     * Update token badge availability: a provides badge turns green when the
-     * node has data; a requires badge turns green when the upstream provider
-     * has data for that token.
-     */
-    function _updateTokenAvailability() {
-      var tokenMap = _buildTokenMap();
-      // A node "has data" when card_data or computed_values is non-empty, or status is fresh/completed.
-      var nodeHasData = {};
-      nodeList.forEach(function(node) {
-        var cd = node.card_data || (node.card && node.card.card_data);
-        var cv = node.computed_values;
-        var status = cd && cd.status;
-        var hasOutput = (cd && Object.keys(cd).length > 0) || (cv && Object.keys(cv).length > 0);
-        nodeHasData[node.id] = hasOutput || status === 'fresh' || status === 'completed';
-      });
-
-      // Update all gem elements in root container
-      var allGems = root.querySelectorAll('.lc-token-gem');
-      allGems.forEach(function(gem) {
-        var token = gem.dataset.token;
-        if (!token) return;
-        if (gem.classList.contains('lc-token-gem-provides')) {
-          // The provides gem: green if this node has data
-          var nodeEl = gem.closest('[data-node-id]');
-          var nId = nodeEl && nodeEl.dataset.nodeId;
-          gem.classList.toggle('lc-token-available', !!(nId && nodeHasData[nId]));
-        } else if (gem.classList.contains('lc-token-gem-requires')) {
-          // The requires gem: green if the upstream provider for this token has data
-          var srcId = tokenMap[token];
-          gem.classList.toggle('lc-token-available', !!(srcId && nodeHasData[srcId]));
-        }
-      });
-    }
-
-    function _destroyEdges() {
-      _edges.forEach(function(line) { try { line.remove(); } catch(e) { /* noop */ } });
-      _edges.length = 0;
-    }
-
-    function _repositionEdges() {
-      _edges.forEach(function(line) { try { line.position(); } catch(e) { /* noop */ } });
-    }
-
-    function _drawEdges() {
-      _destroyEdges();
-      svgEl.querySelectorAll('line,path').forEach(function(el) { el.remove(); });
-      if (!cvs.edges) return;
-
-      // Build token → provider nodeId map
-      var tokenMap = _buildTokenMap();
-
-      // SVG edges — rendered behind cards (z-index:0) for a clean look
-      nodeList.forEach(function(node) {
-        var tgtInfo = nodeMap[node.id];
-        if (!tgtInfo || !tgtInfo.colEl) return;
-        _getRequires(node).forEach(function(token) {
-          var srcId = tokenMap[token];
-          if (!srcId) return;
-          var srcInfo = nodeMap[srcId];
-          if (!srcInfo || !srcInfo.colEl) return;
-          // Locate gems; fall back to card element if gem not found
-          var srcGem = srcInfo.colEl.querySelector('.lc-token-gem-provides[data-token="' + token + '"]');
-          var tgtGem = tgtInfo.colEl.querySelector('.lc-token-gem-requires[data-token="' + token + '"]');
-          var sx, sy, tx, ty;
-          var innerRect = canvasInner.getBoundingClientRect();
-          if (srcGem) {
-            var srcRect = srcGem.getBoundingClientRect();
-            sx = (srcRect.left + srcRect.width / 2 - innerRect.left) / cvs.zoom;
-            sy = (srcRect.bottom - innerRect.top) / cvs.zoom;
-          } else {
-            var sEl = srcInfo.colEl;
-            sx = sEl.offsetLeft + sEl.offsetWidth / 2;
-            sy = sEl.offsetTop + sEl.offsetHeight;
-          }
-          if (tgtGem) {
-            var tgtRect = tgtGem.getBoundingClientRect();
-            tx = (tgtRect.left + tgtRect.width / 2 - innerRect.left) / cvs.zoom;
-            ty = (tgtRect.top - innerRect.top) / cvs.zoom;
-          } else {
-            var tEl = tgtInfo.colEl;
-            tx = tEl.offsetLeft + tEl.offsetWidth / 2;
-            ty = tEl.offsetTop;
-          }
-          // Route bezier curves around cards — offset control points outward
-          var dx = tx - sx;
-          var dy = ty - sy;
-          var dist = Math.sqrt(dx * dx + dy * dy);
-          var cpLen = Math.max(40, Math.min(dist * 0.4, 120));
-          // Determine if src is roughly above, below, left, or right of target
-          var absDx = Math.abs(dx);
-          var absDy = Math.abs(dy);
-          var cp1x, cp1y, cp2x, cp2y;
-          if (absDy > absDx * 0.4) {
-            // Mostly vertical — curve control points go straight down/up
-            cp1x = sx; cp1y = sy + cpLen;
-            cp2x = tx; cp2y = ty - cpLen;
-          } else {
-            // Mostly horizontal — swing control points outward to avoid overlapping cards
-            var sideSign = dx > 0 ? 1 : -1;
-            cp1x = sx + sideSign * cpLen; cp1y = sy + cpLen * 0.5;
-            cp2x = tx - sideSign * cpLen; cp2y = ty - cpLen * 0.5;
-          }
-          var d = 'M ' + sx + ' ' + sy + ' C ' + cp1x + ' ' + cp1y + ', ' + cp2x + ' ' + cp2y + ', ' + tx + ' ' + ty;
-          var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-          path.setAttribute('d', d);
-          path.setAttribute('fill', 'none');
-          path.setAttribute('marker-end', 'url(#lc-arrow)');
-          path.classList.add('lc-edge-path');
-          svgEl.appendChild(path);
-        });
-      });
-    }
-
-    function _makeDraggable(el, node) {
-      let startX, startY, origX, origY, dragging = false;
-
-      el.addEventListener('pointerdown', e => {
-        if (e.button !== 0) return;
-        if (e.target.closest('input,textarea,select,button,a,.form-check-input')) return;
-        dragging = true;
-        el.classList.add('lc-dragging');
-        el.setPointerCapture(e.pointerId);
-        startX = e.clientX; startY = e.clientY;
-        origX = el.offsetLeft; origY = el.offsetTop;
-        e.preventDefault();
-      }, { signal });
-
-      el.addEventListener('pointermove', e => {
-        if (!dragging) return;
-        const dx = (e.clientX - startX) / cvs.zoom;
-        const dy = (e.clientY - startY) / cvs.zoom;
-        el.style.left = (origX + dx) + 'px';
-        el.style.top  = (origY + dy) + 'px';
-        if (_edges.length) _repositionEdges();
-        else _drawEdges();
-      }, { signal });
-
-      el.addEventListener('pointerup', () => {
-        if (!dragging) return;
-        dragging = false;
-        el.classList.remove('lc-dragging');
-        let x = el.offsetLeft, y = el.offsetTop;
-        if (cvs.snap > 1) { x = Math.round(x / cvs.snap) * cvs.snap; y = Math.round(y / cvs.snap) * cvs.snap; }
-        el.style.left = x + 'px'; el.style.top = y + 'px';
-        // Persist
-        _positions[node.id] = Object.assign(_positions[node.id] || {}, { x, y });
-        if (node.card && node.card.view) {
-          if (!node.card.view.layout) node.card.view.layout = {};
-          if (!node.card.view.layout.canvas) node.card.view.layout.canvas = {};
-          node.card.view.layout.canvas.x = x;
-          node.card.view.layout.canvas.y = y;
-        }
-        engine.notify(node.id);
-        _fitCanvasToContent();
-        if (_edges.length) _repositionEdges();
-        else _drawEdges();
-      }, { signal });
-    }
-
-    function _makeResizable(el, node) {
-      const handle = document.createElement('div');
-      handle.className = 'lc-resize-handle';
-      el.appendChild(handle);
-      el.style.overflow = 'visible';
-
-      let resizing = false, startX, startY, origW, origH;
-
-      handle.addEventListener('pointerdown', function(e) {
-        if (e.button !== 0) return;
-        e.stopPropagation();
-        e.preventDefault();
-        resizing = true;
-        el.classList.add('lc-resizing');
-        handle.setPointerCapture(e.pointerId);
-        startX = e.clientX;
-        startY = e.clientY;
-        origW = el.offsetWidth;
-        origH = el.offsetHeight;
-      }, { signal });
-
-      handle.addEventListener('pointermove', function(e) {
-        if (!resizing) return;
-        const dw = (e.clientX - startX) / cvs.zoom;
-        const dh = (e.clientY - startY) / cvs.zoom;
-        const newW = Math.max(cvs.minWidth, origW + dw);
-        const newH = Math.max(80, origH + dh);
-        el.style.width = newW + 'px';
-        el.style.height = newH + 'px';
-        if (_edges.length) _repositionEdges();
-        else _drawEdges();
-      }, { signal });
-
-      handle.addEventListener('pointerup', function() {
-        if (!resizing) return;
-        resizing = false;
-        el.classList.remove('lc-resizing');
-        const w = el.offsetWidth;
-        const h = el.offsetHeight;
-        // Snap to grid
-        const sw = cvs.snap > 1 ? Math.round(w / cvs.snap) * cvs.snap : w;
-        const sh = cvs.snap > 1 ? Math.round(h / cvs.snap) * cvs.snap : h;
-        el.style.width = sw + 'px';
-        el.style.height = sh + 'px';
-        // Persist dimensions
-        _positions[node.id] = Object.assign(_positions[node.id] || {}, { w: sw, h: sh });
-        if (node.card && node.card.view) {
-          if (!node.card.view.layout) node.card.view.layout = {};
-          if (!node.card.view.layout.canvas) node.card.view.layout.canvas = {};
-          node.card.view.layout.canvas.w = sw;
-          node.card.view.layout.canvas.h = sh;
-        }
-        engine.notify(node.id);
-        _fitCanvasToContent();
-        if (_edges.length) _repositionEdges();
-        else _drawEdges();
-      }, { signal });
-    }
-
-    function _renderCanvas() {
-      _destroyEdges();
-      document.body.style.overflow = 'hidden';
-      root.innerHTML = '';
-      root.appendChild(canvasEl);
-      // Fill remaining viewport height
-      var top = canvasEl.getBoundingClientRect().top;
-      canvasEl.style.height = co.height || ('calc(100vh - ' + top + 'px)');
-      canvasInner.querySelectorAll('.lc-canvas-card,.lc-source-node').forEach(el => el.remove());
-      svgEl.querySelectorAll('line,path').forEach(function(el) { el.remove(); });
-      _initPositions();
-      _applyTransform();
-
-      nodeList.forEach(node => {
-        const pos = _positions[node.id] || { x: 0, y: 0 };
-
-        if ((!node.card || !node.card.view) && (node.card && node.card.source_defs && node.card.source_defs.length)) {
-          const el = _buildSourcePill(node);
-          el.dataset.nodeId = node.id;
-          el.style.left = pos.x + 'px';
-          el.style.top  = pos.y + 'px';
-          canvasInner.appendChild(el);
-          nodeMap[node.id] = { node, colEl: el, bodyEl: null };
-          _makeDraggable(el, node);
-        } else {
-          const el = document.createElement('div');
-          const isSimCanvas   = node.card && node.card.meta && node.card.meta.simulation === true;
-          const isGandalfCanvas = node.card && node.card.meta && node.card.meta._gandalfCard === true;
-          const canvasExtra   = isSimCanvas ? ' lc-simulation-card' : (isGandalfCanvas ? ' lc-gandalf-card' : '');
-          el.className = 'lc-canvas-card card shadow-sm' + canvasExtra;
-          el.dataset.nodeId = node.id;
-          el.style.left = pos.x + 'px';
-          el.style.top  = pos.y + 'px';
-          if (pos.w) el.style.width = pos.w + 'px';
-          if (pos.h) el.style.height = pos.h + 'px';
-
-          const { wrap, body } = _buildCardWrapper(node);
-          while (wrap.firstChild) el.appendChild(wrap.firstChild);
-          // Re-apply collapsed state: in canvas mode el is the card container, not wrap
-          const movedHeader = el.querySelector('.card-header');
-          if (movedHeader && movedHeader.dataset.gandalfCollapsed === '1') el.classList.add('lc-collapsed');
-          canvasInner.appendChild(el);
-          nodeMap[node.id] = { node, colEl: el, bodyEl: body };
-          engine.render(node, body, { showChat: false });
-          _makeDraggable(el, node);
-          _makeResizable(el, node);
-        }
-      });
-
-      _updateTokenAvailability();
-
-      // Fit canvas to content then draw edges
-      requestAnimationFrame(function() {
-        _fitCanvasToContent();
-        _drawEdges();
-      });
-
-      // Reposition LeaderLine edges on scroll
-      canvasEl.addEventListener('scroll', function() { _repositionEdges(); }, { signal, passive: true });
-
-      // Pan: middle-click or Ctrl+drag on background
-      let panning = false, panStartX, panStartY, panOrigX, panOrigY;
-      canvasEl.addEventListener('pointerdown', e => {
-        if (e.target !== canvasEl && e.target !== canvasInner) return;
-        if (e.button === 1 || (e.button === 0 && e.ctrlKey)) {
-          panning = true; canvasEl.setPointerCapture(e.pointerId);
-          panStartX = e.clientX; panStartY = e.clientY;
-          panOrigX = cvs.panX; panOrigY = cvs.panY;
-          e.preventDefault();
-        }
-      }, { signal });
-      canvasEl.addEventListener('pointermove', e => {
-        if (!panning) return;
-        cvs.panX = panOrigX + (e.clientX - panStartX);
-        cvs.panY = panOrigY + (e.clientY - panStartY);
-        _applyTransform();
-        _repositionEdges();
-      }, { signal });
-      canvasEl.addEventListener('pointerup', () => { panning = false; }, { signal });
-
-      // Zoom: Ctrl+wheel
-      canvasEl.addEventListener('wheel', e => {
-        if (!e.ctrlKey) return;
-        e.preventDefault();
-        const delta = e.deltaY > 0 ? 0.9 : 1.1;
-        cvs.zoom = Math.min(cvs.zoomMax, Math.max(cvs.zoomMin, cvs.zoom * delta));
-        _applyTransform();
-        _repositionEdges();
-      }, { signal, passive: false });
-    }
-
-    function _render() {
-      if (mode.current === 'canvas') _renderCanvas();
-      else _renderBoard();
-    }
-
-    // ---- Auto-layout (topological L → R) ----
-
-    function autoLayout() {
-      const tokenMap = _buildTokenMap();
-      const incoming = {};
-      const levels = {};
-      nodeList.forEach(n => { incoming[n.id] = []; levels[n.id] = 0; });
-      nodeList.forEach(n => {
-        _resolveEdgeSources(n, tokenMap).forEach(srcId => {
-          if (incoming[n.id]) incoming[n.id].push(srcId);
-        });
-      });
-
-      let changed = true;
-      while (changed) {
-        changed = false;
-        nodeList.forEach(n => {
-          (incoming[n.id] || []).forEach(srcId => {
-            if (levels[srcId] != null && levels[srcId] + 1 > levels[n.id]) {
-              levels[n.id] = levels[srcId] + 1;
-              changed = true;
-            }
-          });
-        });
-      }
-
-      const colCounts = {};
-      nodeList.forEach(n => {
-        const lv = levels[n.id] || 0;
-        if (!colCounts[lv]) colCounts[lv] = 0;
-        const row = colCounts[lv]++;
-        _positions[n.id] = {
-          x: lv * 400 + 40,
-          y: row * 300 + 40,
-          w: (_positions[n.id] && _positions[n.id].w) || cvs.defaultW,
-        };
-        // Sync to card nodes
-        if (n.view) {
-          if (!n.view.layout) n.view.layout = {};
-          n.view.layout.canvas = Object.assign({}, _positions[n.id]);
-        }
-      });
-      if (mode.current === 'canvas') _renderCanvas();
-    }
-
-    // ---- Public API ----
-
-    function add(node) {
-      if (nodeMap[node.id]) return;
-      nodeList.push(node);
-      _render();
-    }
-
-    function remove(nodeId) {
-      engine.destroy(nodeId);
-      const idx = nodeList.findIndex(n => n.id === nodeId);
-      if (idx >= 0) nodeList.splice(idx, 1);
-      delete nodeMap[nodeId];
-      delete _positions[nodeId];
-      _render();
-    }
-
-    function reorder(ids) {
-      nodeList.length = 0;
-      ids.forEach(id => {
-        const info = nodeMap[id];
-        if (info) nodeList.push(info.node);
-      });
-      _render();
-    }
-
-    /**
-     * Per-node update: replace runtime fields on the existing node object in place
-     * and re-render only that node's body. Outer wrapper is rebuilt to pick up
-     * status/badges, but the surrounding column element is reused so layout is stable.
-     * Editable element state is preserved via journal overlays keyed by nodeId:bindPath.
-     */
-    function updateNode(id, model) {
-      const entry = nodeMap[id];
-      if (!entry) throw new Error('updateNode: unknown node id ' + id);
-      const node = entry.node;
-      if (model && typeof model === 'object') {
-        if (model.card !== undefined) node.card = model.card;
-        if (model.card_data !== undefined) node.card_data = model.card_data;
-        if (model.requires !== undefined) node.requires = model.requires;
-        if (model.computed_values !== undefined) node.computed_values = model.computed_values;
-        if (model.runtime_state !== undefined) node.runtime_state = model.runtime_state;
-      }
-      engine.destroy(id);
-      if (mode.current === 'board') {
-        const colEl = entry.colEl;
-        colEl.innerHTML = '';
-        const built = _buildCardWrapper(node);
-        colEl.appendChild(built.wrap);
-        nodeMap[id] = { node, colEl, bodyEl: built.body };
-        engine.render(node, built.body, { showChat });
-      } else {
-        const el = entry.colEl;
-        el.innerHTML = '';
-        const built = _buildCardWrapper(node);
-        while (built.wrap.firstChild) el.appendChild(built.wrap.firstChild);
-        nodeMap[id] = { node, colEl: el, bodyEl: built.body };
-        engine.render(node, built.body, { showChat: false });
-      }
-      _updateTokenAvailability();
-    }
-
-    function clear() {
-      _destroyEdges();
-      engine.destroyAll();
-      nodeList.length = 0;
-      Object.keys(nodeMap).forEach(k => delete nodeMap[k]);
-      Object.keys(_positions).forEach(k => delete _positions[k]);
-      root.innerHTML = '';
-    }
-
-    function setMode(m) {
-      if (m !== 'board' && m !== 'canvas') return;
-      mode.current = m;
-      _render();
-    }
-
-    function setDevMode(flag) {
-      devMode.current = !!flag;
-      _render();
-    }
-
-    function destroy() {
-      _destroyEdges();
-      document.body.style.overflow = '';
-      ac.abort();
-      engine.destroyAll();
-      nodeList.length = 0;
-      Object.keys(nodeMap).forEach(k => delete nodeMap[k]);
-      root.innerHTML = '';
-      if (root.parentNode) root.parentNode.removeChild(root);
-    }
-
-    // ---- Init ----
-    if (opts.nodes && opts.nodes.length) {
-      opts.nodes.forEach(n => nodeList.push(n));
-    }
-    _render();
-
-    return {
-      add,
-      remove,
-      reorder,
-      updateNode,
-      clear,
-      setMode,
-      setDevMode,
-      autoLayout,
-      destroy,
-      get mode() { return mode.current; },
-      get devMode() { return devMode.current; },
-      get nodes() { return nodeList.slice(); },
-      get engine() { return engine; },
-    };
-  }
-
-  // ===========================================================================
-  // Board — reactive host. State in, view out. No destructive re-renders.
-  // ===========================================================================
-
-  function Board(engine, containerEl, opts) {
-    opts = opts || {};
-    const initialState = opts.initialState;
-    const getNodeIds = opts.getNodeIds;
-    const selectNode = opts.selectNode;
-    if (typeof getNodeIds !== 'function' || typeof selectNode !== 'function') {
-      throw new Error('LiveCard.Board requires getNodeIds and selectNode functions');
-    }
-
-    let state = initialState;
-    const prevModelsById = {};
-    const prevFingerprintsById = {};
-
-    function _stableStringify(v) {
-      if (v == null || typeof v !== 'object') return JSON.stringify(v);
-      if (Array.isArray(v)) return '[' + v.map(_stableStringify).join(',') + ']';
-      const keys = Object.keys(v).sort();
-      return '{' + keys.map(k => JSON.stringify(k) + ':' + _stableStringify(v[k])).join(',') + '}';
-    }
-
-    function _modelFingerprint(model) {
-      if (!model || typeof model !== 'object') return 'null';
-      return _stableStringify({
-        card: model.card,
-        card_data: model.card_data,
-        requires: model.requires,
-        computed_values: model.computed_values,
-        runtime_state: model.runtime_state,
-      });
-    }
-
-    const initialIds = getNodeIds(state);
-    const initialNodes = initialIds.map(id => {
-      const m = selectNode(state, id);
-      prevModelsById[id] = m;
-      prevFingerprintsById[id] = _modelFingerprint(m);
-      return m;
-    });
-
-    const coreOpts = {};
-    Object.keys(opts).forEach(k => {
-      if (k === 'initialState' || k === 'getNodeIds' || k === 'selectNode' || k === 'nodes') return;
-      coreOpts[k] = opts[k];
-    });
-    coreOpts.nodes = initialNodes;
-
-    const core = BoardCore(engine, containerEl, coreOpts);
-
-    function _changed(prevFingerprint, nextFingerprint) {
-      return prevFingerprint !== nextFingerprint;
-    }
-
-    function setState(nextStateOrUpdater) {
-      const nextState = (typeof nextStateOrUpdater === 'function')
-        ? nextStateOrUpdater(state)
-        : nextStateOrUpdater;
-      if (nextState === undefined) return;
-
-      state = nextState;
-      const nextIds = getNodeIds(state);
-      const nextSet = new Set(nextIds);
-
-      // Removals
-      Object.keys(prevModelsById).forEach(id => {
-        if (!nextSet.has(id)) {
-          core.remove(id);
-          delete prevModelsById[id];
-          delete prevFingerprintsById[id];
-        }
-      });
-
-      // Additions and per-node updates
-      nextIds.forEach(id => {
-        const next = selectNode(state, id);
-        const prev = prevModelsById[id];
-        const nextFingerprint = _modelFingerprint(next);
-        const prevFingerprint = prevFingerprintsById[id];
-        if (!prev) {
-          core.add(next);
-        } else if (_changed(prevFingerprint, nextFingerprint)) {
-          core.updateNode(id, next);
-        }
-        prevModelsById[id] = next;
-        prevFingerprintsById[id] = nextFingerprint;
-      });
-
-      // Reorder if id sequence differs
-      const currentOrder = core.nodes.map(n => n.id);
-      const orderDiffers = nextIds.length !== currentOrder.length
-        || nextIds.some((id, i) => id !== currentOrder[i]);
-      if (orderDiffers) core.reorder(nextIds);
-    }
-
-    function destroy() {
-      Object.keys(prevModelsById).forEach(k => delete prevModelsById[k]);
-      Object.keys(prevFingerprintsById).forEach(k => delete prevFingerprintsById[k]);
-      core.destroy();
-    }
-
-    return {
-      setState,
-      destroy,
-      core,
-      get state() { return state; },
-    };
-  }
-
-  // ===========================================================================
-  // Module export
-  // ===========================================================================
-
-  return { init, Board, BoardCore };
-})();
+      `,document.head.appendChild(i);}function Ne(i){let o=i&&i.card?i.card.view:null;return o&&o.layout&&o.layout.board&&o.layout.board.col?o.layout.board.col:P}function te(){let i=I.positions||{};R.forEach((o,h)=>{if(!V[o.id])if(i[o.id])V[o.id]=Object.assign({},i[o.id]);else if(o.card&&o.card.view&&o.card.view.layout&&o.card.view.layout.canvas&&o.card.view.layout.canvas.x!=null)V[o.id]=Object.assign({},o.card.view.layout.canvas);else {let y=h%4,N=Math.floor(h/4);V[o.id]={x:y*c.gapX+c.padX,y:N*c.gapY+c.padY,w:c.defaultW};}});}function oe(i){return i&&i.card&&Array.isArray(i.card.requires)?i.card.requires:[]}function xe(i){return !i||!i.card?[i?i.id:""]:Array.isArray(i.card.provides)&&i.card.provides.length>0?i.card.provides.map(function(o){return typeof o=="string"?o:o.bindTo||o}):[i.id]}function ce(){var i={};return R.forEach(function(o){xe(o).forEach(function(h){i[h]=o.id;});}),i}function me(i,o){var h=[],y={};return oe(i).forEach(function(N){var E=o[N];E&&!y[E]&&(y[E]=true,h.push(E));}),h}function Ae(i){let o=document.createElement("div");o.className="modal d-block",o.style.cssText="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display: flex; align-items: center; justify-content: center;";let h=document.createElement("div");h.className="modal-dialog",h.style.cssText="width: 92%; max-width: 980px; max-height: 88vh; overflow: auto;";let y=document.createElement("div");y.className="modal-content";let N=document.createElement("div");N.className="modal-header",N.innerHTML=`<h5 class="modal-title">Card Inspector: ${L(i.card&&i.card.meta&&i.card.meta.title||i.id)}</h5><button type="button" class="btn-close" aria-label="Close"></button>`;let E=function(){o.remove();};N.querySelector(".btn-close").addEventListener("click",E);let g=document.createElement("div");g.className="modal-body",g.style.cssText="max-height: 64vh; overflow-y: auto;";let A=document.createElement("div");A.className="mb-4",A.innerHTML='<h6 class="fw-semibold mb-2">Card Definition (Read-only)</h6>';let e=i&&i.card?i.card:{};A.innerHTML+=`<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${L(JSON.stringify(e,null,2))}</pre>`,g.appendChild(A);let t=document.createElement("div");t.className="mb-4",t.innerHTML='<h6 class="fw-semibold mb-2">Computed Values (Read-only)</h6>';let a=i.computed_values||{};t.innerHTML+=`<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${L(JSON.stringify(a,null,2))}</pre>`,g.appendChild(t);let r=document.createElement("div");r.className="mb-4",r.innerHTML='<h6 class="fw-semibold mb-2">Requires (Read-only)</h6>';let p=i.requires||{};r.innerHTML+=`<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${L(JSON.stringify(p,null,2))}</pre>`,g.appendChild(r);let n=document.createElement("div");n.className="mb-2",n.innerHTML='<h6 class="fw-semibold mb-2">Runtime Status (Read-only)</h6>';let l={status:i.card_data&&i.card_data.status,lastRun:i.card_data&&i.card_data.lastRun,error:i.card_data&&i.card_data.error};n.innerHTML+=`<pre style="background: #f5f5f5; padding: 10px; border-radius: 4px; overflow-x: auto; font-size: 12px; white-space: pre-wrap; word-wrap: break-word;">${L(JSON.stringify(l,null,2))}</pre>`,g.appendChild(n);let s=document.createElement("div");s.className="modal-footer";let d=document.createElement("button");d.type="button",d.className="btn btn-secondary",d.textContent="Close",d.addEventListener("click",E),s.appendChild(d),y.appendChild(N),y.appendChild(g),y.appendChild(s),h.appendChild(y),o.appendChild(h),document.body.appendChild(o);}function we(i){let o=document.createElement("div"),h=i&&i.card?i.card:{},y=h.meta&&h.meta.simulation===true,N=h.meta&&h.meta._gandalfCard===true,E=i&&i.runtime_state&&i.runtime_state.task_status==="running",g=y?" lc-simulation-card":N?" lc-gandalf-card":"";o.className="card shadow-sm h-100"+g+(E?" lc-running":"");let A=document.createElement("div");A.className="card-header d-flex align-items-center gap-2 py-2";let e=h.meta&&h.meta.title||i.id,t=h.meta&&h.meta.tags||[],a="";if(h.source_defs&&h.source_defs.length&&!h.view){var r=h.source_defs[0]||{};a='<span class="badge bg-info text-dark ms-auto">'+L(r.kind||"source")+"</span>";}else t.length&&(a=t.map(s=>'<span class="badge bg-secondary ms-1">'+L(s)+"</span>").join(""));if(A.innerHTML='<strong class="small">'+L(e)+"</strong>"+a,N){let s=document.createElement("span");s.className="lc-gandalf-caret",s.title="Collapse / expand",s.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>',A.appendChild(s);let d="lc-gandalf-collapsed:"+(i.id||e);sessionStorage.getItem(d)==="1"&&(o.classList.add("lc-collapsed"),A.dataset.gandalfCollapsed="1"),s.addEventListener("click",function(u){u.stopPropagation();let v=s.closest(".lc-gandalf-card")||o;v.classList.toggle("lc-collapsed"),sessionStorage.setItem(d,v.classList.contains("lc-collapsed")?"1":"0");}),s.addEventListener("pointerdown",u=>u.stopPropagation());}if(y){let s=document.createElement("span");s.className="d-inline-flex align-items-center gap-1 ms-auto";let d=document.createElement("button");d.className="btn btn-sm btn-outline-success lc-sim-pin",d.style.cssText="padding: 2px 6px;",d.innerHTML='<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="M12 17v5"/><path d="M9 2h6l-1 7h-4L9 2z"/><path d="M6 17h12l-2-4H8L6 17z"/></svg>',d.title="Pin this simulation card",d.dataset.nodeId=i.id;let u=document.createElement("button");u.className="btn btn-sm btn-outline-danger lc-sim-discard",u.style.cssText="padding: 2px 6px;",u.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',u.title="Discard this simulation card",u.dataset.nodeId=i.id,s.appendChild(d),s.appendChild(u),A.appendChild(s);}if(J.current){let s=document.createElement("button");s.className="btn btn-sm btn-outline-secondary",s.style.cssText="padding: 2px 6px;"+(y?"":" margin-left: auto;"),s.innerHTML="&lt;/&gt;",s.title="Inspect card data",s.addEventListener("click",function(d){d.stopPropagation(),Ae(i);}),A.appendChild(s);}let p=document.createElement("div");p.className="card-body p-2";let n=h.requires&&Array.isArray(h.requires)?h.requires:[],l=Array.isArray(h.provides)&&h.provides.length?h.provides.map(function(s){return typeof s=="string"?s:s.bindTo||s}):[i.id];if(n.length){let s=document.createElement("div");s.className="lc-token-row lc-token-row-requires",n.forEach(function(d){let u=document.createElement("span");u.className="lc-token-gem lc-token-gem-requires",u.dataset.token=d,u.title=d,s.appendChild(u);}),o.appendChild(s);}if(o.appendChild(A),o.appendChild(p),l.length){let s=document.createElement("div");s.className="lc-token-row lc-token-row-provides",l.forEach(function(d){let u=document.createElement("span");u.className="lc-token-gem lc-token-gem-provides",u.dataset.token=d,u.title=d,s.appendChild(u);}),o.appendChild(s);}return {wrap:o,header:A,body:p}}function Ee(i){let o=document.createElement("div");o.className="lc-source-node";let h=i.card_data&&i.card_data.status||"fresh",y=i&&i.card?i.card:{},N=y.meta&&y.meta.title||i.id,E=y.source_defs&&y.source_defs[0]&&y.source_defs[0].kind||"source";return o.innerHTML=`<div class="lc-source-pill shadow-sm">
+        ${Ke(h)}
+        <span class="fw-medium">${L(N)}</span>
+        <span class="badge bg-info text-dark">${L(E)}</span>
+      </div>`,o}function Ce(){var i=100,o=0,h=0;G.querySelectorAll(".lc-canvas-card,.lc-source-node").forEach(function(y){var N=y.offsetLeft+y.offsetWidth,E=y.offsetTop+y.offsetHeight;N>o&&(o=N),E>h&&(h=E);}),G.style.width=o+i+"px",G.style.height=h+i+"px";}function He(){ve(),document.body.style.overflow="",ae.innerHTML="",ae.appendChild(B),B.innerHTML="";let i=R.filter(o=>o.card&&o.card.view).slice();i.sort((o,h)=>{let y=o.card&&o.card.view&&o.card.view.layout&&o.card.view.layout.board&&o.card.view.layout.board.order||0,N=h.card&&h.card.view&&h.card.view.layout&&h.card.view.layout.board&&h.card.view.layout.board.order||0;return y-N}),i.forEach(o=>{let h=document.createElement("div");h.className="col-12 col-md-"+Ne(o),h.dataset.nodeId=o.id;let{wrap:y,body:N}=we(o);h.appendChild(y),B.appendChild(h),D[o.id]={node:o,colEl:h,bodyEl:N},T.render(o,N,{showChat:ie});}),_e();}function Le(){G.style.transform=`translate(${c.panX}px,${c.panY}px) scale(${c.zoom})`;}function _e(){var i=ce(),o={};R.forEach(function(y){var N=y.card_data||y.card&&y.card.card_data,E=y.computed_values,g=N&&N.status,A=N&&Object.keys(N).length>0||E&&Object.keys(E).length>0;o[y.id]=A||g==="fresh"||g==="completed";});var h=ae.querySelectorAll(".lc-token-gem");h.forEach(function(y){var N=y.dataset.token;if(N){if(y.classList.contains("lc-token-gem-provides")){var E=y.closest("[data-node-id]"),g=E&&E.dataset.nodeId;y.classList.toggle("lc-token-available",!!(g&&o[g]));}else if(y.classList.contains("lc-token-gem-requires")){var A=i[N];y.classList.toggle("lc-token-available",!!(A&&o[A]));}}});}function ve(){X.forEach(function(i){try{i.remove();}catch{}}),X.length=0;}function ue(){X.forEach(function(i){try{i.position();}catch{}});}function ye(){if(ve(),le.querySelectorAll("line,path").forEach(function(o){o.remove();}),!!c.edges){var i=ce();R.forEach(function(o){var h=D[o.id];!h||!h.colEl||oe(o).forEach(function(y){var N=i[y];if(N){var E=D[N];if(!(!E||!E.colEl)){var g=E.colEl.querySelector('.lc-token-gem-provides[data-token="'+y+'"]'),A=h.colEl.querySelector('.lc-token-gem-requires[data-token="'+y+'"]'),e,t,a,r,p=G.getBoundingClientRect();if(g){var n=g.getBoundingClientRect();e=(n.left+n.width/2-p.left)/c.zoom,t=(n.bottom-p.top)/c.zoom;}else {var l=E.colEl;e=l.offsetLeft+l.offsetWidth/2,t=l.offsetTop+l.offsetHeight;}if(A){var s=A.getBoundingClientRect();a=(s.left+s.width/2-p.left)/c.zoom,r=(s.top-p.top)/c.zoom;}else {var d=h.colEl;a=d.offsetLeft+d.offsetWidth/2,r=d.offsetTop;}var u=a-e,v=r-t,m=Math.sqrt(u*u+v*v),C=Math.max(40,Math.min(m*.4,120)),w=Math.abs(u),S=Math.abs(v),M,$,j,_;if(S>w*.4)M=e,$=t+C,j=a,_=r-C;else {var H=u>0?1:-1;M=e+H*C,$=t+C*.5,j=a-H*C,_=r-C*.5;}var ne="M "+e+" "+t+" C "+M+" "+$+", "+j+" "+_+", "+a+" "+r,Q=document.createElementNS("http://www.w3.org/2000/svg","path");Q.setAttribute("d",ne),Q.setAttribute("fill","none"),Q.setAttribute("marker-end","url(#lc-arrow)"),Q.classList.add("lc-edge-path"),le.appendChild(Q);}}});});}}function $e(i,o){let h,y,N,E,g=false;i.addEventListener("pointerdown",A=>{A.button===0&&(A.target.closest("input,textarea,select,button,a,.form-check-input")||(g=true,i.classList.add("lc-dragging"),i.setPointerCapture(A.pointerId),h=A.clientX,y=A.clientY,N=i.offsetLeft,E=i.offsetTop,A.preventDefault()));},{signal:Z}),i.addEventListener("pointermove",A=>{if(!g)return;let e=(A.clientX-h)/c.zoom,t=(A.clientY-y)/c.zoom;i.style.left=N+e+"px",i.style.top=E+t+"px",X.length?ue():ye();},{signal:Z}),i.addEventListener("pointerup",()=>{if(!g)return;g=false,i.classList.remove("lc-dragging");let A=i.offsetLeft,e=i.offsetTop;c.snap>1&&(A=Math.round(A/c.snap)*c.snap,e=Math.round(e/c.snap)*c.snap),i.style.left=A+"px",i.style.top=e+"px",V[o.id]=Object.assign(V[o.id]||{},{x:A,y:e}),o.card&&o.card.view&&(o.card.view.layout||(o.card.view.layout={}),o.card.view.layout.canvas||(o.card.view.layout.canvas={}),o.card.view.layout.canvas.x=A,o.card.view.layout.canvas.y=e),T.notify(o.id),Ce(),X.length?ue():ye();},{signal:Z});}function Ie(i,o){let h=document.createElement("div");h.className="lc-resize-handle",i.appendChild(h),i.style.overflow="visible";let y=false,N,E,g,A;h.addEventListener("pointerdown",function(e){e.button===0&&(e.stopPropagation(),e.preventDefault(),y=true,i.classList.add("lc-resizing"),h.setPointerCapture(e.pointerId),N=e.clientX,E=e.clientY,g=i.offsetWidth,A=i.offsetHeight);},{signal:Z}),h.addEventListener("pointermove",function(e){if(!y)return;let t=(e.clientX-N)/c.zoom,a=(e.clientY-E)/c.zoom,r=Math.max(c.minWidth,g+t),p=Math.max(80,A+a);i.style.width=r+"px",i.style.height=p+"px",X.length?ue():ye();},{signal:Z}),h.addEventListener("pointerup",function(){if(!y)return;y=false,i.classList.remove("lc-resizing");let e=i.offsetWidth,t=i.offsetHeight,a=c.snap>1?Math.round(e/c.snap)*c.snap:e,r=c.snap>1?Math.round(t/c.snap)*c.snap:t;i.style.width=a+"px",i.style.height=r+"px",V[o.id]=Object.assign(V[o.id]||{},{w:a,h:r}),o.card&&o.card.view&&(o.card.view.layout||(o.card.view.layout={}),o.card.view.layout.canvas||(o.card.view.layout.canvas={}),o.card.view.layout.canvas.w=a,o.card.view.layout.canvas.h=r),T.notify(o.id),Ce(),X.length?ue():ye();},{signal:Z});}function ze(){ve(),document.body.style.overflow="hidden",ae.innerHTML="",ae.appendChild(U);var i=U.getBoundingClientRect().top;U.style.height=F.height||"calc(100vh - "+i+"px)",G.querySelectorAll(".lc-canvas-card,.lc-source-node").forEach(g=>g.remove()),le.querySelectorAll("line,path").forEach(function(g){g.remove();}),te(),Le(),R.forEach(g=>{let A=V[g.id]||{x:0,y:0};if((!g.card||!g.card.view)&&g.card&&g.card.source_defs&&g.card.source_defs.length){let e=Ee(g);e.dataset.nodeId=g.id,e.style.left=A.x+"px",e.style.top=A.y+"px",G.appendChild(e),D[g.id]={node:g,colEl:e,bodyEl:null},$e(e,g);}else {let e=document.createElement("div"),t=g.card&&g.card.meta&&g.card.meta.simulation===true,a=g.card&&g.card.meta&&g.card.meta._gandalfCard===true,r=t?" lc-simulation-card":a?" lc-gandalf-card":"";e.className="lc-canvas-card card shadow-sm"+r,e.dataset.nodeId=g.id,e.style.left=A.x+"px",e.style.top=A.y+"px",A.w&&(e.style.width=A.w+"px"),A.h&&(e.style.height=A.h+"px");let{wrap:p,body:n}=we(g);for(;p.firstChild;)e.appendChild(p.firstChild);let l=e.querySelector(".card-header");l&&l.dataset.gandalfCollapsed==="1"&&e.classList.add("lc-collapsed"),G.appendChild(e),D[g.id]={node:g,colEl:e,bodyEl:n},T.render(g,n,{showChat:false}),$e(e,g),Ie(e,g);}}),_e(),requestAnimationFrame(function(){Ce(),ye();}),U.addEventListener("scroll",function(){ue();},{signal:Z,passive:true});let o=false,h,y,N,E;U.addEventListener("pointerdown",g=>{g.target!==U&&g.target!==G||(g.button===1||g.button===0&&g.ctrlKey)&&(o=true,U.setPointerCapture(g.pointerId),h=g.clientX,y=g.clientY,N=c.panX,E=c.panY,g.preventDefault());},{signal:Z}),U.addEventListener("pointermove",g=>{o&&(c.panX=N+(g.clientX-h),c.panY=E+(g.clientY-y),Le(),ue());},{signal:Z}),U.addEventListener("pointerup",()=>{o=false;},{signal:Z}),U.addEventListener("wheel",g=>{if(!g.ctrlKey)return;g.preventDefault();let A=g.deltaY>0?.9:1.1;c.zoom=Math.min(c.zoomMax,Math.max(c.zoomMin,c.zoom*A)),Le(),ue();},{signal:Z,passive:false});}function he(){Y.current==="canvas"?ze():He();}function Re(){let i=ce(),o={},h={};R.forEach(E=>{o[E.id]=[],h[E.id]=0;}),R.forEach(E=>{me(E,i).forEach(g=>{o[E.id]&&o[E.id].push(g);});});let y=true;for(;y;)y=false,R.forEach(E=>{(o[E.id]||[]).forEach(g=>{h[g]!=null&&h[g]+1>h[E.id]&&(h[E.id]=h[g]+1,y=true);});});let N={};R.forEach(E=>{let g=h[E.id]||0;N[g]||(N[g]=0);let A=N[g]++;V[E.id]={x:g*400+40,y:A*300+40,w:V[E.id]&&V[E.id].w||c.defaultW},E.view&&(E.view.layout||(E.view.layout={}),E.view.layout.canvas=Object.assign({},V[E.id]));}),Y.current==="canvas"&&ze();}function Oe(i){D[i.id]||(R.push(i),he());}function Fe(i){T.destroy(i);let o=R.findIndex(h=>h.id===i);o>=0&&R.splice(o,1),delete D[i],delete V[i],he();}function Pe(i){R.length=0,i.forEach(o=>{let h=D[o];h&&R.push(h.node);}),he();}function De(i,o){let h=D[i];if(!h)throw new Error("updateNode: unknown node id "+i);let y=h.node;if(o&&typeof o=="object"&&(o.card!==void 0&&(y.card=o.card),o.card_data!==void 0&&(y.card_data=o.card_data),o.requires!==void 0&&(y.requires=o.requires),o.computed_values!==void 0&&(y.computed_values=o.computed_values),o.runtime_state!==void 0&&(y.runtime_state=o.runtime_state)),T.destroy(i),Y.current==="board"){let N=h.colEl;N.innerHTML="";let E=we(y);N.appendChild(E.wrap),D[i]={node:y,colEl:N,bodyEl:E.body},T.render(y,E.body,{showChat:ie});}else {let N=h.colEl;N.innerHTML="";let E=we(y);for(;E.wrap.firstChild;)N.appendChild(E.wrap.firstChild);D[i]={node:y,colEl:N,bodyEl:E.body},T.render(y,E.body,{showChat:false});}_e();}function Ve(){ve(),T.destroyAll(),R.length=0,Object.keys(D).forEach(i=>delete D[i]),Object.keys(V).forEach(i=>delete V[i]),ae.innerHTML="";}function je(i){i!=="board"&&i!=="canvas"||(Y.current=i,he());}function We(i){J.current=!!i,he();}function Se(){ve(),document.body.style.overflow="",x.abort(),T.destroyAll(),R.length=0,Object.keys(D).forEach(i=>delete D[i]),ae.innerHTML="",ae.parentNode&&ae.parentNode.removeChild(ae);}return I.nodes&&I.nodes.length&&I.nodes.forEach(i=>R.push(i)),he(),{add:Oe,remove:Fe,reorder:Pe,updateNode:De,clear:Ve,setMode:je,setDevMode:We,autoLayout:Re,destroy:Se,get mode(){return Y.current},get devMode(){return J.current},get nodes(){return R.slice()},get engine(){return T}}}function it(T,k,I){I=I||{};let Y=I.initialState,J=I.getNodeIds,R=I.selectNode;if(typeof J!="function"||typeof R!="function")throw new Error("LiveCard.Board requires getNodeIds and selectNode functions");let D=Y,V={},ie={};function P(B){return B==null||typeof B!="object"?JSON.stringify(B):Array.isArray(B)?"["+B.map(P).join(",")+"]":"{"+Object.keys(B).sort().map(G=>JSON.stringify(G)+":"+P(B[G])).join(",")+"}"}function F(B){return !B||typeof B!="object"?"null":P({card:B.card,card_data:B.card_data,requires:B.requires,computed_values:B.computed_values,runtime_state:B.runtime_state})}let x=J(D).map(B=>{let U=R(D,B);return V[B]=U,ie[B]=F(U),U}),Z={};Object.keys(I).forEach(B=>{B==="initialState"||B==="getNodeIds"||B==="selectNode"||B==="nodes"||(Z[B]=I[B]);}),Z.nodes=x;let X=Ge(T,k,Z);function de(B,U){return B!==U}function Te(B){let U=typeof B=="function"?B(D):B;if(U===void 0)return;D=U;let G=J(D),le=new Set(G);Object.keys(V).forEach(te=>{le.has(te)||(X.remove(te),delete V[te],delete ie[te]);}),G.forEach(te=>{let oe=R(D,te),xe=V[te],ce=F(oe),me=ie[te];xe?de(me,ce)&&X.updateNode(te,oe):X.add(oe),V[te]=oe,ie[te]=ce;});let pe=X.nodes.map(te=>te.id);(G.length!==pe.length||G.some((te,oe)=>te!==pe[oe]))&&X.reorder(G);}function ae(){Object.keys(V).forEach(B=>delete V[B]),Object.keys(ie).forEach(B=>delete ie[B]),X.destroy();}return {setState:Te,destroy:ae,core:X,get state(){return D}}}return {init:rt,Board:it,BoardCore:Ge}})(),Ze=lt;typeof globalThis<"u"&&(globalThis.LiveCard=Ze);
+})();//# sourceMappingURL=live-cards.js.map
+//# sourceMappingURL=live-cards.js.map