@bill10/agent-007 0.6.2

package/public/app.js

@@ -0,0 +1,650 @@
+// Main init + message routing
+import { agents, repos, selfUserId, setSelf, shellPreset, setView, setBillionEnabled } from './modules/state.js';
+import { connect, send } from './modules/ws.js';
+import {
+  handleSessionCreated, handlePtyOutput, handlePtySize, handleStateChange,
+  handleSpawnError, handleSessionEnded, switchToSession,
+  removeSession, updateTabs, updateStatusBar, fitActiveTerminal,
+  setOnSessionChanged, handleUploadComplete, setupUpload,
+  updateTerminalThemes, updateTopbarAgent,
+} from './modules/terminal.js';
+import {
+  renderOffice, setupOfficeClick, startAnimationLoop,
+  noteAgentArrival, noteAgentDeparture, noteJobsUpdate,
+} from './modules/office.js';
+import {
+  setupExplorer, handleReposList, handleFileTree, handleFullTree,
+  handleConflictsUpdate, handleFileDiff, handleOrphansList,
+  renderExplorer, closeDiffViewer,
+  handleRepoError as explorerHandleRepoError,
+} from './modules/explorer.js';
+import { setupShortcuts } from './modules/shortcuts.js';
+import { setupVoice, stopVoice } from './modules/voice.js';
+import { setupJobBoard, handleJobsList, renderBoard, closeJobForm } from './modules/jobs.js';
+import { isAbsolutePath, joinBrowsePath } from './modules/paths.js';
+import { captureTokenFromUrl, authHeaders, showLogin, renderPresence, escapeHtml } from './modules/auth.js';
+
+// Cross-module coordination: when sessions change, re-render office + explorer
+setOnSessionChanged(() => {
+  closeDiffViewer();
+  renderOffice();
+  renderExplorer();
+  // Agent state drives the board's "needs you" badges, so they refresh on the
+  // same signal as the office and explorer.
+  renderBoard();
+});
+
+// The board tab's attention badge is derived from the job list, so a jobs-list
+// broadcast has to repaint the tab bar as well as the board itself.
+window._onBoardVisibilityChanged = () => updateTabs();
+
+// --- Spawn Form ---
+const DEFAULT_COMMAND = 'claude';
+
+// Reassigned by setupSpawnForm; called again when the welcome message arrives
+// so a form opened during the connect window picks up the server's real OS.
+let refreshSpawnPresets = () => {};
+
+function setupSpawnForm() {
+  const form = document.getElementById('spawn-form');
+  const cmdInput = document.getElementById('spawn-command');
+  const nameInput = document.getElementById('spawn-name');
+  const branchInput = document.getElementById('spawn-branch');
+  const startPointInput = document.getElementById('spawn-start-point');
+  const repoInput = document.getElementById('spawn-repo');
+  const repoDropdown = document.getElementById('repo-dropdown');
+  const advancedToggle = document.getElementById('spawn-advanced-toggle');
+  const advancedSection = document.getElementById('spawn-advanced');
+  const presetsEl = document.getElementById('spawn-presets');
+
+  // Presets fill the Command field in Advanced; rendered on each open because
+  // the server platform arrives async in the welcome message.
+  function renderPresets() {
+    const presets = [
+      { label: 'Claude Code', cmd: DEFAULT_COMMAND },
+      { label: 'Codex', cmd: 'codex' },
+      { label: 'Gemini', cmd: 'gemini' },
+      shellPreset(),
+    ];
+    presetsEl.innerHTML = '';
+    for (const p of presets) {
+      const btn = document.createElement('button');
+      btn.type = 'button';
+      btn.className = 'spawn-preset-btn';
+      btn.textContent = p.label;
+      btn.dataset.cmd = p.cmd;
+      btn.onclick = () => {
+        cmdInput.value = p.cmd;
+        highlightPreset();
+      };
+      presetsEl.appendChild(btn);
+    }
+    highlightPreset();
+  }
+
+  function highlightPreset() {
+    const cmd = cmdInput.value.trim();
+    for (const btn of presetsEl.children) {
+      btn.classList.toggle('selected', btn.dataset.cmd === cmd);
+    }
+  }
+  cmdInput.addEventListener('input', highlightPreset);
+  refreshSpawnPresets = renderPresets;
+
+  advancedToggle.onclick = () => {
+    const open = advancedSection.style.display !== 'none';
+    advancedSection.style.display = open ? 'none' : 'flex';
+    advancedToggle.innerHTML = open ? 'Advanced ▶' : 'Advanced ▼';
+  };
+
+  const errorEl = document.getElementById('spawn-form-error');
+  function showSpawnError(text) {
+    errorEl.textContent = text;
+    errorEl.style.display = 'block';
+  }
+  function clearSpawnError() {
+    errorEl.textContent = '';
+    errorEl.style.display = 'none';
+  }
+
+  // Both header buttons sit in the top 36px strip, above this overlay's 40px
+  // offset, so they stay clickable while it is open. Each one dismisses the
+  // other's form; openJobForm() handles the reverse direction.
+  document.getElementById('btn-new-agent').onclick = () => {
+    closeJobForm();
+    form.style.display = 'flex';
+    nameInput.value = '';
+    branchInput.value = '';
+    startPointInput.value = '';
+    cmdInput.value = DEFAULT_COMMAND;
+    renderPresets();
+    advancedSection.style.display = 'none';
+    advancedToggle.innerHTML = 'Advanced ▶';
+    clearSpawnError();
+    updateRepoDropdown();
+    repoInput.focus();
+  };
+
+  document.getElementById('btn-spawn-cancel').onclick = () => {
+    form.style.display = 'none';
+    clearSpawnError();
+  };
+
+  const startBtn = document.getElementById('btn-spawn-start');
+  let spawnTimeout = null;
+
+  function doSpawn() {
+    const command = cmdInput.value.trim() || DEFAULT_COMMAND;
+    const name = nameInput.value.trim() || undefined;
+    const branch = branchInput.value.trim() || undefined;
+    const repoPath = repoInput.value.trim() || undefined;
+    // Blank means the repo's base branch on the remote, freshly fetched.
+    const startPoint = startPointInput.value.trim() || undefined;
+    clearSpawnError();
+    const ok = send({ type: 'spawn', command, name, branch, repoPath, startPoint });
+    if (!ok) {
+      showSpawnError('Not connected to server — refresh the page and try again.');
+      return;
+    }
+    startBtn.disabled = true;
+    startBtn.textContent = 'Creating...';
+    // Generous, because spawning now fetches the repo before branching so the
+    // agent starts from the current remote base. Must stay above the server's
+    // FETCH_TIMEOUT (server/git.js) plus the worktree add and the PTY spawn, or
+    // a slow network makes this report a timeout for a spawn that then succeeds.
+    spawnTimeout = setTimeout(() => {
+      resetSpawnForm();
+      showSpawnError('Spawn timed out — server did not reply within 30 seconds. Check server logs.');
+    }, 30000);
+  }
+
+  function resetSpawnForm() {
+    startBtn.disabled = false;
+    startBtn.textContent = 'Start';
+    clearTimeout(spawnTimeout);
+  }
+
+  window._onSessionCreatedCloseSpawn = () => {
+    // Only clear savedActiveTab if we were actually spawning (form was visible)
+    if (form.style.display !== 'none') {
+      savedActiveTab = null;
+    }
+    form.style.display = 'none';
+    clearSpawnError();
+    resetSpawnForm();
+  };
+  window._onSpawnErrorInForm = (error) => {
+    resetSpawnForm();
+    showSpawnError(`Error: ${error}`);
+  };
+
+  startBtn.onclick = doSpawn;
+  cmdInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') doSpawn(); });
+  nameInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') doSpawn(); });
+  branchInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') doSpawn(); });
+  startPointInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') doSpawn(); });
+  repoInput.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter') doSpawn();
+    if (e.key === 'Escape') repoDropdown.style.display = 'none';
+  });
+
+  // Combo-box: show dropdown on focus, filter on input
+  repoInput.addEventListener('focus', () => {
+    updateRepoDropdown();
+    if (repos.size > 0) repoDropdown.style.display = 'block';
+  });
+  repoInput.addEventListener('input', () => {
+    updateRepoDropdown();
+  });
+  repoInput.addEventListener('blur', () => {
+    // Delay to allow click on dropdown item
+    setTimeout(() => { repoDropdown.style.display = 'none'; }, 150);
+  });
+
+  form.onclick = (e) => { if (e.target === form) form.style.display = 'none'; };
+
+  // Directory browser
+  document.getElementById('btn-browse-repo').onclick = () => openDirBrowser(repoInput.value.trim() || '');
+}
+
+// --- Directory Browser ---
+let dirBrowserCurrentPath = '';
+let dirBrowserIsGitRepo = false;
+let dirBrowserOnSelect = null;
+
+function openDirBrowser(startPath, onSelect) {
+  dirBrowserOnSelect = onSelect || null;
+  document.getElementById('dir-browser-modal').style.display = 'flex';
+  fetchDirectory(isAbsolutePath(startPath) ? startPath : '');
+}
+
+function closeDirBrowser(selectedPath) {
+  document.getElementById('dir-browser-modal').style.display = 'none';
+  if (selectedPath) {
+    if (dirBrowserOnSelect) {
+      dirBrowserOnSelect(selectedPath);
+    } else {
+      document.getElementById('spawn-repo').value = selectedPath;
+    }
+  }
+  dirBrowserOnSelect = null;
+}
+
+async function fetchDirectory(path) {
+  const list = document.getElementById('dir-browser-list');
+  list.innerHTML = '<div class="dir-browser-empty">Loading...</div>';
+
+  const url = path ? `/api/browse?path=${encodeURIComponent(path)}` : '/api/browse';
+  try {
+    const resp = await fetch(url, { headers: authHeaders() });
+    if (resp.status === 401) {
+      showLogin();
+      list.innerHTML = '<div class="dir-browser-error">Not authorized</div>';
+      return;
+    }
+    const data = await resp.json();
+    if (!resp.ok) {
+      list.innerHTML = `<div class="dir-browser-error">${escapeHtml(data.error || 'Failed to browse')}</div>`;
+      return;
+    }
+    dirBrowserCurrentPath = data.path;
+    dirBrowserIsGitRepo = data.isGitRepo;
+    document.getElementById('dir-browser-path').textContent = data.path;
+    const selectBtn = document.getElementById('btn-dir-browser-select');
+    selectBtn.disabled = !data.isGitRepo;
+    selectBtn.textContent = data.isGitRepo ? 'Select This Directory' : 'Select (not a git repo)';
+    renderDirList(data);
+  } catch (err) {
+    list.innerHTML = `<div class="dir-browser-error">Network error: ${escapeHtml(err.message)}</div>`;
+  }
+}
+
+function renderDirList(data) {
+  const list = document.getElementById('dir-browser-list');
+  list.innerHTML = '';
+
+  // Parent entry
+  if (data.parent !== null) {
+    const parentEl = document.createElement('div');
+    parentEl.className = 'dir-browser-entry';
+    parentEl.innerHTML = '<span class="dir-browser-entry-icon">..</span><span class="dir-browser-entry-name">(parent directory)</span>';
+    parentEl.onclick = () => fetchDirectory(data.parent);
+    list.appendChild(parentEl);
+  }
+
+  if (data.entries.length === 0) {
+    const empty = document.createElement('div');
+    empty.className = 'dir-browser-empty';
+    empty.textContent = 'No subdirectories';
+    list.appendChild(empty);
+    return;
+  }
+
+  for (const entry of data.entries) {
+    const el = document.createElement('div');
+    el.className = `dir-browser-entry${entry.isGitRepo ? ' is-git' : ''}`;
+
+    const icon = document.createElement('span');
+    icon.className = 'dir-browser-entry-icon';
+    icon.textContent = entry.isGitRepo ? '\uD83D\uDCC2' : '\uD83D\uDCC1';
+    el.appendChild(icon);
+
+    const name = document.createElement('span');
+    name.className = 'dir-browser-entry-name';
+    name.textContent = entry.name;
+    el.appendChild(name);
+
+    if (entry.isGitRepo) {
+      const badge = document.createElement('span');
+      badge.className = 'dir-browser-git-badge';
+      badge.textContent = 'git';
+      el.appendChild(badge);
+    }
+
+    const fullPath = joinBrowsePath(data.path, entry.name);
+    // Single-click always navigates into directory
+    el.onclick = () => fetchDirectory(fullPath);
+    list.appendChild(el);
+  }
+}
+
+function setupDirBrowser() {
+  document.getElementById('btn-dir-browser-close').onclick = () => closeDirBrowser();
+  document.getElementById('btn-dir-browser-cancel').onclick = () => closeDirBrowser();
+  document.getElementById('btn-dir-browser-select').onclick = () => {
+    if (dirBrowserCurrentPath) closeDirBrowser(dirBrowserCurrentPath);
+  };
+  document.getElementById('dir-browser-modal').onclick = (e) => {
+    if (e.target.id === 'dir-browser-modal') closeDirBrowser();
+  };
+}
+
+function setupAddRepoButton() {
+  const bar = document.getElementById('add-repo-bar');
+  const input = document.getElementById('add-repo-input');
+  const browseBtn = document.getElementById('add-repo-browse');
+
+  document.getElementById('btn-add-repo').onclick = () => {
+    const visible = bar.style.display !== 'none';
+    bar.style.display = visible ? 'none' : 'flex';
+    if (!visible) {
+      input.value = '';
+      input.focus();
+    }
+  };
+
+  input.addEventListener('keydown', (e) => {
+    if (e.key === 'Enter') {
+      const path = input.value.trim();
+      if (path) {
+        send({ type: 'add-repo', path });
+        bar.style.display = 'none';
+      }
+    } else if (e.key === 'Escape') {
+      bar.style.display = 'none';
+    }
+  });
+
+  browseBtn.onclick = () => {
+    openDirBrowser(input.value.trim() || '', (selectedPath) => {
+      send({ type: 'add-repo', path: selectedPath });
+      bar.style.display = 'none';
+    });
+  };
+}
+
+function updateRepoDropdown() {
+  const repoInput = document.getElementById('spawn-repo');
+  const dropdown = document.getElementById('repo-dropdown');
+  dropdown.innerHTML = '';
+  const filter = repoInput.value.trim().toLowerCase();
+  let count = 0;
+  for (const [path, repo] of repos) {
+    if (filter && !path.toLowerCase().includes(filter) && !repo.slug.toLowerCase().includes(filter)) continue;
+    const item = document.createElement('div');
+    item.className = 'repo-dropdown-item';
+    item.innerHTML = `<span class="repo-dropdown-slug">${escapeHtml(repo.slug)}</span><span class="repo-dropdown-path">${escapeHtml(path)}</span>`;
+    item.onmousedown = (e) => {
+      e.preventDefault();
+      repoInput.value = path;
+      dropdown.style.display = 'none';
+    };
+    dropdown.appendChild(item);
+    count++;
+  }
+  dropdown.style.display = count > 0 ? 'block' : 'none';
+}
+
+// --- Dividers (N-panel layout) ---
+function setupDividers() {
+  restorePanelWidths();
+  setupDivider('divider-explorer', 'explorer-panel', 'office-panel', 180, 160);
+  setupDivider('divider', 'office-panel', 'terminal-panel', 160, 300);
+}
+
+function savePanelWidths() {
+  const widths = {};
+  for (const id of ['explorer-panel', 'office-panel']) {
+    const el = document.getElementById(id);
+    if (el && el.style.width) widths[id] = el.style.width;
+  }
+  localStorage.setItem('agent007-panel-widths', JSON.stringify(widths));
+}
+
+function restorePanelWidths() {
+  try {
+    const saved = JSON.parse(localStorage.getItem('agent007-panel-widths'));
+    if (!saved) return;
+    for (const [id, width] of Object.entries(saved)) {
+      const el = document.getElementById(id);
+      if (el) el.style.width = width;
+    }
+  } catch {}
+}
+
+function setupDivider(dividerId, leftId, rightId, leftMin, rightMin) {
+  const divider = document.getElementById(dividerId);
+  const left = document.getElementById(leftId);
+  if (!divider || !left) return;
+
+  let startX, startWidth;
+
+  divider.addEventListener('mousedown', (e) => {
+    startX = e.clientX;
+    startWidth = left.offsetWidth;
+    divider.classList.add('dragging');
+    document.addEventListener('mousemove', onDrag);
+    document.addEventListener('mouseup', onDragEnd);
+    e.preventDefault();
+  });
+
+  function onDrag(e) {
+    const right = document.getElementById(rightId);
+    const totalAvail = left.offsetWidth + right.offsetWidth;
+    let newWidth = startWidth + e.clientX - startX;
+    newWidth = Math.max(leftMin, Math.min(totalAvail - rightMin, newWidth));
+    left.style.width = `${newWidth}px`;
+    if (leftId === 'office-panel' || rightId === 'terminal-panel') {
+      renderOffice();
+      fitActiveTerminal();
+    }
+  }
+
+  function onDragEnd() {
+    divider.classList.remove('dragging');
+    document.removeEventListener('mousemove', onDrag);
+    document.removeEventListener('mouseup', onDragEnd);
+    savePanelWidths();
+  }
+}
+
+// --- Resize ---
+function setupResize() {
+  document.addEventListener('visibilitychange', fitActiveTerminal);
+  window.addEventListener('resize', () => {
+    renderOffice();
+    fitActiveTerminal();
+  });
+  // iOS never shrinks the layout viewport for the software keyboard (Android
+  // does, via interactive-widget in the viewport meta), so no resize event
+  // fires and the prompt line sits under the keyboard. Follow the visual
+  // viewport instead, on phones only and only unzoomed: it also tracks
+  // pinch-zoom, which would halve the body. Cleared otherwise, so a rotation
+  // or a widened window never keeps a stale px height.
+  // ponytail: no scroll compensation; add window.scrollTo(0, 0) if iOS still shoves the layout up
+  window.visualViewport?.addEventListener('resize', () => {
+    const vv = window.visualViewport;
+    const phone = window.matchMedia('(max-width: 700px)').matches && vv.scale === 1;
+    document.body.style.height = phone ? `${vv.height}px` : '';
+    renderOffice();
+    fitActiveTerminal();
+  });
+  // Phone bottom nav. The shown panel changes size from 0, so refit after reflow.
+  document.getElementById('mobile-nav').onclick = (e) => {
+    const view = e.target.dataset.view;
+    if (!view) return;
+    // The mic's only "recording" cue lives in the terminal panel.
+    if (view !== 'terminal') stopVoice({ notice: 'Voice input stopped — left the terminal' });
+    setView(view);
+    requestAnimationFrame(() => { renderOffice(); fitActiveTerminal(); });
+  };
+}
+
+// --- WS Message Router ---
+function onMessage(msg) {
+  switch (msg.type) {
+    case 'welcome':
+      setSelf(msg.user ? msg.user.id : null, msg.authEnabled, msg.platform);
+      setBillionEnabled(msg.billionEnabled);
+      refreshSpawnPresets();
+      break;
+    case 'presence': renderPresence(msg.users, selfUserId); break;
+    case 'session-created':
+      // A genuinely new session walks in; re-emits and the connect replay don't
+      if (!agents.has(msg.sessionId)) noteAgentArrival(msg.sessionId);
+      handleSessionCreated(msg);
+      // Only this window's own spawn closes its form; someone else's must not
+      // hide a half-filled form or re-arm a Start still waiting on its reply.
+      if (msg.focus && window._onSessionCreatedCloseSpawn) window._onSessionCreatedCloseSpawn();
+      scheduleTabRestore();
+      break;
+    case 'pty-output': handlePtyOutput(msg); break;
+    case 'pty-size': handlePtySize(msg); break;
+    case 'state-change':
+      // A process exit broadcasts DISCONNECTED here BEFORE session-ended, so
+      // this alive->dead transition is where the walk-out must be captured —
+      // by session-ended the DISCONNECTED guard would swallow it.
+      if (msg.state === 'DISCONNECTED') noteAgentDeparture(msg.sessionId);
+      handleStateChange(msg);
+      break;
+    case 'session-ended':
+      // Before the handler: the walk-out needs the desk position while the
+      // agent is still in the map.
+      noteAgentDeparture(msg.sessionId);
+      handleSessionEnded(msg);
+      break;
+    case 'spawn-error':
+      handleSpawnError(msg);
+      if (window._onSpawnErrorInForm) window._onSpawnErrorInForm(msg.error);
+      break;
+    case 'repos-list': handleReposList(msg); break;
+    case 'file-tree': handleFileTree(msg); break;
+    case 'branch-changed': {
+      const agent = agents.get(msg.sessionId);
+      if (agent) {
+        agent.branchName = msg.branchName;
+        updateStatusBar();
+        renderExplorer();
+      }
+      break;
+    }
+    case 'session-renamed': {
+      const agent = agents.get(msg.sessionId);
+      if (agent) {
+        agent.name = msg.name;
+        updateTabs();
+        updateTopbarAgent();
+        renderExplorer();
+        renderOffice();
+      }
+      break;
+    }
+    case 'conflicts-update': handleConflictsUpdate(msg); break;
+    case 'file-diff': handleFileDiff(msg); break;
+    case 'full-tree': handleFullTree(msg); break;
+    case 'orphans-list': handleOrphansList(msg); break;
+    // The office canvas pins one paper per job, so a jobs-list broadcast has
+    // to repaint it too — the animation loop skips frames with no live agent.
+    case 'jobs-list': handleJobsList(msg); noteJobsUpdate(); renderOffice(); break;
+    case 'upload-complete': handleUploadComplete(msg); break;
+    case 'notification': handleNotification(msg); break;
+    case 'repo-error':
+      handleRepoError(msg);
+      explorerHandleRepoError(msg);
+      break;
+  }
+}
+
+function handleNotification(msg) {
+  const bar = document.getElementById('status-bar');
+  bar.textContent = msg.message;
+  bar.style.color = msg.level === 'error' ? 'var(--state-disconnected)' : 'var(--state-message)';
+  const duration = msg.level === 'warning' ? 6000 : 4000;
+  setTimeout(() => {
+    bar.style.color = '';
+    updateStatusBar();
+  }, duration);
+}
+
+function handleRepoError(msg) {
+  const bar = document.getElementById('status-bar');
+  bar.textContent = `Repo error: ${msg.error}`;
+  bar.style.color = 'var(--state-disconnected)';
+  setTimeout(() => {
+    bar.style.color = '';
+    updateStatusBar();
+  }, 4000);
+}
+
+// --- Theme Toggle ---
+function setupThemePicker() {
+  const saved = localStorage.getItem('agent007-theme') || 'dark';
+  applyTheme(saved);
+
+  document.getElementById('theme-toggle').onclick = () => {
+    const current = localStorage.getItem('agent007-theme') || 'dark';
+    applyTheme(current === 'dark' ? 'light' : 'dark');
+  };
+}
+
+function applyTheme(theme) {
+  if (theme === 'light') {
+    document.documentElement.setAttribute('data-theme', 'light');
+  } else {
+    document.documentElement.removeAttribute('data-theme');
+  }
+  // Toggle icon: show sun in dark mode (to switch to light), moon in light mode (to switch to dark)
+  document.getElementById('theme-icon-sun').style.display = theme === 'dark' ? '' : 'none';
+  document.getElementById('theme-icon-moon').style.display = theme === 'light' ? '' : 'none';
+  localStorage.setItem('agent007-theme', theme);
+  updateTerminalThemes();
+  // The animation loop skips frames with no living agents, so repaint the
+  // office once or it keeps the previous theme's colors until an agent moves.
+  renderOffice();
+}
+
+// --- Active Tab Restore ---
+// Capture saved tab before connect() triggers replay (which overwrites localStorage)
+let savedActiveTab = localStorage.getItem('agent007-active-tab');
+let restoreTimer = null;
+
+function scheduleTabRestore() {
+  clearTimeout(restoreTimer);
+  restoreTimer = setTimeout(() => {
+    // Restore tab order from saved preference
+    try {
+      const savedOrder = JSON.parse(localStorage.getItem('agent007-tab-order'));
+      if (savedOrder && Array.isArray(savedOrder)) {
+        const reordered = new Map();
+        for (const id of savedOrder) {
+          if (agents.has(id)) reordered.set(id, agents.get(id));
+        }
+        for (const [id, agent] of agents) {
+          if (!reordered.has(id)) reordered.set(id, agent);
+        }
+        agents.clear();
+        for (const [id, agent] of reordered) agents.set(id, agent);
+        updateTabs();
+      }
+    } catch {}
+    // Once only, for the connect replay: a later session-created (someone
+    // else's spawn) must not drag this window back to its page-load tab.
+    if (savedActiveTab && agents.has(savedActiveTab)) {
+      switchToSession(savedActiveTab);
+      savedActiveTab = null;
+    }
+    restoreTimer = null;
+  }, 100);
+}
+
+// --- Init ---
+async function init() {
+  captureTokenFromUrl();
+  setupThemePicker();
+  setupSpawnForm();
+  setupDirBrowser();
+  setupAddRepoButton();
+  setupDividers();
+  setupOfficeClick();
+  setupExplorer();
+  setupShortcuts();
+  setupResize();
+  setupUpload();
+  setupVoice();
+  setupJobBoard();
+  startAnimationLoop();
+  connect(onMessage);
+  renderOffice();
+}
+
+init();

package/public/assets/characters/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Pablo De Lucca
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.