agentix-cli 0.16.0 → 0.18.0

package/dist/inbox-O5UB3YQN.js

@@ -0,0 +1,315 @@
+import{a,b as t}from"./chunk-6PPIFDOQ.js";import"./chunk-HPDHNIA3.js";function s(e={}){let o=`<div class="ax-inbox__root" data-actor="${t(e.actor??"")}">
+  <aside class="ax-inbox__list">
+    <header>
+      <h2>Inbox</h2>
+      <button id="inbox-refresh" class="ax-inbox__icon" title="Refresh (r)">\u21BB</button>
+    </header>
+    <div class="ax-inbox__actor">
+      <label>Actor <input id="inbox-actor" type="text" placeholder="actor:<id>" value="${t(e.actor??"")}" autocomplete="off" /></label>
+    </div>
+    <ul id="inbox-tasks" class="ax-inbox__cards" aria-live="polite"></ul>
+    <div id="inbox-empty" class="ax-inbox__empty" hidden>
+      <p>No open tasks.</p>
+      <p class="hint">Set the actor filter to see tasks assigned to you, or leave blank for all tasks in the system.</p>
+    </div>
+  </aside>
+
+  <section class="ax-inbox__detail">
+    <header id="inbox-detail-head">
+      <span class="hint">Select a task to open its form.</span>
+    </header>
+    <div id="inbox-detail-body" class="ax-inbox__detail-body"></div>
+  </section>
+</div>
+
+<div id="inbox-toast" class="ax-inbox__toast" hidden></div>`;return a({title:"AgentX \xB7 Inbox",activeTab:"workflows",subtitle:"Inbox",peers:e.peers,currentPeerId:e.currentPeerId,body:o,css:n,scripts:`<script>${i}</script>`})}var n=`
+.ax-inbox__root {
+  display: grid;
+  grid-template-columns: 340px 1fr;
+  height: calc(100vh - var(--ax-topbar-h, 48px));
+  background: var(--ax-bg);
+}
+.ax-inbox__list {
+  border-right: 1px solid var(--ax-border);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.ax-inbox__list > header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--ax-border);
+}
+.ax-inbox__list > header h2 { margin: 0; font-size: 14px; font-weight: 600; }
+.ax-inbox__actor {
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--ax-border);
+}
+.ax-inbox__actor label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ax-muted); }
+.ax-inbox__actor input {
+  font: inherit;
+  padding: 6px 8px;
+  border: 1px solid var(--ax-border);
+  border-radius: 6px;
+  background: var(--ax-bg);
+  color: var(--ax-fg);
+}
+.ax-inbox__cards { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }
+.ax-inbox__card {
+  padding: 10px 12px;
+  border-radius: 6px;
+  margin-bottom: 4px;
+  cursor: pointer;
+  border: 1px solid transparent;
+}
+.ax-inbox__card:hover { background: var(--ax-surface-2, rgba(127,127,127,0.08)); }
+.ax-inbox__card.is-active { background: var(--ax-surface-2); border-color: var(--ax-border); }
+.ax-inbox__card-title { font-weight: 600; font-size: 13px; margin-bottom: 2px; }
+.ax-inbox__card-meta { font-size: 11px; color: var(--ax-muted); }
+.ax-inbox__card-due { font-size: 11px; color: #d48a00; margin-top: 4px; }
+.ax-inbox__empty { padding: 20px; color: var(--ax-muted); text-align: center; font-size: 13px; }
+.ax-inbox__detail { display: flex; flex-direction: column; min-height: 0; }
+.ax-inbox__detail > header { padding: 14px 18px; border-bottom: 1px solid var(--ax-border); }
+.ax-inbox__detail-body { overflow-y: auto; padding: 18px; flex: 1; }
+.ax-inbox__form { max-width: 560px; display: grid; gap: 14px; }
+.ax-inbox__field { display: flex; flex-direction: column; gap: 4px; }
+.ax-inbox__field label { font-size: 12px; color: var(--ax-muted); font-weight: 600; }
+.ax-inbox__field input, .ax-inbox__field textarea, .ax-inbox__field select {
+  font: inherit;
+  padding: 8px 10px;
+  border: 1px solid var(--ax-border);
+  border-radius: 6px;
+  background: var(--ax-bg);
+  color: var(--ax-fg);
+}
+.ax-inbox__field textarea { min-height: 100px; resize: vertical; }
+.ax-inbox__field-hint { font-size: 11px; color: var(--ax-muted); }
+.ax-inbox__field-error { font-size: 11px; color: #c0392b; }
+.ax-inbox__actions { display: flex; gap: 8px; margin-top: 8px; }
+.ax-inbox__actions button {
+  font: inherit;
+  padding: 8px 14px;
+  border: 1px solid var(--ax-border);
+  border-radius: 6px;
+  cursor: pointer;
+  background: var(--ax-surface-2);
+  color: var(--ax-fg);
+}
+.ax-inbox__actions button.is-primary {
+  background: #2ecc71; color: white; border-color: #27ae60;
+}
+.ax-inbox__actions button:disabled { opacity: 0.5; cursor: not-allowed; }
+.ax-inbox__icon {
+  background: none; border: 1px solid transparent; color: var(--ax-fg); cursor: pointer;
+  font-size: 14px; padding: 4px 8px; border-radius: 4px;
+}
+.ax-inbox__icon:hover { background: var(--ax-surface-2); }
+.ax-inbox__toast {
+  position: fixed; bottom: 16px; right: 16px; padding: 10px 14px;
+  background: var(--ax-fg); color: var(--ax-bg); border-radius: 6px;
+  font-size: 13px; z-index: 100;
+}
+`,i=`
+(function(){
+  const $ = (sel) => document.querySelector(sel);
+  const state = { tasks: [], selected: null, actor: document.querySelector('.ax-inbox__root').dataset.actor || '' };
+  const toast = (msg) => {
+    const el = $('#inbox-toast');
+    el.textContent = msg;
+    el.hidden = false;
+    setTimeout(() => { el.hidden = true; }, 2500);
+  };
+
+  async function fetchTasks() {
+    const qs = state.actor ? ('?actor=' + encodeURIComponent(state.actor)) : '';
+    try {
+      const r = await fetch('/api/workflows/tasks' + qs, { credentials: 'same-origin' });
+      if (!r.ok) { toast('fetch failed: ' + r.status); return; }
+      const data = await r.json();
+      state.tasks = Array.isArray(data.tasks) ? data.tasks : [];
+      renderList();
+      if (state.selected && !state.tasks.find(t => t.id === state.selected)) {
+        state.selected = null;
+        renderDetail();
+      }
+    } catch (e) { toast('fetch error: ' + e.message); }
+  }
+
+  function renderList() {
+    const ul = $('#inbox-tasks');
+    const empty = $('#inbox-empty');
+    ul.innerHTML = '';
+    if (!state.tasks.length) { empty.hidden = false; return; }
+    empty.hidden = true;
+    for (const t of state.tasks) {
+      const li = document.createElement('li');
+      li.className = 'ax-inbox__card' + (t.id === state.selected ? ' is-active' : '');
+      li.innerHTML =
+        '<div class="ax-inbox__card-title">' + escHtml(t.title) + '</div>' +
+        '<div class="ax-inbox__card-meta">' + escHtml(t.assignee) + ' \xB7 ' + escHtml(t.workflowId) + '</div>' +
+        (t.dueAt ? ('<div class="ax-inbox__card-due">due ' + new Date(t.dueAt).toLocaleString() + '</div>') : '');
+      li.addEventListener('click', () => { state.selected = t.id; renderList(); renderDetail(); });
+      ul.appendChild(li);
+    }
+  }
+
+  function renderDetail() {
+    const head = $('#inbox-detail-head');
+    const body = $('#inbox-detail-body');
+    const t = state.tasks.find(x => x.id === state.selected);
+    if (!t) {
+      head.innerHTML = '<span class="hint">Select a task to open its form.</span>';
+      body.innerHTML = '';
+      return;
+    }
+    head.innerHTML = '<h2 style="margin:0;font-size:15px">' + escHtml(t.title) + '</h2>' +
+      (t.description ? '<p class="hint" style="margin:6px 0 0">' + escHtml(t.description) + '</p>' : '');
+    const form = document.createElement('form');
+    form.className = 'ax-inbox__form';
+    form.addEventListener('submit', (e) => { e.preventDefault(); submit(t, 'primary'); });
+    for (const field of (t.form.fields || [])) {
+      form.appendChild(renderField(field));
+    }
+    const actions = document.createElement('div');
+    actions.className = 'ax-inbox__actions';
+    const primary = document.createElement('button');
+    primary.type = 'submit';
+    primary.className = 'is-primary';
+    primary.textContent = t.form.submitLabel || 'Submit';
+    actions.appendChild(primary);
+    if (t.form.secondaryAction) {
+      const secondary = document.createElement('button');
+      secondary.type = 'button';
+      secondary.textContent = t.form.secondaryAction.label;
+      secondary.addEventListener('click', () => submit(t, 'secondary'));
+      actions.appendChild(secondary);
+    }
+    form.appendChild(actions);
+    body.innerHTML = '';
+    body.appendChild(form);
+  }
+
+  function renderField(field) {
+    const wrap = document.createElement('div');
+    wrap.className = 'ax-inbox__field';
+    const label = document.createElement('label');
+    label.textContent = field.label + (field.required ? ' *' : '');
+    wrap.appendChild(label);
+    let input;
+    switch (field.type) {
+      case 'long-text':
+        input = document.createElement('textarea');
+        break;
+      case 'number':
+        input = document.createElement('input'); input.type = 'number';
+        break;
+      case 'boolean':
+        input = document.createElement('select');
+        for (const v of ['', 'yes', 'no']) {
+          const o = document.createElement('option'); o.value = v; o.textContent = v || '\u2014';
+          input.appendChild(o);
+        }
+        break;
+      case 'date':
+        input = document.createElement('input'); input.type = 'date';
+        break;
+      case 'select':
+        input = document.createElement('select');
+        if (!field.required) { const o = document.createElement('option'); o.value = ''; o.textContent = '\u2014'; input.appendChild(o); }
+        for (const opt of (field.options || [])) {
+          const o = document.createElement('option'); o.value = opt; o.textContent = opt;
+          input.appendChild(o);
+        }
+        break;
+      case 'multi-select':
+        input = document.createElement('select'); input.multiple = true; input.size = Math.min(6, (field.options||[]).length || 3);
+        for (const opt of (field.options || [])) {
+          const o = document.createElement('option'); o.value = opt; o.textContent = opt;
+          input.appendChild(o);
+        }
+        break;
+      case 'file':
+        input = document.createElement('input'); input.type = 'text'; input.placeholder = 'URL or path';
+        break;
+      default:
+        input = document.createElement('input'); input.type = 'text';
+    }
+    input.name = field.key;
+    if (field.defaultValue !== undefined && field.type !== 'multi-select') input.value = String(field.defaultValue);
+    wrap.appendChild(input);
+    if (field.hint) {
+      const hint = document.createElement('div');
+      hint.className = 'ax-inbox__field-hint';
+      hint.textContent = field.hint;
+      wrap.appendChild(hint);
+    }
+    const err = document.createElement('div');
+    err.className = 'ax-inbox__field-error';
+    err.dataset.for = field.key;
+    wrap.appendChild(err);
+    return wrap;
+  }
+
+  async function submit(task, action) {
+    const form = $('.ax-inbox__form');
+    if (!form) return;
+    const values = {};
+    for (const field of (task.form.fields || [])) {
+      const el = form.querySelector('[name="' + field.key + '"]');
+      if (!el) continue;
+      if (field.type === 'multi-select') {
+        values[field.key] = Array.from(el.selectedOptions).map(o => o.value);
+      } else if (field.type === 'boolean') {
+        values[field.key] = el.value;
+      } else {
+        values[field.key] = el.value;
+      }
+    }
+    form.querySelectorAll('.ax-inbox__field-error').forEach(e => { e.textContent = ''; });
+    try {
+      const r = await fetch('/api/workflows/tasks/' + encodeURIComponent(task.id) + '/submit', {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ submittedBy: state.actor || 'anonymous', submission: { action, values } }),
+      });
+      const data = await r.json().catch(() => ({}));
+      if (!r.ok) {
+        if (data.fieldErrors && Array.isArray(data.fieldErrors)) {
+          for (const fe of data.fieldErrors) {
+            const node = form.querySelector('[data-for="' + fe.field + '"]');
+            if (node) node.textContent = fe.message;
+          }
+          toast('form has errors');
+        } else {
+          toast(data.error || 'submit failed');
+        }
+        return;
+      }
+      toast('submitted');
+      state.selected = null;
+      fetchTasks();
+    } catch (e) { toast('submit error: ' + e.message); }
+  }
+
+  function escHtml(s) {
+    return String(s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'})[c]);
+  }
+
+  $('#inbox-actor').addEventListener('change', (e) => {
+    state.actor = e.target.value.trim();
+    state.selected = null;
+    const url = new URL(window.location.href);
+    if (state.actor) url.searchParams.set('actor', state.actor); else url.searchParams.delete('actor');
+    history.replaceState({}, '', url.toString());
+    fetchTasks();
+  });
+  $('#inbox-refresh').addEventListener('click', fetchTasks);
+
+  fetchTasks();
+  setInterval(fetchTasks, 10000);
+})();
+`;export{s as renderInboxPage};
+//# sourceMappingURL=inbox-O5UB3YQN.js.map

package/dist/inbox-O5UB3YQN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/daemon/ui/pages/inbox.ts"],"sourcesContent":["import { renderShell, esc, type TopbarPeer } from \"..\"\n\n// --- Inbox page ---\n//\n// Per-actor (or global) list of open user-tasks with an inline form\n// renderer. Reads /api/workflows/tasks; submits via\n// POST /api/workflows/tasks/:id/submit.\n//\n// Scope is intentionally tight for Phase 1:\n//   - text / long-text / number / boolean / select / multi-select / date\n//   - primary + optional secondary action buttons\n//   - required-field validation is server-side; the UI just relays errors\n//\n// No channel-adapter coupling here — the form UI is the same whether the\n// renderer ran on Telegram or not.\n\nexport interface InboxPageOpts {\n  peers?: TopbarPeer[]\n  currentPeerId?: string\n  /** Optional actor id to pre-filter. When unset, the page shows a prompt\n   *  asking the user to pick their actor id. */\n  actor?: string\n}\n\nexport function renderInboxPage(opts: InboxPageOpts = {}): string {\n  const body = `<div class=\"ax-inbox__root\" data-actor=\"${esc(opts.actor ?? \"\")}\">\n  <aside class=\"ax-inbox__list\">\n    <header>\n      <h2>Inbox</h2>\n      <button id=\"inbox-refresh\" class=\"ax-inbox__icon\" title=\"Refresh (r)\">↻</button>\n    </header>\n    <div class=\"ax-inbox__actor\">\n      <label>Actor <input id=\"inbox-actor\" type=\"text\" placeholder=\"actor:<id>\" value=\"${esc(opts.actor ?? \"\")}\" autocomplete=\"off\" /></label>\n    </div>\n    <ul id=\"inbox-tasks\" class=\"ax-inbox__cards\" aria-live=\"polite\"></ul>\n    <div id=\"inbox-empty\" class=\"ax-inbox__empty\" hidden>\n      <p>No open tasks.</p>\n      <p class=\"hint\">Set the actor filter to see tasks assigned to you, or leave blank for all tasks in the system.</p>\n    </div>\n  </aside>\n\n  <section class=\"ax-inbox__detail\">\n    <header id=\"inbox-detail-head\">\n      <span class=\"hint\">Select a task to open its form.</span>\n    </header>\n    <div id=\"inbox-detail-body\" class=\"ax-inbox__detail-body\"></div>\n  </section>\n</div>\n\n<div id=\"inbox-toast\" class=\"ax-inbox__toast\" hidden></div>`\n\n  return renderShell({\n    title: \"AgentX · Inbox\",\n    activeTab: \"workflows\",\n    subtitle: \"Inbox\",\n    peers: opts.peers,\n    currentPeerId: opts.currentPeerId,\n    body,\n    css: INBOX_PAGE_CSS,\n    scripts: `<script>${INBOX_PAGE_SCRIPT}</script>`,\n  })\n}\n\nconst INBOX_PAGE_CSS = `\n.ax-inbox__root {\n  display: grid;\n  grid-template-columns: 340px 1fr;\n  height: calc(100vh - var(--ax-topbar-h, 48px));\n  background: var(--ax-bg);\n}\n.ax-inbox__list {\n  border-right: 1px solid var(--ax-border);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n.ax-inbox__list > header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--ax-border);\n}\n.ax-inbox__list > header h2 { margin: 0; font-size: 14px; font-weight: 600; }\n.ax-inbox__actor {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--ax-border);\n}\n.ax-inbox__actor label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ax-muted); }\n.ax-inbox__actor input {\n  font: inherit;\n  padding: 6px 8px;\n  border: 1px solid var(--ax-border);\n  border-radius: 6px;\n  background: var(--ax-bg);\n  color: var(--ax-fg);\n}\n.ax-inbox__cards { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }\n.ax-inbox__card {\n  padding: 10px 12px;\n  border-radius: 6px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n.ax-inbox__card:hover { background: var(--ax-surface-2, rgba(127,127,127,0.08)); }\n.ax-inbox__card.is-active { background: var(--ax-surface-2); border-color: var(--ax-border); }\n.ax-inbox__card-title { font-weight: 600; font-size: 13px; margin-bottom: 2px; }\n.ax-inbox__card-meta { font-size: 11px; color: var(--ax-muted); }\n.ax-inbox__card-due { font-size: 11px; color: #d48a00; margin-top: 4px; }\n.ax-inbox__empty { padding: 20px; color: var(--ax-muted); text-align: center; font-size: 13px; }\n.ax-inbox__detail { display: flex; flex-direction: column; min-height: 0; }\n.ax-inbox__detail > header { padding: 14px 18px; border-bottom: 1px solid var(--ax-border); }\n.ax-inbox__detail-body { overflow-y: auto; padding: 18px; flex: 1; }\n.ax-inbox__form { max-width: 560px; display: grid; gap: 14px; }\n.ax-inbox__field { display: flex; flex-direction: column; gap: 4px; }\n.ax-inbox__field label { font-size: 12px; color: var(--ax-muted); font-weight: 600; }\n.ax-inbox__field input, .ax-inbox__field textarea, .ax-inbox__field select {\n  font: inherit;\n  padding: 8px 10px;\n  border: 1px solid var(--ax-border);\n  border-radius: 6px;\n  background: var(--ax-bg);\n  color: var(--ax-fg);\n}\n.ax-inbox__field textarea { min-height: 100px; resize: vertical; }\n.ax-inbox__field-hint { font-size: 11px; color: var(--ax-muted); }\n.ax-inbox__field-error { font-size: 11px; color: #c0392b; }\n.ax-inbox__actions { display: flex; gap: 8px; margin-top: 8px; }\n.ax-inbox__actions button {\n  font: inherit;\n  padding: 8px 14px;\n  border: 1px solid var(--ax-border);\n  border-radius: 6px;\n  cursor: pointer;\n  background: var(--ax-surface-2);\n  color: var(--ax-fg);\n}\n.ax-inbox__actions button.is-primary {\n  background: #2ecc71; color: white; border-color: #27ae60;\n}\n.ax-inbox__actions button:disabled { opacity: 0.5; cursor: not-allowed; }\n.ax-inbox__icon {\n  background: none; border: 1px solid transparent; color: var(--ax-fg); cursor: pointer;\n  font-size: 14px; padding: 4px 8px; border-radius: 4px;\n}\n.ax-inbox__icon:hover { background: var(--ax-surface-2); }\n.ax-inbox__toast {\n  position: fixed; bottom: 16px; right: 16px; padding: 10px 14px;\n  background: var(--ax-fg); color: var(--ax-bg); border-radius: 6px;\n  font-size: 13px; z-index: 100;\n}\n`\n\n// Deliberately vanilla JS — no framework dep. Fetches task list, renders\n// per-field inputs, POSTs submission.\nconst INBOX_PAGE_SCRIPT = `\n(function(){\n  const $ = (sel) => document.querySelector(sel);\n  const state = { tasks: [], selected: null, actor: document.querySelector('.ax-inbox__root').dataset.actor || '' };\n  const toast = (msg) => {\n    const el = $('#inbox-toast');\n    el.textContent = msg;\n    el.hidden = false;\n    setTimeout(() => { el.hidden = true; }, 2500);\n  };\n\n  async function fetchTasks() {\n    const qs = state.actor ? ('?actor=' + encodeURIComponent(state.actor)) : '';\n    try {\n      const r = await fetch('/api/workflows/tasks' + qs, { credentials: 'same-origin' });\n      if (!r.ok) { toast('fetch failed: ' + r.status); return; }\n      const data = await r.json();\n      state.tasks = Array.isArray(data.tasks) ? data.tasks : [];\n      renderList();\n      if (state.selected && !state.tasks.find(t => t.id === state.selected)) {\n        state.selected = null;\n        renderDetail();\n      }\n    } catch (e) { toast('fetch error: ' + e.message); }\n  }\n\n  function renderList() {\n    const ul = $('#inbox-tasks');\n    const empty = $('#inbox-empty');\n    ul.innerHTML = '';\n    if (!state.tasks.length) { empty.hidden = false; return; }\n    empty.hidden = true;\n    for (const t of state.tasks) {\n      const li = document.createElement('li');\n      li.className = 'ax-inbox__card' + (t.id === state.selected ? ' is-active' : '');\n      li.innerHTML =\n        '<div class=\"ax-inbox__card-title\">' + escHtml(t.title) + '</div>' +\n        '<div class=\"ax-inbox__card-meta\">' + escHtml(t.assignee) + ' · ' + escHtml(t.workflowId) + '</div>' +\n        (t.dueAt ? ('<div class=\"ax-inbox__card-due\">due ' + new Date(t.dueAt).toLocaleString() + '</div>') : '');\n      li.addEventListener('click', () => { state.selected = t.id; renderList(); renderDetail(); });\n      ul.appendChild(li);\n    }\n  }\n\n  function renderDetail() {\n    const head = $('#inbox-detail-head');\n    const body = $('#inbox-detail-body');\n    const t = state.tasks.find(x => x.id === state.selected);\n    if (!t) {\n      head.innerHTML = '<span class=\"hint\">Select a task to open its form.</span>';\n      body.innerHTML = '';\n      return;\n    }\n    head.innerHTML = '<h2 style=\"margin:0;font-size:15px\">' + escHtml(t.title) + '</h2>' +\n      (t.description ? '<p class=\"hint\" style=\"margin:6px 0 0\">' + escHtml(t.description) + '</p>' : '');\n    const form = document.createElement('form');\n    form.className = 'ax-inbox__form';\n    form.addEventListener('submit', (e) => { e.preventDefault(); submit(t, 'primary'); });\n    for (const field of (t.form.fields || [])) {\n      form.appendChild(renderField(field));\n    }\n    const actions = document.createElement('div');\n    actions.className = 'ax-inbox__actions';\n    const primary = document.createElement('button');\n    primary.type = 'submit';\n    primary.className = 'is-primary';\n    primary.textContent = t.form.submitLabel || 'Submit';\n    actions.appendChild(primary);\n    if (t.form.secondaryAction) {\n      const secondary = document.createElement('button');\n      secondary.type = 'button';\n      secondary.textContent = t.form.secondaryAction.label;\n      secondary.addEventListener('click', () => submit(t, 'secondary'));\n      actions.appendChild(secondary);\n    }\n    form.appendChild(actions);\n    body.innerHTML = '';\n    body.appendChild(form);\n  }\n\n  function renderField(field) {\n    const wrap = document.createElement('div');\n    wrap.className = 'ax-inbox__field';\n    const label = document.createElement('label');\n    label.textContent = field.label + (field.required ? ' *' : '');\n    wrap.appendChild(label);\n    let input;\n    switch (field.type) {\n      case 'long-text':\n        input = document.createElement('textarea');\n        break;\n      case 'number':\n        input = document.createElement('input'); input.type = 'number';\n        break;\n      case 'boolean':\n        input = document.createElement('select');\n        for (const v of ['', 'yes', 'no']) {\n          const o = document.createElement('option'); o.value = v; o.textContent = v || '—';\n          input.appendChild(o);\n        }\n        break;\n      case 'date':\n        input = document.createElement('input'); input.type = 'date';\n        break;\n      case 'select':\n        input = document.createElement('select');\n        if (!field.required) { const o = document.createElement('option'); o.value = ''; o.textContent = '—'; input.appendChild(o); }\n        for (const opt of (field.options || [])) {\n          const o = document.createElement('option'); o.value = opt; o.textContent = opt;\n          input.appendChild(o);\n        }\n        break;\n      case 'multi-select':\n        input = document.createElement('select'); input.multiple = true; input.size = Math.min(6, (field.options||[]).length || 3);\n        for (const opt of (field.options || [])) {\n          const o = document.createElement('option'); o.value = opt; o.textContent = opt;\n          input.appendChild(o);\n        }\n        break;\n      case 'file':\n        input = document.createElement('input'); input.type = 'text'; input.placeholder = 'URL or path';\n        break;\n      default:\n        input = document.createElement('input'); input.type = 'text';\n    }\n    input.name = field.key;\n    if (field.defaultValue !== undefined && field.type !== 'multi-select') input.value = String(field.defaultValue);\n    wrap.appendChild(input);\n    if (field.hint) {\n      const hint = document.createElement('div');\n      hint.className = 'ax-inbox__field-hint';\n      hint.textContent = field.hint;\n      wrap.appendChild(hint);\n    }\n    const err = document.createElement('div');\n    err.className = 'ax-inbox__field-error';\n    err.dataset.for = field.key;\n    wrap.appendChild(err);\n    return wrap;\n  }\n\n  async function submit(task, action) {\n    const form = $('.ax-inbox__form');\n    if (!form) return;\n    const values = {};\n    for (const field of (task.form.fields || [])) {\n      const el = form.querySelector('[name=\"' + field.key + '\"]');\n      if (!el) continue;\n      if (field.type === 'multi-select') {\n        values[field.key] = Array.from(el.selectedOptions).map(o => o.value);\n      } else if (field.type === 'boolean') {\n        values[field.key] = el.value;\n      } else {\n        values[field.key] = el.value;\n      }\n    }\n    form.querySelectorAll('.ax-inbox__field-error').forEach(e => { e.textContent = ''; });\n    try {\n      const r = await fetch('/api/workflows/tasks/' + encodeURIComponent(task.id) + '/submit', {\n        method: 'POST',\n        credentials: 'same-origin',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ submittedBy: state.actor || 'anonymous', submission: { action, values } }),\n      });\n      const data = await r.json().catch(() => ({}));\n      if (!r.ok) {\n        if (data.fieldErrors && Array.isArray(data.fieldErrors)) {\n          for (const fe of data.fieldErrors) {\n            const node = form.querySelector('[data-for=\"' + fe.field + '\"]');\n            if (node) node.textContent = fe.message;\n          }\n          toast('form has errors');\n        } else {\n          toast(data.error || 'submit failed');\n        }\n        return;\n      }\n      toast('submitted');\n      state.selected = null;\n      fetchTasks();\n    } catch (e) { toast('submit error: ' + e.message); }\n  }\n\n  function escHtml(s) {\n    return String(s).replace(/[&<>\"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'})[c]);\n  }\n\n  $('#inbox-actor').addEventListener('change', (e) => {\n    state.actor = e.target.value.trim();\n    state.selected = null;\n    const url = new URL(window.location.href);\n    if (state.actor) url.searchParams.set('actor', state.actor); else url.searchParams.delete('actor');\n    history.replaceState({}, '', url.toString());\n    fetchTasks();\n  });\n  $('#inbox-refresh').addEventListener('click', fetchTasks);\n\n  fetchTasks();\n  setInterval(fetchTasks, 10000);\n})();\n`\n"],"mappings":"sEAwBO,SAASA,EAAgBC,EAAsB,CAAC,EAAW,CAChE,IAAMC,EAAO,2CAA2CC,EAAIF,EAAK,OAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yFAOWE,EAAIF,EAAK,OAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6DAmB3G,OAAOG,EAAY,CACjB,MAAO,oBACP,UAAW,YACX,SAAU,QACV,MAAOH,EAAK,MACZ,cAAeA,EAAK,cACpB,KAAAC,EACA,IAAKG,EACL,QAAS,WAAWC,YACtB,CAAC,CACH,CAEA,IAAMD,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6FjBC,EAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":["renderInboxPage","opts","body","esc","renderShell","INBOX_PAGE_CSS","INBOX_PAGE_SCRIPT"]}