npm - @profoundlogic/coderflow-server - Versions diffs - 0.2.1 - Mend

@profoundlogic/coderflow-server 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

package/LICENSE.txt +322 -0
package/README.md +158 -0
package/dist/LICENSE.txt +322 -0
package/dist/README.md +158 -0
package/dist/base-image/Dockerfile +184 -0
package/dist/base-image/agent-wrapper.sh +143 -0
package/dist/base-image/apply-local-state.sh +357 -0
package/dist/base-image/coder-git-credential-helper +307 -0
package/dist/base-image/entrypoint.sh +942 -0
package/dist/base-image/ssh_config_template +41 -0
package/dist/base-image/start-code-server.sh +76 -0
package/dist/base-image/sync-repos.sh +170 -0
package/dist/base-image/vscode-extensions.txt +10 -0
package/dist/base-image/vscode-settings.json +41 -0
package/dist/coder-server.js +2 -0
package/dist/config/cli-models.json +45 -0
package/dist/config/imported-skills.schema.json +83 -0
package/dist/config/skill-catalog.json +18 -0
package/dist/config/skill-catalog.schema.json +140 -0
package/dist/config.js +1 -0
package/dist/examples/oidc.json.example +11 -0
package/dist/lib/agent-keepalive.js +1 -0
package/dist/lib/api-keys.js +1 -0
package/dist/lib/apiKeys.js +1 -0
package/dist/lib/auto-judge.js +1 -0
package/dist/lib/basic-auth.js +1 -0
package/dist/lib/build-history.js +1 -0
package/dist/lib/build-output-service.js +1 -0
package/dist/lib/build-scheduler.js +1 -0
package/dist/lib/build-service.js +1 -0
package/dist/lib/claude-oauth-refresh.js +1 -0
package/dist/lib/cli/build.js +1 -0
package/dist/lib/cli/config-command.js +1 -0
package/dist/lib/cli/config.js +1 -0
package/dist/lib/cli/create-user.js +1 -0
package/dist/lib/cli/init.js +1 -0
package/dist/lib/cli/jira.js +1 -0
package/dist/lib/cli/license.js +1 -0
package/dist/lib/cli/server-manager.js +1 -0
package/dist/lib/container-tokens.js +1 -0
package/dist/lib/data-dir.js +1 -0
package/dist/lib/deployment-history.js +1 -0
package/dist/lib/deployment-service.js +1 -0
package/dist/lib/docker-utils.js +1 -0
package/dist/lib/email.js +1 -0
package/dist/lib/emailTemplates.js +1 -0
package/dist/lib/entitlement.js +1 -0
package/dist/lib/fetch-utils.js +1 -0
package/dist/lib/git-provider-service.js +1 -0
package/dist/lib/git-provider-setup/assets/coderflow_github_app.png +0 -0
package/dist/lib/git-provider-setup/github-setup-handler.js +1 -0
package/dist/lib/git-provider-setup/index.js +1 -0
package/dist/lib/git-provider-setup/setup-factory.js +1 -0
package/dist/lib/git-provider-setup/setup-interface.js +1 -0
package/dist/lib/git-providers/azure-devops-provider.js +1 -0
package/dist/lib/git-providers/github-app-provider.js +1 -0
package/dist/lib/git-providers/index.js +1 -0
package/dist/lib/git-providers/provider-factory.js +1 -0
package/dist/lib/git-providers/provider-interface.js +1 -0
package/dist/lib/jira-client.js +1 -0
package/dist/lib/logger.js +1 -0
package/dist/lib/model-fetcher.js +1 -0
package/dist/lib/notifications.js +1 -0
package/dist/lib/oidc-auth.js +1 -0
package/dist/lib/oidc-device-flow.js +1 -0
package/dist/lib/passwordTokens.js +1 -0
package/dist/lib/pin-cascade.js +1 -0
package/dist/lib/provider-accounts.js +1 -0
package/dist/lib/provider-oauth.js +1 -0
package/dist/lib/provider-profile.js +1 -0
package/dist/lib/provider-token-refresh.js +1 -0
package/dist/lib/roles.js +1 -0
package/dist/lib/secrets.js +1 -0
package/dist/lib/state-capture.js +1 -0
package/dist/lib/static-files.js +1 -0
package/dist/lib/task-name-generator.js +1 -0
package/dist/lib/users.js +1 -0
package/dist/middleware/requireAuth.js +1 -0
package/dist/middleware/requireInit.js +1 -0
package/dist/middleware/requirePermission.js +1 -0
package/dist/package-lock.json +4151 -0
package/dist/package.json +50 -0
package/dist/routes/apiKeys.js +1 -0
package/dist/routes/auth-oidc.js +1 -0
package/dist/routes/auth.js +1 -0
package/dist/routes/build.js +1 -0
package/dist/routes/containers.js +1 -0
package/dist/routes/deploy-task.js +1 -0
package/dist/routes/environment-management.js +1 -0
package/dist/routes/environments.js +1 -0
package/dist/routes/external-skills.js +1 -0
package/dist/routes/git-credentials.js +1 -0
package/dist/routes/git-provider-setup.js +1 -0
package/dist/routes/health.js +1 -0
package/dist/routes/jira.js +1 -0
package/dist/routes/objective-management.js +1 -0
package/dist/routes/password.js +1 -0
package/dist/routes/prompt.js +1 -0
package/dist/routes/provider-auth.js +1 -0
package/dist/routes/qa.js +1 -0
package/dist/routes/settings.js +1 -0
package/dist/routes/skill-management.js +1 -0
package/dist/routes/skills.js +1 -0
package/dist/routes/tasks.js +2 -0
package/dist/routes/templates.js +1 -0
package/dist/routes/test-task.js +1 -0
package/dist/routes/test.js +1 -0
package/dist/routes/users.js +1 -0
package/dist/routes/visualizations.js +1 -0
package/dist/schemas/template-metadata.schema.json +178 -0
package/dist/scripts/create-user.js +2 -0
package/dist/shipped-skills/environment-instructions/SKILL.md +154 -0
package/dist/shipped-skills/environment-templates/SKILL.md +282 -0
package/dist/shipped-skills/objective-management/SKILL.md +238 -0
package/dist/shipped-skills/skill-editor/SKILL.md +326 -0
package/dist/start.js +2 -0
package/dist/web-ui/public/activity-detail-modal.js +1 -0
package/dist/web-ui/public/activity-feed.js +1 -0
package/dist/web-ui/public/activity-formatters.js +1 -0
package/dist/web-ui/public/agent-event-parser.js +1 -0
package/dist/web-ui/public/app.js +1 -0
package/dist/web-ui/public/approve-dialog.js +1 -0
package/dist/web-ui/public/coderflow-logo-reversed.svg +46 -0
package/dist/web-ui/public/coderflow-logo.svg +46 -0
package/dist/web-ui/public/comments-widget.js +1 -0
package/dist/web-ui/public/docs/.nojekyll +0 -0
package/dist/web-ui/public/docs/README.md +26 -0
package/dist/web-ui/public/docs/_sidebar.md +47 -0
package/dist/web-ui/public/docs/admin/ai-providers.md +132 -0
package/dist/web-ui/public/docs/admin/email-notifications.md +69 -0
package/dist/web-ui/public/docs/admin/environments.md +215 -0
package/dist/web-ui/public/docs/admin/git-providers.md +147 -0
package/dist/web-ui/public/docs/admin/installation.md +313 -0
package/dist/web-ui/public/docs/admin/skills.md +35 -0
package/dist/web-ui/public/docs/admin/sso.md +241 -0
package/dist/web-ui/public/docs/admin/users-and-roles.md +57 -0
package/dist/web-ui/public/docs/code/cli.md +102 -0
package/dist/web-ui/public/docs/code/files-and-editing.md +86 -0
package/dist/web-ui/public/docs/code/terminal-access.md +110 -0
package/dist/web-ui/public/docs/code/vscode-extension.md +58 -0
package/dist/web-ui/public/docs/getting-started/core-concepts.md +129 -0
package/dist/web-ui/public/docs/getting-started/overview.md +46 -0
package/dist/web-ui/public/docs/index.html +151 -0
package/dist/web-ui/public/docs/integrations/custom.md +58 -0
package/dist/web-ui/public/docs/integrations/ibmi/overview.md +58 -0
package/dist/web-ui/public/docs/integrations/overview.md +48 -0
package/dist/web-ui/public/docs/objectives/qa-mode.md +90 -0
package/dist/web-ui/public/docs/objectives/staged-tasks.md +60 -0
package/dist/web-ui/public/docs/objectives/working-with-objectives.md +102 -0
package/dist/web-ui/public/docs/tasks/approval-and-deployment.md +83 -0
package/dist/web-ui/public/docs/tasks/creating-tasks.md +111 -0
package/dist/web-ui/public/docs/tasks/judging.md +114 -0
package/dist/web-ui/public/docs/tasks/providing-feedback.md +41 -0
package/dist/web-ui/public/docs/tasks/task-groups.md +73 -0
package/dist/web-ui/public/docs/tasks/winner-selection.md +75 -0
package/dist/web-ui/public/docs/templates/batch-processing.md +152 -0
package/dist/web-ui/public/docs/templates/task-templates.md +44 -0
package/dist/web-ui/public/docs/templates/template-examples.md +93 -0
package/dist/web-ui/public/docs/testing/profound-automated-testing.md +77 -0
package/dist/web-ui/public/docs/testing/task-visualizations.md +42 -0
package/dist/web-ui/public/docs/testing/testing-menu.md +118 -0
package/dist/web-ui/public/environments.css +3942 -0
package/dist/web-ui/public/environments.html +1791 -0
package/dist/web-ui/public/environments.js +1 -0
package/dist/web-ui/public/favicon-16.png +0 -0
package/dist/web-ui/public/favicon-32.png +0 -0
package/dist/web-ui/public/favicon.ico +0 -0
package/dist/web-ui/public/feedback-widget.css +3133 -0
package/dist/web-ui/public/feedback-widget.js +1 -0
package/dist/web-ui/public/git-history.css +2663 -0
package/dist/web-ui/public/git-history.html +272 -0
package/dist/web-ui/public/git-history.js +1 -0
package/dist/web-ui/public/git-status.js +1 -0
package/dist/web-ui/public/index.html +1459 -0
package/dist/web-ui/public/index.js +1 -0
package/dist/web-ui/public/login.html +346 -0
package/dist/web-ui/public/login.js +1 -0
package/dist/web-ui/public/markdown-editor.js +1 -0
package/dist/web-ui/public/markdown-file-editor.js +1 -0
package/dist/web-ui/public/modal-maximize.js +1 -0
package/dist/web-ui/public/notifications.js +1 -0
package/dist/web-ui/public/server-health.js +1 -0
package/dist/web-ui/public/settings.css +761 -0
package/dist/web-ui/public/settings.html +1044 -0
package/dist/web-ui/public/settings.js +1 -0
package/dist/web-ui/public/setup-password.html +355 -0
package/dist/web-ui/public/setup-password.js +1 -0
package/dist/web-ui/public/skills.css +1949 -0
package/dist/web-ui/public/skills.html +820 -0
package/dist/web-ui/public/skills.js +1 -0
package/dist/web-ui/public/sse-client.js +1 -0
package/dist/web-ui/public/sse-shared-worker.js +1 -0
package/dist/web-ui/public/styles.css +18614 -0
package/dist/web-ui/public/task.html +1779 -0
package/dist/web-ui/public/task.js +1 -0
package/dist/web-ui/public/terminal.html +45 -0
package/dist/web-ui/public/terminal.js +1 -0
package/dist/web-ui/public/theme.js +1 -0
package/dist/web-ui/public/users.html +298 -0
package/dist/web-ui/public/users.js +1 -0
package/dist/web-ui/public/variant-grouping.js +1 -0
package/package.json +63 -0

package/dist/web-ui/public/index.html ADDED Viewed

@@ -0,0 +1,1459 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CoderFlow</title>
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
+  <link rel="icon" href="/favicon-16.png" type="image/png" sizes="16x16">
+  <link rel="icon" href="/favicon.ico">
+  <script>
+    (() => {
+      const key = 'profound-coder-theme';
+      try {
+        const stored = localStorage.getItem(key);
+        const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+        const theme = stored === 'dark' || stored === 'light' ? stored : (prefersDark ? 'dark' : 'light');
+        document.documentElement.dataset.theme = theme;
+        document.documentElement.style.colorScheme = theme === 'dark' ? 'dark' : 'light';
+      } catch (error) {
+        document.documentElement.dataset.theme = 'light';
+      }
+    })();
+  </script>
+  <link rel="stylesheet" href="styles.css?v=83">
+  <link rel="stylesheet" href="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.css">
+  <link rel="stylesheet" href="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css">
+  <script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/marked.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/turndown@7.1.2/dist/turndown.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/5.3.0/fabric.min.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.js"></script>
+  <script src="https://uicdn.toast.com/tui-color-picker/latest/tui-color-picker.js"></script>
+  <script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
+  <script type="module" src="markdown-editor.js?v=1"></script>
+  <script type="module" src="comments-widget.js?v=1"></script>
+  <script type="module" src="index.js?v=83"></script>
+  <!-- Dev QA shortcut: Ctrl+Shift+Q to launch current page in QA mode -->
+</head>
+<body>
+  <main class="layout">
+    <!-- Notification Permission Banner -->
+    <div id="notification-banner" class="notification-banner" hidden>
+      <div class="notification-banner-content">
+        <div class="notification-banner-icon">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+            <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+          </svg>
+        </div>
+        <div class="notification-banner-text">
+          <strong>Enable Desktop Notifications</strong>
+          <span>Stay informed when your tasks complete</span>
+        </div>
+        <div class="notification-banner-actions">
+          <button type="button" class="btn-ghost btn-small" id="dismiss-notifications-btn">Dismiss</button>
+          <button type="button" class="btn-primary btn-small" id="enable-notifications-btn">Enable Notifications</button>
+        </div>
+      </div>
+    </div>
+    <div class="top-bar">
+      <div class="brand">
+        <img src="coderflow-logo.svg" alt="CoderFlow" class="brand-logo brand-logo-light" style="height: 40px; width: auto;">
+        <img src="coderflow-logo-reversed.svg" alt="CoderFlow" class="brand-logo brand-logo-dark" style="height: 40px; width: auto;">
+      </div>
+      <div class="header-actions">
+        <div class="user-filter-group">
+          <select id="user-filter-select" aria-label="User filter" hidden>
+            <option value="me">My Tasks</option>
+            <option value="all">All Tasks</option>
+          </select>
+        </div>
+        <div class="admin-menu-container" id="admin-menu-container" hidden>
+          <button class="btn-icon-admin" id="admin-menu-btn" title="Admin">
+            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <circle cx="12" cy="12" r="3"></circle>
+              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+            </svg>
+          </button>
+          <div class="dropdown-menu admin-dropdown" id="admin-menu" hidden>
+            <button type="button" class="dropdown-item admin-menu-item" onclick="window.location.href='users.html'">
+              <svg class="option-icon icon-users" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+                <circle cx="9" cy="7" r="4"></circle>
+                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+              </svg>
+              <span class="option-text">Users</span>
+            </button>
+            <button type="button" class="dropdown-item admin-menu-item" id="environments-btn">
+              <svg class="option-icon icon-environments" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"></circle>
+                <line x1="2" y1="12" x2="22" y2="12"></line>
+                <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+              </svg>
+              <span class="option-text">Environments</span>
+            </button>
+            <button type="button" class="dropdown-item admin-menu-item" onclick="window.location.href='skills.html'">
+              <svg class="option-icon icon-skills" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
+              </svg>
+              <span class="option-text">Skills</span>
+            </button>
+            <button type="button" class="dropdown-item admin-menu-item" onclick="window.location.href='settings.html'">
+              <svg class="option-icon icon-server-settings" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <line x1="4" y1="21" x2="4" y2="14"></line>
+                <line x1="4" y1="10" x2="4" y2="3"></line>
+                <line x1="12" y1="21" x2="12" y2="12"></line>
+                <line x1="12" y1="8" x2="12" y2="3"></line>
+                <line x1="20" y1="21" x2="20" y2="16"></line>
+                <line x1="20" y1="12" x2="20" y2="3"></line>
+                <line x1="1" y1="14" x2="7" y2="14"></line>
+                <line x1="9" y1="8" x2="15" y2="8"></line>
+                <line x1="17" y1="16" x2="23" y2="16"></line>
+              </svg>
+              <span class="option-text">Server Settings</span>
+            </button>
+            <button type="button" class="dropdown-item admin-menu-item" id="server-health-btn">
+              <svg class="option-icon icon-health" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
+              </svg>
+              <span class="option-text">Server Health</span>
+            </button>
+            <button type="button" class="dropdown-item admin-menu-item" onclick="window.location.href='git-history.html'">
+              <svg class="option-icon icon-git-history" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="6" cy="6" r="2"></circle>
+                <circle cx="6" cy="18" r="2"></circle>
+                <circle cx="18" cy="12" r="2"></circle>
+                <path d="M6 8v8"></path>
+                <path d="M6 12h10"></path>
+              </svg>
+              <span class="option-text">Git History</span>
+            </button>
+          </div>
+        </div>
+        <!-- User Menu Dropdown -->
+        <div class="user-menu-container" id="user-menu-container">
+          <button class="user-avatar-btn" id="user-avatar-btn" title="User menu">
+            <span class="user-avatar" id="user-avatar">
+              <span class="user-avatar-initials" id="user-avatar-initials">--</span>
+              <img class="user-avatar-image" id="user-avatar-image" alt="Avatar" hidden>
+            </span>
+            <svg class="avatar-chevron" width="12" height="12" 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"></polyline>
+            </svg>
+          </button>
+          <div class="dropdown-menu user-dropdown" id="user-menu" hidden>
+            <div class="user-menu-header">
+              <span class="user-menu-name" id="user-menu-name">User</span>
+              <span class="user-menu-email" id="user-menu-email"></span>
+            </div>
+            <button type="button" class="dropdown-item user-menu-item" id="profile-settings-btn">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+                <circle cx="12" cy="7" r="4"></circle>
+              </svg>
+              <span>Profile Settings</span>
+            </button>
+            <div class="dropdown-divider"></div>
+            <div class="user-menu-item preference-row">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="5"></circle>
+                <line x1="12" y1="1" x2="12" y2="3"></line>
+                <line x1="12" y1="21" x2="12" y2="23"></line>
+                <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                <line x1="1" y1="12" x2="3" y2="12"></line>
+                <line x1="21" y1="12" x2="23" y2="12"></line>
+                <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+              </svg>
+              <span>Theme</span>
+              <div id="theme-toggle-container" class="preference-toggle-slot"></div>
+            </div>
+            <label class="user-menu-item preference-row notification-row" id="notification-toggle" title="Desktop notifications when tasks complete">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+                <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+              </svg>
+              <span>Notifications</span>
+              <div class="preference-toggle-slot">
+                <input type="checkbox" id="notification-checkbox" class="toggle-switch">
+              </div>
+            </label>
+            <a href="/docs/" target="_blank" rel="noopener" class="dropdown-item user-menu-item" id="docs-link">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"></circle>
+                <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
+                <line x1="12" y1="17" x2="12.01" y2="17"></line>
+              </svg>
+              <span>Documentation</span>
+            </a>
+            <a href="/dev-docs/" target="_blank" rel="noopener" class="dropdown-item user-menu-item" id="dev-docs-link" hidden>
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
+              </svg>
+              <span>Dev Docs</span>
+            </a>
+            <div class="dropdown-divider"></div>
+            <button type="button" class="dropdown-item user-menu-item" id="about-coderflow-btn">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"></circle>
+                <line x1="12" y1="16" x2="12" y2="12"></line>
+                <line x1="12" y1="8" x2="12.01" y2="8"></line>
+              </svg>
+              <span>About CoderFlow</span>
+            </button>
+            <button type="button" class="dropdown-item user-menu-item" id="logout-btn">
+              <svg class="menu-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+                <polyline points="16 17 21 12 16 7"></polyline>
+                <line x1="21" y1="12" x2="9" y2="12"></line>
+              </svg>
+              <span>Logout</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <section class="task-launcher" aria-label="Task launcher">
+      <form id="task-form" novalidate>
+        <!-- Environment, Template, and Quick Actions -->
+        <div class="control-row single-row-controls">
+          <div class="field-group compact flex-item">
+            <select id="environment-select" required aria-label="Environment">
+              <option value="" disabled selected hidden>Select environment</option>
+            </select>
+          </div>
+          <div class="field-group compact flex-item" id="template-field-wrapper" hidden>
+            <select id="template-select" aria-label="Headless task">
+              <option value="" disabled selected hidden>Select task template</option>
+            </select>
+          </div>
+          <div class="dropdown-container">
+            <button type="button" class="btn-ghost btn-small btn-dropdown" id="start-actions-btn" title="Quick Actions">
+              ☰
+            </button>
+            <div class="dropdown-menu" id="start-actions-menu" hidden>
+              <button type="button" class="dropdown-item quick-action-item" id="branch-options-menu-item" data-action="branch-options" hidden>
+                <svg class="option-icon icon-branch" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <line x1="6" y1="3" x2="6" y2="15"></line>
+                  <circle cx="18" cy="6" r="3"></circle>
+                  <circle cx="6" cy="18" r="3"></circle>
+                  <path d="M18 9a9 9 0 0 1-9 9"></path>
+                </svg>
+                <span class="option-text">Branch Options...</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" id="run-test-menu-item" data-action="run-test" hidden>
+                <svg class="option-icon icon-test" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <polyline points="9 11 12 14 22 4"></polyline>
+                  <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
+                </svg>
+                <span class="option-text">Run Tests...</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" id="run-deploy-menu-item" data-action="run-deploy" hidden>
+                <svg class="option-icon icon-deploy" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                  <polyline points="17 8 12 3 7 8"></polyline>
+                  <line x1="12" y1="3" x2="12" y2="15"></line>
+                </svg>
+                <span class="option-text">Deploy...</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" data-action="claude">
+                <svg class="option-icon icon-claude" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                  <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 4.212z"/>
+                </svg>
+                <span class="option-text">New Claude Session</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" data-action="codex">
+                <svg class="option-icon icon-codex" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/>
+                </svg>
+                <span class="option-text">New Codex Session</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" data-action="gemini">
+                <svg class="option-icon icon-gemini" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M12 2L9.09 9.09 2 12l7.09 2.91L12 22l2.91-7.09L22 12l-7.09-2.91z"></path>
+                </svg>
+                <span class="option-text">New Gemini Session</span>
+              </button>
+              <button type="button" class="dropdown-item quick-action-item" data-action="terminal">
+                <svg class="option-icon icon-terminal" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <polyline points="4 17 10 11 4 5"></polyline>
+                  <line x1="12" y1="19" x2="20" y2="19"></line>
+                </svg>
+                <span class="option-text">Terminal (New Container)</span>
+              </button>
+              <div class="dropdown-divider qa-divider" id="qa-divider" hidden></div>
+              <div id="qa-menu-items">
+                <!-- QA menu items will be populated dynamically based on environment config -->
+              </div>
+            </div>
+          </div>
+        </div>
+        <div id="parameter-fields" class="parameter-fields" hidden></div>
+        <div class="instructions-container">
+          <!-- Jira Link Badge (hidden by default) -->
+          <div id="jiraLinkBadge" class="jira-link-badge" style="display: none;">
+            <span class="jira-icon">📋</span>
+            <span>Linked to <a id="jiraBadgeLink" href="" target="_blank" rel="noopener"></a></span>
+            <button type="button" id="unlinkJiraBtn" class="btn-icon" title="Unlink Jira issue">×</button>
+          </div>
+          <textarea id="instructions" rows="2" placeholder="Additional Instructions" aria-label="Additional Instructions"></textarea>
+          <div id="task-name-row" class="task-name-row" hidden>
+            <input type="text" id="task-name-input" placeholder="Name this task" aria-label="Task name" maxlength="120">
+            <div class="save-options-group">
+              <button type="button" class="btn-save-options" id="save-options-btn" title="Stage task or save as objective" aria-haspopup="true" aria-expanded="false">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+                  <polyline points="17 21 17 13 7 13 7 21"></polyline>
+                  <polyline points="7 3 7 8 15 8"></polyline>
+                </svg>
+                <svg class="dropdown-chevron" width="10" height="10" 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"></polyline>
+                </svg>
+              </button>
+              <div class="save-options-menu" id="save-options-menu" hidden>
+                <button type="button" class="save-options-item" id="stage-task-btn" data-action="stage" title="Stage Task (Ctrl+Shift+Enter)">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+                    <line x1="9" y1="9" x2="15" y2="9"></line>
+                    <line x1="9" y1="15" x2="15" y2="15"></line>
+                  </svg>
+                  <span>Stage Task</span>
+                </button>
+                <button type="button" class="save-options-item" id="save-objective-btn" data-action="save-objective" title="Save as Objective (Ctrl+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="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+                    <polyline points="17 21 17 13 7 13 7 21"></polyline>
+                    <polyline points="7 3 7 8 15 8"></polyline>
+                  </svg>
+                  <span>Save as Objective</span>
+                </button>
+              </div>
+            </div>
+            <button type="button" class="btn-icon-mini" id="clear-task-name-btn" title="Clear task name">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+                <line x1="18" y1="6" x2="6" y2="18"></line>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </button>
+          </div>
+          <!-- Hidden file input -->
+          <input type="file" id="file-attachments" multiple accept="*/*" hidden aria-label="Attach files">
+          <!-- Attached files list (shown when files are selected) -->
+          <div id="attached-files-list" class="attached-files-list" hidden></div>
+          <div class="textarea-controls">
+            <div class="textarea-controls-left">
+              <!-- Options Menu -->
+              <div class="options-menu-container">
+                <button type="button" class="btn-icon-mini" id="options-menu-btn" title="Settings">
+                  <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="12" r="3"></circle>
+                    <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+                  </svg>
+                </button>
+                <div class="dropdown-menu" id="options-menu" hidden>
+                  <button type="button" class="dropdown-item options-menu-item" id="auto-pin-btn">
+                    <span class="option-icon pin-icon">📌</span>
+                    <span class="option-text">Auto-pin new tasks</span>
+                    <span class="setting-badge" id="auto-pin-badge" hidden>✓</span>
+                  </button>
+                  <button type="button" class="dropdown-item options-menu-item" id="auto-judge-settings-btn">
+                    <svg class="option-icon" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="#b8860b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M6 6h12"></path>
+                      <path d="M12 6v12"></path>
+                      <path d="M8 18h8"></path>
+                      <path d="M6 6l-3 5h6l-3-5z"></path>
+                      <path d="M18 6l-3 5h6l-3-5z"></path>
+                    </svg>
+                    <span class="option-text">Auto-judge group tasks...</span>
+                    <span class="setting-badge" id="auto-judge-badge" hidden>✓</span>
+                  </button>
+                  <button type="button" class="dropdown-item options-menu-item" id="open-new-tab-btn">
+                    <svg class="option-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+                      <polyline points="15 3 21 3 21 9"></polyline>
+                      <line x1="10" y1="14" x2="21" y2="3"></line>
+                    </svg>
+                    <span class="option-text">Open tasks in new tab</span>
+                    <span class="setting-badge" id="open-new-tab-badge" hidden>✓</span>
+                  </button>
+                  <button type="button" class="dropdown-item options-menu-item" id="importFromJiraBtn" style="display: none;">
+                    <svg class="option-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                      <path d="M11.53 2c0 2.4 1.97 4.35 4.35 4.35h1.78v1.7c0 2.4 1.94 4.34 4.34 4.35V2.84a.84.84 0 0 0-.84-.84h-9.63Z" fill="#2684FF"/>
+                      <path d="M6.77 6.8a4.36 4.36 0 0 0 4.34 4.34h1.8v1.72a4.36 4.36 0 0 0 4.34 4.34V7.63a.84.84 0 0 0-.83-.83H6.77Z" fill="url(#jira-grad-1)"/>
+                      <path d="M2 11.6a4.35 4.35 0 0 0 4.35 4.34h1.78v1.72A4.35 4.35 0 0 0 12.47 22v-9.57a.84.84 0 0 0-.84-.83H2Z" fill="url(#jira-grad-2)"/>
+                      <defs>
+                        <linearGradient id="jira-grad-1" x1="12.82" y1="6.83" x2="9.2" y2="10.55" gradientUnits="userSpaceOnUse">
+                          <stop stop-color="#0052CC"/>
+                          <stop offset="1" stop-color="#2684FF"/>
+                        </linearGradient>
+                        <linearGradient id="jira-grad-2" x1="8.06" y1="11.64" x2="4.34" y2="15.44" gradientUnits="userSpaceOnUse">
+                          <stop stop-color="#0052CC"/>
+                          <stop offset="1" stop-color="#2684FF"/>
+                        </linearGradient>
+                      </defs>
+                    </svg>
+                    <span class="option-text">Import from Jira...</span>
+                  </button>
+                </div>
+              </div>
+              <button type="button" class="btn-icon-mini" id="toggle-task-name-btn" title="Name and save (F2)">
+                <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="M20.59 13.41a2 2 0 0 0 0-2.82l-7.18-7.18A2 2 0 0 0 11 3H5a2 2 0 0 0-2 2v6a2 2 0 0 0 .59 1.41l7.18 7.18a2 2 0 0 0 2.82 0Z"></path>
+                  <path d="M7 7h.01"></path>
+                </svg>
+              </button>
+              <!-- File Attachment Icons -->
+              <button type="button" class="btn-icon-mini" id="attach-files-btn" title="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 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
+                </svg>
+              </button>
+              <button type="button" class="btn-icon-mini" id="capture-screenshot-btn" title="Capture screenshot">
+                <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="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
+                  <circle cx="12" cy="13" r="4"></circle>
+                </svg>
+              </button>
+              <!-- Separator -->
+              <div class="control-separator"></div>
+              <!-- Agent Selection -->
+              <div class="agent-selector" role="group" aria-label="Agent selection">
+                <div class="agent-card" data-agent="claude" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Claude count" title="Remove Claude">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Claude" title="Claude (Alt+1) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                      <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 4.212z"/>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Claude count" title="Add Claude">+</button>
+                  <div class="agent-count-badge" id="claude-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="claude-count" value="0" hidden readonly aria-label="Number of Claude containers">
+                </div>
+                <div class="agent-card" data-agent="codex" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Codex count" title="Remove Codex">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Codex" title="Codex (Alt+2) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Codex count" title="Add Codex">+</button>
+                  <div class="agent-count-badge" id="codex-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="codex-count" value="0" hidden readonly aria-label="Number of Codex containers">
+                </div>
+                <div class="agent-card" data-agent="gemini" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Gemini count" title="Remove Gemini">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Gemini" title="Gemini (Alt+3) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M12 2L9.09 9.09 2 12l7.09 2.91L12 22l2.91-7.09L22 12l-7.09-2.91z"></path>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Gemini count" title="Add Gemini">+</button>
+                  <div class="agent-count-badge" id="gemini-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="gemini-count" value="0" hidden readonly aria-label="Number of Gemini containers">
+                </div>
+              </div>
+              <!-- Agent Selection Hint -->
+              <div class="agent-hint" data-visible="false">
+                <span class="agent-hint-arrow">←</span>
+                <span class="agent-hint-text">Select Agents</span>
+              </div>
+            </div>
+            <button type="submit" class="btn-icon-launch" id="submit-task-btn" title="Launch task (Ctrl+Enter)">➤</button>
+          </div>
+        </div>
+        <div class="form-footer" id="form-footer" hidden>
+          <div id="form-message" class="form-message" role="status" aria-live="polite"></div>
+        </div>
+      </form>
+    </section>
+    <section class="task-board" aria-labelledby="tasks-heading">
+      <div class="task-board-header">
+        <div class="task-board-header-actions">
+          <!-- Search -->
+          <div class="task-search-wrapper">
+            <button type="button" class="btn-ghost btn-small" id="toggle-search-btn" title="Search tasks (Ctrl+F)">
+              <svg class="search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="11" cy="11" r="8"></circle>
+                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+              </svg>
+            </button>
+            <div class="task-search-container" id="task-search-container" hidden>
+              <svg class="task-search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="11" cy="11" r="8"></circle>
+                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+              </svg>
+              <input type="text" id="task-search-input" placeholder="Search name or instructions..." autocomplete="off" />
+              <button type="button" class="task-search-close" id="close-search-btn" title="Close search">
+                <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>
+                  <line x1="6" y1="6" x2="18" y2="18"></line>
+                </svg>
+              </button>
+            </div>
+          </div>
+          <!-- Filter -->
+          <div class="task-filter-wrapper">
+            <button type="button" class="btn-ghost btn-small" id="toggle-filter-btn" title="Filter tasks">
+              <svg class="filter-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
+              </svg>
+              <span class="filter-badge" id="filter-badge" hidden>0</span>
+            </button>
+            <div class="task-filter-dropdown" id="task-filter-dropdown" hidden>
+              <div class="filter-section">
+                <div class="filter-section-title">Status</div>
+                <div class="filter-options filter-options-pills">
+                  <button type="button" class="filter-pill" data-status="objective">Objective</button>
+                  <button type="button" class="filter-pill" data-status="staged">Staged</button>
+                  <button type="button" class="filter-pill" data-status="running">Running</button>
+                  <button type="button" class="filter-pill" data-status="completed">Completed</button>
+                  <button type="button" class="filter-pill" data-status="failed">Failed</button>
+                </div>
+              </div>
+              <div class="filter-section">
+                <div class="filter-section-title">Agent</div>
+                <div class="filter-options filter-options-pills">
+                  <button type="button" class="filter-pill" data-agent="claude">
+                    <svg class="filter-pill-icon" viewBox="0 0 16 16" fill="currentColor" width="14" height="14">
+                      <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 4.212z"/>
+                    </svg>
+                    Claude
+                  </button>
+                  <button type="button" class="filter-pill" data-agent="codex">
+                    <svg class="filter-pill-icon" viewBox="0 0 24 24" fill="currentColor" width="14" height="14">
+                      <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/>
+                    </svg>
+                    Codex
+                  </button>
+                  <button type="button" class="filter-pill" data-agent="gemini">
+                    <svg class="filter-pill-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14">
+                      <path d="M12 2L9.09 9.09 2 12l7.09 2.91L12 22l2.91-7.09L22 12l-7.09-2.91z"></path>
+                    </svg>
+                    Gemini
+                  </button>
+                </div>
+              </div>
+              <div class="filter-section">
+                <div class="filter-section-title">Environment</div>
+                <div class="filter-options">
+                  <select id="filter-environment" class="filter-select">
+                    <option value="">All environments</option>
+                    <!-- Options populated dynamically from state.templatesSummary.environments -->
+                  </select>
+                </div>
+              </div>
+              <div class="filter-actions">
+                <button type="button" class="btn-ghost btn-small" id="clear-filters-btn">Clear all</button>
+              </div>
+            </div>
+          </div>
+          <!-- Refresh -->
+          <button type="button" class="btn-ghost btn-small" id="refresh-tasks-btn" title="Refresh tasks">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <polyline points="23 4 23 10 17 10"></polyline>
+              <polyline points="1 20 1 14 7 14"></polyline>
+              <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>
+            </svg>
+          </button>
+	          <!-- Existing actions -->
+	          <button type="button" class="btn-ghost btn-small" id="toggle-selection-mode-btn" title="Select tasks">
+	            <span class="selection-icon">☑</span>
+	          </button>
+	          <!-- Collapse/Expand All buttons (only visible in Objectives view) -->
+	          <button type="button" class="btn-ghost btn-small objectives-only-btn" id="collapse-all-objectives-btn" title="Collapse all objectives" hidden>
+	            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	              <polyline points="4 14 10 14 10 20"></polyline>
+	              <polyline points="20 10 14 10 14 4"></polyline>
+	              <line x1="14" y1="10" x2="21" y2="3"></line>
+	              <line x1="3" y1="21" x2="10" y2="14"></line>
+	            </svg>
+	          </button>
+	          <button type="button" class="btn-ghost btn-small objectives-only-btn" id="expand-all-objectives-btn" title="Expand all objectives" hidden>
+	            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	              <polyline points="15 3 21 3 21 9"></polyline>
+	              <polyline points="9 21 3 21 3 15"></polyline>
+	              <line x1="21" y1="3" x2="14" y2="10"></line>
+	              <line x1="3" y1="21" x2="10" y2="14"></line>
+	            </svg>
+	          </button>
+	          <div class="view-mode-tabs" role="tablist" aria-label="Task board view">
+	            <button type="button" class="view-mode-tab" id="view-mode-tasks" data-view-mode="tasks" role="tab" aria-selected="true" title="Tasks view">
+	              <span class="view-icon" aria-hidden="true">
+	                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	                  <path d="M9 6h12"></path>
+	                  <path d="M9 12h12"></path>
+	                  <path d="M9 18h12"></path>
+	                  <path d="M3 6l1.5 1.5L7 5"></path>
+	                  <path d="M3 12l1.5 1.5L7 11"></path>
+	                  <path d="M3 18l1.5 1.5L7 17"></path>
+	                </svg>
+	              </span>
+	              <span class="view-label">Tasks</span>
+	            </button>
+	            <button type="button" class="view-mode-tab" id="view-mode-objectives" data-view-mode="objectives" role="tab" aria-selected="false" title="Objectives view">
+	              <span class="view-icon" aria-hidden="true">
+	                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	                  <circle cx="12" cy="12" r="9"></circle>
+	                  <circle cx="12" cy="12" r="5"></circle>
+	                  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"></circle>
+	                </svg>
+	              </span>
+	              <span class="view-label">Objectives</span>
+	            </button>
+	          </div>
+	          <!-- New Objective -->
+          <button type="button" class="btn-ghost btn-small" id="new-objective-btn" title="Create new objective">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <line x1="12" y1="5" x2="12" y2="19"></line>
+              <line x1="5" y1="12" x2="19" y2="12"></line>
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div class="task-filter-summary" id="task-filter-summary" hidden>
+        <span class="task-filter-summary-label">Active filters</span>
+        <div class="task-filter-chips" id="task-filter-chips"></div>
+        <button type="button" class="btn-ghost btn-small task-filter-clear" id="task-filter-clear">Clear all</button>
+      </div>
+      <div class="task-board-content">
+        <div id="task-loading" class="loading">Loading tasks…</div>
+        <div id="task-error" class="empty-state" hidden>
+          <p id="task-error-message"></p>
+          <button class="btn-secondary btn-small" id="retry-tasks-btn">Try again</button>
+        </div>
+        <div id="task-empty" class="empty-state" hidden>
+          <p>No tasks yet. Submit one above to get started.</p>
+        </div>
+        <div id="task-grid" class="task-grid" hidden></div>
+      </div>
+      <!-- Floating action bar for bulk operations -->
+      <div id="bulk-actions-bar" class="bulk-actions-bar" hidden>
+        <div class="bulk-actions-content">
+          <span id="bulk-selected-count" class="bulk-selected-count">0 selected</span>
+          <div class="bulk-actions-buttons">
+            <button type="button" class="btn-secondary btn-small" id="bulk-select-all-btn">
+              Select All
+            </button>
+            <button type="button" class="btn-secondary btn-small" id="bulk-pin-btn">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 4px;">
+                <path d="M12 17v5"></path>
+                <path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path>
+              </svg>
+              Pin
+            </button>
+            <button type="button" class="btn-secondary btn-small" id="bulk-unpin-btn">
+              <span style="margin-right: 4px;">📌</span> Unpin
+            </button>
+            <button type="button" class="btn-danger btn-small" id="bulk-delete-btn">
+              Delete
+            </button>
+            <button type="button" class="btn-ghost btn-small" id="exit-selection-mode-btn">
+              Cancel
+            </button>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!-- Delete Confirmation Modal -->
+    <div id="delete-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2 id="delete-modal-title">Delete Task</h2>
+        </div>
+        <div class="modal-body">
+          <p id="delete-modal-message">Are you sure you want to delete this task?</p>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="delete-cancel-btn">Cancel</button>
+          <button type="button" class="btn-danger" id="delete-confirm-btn">Delete</button>
+        </div>
+      </div>
+    </div>
+    <!-- Branch Selection Modal -->
+    <div id="branch-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Branch Options</h2>
+        </div>
+        <div class="modal-body">
+          <div id="branch-modal-fields"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="branch-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="branch-apply-btn">Apply</button>
+        </div>
+      </div>
+    </div>
+    <!-- Test Selection Modal -->
+    <div id="test-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Run Tests</h2>
+          <div class="modal-header-actions">
+            <button type="button" class="modal-close" aria-label="Close">&times;</button>
+          </div>
+        </div>
+        <div class="modal-body">
+          <div id="test-search-container">
+            <input type="text" id="test-search-input" placeholder="Search tests..." class="test-search-input" autocomplete="off" />
+          </div>
+          <p class="modal-description">Select one or more tests to run:</p>
+          <div id="test-modal-list" class="test-choices"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="test-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="test-confirm-btn" disabled>Run Selected</button>
+        </div>
+      </div>
+    </div>
+    <!-- Test Parameters Modal -->
+    <div id="test-param-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Test Parameters</h2>
+          <button type="button" class="modal-close" aria-label="Close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <p class="modal-description">The selected tests require the following parameters:</p>
+          <div id="test-param-fields" class="parameter-fields"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="test-param-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="test-param-confirm-btn" disabled>Run Test</button>
+        </div>
+      </div>
+    </div>
+    <!-- Deploy Selection Modal -->
+    <div id="deploy-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Deploy</h2>
+          <div class="modal-header-actions">
+            <button type="button" class="modal-close" aria-label="Close">&times;</button>
+          </div>
+        </div>
+        <div class="modal-body">
+          <div id="deploy-search-container">
+            <input type="text" id="deploy-search-input" placeholder="Search deployment profiles..." class="test-search-input" autocomplete="off" />
+          </div>
+          <p class="modal-description">Select a deployment profile to run:</p>
+          <div id="deploy-modal-list" class="test-choices"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="deploy-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="deploy-confirm-btn" disabled>Deploy</button>
+        </div>
+      </div>
+    </div>
+    <!-- Deploy Parameters Modal -->
+    <div id="deploy-param-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Deployment Parameters</h2>
+          <button type="button" class="modal-close" aria-label="Close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <p class="modal-description">The selected deployment profile requires the following parameters:</p>
+          <div id="deploy-param-fields" class="parameter-fields"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="deploy-param-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="deploy-param-confirm-btn" disabled>Deploy</button>
+        </div>
+      </div>
+    </div>
+    <!-- Jira Import Modal -->
+    <div id="jiraImportModal" class="modal" style="display: none;">
+      <div class="modal-overlay"></div>
+      <div class="modal-content modal-large">
+        <div class="modal-header">
+          <h2>Import from Jira</h2>
+          <button type="button" class="modal-close" aria-label="Close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <!-- Search Step -->
+          <div id="jiraSearchStep">
+            <div class="search-box">
+              <input
+                type="text"
+                id="jiraSearchInput"
+                placeholder="Type to search issues (by key, summary, or keywords)..."
+                class="search-input"
+                autocomplete="off"
+                aria-label="Search Jira issues"
+              />
+            </div>
+            <div id="jiraSearchStatus" class="search-status" aria-live="polite"></div>
+            <!-- Search Results -->
+            <div id="jiraSearchResults" class="search-results" style="display: none;">
+              <div class="results-header">
+                <span id="resultsCount"></span>
+              </div>
+              <div id="resultsList" class="results-list"></div>
+            </div>
+          </div>
+          <!-- Preview Step (hidden initially) -->
+          <div id="jiraPreviewStep" style="display: none;">
+            <div class="preview-header">
+              <button type="button" id="backToSearchBtn" class="btn-secondary">← Back to Search</button>
+            </div>
+            <div id="jiraIssuePreview" class="issue-preview"></div>
+            <div class="preview-actions">
+              <button type="button" id="confirmImportBtn" class="btn-primary">
+                Import Issue
+              </button>
+              <button type="button" id="cancelImportBtn" class="btn-secondary">
+                Cancel
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Prompt Parameter Selection Modal -->
+    <div id="prompt-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2 id="prompt-modal-title">Select Value</h2>
+          <div class="modal-header-actions">
+            <button type="button" id="prompt-refresh-btn" class="icon-btn" aria-label="Refresh" title="Refresh list" hidden>
+              ↻
+            </button>
+            <button type="button" class="modal-close" aria-label="Close">&times;</button>
+          </div>
+        </div>
+        <div class="modal-body">
+          <div id="prompt-progress-container" class="prompt-progress-container" hidden>
+            <div id="prompt-progress-log" class="prompt-progress-log"></div>
+          </div>
+          <div id="prompt-error" class="error-message" hidden></div>
+          <div id="prompt-search-container" hidden>
+            <input type="text" id="prompt-search-input" placeholder="Search..." class="prompt-search-input" autocomplete="off" />
+          </div>
+          <div id="prompt-choices" class="prompt-choices"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" id="prompt-cancel-btn" class="btn-secondary">Cancel</button>
+          <button type="button" id="prompt-confirm-btn" class="btn-primary" disabled>Confirm</button>
+        </div>
+      </div>
+    </div>
+    <!-- Multi-select Confirmation Modal -->
+    <div id="multiselect-confirm-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Confirm Multiple Tasks</h2>
+        </div>
+        <div class="modal-body">
+          <p id="multiselect-warning"></p>
+          <div id="multiselect-preview" class="multiselect-preview"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" id="multiselect-cancel-btn" class="btn-secondary">Cancel</button>
+          <button type="button" id="multiselect-confirm-btn" class="btn-primary">Create Tasks</button>
+        </div>
+      </div>
+    </div>
+    <!-- Image Editor Modal -->
+    <div id="image-editor-modal" class="modal modal-fullscreen" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Edit Image</h2>
+          <button type="button" class="modal-close" id="image-editor-close" aria-label="Close">&times;</button>
+        </div>
+        <div class="modal-body" style="padding: 0; overflow: hidden;">
+          <div id="image-editor-container"></div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" id="image-editor-cancel" class="btn-secondary">Cancel</button>
+          <button type="button" id="image-editor-save" class="btn-primary">Save</button>
+        </div>
+      </div>
+    </div>
+    <!-- Objective Editor Modal -->
+    <div id="objective-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content modal-objective">
+        <div class="modal-header">
+          <h2 id="objective-modal-title">Edit Objective</h2>
+          <div class="header-actions">
+            <button type="button" class="btn-ghost btn-small icon-btn" id="objective-modal-maximize" title="Maximize" tabindex="-1">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+              </svg>
+            </button>
+            <button type="button" class="modal-close" id="objective-modal-close" aria-label="Close">
+              <svg width="24" height="24" 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>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div class="modal-body">
+          <div class="objective-form">
+            <div class="objective-field" id="objective-name-field">
+              <label for="objective-name-input" class="objective-label">Name</label>
+              <input type="text" id="objective-name-input" class="objective-name-input" placeholder="Enter a name for this objective" maxlength="100" required>
+              <div class="objective-field-error" id="objective-name-error" hidden></div>
+            </div>
+            <!-- Jira Link Badge for Objective (hidden by default) -->
+            <div id="objectiveJiraLinkBadge" class="jira-link-badge objective-jira-badge" style="display: none;">
+              <span class="jira-icon">📋</span>
+              <span>Linked to <a id="objectiveJiraBadgeLink" href="" target="_blank" rel="noopener"></a></span>
+              <button type="button" id="objectiveUnlinkJiraBtn" class="btn-icon" title="Unlink Jira issue">×</button>
+            </div>
+                      <div class="objective-field objective-field-grow" id="objective-instructions-field">
+                        <div class="objective-field-header">
+                          <label for="objective-instructions-input" class="objective-label">Instructions</label>
+                          <button type="button" class="btn-ghost btn-small icon-btn" id="objective-instructions-maximize" title="Expand instructions" aria-label="Expand instructions" tabindex="-1">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                              <polyline points="15 3 21 3 21 9"></polyline>
+                              <polyline points="9 21 3 21 3 15"></polyline>
+                              <line x1="21" y1="3" x2="14" y2="10"></line>
+                              <line x1="3" y1="21" x2="10" y2="14"></line>
+                            </svg>
+                          </button>
+                        </div>
+                        <div class="objective-markdown-editor-container">
+                          <div id="objective-markdown-editor" class="markdown-editor-wrapper"></div>
+                        </div>
+                        <div class="objective-field-error" id="objective-instructions-error" hidden></div>
+                      </div>
+                      <div class="objective-field" id="objective-attachments-field">
+                        <label class="objective-label">Attachments</label>
+                        <div class="objective-attachments-wrapper" style="display: flex; flex-direction: column; gap: 8px;">
+                          <div class="objective-attachments-toolbar" style="display: flex; gap: 8px;">
+                            <button type="button" class="btn-icon-mini" id="objective-attach-files-btn" title="Attach files" style="width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-bg-secondary); cursor: pointer; color: var(--color-text);">
+                              <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 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
+                              </svg>
+                            </button>
+                            <button type="button" class="btn-icon-mini" id="objective-screenshot-btn" title="Take Screenshot" style="width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); border-radius: 4px; background: var(--color-bg-secondary); cursor: pointer; color: var(--color-text);">
+                              <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="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path>
+                                <circle cx="12" cy="13" r="4"></circle>
+                              </svg>
+                            </button>
+                          </div>
+                          <input type="file" id="objective-file-attachments" multiple accept="*/*" hidden aria-label="Attach files for objective">
+                          <div id="objective-attached-files-list" class="attached-files-list" hidden></div>
+                        </div>
+                      </div>
+                      <div class="objective-field" id="objective-environment-field">
+                        <label for="objective-environment-select" class="objective-label">Environment</label>
+                        <div class="objective-environment-row">
+                          <select id="objective-environment-select" class="objective-environment-select" required>
+                            <option value="" disabled selected hidden>Select environment</option>
+                          </select>
+                          <button type="button" class="btn-icon-mini objective-branch-btn" id="objective-branch-options-btn" title="Branch Options" aria-label="Branch options" hidden>
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                              <line x1="6" y1="3" x2="6" y2="15"></line>
+                              <circle cx="18" cy="6" r="3"></circle>
+                              <circle cx="6" cy="18" r="3"></circle>
+                              <path d="M18 9a9 9 0 0 1-9 9"></path>
+                            </svg>
+                          </button>
+                        </div>
+                        <div class="objective-field-error" id="objective-environment-error" hidden></div>
+                      </div>
+            <div class="objective-field objective-field-agents" id="objective-agents-field">
+              <label class="objective-label objective-agents-label">Agents</label>
+              <div class="agent-selector objective-agent-selector" role="group" aria-label="Agent selection">
+                <div class="agent-card" data-agent="claude" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Claude count" title="Remove Claude">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Claude" title="Claude (Alt+1) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 16 16" fill="currentColor">
+                      <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 4.212z"/>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Claude count" title="Add Claude">+</button>
+                  <div class="agent-count-badge" id="objective-claude-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="objective-claude-count" value="0" hidden readonly>
+                </div>
+                <div class="agent-card" data-agent="codex" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Codex count" title="Remove Codex">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Codex" title="Codex (Alt+2) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 24 24" fill="currentColor">
+                      <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Codex count" title="Add Codex">+</button>
+                  <div class="agent-count-badge" id="objective-codex-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="objective-codex-count" value="0" hidden readonly>
+                </div>
+                <div class="agent-card" data-agent="gemini" data-count="0">
+                  <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Gemini count" title="Remove Gemini">−</button>
+                  <div class="agent-icon" role="button" tabindex="0" aria-label="Gemini" title="Gemini (Alt+3) (click to add, right-click to remove)">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M12 2L9.09 9.09 2 12l7.09 2.91L12 22l2.91-7.09L22 12l-7.09-2.91z"></path>
+                    </svg>
+                  </div>
+                  <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Gemini count" title="Add Gemini">+</button>
+                  <div class="agent-count-badge" id="objective-gemini-count-display">0</div>
+                  <input type="number" min="0" max="5" step="1" id="objective-gemini-count" value="0" hidden readonly>
+                </div>
+              </div>
+              <div class="objective-field-error" id="objective-agents-error" hidden></div>
+            </div>
+            <!-- Comments Section (compact mode for objectives) -->
+            <div class="objective-field objective-comments-field" id="objective-comments-field">
+              <div id="objective-comments-container" class="comments-container"></div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-actions objective-modal-actions">
+          <div class="objective-modal-actions-left">
+            <button type="button" id="objective-delete-btn" class="btn-danger btn-small">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <polyline points="3 6 5 6 21 6"></polyline>
+                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+              </svg>
+              Delete
+            </button>
+            <label class="checkbox-inline" title="Discard this objective after the task is created">
+              <input type="checkbox" id="delete-objective-checkbox">
+              <span>Discard after task creation</span>
+            </label>
+          </div>
+          <div class="objective-modal-actions-right">
+            <button type="button" id="objective-save-btn" class="btn-secondary" title="Save (Ctrl+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="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path>
+                <polyline points="17 21 17 13 7 13 7 21"></polyline>
+                <polyline points="7 3 7 8 15 8"></polyline>
+              </svg>
+              Save
+            </button>
+            <button type="button" id="objective-stage-btn" class="btn-secondary" title="Stage as task (Ctrl+Shift+Enter)">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+                <line x1="9" y1="9" x2="15" y2="9"></line>
+                <line x1="9" y1="15" x2="15" y2="15"></line>
+              </svg>
+              Stage
+            </button>
+            <button type="button" id="objective-run-btn" class="btn-primary" title="Launch task (Ctrl+Enter)">
+              <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="5 3 19 12 5 21 5 3"></polygon>
+              </svg>
+              Launch
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Server Health Modal -->
+    <div id="server-health-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Server Health</h2>
+          <button type="button" class="modal-close" id="server-health-close" aria-label="Close">
+              <svg width="24" height="24" 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>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </button>
+        </div>
+        <div class="modal-body">
+          <div id="server-health-loading" class="loading">Loading server metrics</div>
+          <div id="server-health-error" class="error-message" hidden></div>
+          <div id="server-health-content" hidden>
+            <div class="health-metrics">
+              <div class="metric-card">
+                <div class="metric-icon">💻</div>
+                <div class="metric-details">
+                  <div class="metric-label">CPU Usage</div>
+                  <div class="metric-value" id="cpu-usage">-</div>
+                </div>
+              </div>
+              <div class="metric-card">
+                <div class="metric-icon">🧠</div>
+                <div class="metric-details">
+                  <div class="metric-label">Memory Usage</div>
+                  <div class="metric-value" id="memory-usage">-</div>
+                </div>
+              </div>
+              <div class="metric-card">
+                <div class="metric-icon">💾</div>
+                <div class="metric-details">
+                  <div class="metric-label">Disk Usage</div>
+                  <div class="metric-value" id="disk-usage">-</div>
+                </div>
+              </div>
+              <div class="metric-card">
+                <div class="metric-icon">🐳</div>
+                <div class="metric-details">
+                  <div class="metric-label">Docker Containers</div>
+                  <div class="metric-value" id="docker-containers">-</div>
+                </div>
+              </div>
+              <div class="metric-card metric-card-wide" id="docker-storage-card">
+                <div class="metric-icon">📦</div>
+                <div class="metric-details">
+                  <div class="metric-label">Docker Storage</div>
+                  <div class="metric-value" id="docker-storage-total">-</div>
+                  <div class="metric-sub" id="docker-storage-available"></div>
+                  <div class="metric-sub" id="docker-storage-reclaimable"></div>
+                  <div class="docker-storage-breakdown" id="docker-storage-breakdown">
+                    <div class="storage-item">
+                      <span class="storage-label">Images:</span>
+                      <span class="storage-value" id="docker-storage-images">-</span>
+                    </div>
+                    <div class="storage-item">
+                      <span class="storage-label">Containers:</span>
+                      <span class="storage-value" id="docker-storage-containers">-</span>
+                    </div>
+                    <div class="storage-item">
+                      <span class="storage-label">Volumes:</span>
+                      <span class="storage-value" id="docker-storage-volumes">-</span>
+                    </div>
+                    <div class="storage-item">
+                      <span class="storage-label">Build Cache:</span>
+                      <span class="storage-value" id="docker-storage-buildcache">-</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="metric-card">
+                <div class="metric-icon">⏱️</div>
+                <div class="metric-details">
+                  <div class="metric-label">Server Uptime</div>
+                  <div class="metric-value" id="server-uptime">-</div>
+                </div>
+              </div>
+              <div class="metric-card">
+                <div class="metric-icon">📡</div>
+                <div class="metric-details">
+                  <div class="metric-label">User Sessions</div>
+                  <div class="metric-value" id="active-sessions">-</div>
+                </div>
+              </div>
+            </div>
+            <div class="health-actions collapsible-section" id="cleanup-section">
+              <button type="button" class="health-actions-header collapsible-toggle" id="cleanup-toggle" aria-expanded="false" aria-controls="cleanup-content">
+                <div class="health-actions-title">
+                  <svg class="collapse-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <polyline points="9 18 15 12 9 6"></polyline>
+                  </svg>
+                  Clean Up
+                </div>
+                <div id="server-health-action-status" class="health-action-status" aria-live="polite" hidden></div>
+              </button>
+              <div class="collapsible-content" id="cleanup-content" hidden>
+                <div class="cleanup-cards">
+                  <div class="cleanup-card">
+                  <div class="cleanup-card-icon">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+                      <line x1="9" y1="9" x2="15" y2="15"></line>
+                      <line x1="15" y1="9" x2="9" y2="15"></line>
+                    </svg>
+                  </div>
+                  <div class="cleanup-card-content">
+                    <div class="cleanup-card-title">Stop All Containers</div>
+                    <div class="cleanup-card-description">Gracefully stop all running Docker containers. Active coding sessions will be terminated.</div>
+                  </div>
+                  <button type="button" class="btn-secondary cleanup-card-btn" id="server-stop-containers">Stop</button>
+                </div>
+                <div class="cleanup-card">
+                  <div class="cleanup-card-icon">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <polyline points="3 6 5 6 21 6"></polyline>
+                      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
+                    </svg>
+                  </div>
+                  <div class="cleanup-card-content">
+                    <div class="cleanup-card-title">Remove Stopped Containers</div>
+                    <div class="cleanup-card-description">Delete all stopped containers to free up disk space. This cannot be undone.</div>
+                  </div>
+                  <button type="button" class="btn-secondary cleanup-card-btn" id="server-remove-stopped">Remove</button>
+                </div>
+                <div class="cleanup-card cleanup-card-danger">
+                  <div class="cleanup-card-icon">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M12 2L2 7l10 5 10-5-10-5z"></path>
+                      <path d="M2 17l10 5 10-5"></path>
+                      <path d="M2 12l10 5 10-5"></path>
+                    </svg>
+                  </div>
+                  <div class="cleanup-card-content">
+                    <div class="cleanup-card-title">Docker System Prune</div>
+                    <div class="cleanup-card-description">Remove all stopped containers, unused networks, dangling images, and build cache. Frees significant disk space.</div>
+                  </div>
+                  <button type="button" class="btn-danger cleanup-card-btn" id="server-prune-docker">Prune</button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" id="server-health-refresh" class="btn-secondary">Refresh</button>
+          <button type="button" id="server-health-ok" class="btn-primary">OK</button>
+        </div>
+      </div>
+    </div>
+    <!-- About CoderFlow Modal -->
+    <div id="about-coderflow-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content modal-content-narrow">
+        <div class="modal-header">
+          <h2>About CoderFlow</h2>
+          <button type="button" class="modal-close" id="about-coderflow-close" aria-label="Close">
+            <svg width="24" height="24" 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>
+              <line x1="6" y1="6" x2="18" y2="18"></line>
+            </svg>
+          </button>
+        </div>
+        <div class="modal-body about-modal-body">
+          <div class="about-modal-hero">
+            <img src="/coderflow-logo.svg" alt="CoderFlow" class="brand-logo brand-logo-light about-logo">
+            <img src="/coderflow-logo-reversed.svg" alt="CoderFlow" class="brand-logo brand-logo-dark about-logo">
+          </div>
+          <div class="about-version-card">
+            <span class="about-version-label">Server version</span>
+            <span class="about-version-value" id="about-server-version">Loading...</span>
+          </div>
+          <div id="about-version-error" class="error-message" hidden></div>
+          <p class="about-copyright">© <span id="about-year"></span> Profound Logic Software, Inc.</p>
+          <a class="about-link" href="https://coderflow.ai" target="_blank" rel="noopener">coderflow.ai</a>
+        </div>
+        <div class="modal-actions">
+          <button type="button" id="about-coderflow-ok" class="btn-primary">OK</button>
+        </div>
+      </div>
+    </div>
+    <!-- Auto-judge Settings Modal -->
+    <div id="auto-judge-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content">
+        <div class="modal-header">
+          <h2>Auto-judge Settings</h2>
+          <button type="button" class="modal-close" aria-label="Close">&times;</button>
+        </div>
+        <div class="modal-body">
+          <p style="margin-bottom: 1rem;">Select agents to run as judges when a task group completes:</p>
+          <div class="agent-selector" role="group" aria-label="Judge agent selection">
+            <div class="agent-card" data-agent="claude" data-count="0" id="judge-agent-card-claude">
+              <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Claude count" title="Remove Claude">−</button>
+              <div class="agent-icon" role="button" tabindex="0" aria-label="Claude" title="Claude (Alt+1)">
+                <svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                  <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 4.212z"/>
+                </svg>
+              </div>
+              <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Claude count" title="Add Claude">+</button>
+              <div class="agent-count-badge" id="judge-claude-count-display">0</div>
+              <input type="number" min="0" max="2" step="1" id="judge-claude-count" value="0" hidden readonly>
+            </div>
+            <div class="agent-card" data-agent="codex" data-count="0" id="judge-agent-card-codex">
+              <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Codex count" title="Remove Codex">−</button>
+              <div class="agent-icon" role="button" tabindex="0" aria-label="Codex" title="Codex (Alt+2)">
+                <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/>
+                </svg>
+              </div>
+              <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Codex count" title="Add Codex">+</button>
+              <div class="agent-count-badge" id="judge-codex-count-display">0</div>
+              <input type="number" min="0" max="2" step="1" id="judge-codex-count" value="0" hidden readonly>
+            </div>
+            <div class="agent-card" data-agent="gemini" data-count="0" id="judge-agent-card-gemini">
+              <button type="button" class="agent-btn-decrement" data-counter="down" aria-label="Decrease Gemini count" title="Remove Gemini">−</button>
+              <div class="agent-icon" role="button" tabindex="0" aria-label="Gemini" title="Gemini (Alt+3)">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M12 2L9.09 9.09 2 12l7.09 2.91L12 22l2.91-7.09L22 12l-7.09-2.91z"></path>
+                </svg>
+              </div>
+              <button type="button" class="agent-btn-increment" data-counter="up" aria-label="Increase Gemini count" title="Add Gemini">+</button>
+              <div class="agent-count-badge" id="judge-gemini-count-display">0</div>
+              <input type="number" min="0" max="2" step="1" id="judge-gemini-count" value="0" hidden readonly>
+            </div>
+          </div>
+          <div style="margin-top: 1.5rem;">
+            <p style="font-size: 0.9em; color: var(--color-text-secondary);">
+              When agents are selected, a judge task will be automatically launched after all tasks in a group have finished.
+            </p>
+          </div>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="auto-judge-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="auto-judge-save-btn">Save</button>
+        </div>
+      </div>
+    </div>
+    <!-- Profile Settings Modal -->
+    <div id="profile-modal" class="modal" hidden>
+      <div class="modal-overlay"></div>
+      <div class="modal-content modal-profile">
+        <div class="modal-header">
+          <h2>Profile Settings</h2>
+          <button type="button" class="modal-close" id="profile-modal-close" aria-label="Close">
+              <svg width="24" height="24" 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>
+                <line x1="6" y1="6" x2="18" y2="18"></line>
+              </svg>
+            </button>
+        </div>
+        <div class="modal-body">
+          <!-- Avatar Section -->
+          <div class="profile-avatar-section">
+            <div class="profile-avatar-container">
+              <div class="profile-avatar" id="profile-avatar">
+                <span class="profile-avatar-initials" id="profile-avatar-initials">--</span>
+                <img class="profile-avatar-image" id="profile-avatar-image" alt="Avatar" hidden>
+              </div>
+              <div class="profile-avatar-actions">
+                <button type="button" class="btn-secondary" id="profile-upload-btn">
+                  <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 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                    <polyline points="17 8 12 3 7 8"></polyline>
+                    <line x1="12" y1="3" x2="12" y2="15"></line>
+                  </svg>
+                  Upload Photo
+                </button>
+                <button type="button" class="btn-link-danger" id="profile-remove-avatar-btn" hidden>
+                  Remove
+                </button>
+              </div>
+            </div>
+            <input type="file" id="profile-avatar-input" accept="image/jpeg,image/png,image/gif,image/webp" hidden>
+          </div>
+          <!-- Avatar Cropper (shown when uploading) -->
+          <div class="profile-cropper-section" id="profile-cropper-section" hidden>
+            <p class="profile-cropper-hint">Drag to reposition, scroll to zoom</p>
+            <div class="profile-cropper-container">
+              <img id="profile-cropper-image" alt="Crop preview">
+            </div>
+            <div class="profile-cropper-actions">
+              <button type="button" class="btn-secondary" id="profile-crop-cancel">Cancel</button>
+              <button type="button" class="btn-primary" id="profile-crop-apply">Apply</button>
+            </div>
+          </div>
+          <!-- Display Name -->
+          <div class="profile-field">
+            <label for="profile-name">Display Name</label>
+            <input type="text" id="profile-name" class="profile-input" placeholder="Your name">
+          </div>
+          <div class="profile-divider"></div>
+          <!-- Email Notifications -->
+          <div class="profile-section-title">Email Notifications</div>
+          <label class="profile-toggle-row">
+            <span class="profile-toggle-label">@Mentions</span>
+            <input type="checkbox" id="profile-email-mentions" class="toggle-switch" checked>
+          </label>
+          <label class="profile-toggle-row">
+            <span class="profile-toggle-label">Comments on my tasks/objectives</span>
+            <input type="checkbox" id="profile-email-comments" class="toggle-switch" checked>
+          </label>
+        </div>
+        <div class="modal-actions">
+          <button type="button" class="btn-secondary" id="profile-cancel-btn">Cancel</button>
+          <button type="button" class="btn-primary" id="profile-save-btn">Save</button>
+        </div>
+      </div>
+    </div>
+  </main>
+  <button type="button" id="scroll-to-top" class="scroll-to-top" title="Back to top" aria-label="Back to top">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+      <path d="M12 19V5"></path>
+      <polyline points="6 11 12 5 18 11"></polyline>
+    </svg>
+    <span class="scroll-to-top-label">Top</span>
+  </button>
+  <script>
+    // Detect API base for proxied contexts (e.g., /tasks/{taskId}/app/{port}/)
+    (function() {
+      const path = window.location.pathname;
+      const match = path.match(/^(\/tasks\/[^/]+\/app\/[^/]+)/);
+      const apiBase = match ? match[1] : '';
+      // Update docs link to use correct base path
+      const docsLink = document.getElementById('docs-link');
+      if (docsLink) {
+        docsLink.href = apiBase + '/docs/';
+      }
+      // Update dev-docs link and check availability (only on localhost)
+      const devDocsLink = document.getElementById('dev-docs-link');
+      if (devDocsLink) {
+        devDocsLink.href = apiBase + '/dev-docs/';
+      }
+      if (location.hostname === 'localhost' || location.hostname === '127.0.0.1') {
+        fetch(apiBase + '/dev-docs/', { method: 'HEAD' })
+          .then(response => {
+            if (response.ok && devDocsLink) {
+              devDocsLink.hidden = false;
+            }
+          })
+          .catch(() => {}); // Silently ignore if not available
+      }
+    })();
+  </script>
+</body>
+</html>