npm - create-walle - Versions diffs - 0.9.21 → 0.9.23 - Mend

create-walle 0.9.21 → 0.9.23

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 (500) hide show

package/template/claude-task-manager/public/m/claim.html CHANGED Viewed

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
   <title>Pair Phone - CTM</title>
   <link rel="manifest" href="/manifest.json">
-  <link rel="stylesheet" href="/m/app.css?v=20260519-walle-phone-model-picker">
+  <link rel="stylesheet" href="/m/app.css?v=20260529-phone-submission-ledger">
 </head>
 <body>
   <main class="claim-shell">
@@ -25,10 +25,17 @@
     var params = new URLSearchParams(location.search);
     var claim = params.get('claim') || '';
     var secret = params.get('secret') || '';
+    var reason = params.get('reason') || '';
     var statusEl = document.getElementById('claim-status');
     var summaryEl = document.getElementById('claim-summary');
     var actionEl = document.getElementById('claim-action');
     var publicKeyOptions = null;
+    var passkeyMode = 'register';
+    var actionHandler = null;
+    var pairingPollTimer = null;
+    var pairingStorageKey = 'ctm.mobile.pendingPairingRequest';
+    var sessionSnapshotKey = 'ctm.mobile.sessionSnapshot.v1';
+    var forceFullRefreshKey = 'ctm.mobile.forceFullRefresh.v1';
     function setStatus(text, isError) {
       statusEl.textContent = text;
@@ -40,9 +47,151 @@
       if (/rpid|rp id|origin|related origins/i.test(message)) {
         return 'Pairing origin did not match this tunnel URL. Refresh the setup page on the Mac, create a new QR from the active tunnel URL, and try again.';
       }
+      if (message === 'phone_origin_rotation_required') {
+        return 'This phone is already paired on another CTM URL. Open that saved stable URL, or add a passkey for this new URL from the mobile More page if you intentionally changed URLs.';
+      }
       return message;
     }
+    function setAction(text, handler, disabled) {
+      actionEl.textContent = text;
+      actionEl.disabled = !!disabled;
+      actionHandler = typeof handler === 'function' ? handler : null;
+    }
+    function setSummary(text) {
+      summaryEl.hidden = !text;
+      summaryEl.textContent = text || '';
+    }
+    function dashboardUrl() {
+      return '/m/#status';
+    }
+    function openDashboard() {
+      location.href = dashboardUrl();
+    }
+    function enterDashboard() {
+      location.replace(dashboardUrl());
+    }
+    function markPairingCompleted() {
+      try {
+        localStorage.removeItem(sessionSnapshotKey);
+        localStorage.setItem(forceFullRefreshKey, JSON.stringify({
+          reason: 'phone-pairing-completed',
+          at: Date.now(),
+        }));
+      } catch (_) {}
+    }
+    function storedPairingRequest() {
+      try {
+        var raw = localStorage.getItem(pairingStorageKey);
+        if (!raw) return null;
+        var parsed = JSON.parse(raw);
+        if (!parsed || parsed.origin !== location.origin || !parsed.id || !parsed.secret) return null;
+        if (parsed.expires_at && Number(parsed.expires_at) <= Date.now()) {
+          localStorage.removeItem(pairingStorageKey);
+          return null;
+        }
+        return parsed;
+      } catch (_) {
+        return null;
+      }
+    }
+    function rememberPairingRequest(request, secret) {
+      try {
+        localStorage.setItem(pairingStorageKey, JSON.stringify({
+          id: request.id,
+          secret: secret,
+          code: request.code || '',
+          origin: location.origin,
+          expires_at: request.expires_at || (Date.now() + 10 * 60 * 1000),
+        }));
+      } catch (_) {}
+    }
+    function clearPairingRequest() {
+      try { localStorage.removeItem(pairingStorageKey); } catch (_) {}
+      if (pairingPollTimer) clearTimeout(pairingPollTimer);
+      pairingPollTimer = null;
+    }
+    function phonePairingIntro() {
+      setSummary('Tap Request Pairing, then approve the matching code on the Mac in CTM Settings > Pair Phone. This page continues automatically after approval.');
+      setStatus('This phone is not paired with this CTM URL.', true);
+      setAction('Request Pairing', requestPairing, false);
+    }
+    function showPendingPairing(request) {
+      var code = request && request.code ? String(request.code) : 'pending';
+      setSummary('Approval code: ' + code + '. Leave this page open, then approve this request on the Mac. If the code is not visible there, refresh Settings > Pair Phone.');
+      setStatus('Waiting for Mac approval...');
+      setAction('Waiting for approval', null, true);
+    }
+    async function requestPairing() {
+      setAction('Requesting...', null, true);
+      setStatus('Creating a pairing request...');
+      try {
+        var res = await fetch('/api/auth/pairing-requests', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ label: '', scopes: ['read', 'respond'] }),
+        });
+        var data = await res.json();
+        if (!res.ok || !data.ok || !data.request || !data.secret) {
+          throw new Error(data.message || data.error || 'Pairing request failed');
+        }
+        rememberPairingRequest(data.request, data.secret);
+        showPendingPairing(data.request);
+        pollPairing(data.request.id, data.secret);
+      } catch (err) {
+        setStatus(friendlyError(err), true);
+        setAction('Request Pairing', requestPairing, false);
+      }
+    }
+    async function pollPairing(id, requestSecret) {
+      if (pairingPollTimer) clearTimeout(pairingPollTimer);
+      try {
+        var res = await fetch('/api/auth/pairing-requests/' + encodeURIComponent(id) + '/poll', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ secret: requestSecret }),
+        });
+        var data = await res.json();
+        if (!res.ok || !data.ok) throw new Error(data.message || data.error || 'Pairing request failed');
+        if (data.status === 'approved' && data.claim && data.claim.claimUrl) {
+          clearPairingRequest();
+          setSummary('Approved. Opening one-time phone pairing...');
+          setStatus('Mac approved this phone. Finish pairing with Face ID.');
+          location.replace(data.claim.claimUrl);
+          return;
+        }
+        if (data.status === 'rejected') {
+          clearPairingRequest();
+          setStatus('The Mac rejected this pairing request.', true);
+          setAction('Request Again', requestPairing, false);
+          return;
+        }
+        if (data.status === 'expired') {
+          clearPairingRequest();
+          setStatus('This pairing request expired.', true);
+          setAction('Request Again', requestPairing, false);
+          return;
+        }
+        showPendingPairing(data.request || { id: id });
+        pairingPollTimer = setTimeout(function() { pollPairing(id, requestSecret); }, 2000);
+      } catch (err) {
+        setStatus(friendlyError(err), true);
+        setAction('Retry Polling', function() { pollPairing(id, requestSecret); }, false);
+      }
+    }
     function b64urlToBuffer(value) {
       var base64 = String(value || '').replace(/-/g, '+').replace(/_/g, '/');
       base64 += '='.repeat((4 - base64.length % 4) % 4);
@@ -69,6 +218,15 @@
       return { publicKey: publicKey };
     }
+    function prepareAuthenticationOptions(options) {
+      var publicKey = Object.assign({}, options);
+      publicKey.challenge = b64urlToBuffer(publicKey.challenge);
+      publicKey.allowCredentials = (publicKey.allowCredentials || []).map(function(c) {
+        return Object.assign({}, c, { id: b64urlToBuffer(c.id) });
+      });
+      return { publicKey: publicKey };
+    }
     function credentialToJSON(credential) {
       return {
         id: credential.id,
@@ -83,9 +241,42 @@
       };
     }
+    function assertionToJSON(credential) {
+      return {
+        id: credential.id,
+        rawId: bufferToB64url(credential.rawId),
+        type: credential.type,
+        response: {
+          authenticatorData: bufferToB64url(credential.response.authenticatorData),
+          clientDataJSON: bufferToB64url(credential.response.clientDataJSON),
+          signature: bufferToB64url(credential.response.signature),
+          userHandle: credential.response.userHandle ? bufferToB64url(credential.response.userHandle) : null,
+        },
+        clientExtensionResults: credential.getClientExtensionResults ? credential.getClientExtensionResults() : {},
+      };
+    }
     async function begin() {
       if (!claim || !secret) {
-        setStatus('This pairing link is missing its claim secret.', true);
+        if (reason) {
+          if (reason === 'ip_locked') {
+            setSummary('Your existing phone pairing was not removed. If the tunnel asks you to sign in, complete that provider login before CTM opens.');
+            setStatus('Access is temporarily locked after repeated failed token checks. Wait briefly, then open the dashboard again.', true);
+            setAction('Open Dashboard', openDashboard, false);
+          } else {
+            var existing = storedPairingRequest();
+            if (existing) {
+              showPendingPairing(existing);
+              pollPairing(existing.id, existing.secret);
+            } else {
+              phonePairingIntro();
+            }
+          }
+        } else {
+          setStatus('This pairing link is missing its claim secret.', true);
+          setSummary('Open the complete pairing link from the Mac, or request a new pairing from this phone and approve it on the Mac.');
+          setAction('Request Pairing', requestPairing, false);
+        }
         return;
       }
       if (!window.isSecureContext) {
@@ -102,38 +293,54 @@
         body: JSON.stringify({ claim: claim, secret: secret }),
       });
       var data = await res.json();
-      if (!res.ok || !data.ok) throw new Error(data.error || 'Pairing failed');
+      if (!res.ok || !data.ok) throw new Error(data.message || data.error || 'Pairing failed');
       publicKeyOptions = data.options;
-      summaryEl.hidden = false;
-      summaryEl.textContent = (data.claim.label || 'Phone') + ' - ' + (data.claim.scopes || []).join(', ');
-      setStatus('Confirm with Face ID to bind this device.');
-      actionEl.disabled = false;
-      actionEl.textContent = 'Face ID & Pair';
+      passkeyMode = data.mode === 'recover' ? 'recover' : 'register';
+      setSummary((data.claim.label || 'Phone') + ' - ' + (data.claim.scopes || []).join(', '));
+      if (passkeyMode === 'recover') {
+        setStatus('Use Face ID to reconnect this already-paired phone.');
+        setAction('Face ID & Reconnect', finish, false);
+      } else {
+        setStatus('Use Face ID once to pair this phone to CTM.');
+        setAction('Face ID & Pair', finish, false);
+      }
     }
     async function finish() {
+      if (!publicKeyOptions) return;
       actionEl.disabled = true;
-      setStatus('Waiting for passkey confirmation...');
+      setStatus('Waiting for pairing confirmation...');
       try {
-        var credential = await navigator.credentials.create(prepareCreationOptions(publicKeyOptions));
+        var isRecover = passkeyMode === 'recover';
+        var credential = isRecover
+          ? await navigator.credentials.get(prepareAuthenticationOptions(publicKeyOptions))
+          : await navigator.credentials.create(prepareCreationOptions(publicKeyOptions));
         var res = await fetch('/api/auth/claim/finish', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ claim: claim, secret: secret, response: credentialToJSON(credential) }),
+          body: JSON.stringify({
+            claim: claim,
+            secret: secret,
+            mode: passkeyMode,
+            response: isRecover ? assertionToJSON(credential) : credentialToJSON(credential),
+          }),
         });
         var data = await res.json();
-        if (!res.ok || !data.ok) throw new Error(data.error || 'Pairing failed');
-        setStatus('This phone is paired.');
-        actionEl.textContent = 'Open Dashboard';
-        actionEl.disabled = false;
-        actionEl.onclick = function() { location.href = '/m/'; };
+        if (!res.ok || !data.ok) throw new Error(data.message || data.error || 'Pairing failed');
+        markPairingCompleted();
+        setStatus('This phone is paired. Opening dashboard...');
+        setAction('Open Dashboard', openDashboard, false);
+        enterDashboard();
       } catch (err) {
         setStatus(friendlyError(err), true);
         actionEl.disabled = false;
       }
     }
-    actionEl.addEventListener('click', finish);
+    actionEl.addEventListener('click', function() {
+      if (actionEl.disabled || !actionHandler) return;
+      actionHandler();
+    });
     begin().catch(function(err) { setStatus(friendlyError(err), true); });
   })();
   </script>

package/template/claude-task-manager/public/m/index.html CHANGED Viewed

@@ -48,24 +48,31 @@
   <link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
   <link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
   <link rel="manifest" href="/manifest.json">
-  <link rel="stylesheet" href="/m/app.css?v=20260519-walle-phone-model-picker">
+  <link rel="stylesheet" href="/m/app.css?v=20260607-detail-alert-dismiss">
 </head>
-<body class="mobile-app">
+<body class="mobile-app" data-mobile-tab="status">
   <header class="app-topbar">
     <div>
       <div class="app-kicker">CTM</div>
       <h1 id="app-title">Status</h1>
     </div>
     <div class="topbar-actions">
-      <span id="connection-chip" class="connection-chip stale">Stale</span>
+      <button id="connection-chip" class="connection-chip stale" type="button" aria-label="Connection status: Stale" title="Refresh connection status">Stale</button>
       <button id="refresh-btn" class="icon-btn" type="button" aria-label="Refresh" title="Refresh">↻</button>
     </div>
   </header>
+  <section id="app-reload-banner" class="app-reload-banner" role="status" aria-live="polite" aria-atomic="true" hidden>
+    <div>
+      <strong id="app-reload-title">Update installed</strong>
+      <span id="app-reload-msg">Reload to use the latest CTM / Wall-E UI.</span>
+    </div>
+    <button id="app-reload-now-btn" type="button">Reload</button>
+  </section>
   <main id="app-main" class="app-main" tabindex="-1">
     <section id="view-status" class="mobile-view active" aria-labelledby="status-heading">
       <h2 id="status-heading" class="sr-only">Status</h2>
-      <div id="status-summary" class="status-summary" aria-live="polite"></div>
+      <div id="status-summary" class="status-summary" aria-label="Status lanes" aria-live="polite"></div>
       <div id="home-search" class="home-search" role="search">
         <div class="home-search-box">
           <span class="home-search-icon" aria-hidden="true">⌕</span>
@@ -107,14 +114,17 @@
     </section>
     <section id="view-more" class="mobile-view" aria-labelledby="more-heading">
-      <h2 id="more-heading">More</h2>
+      <h2 id="more-heading" class="sr-only">More</h2>
       <div id="more-content" class="view-content"></div>
     </section>
   </main>
   <aside id="detail-view" class="detail-view" role="dialog" aria-modal="true" aria-labelledby="detail-title" aria-hidden="true">
     <header class="detail-topbar">
-      <button id="detail-back" class="icon-btn" type="button" aria-label="Back" title="Back">←</button>
+      <button id="detail-back" class="icon-btn detail-back-btn" type="button" aria-label="Back" title="Back">
+        <span class="detail-back-glyph" aria-hidden="true">←</span>
+        <span class="detail-back-label" aria-hidden="true">Back</span>
+      </button>
       <div class="detail-title-block">
         <h2 id="detail-title">Agent</h2>
         <p id="detail-meta"></p>
@@ -126,7 +136,7 @@
     </header>
     <section id="detail-alert" class="detail-alert" hidden></section>
     <section id="detail-controls" class="detail-controls" hidden></section>
-    <section id="detail-messages" class="detail-messages" aria-live="polite"></section>
+    <section id="detail-messages" class="detail-messages" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
     <form id="detail-composer" class="composer" autocomplete="off" autocorrect="on" autocapitalize="sentences" spellcheck="true">
       <div class="composer-field">
         <span id="detail-input-label" class="sr-only">Reply</span>
@@ -148,16 +158,20 @@
         <div id="mobile-skill-picker" class="mobile-skill-picker" role="listbox" aria-label="Skill suggestions" hidden></div>
         <div id="composer-status" class="composer-status" aria-live="polite"></div>
       </div>
-      <button id="detail-model" class="model-picker-btn" type="button" aria-label="Choose model for this Wall-E session" aria-haspopup="dialog" aria-expanded="false" hidden>
-        <span class="model-picker-btn-kicker">Model</span>
-        <span id="detail-model-label" class="model-picker-btn-label">Auto</span>
-      </button>
       <button id="detail-send" class="send-btn" type="submit" aria-label="Send" aria-haspopup="menu" aria-expanded="false"><span aria-hidden="true">➤</span></button>
       <div id="send-menu" class="send-menu" role="menu" hidden>
         <div class="send-menu-header" role="presentation">
           <strong>Session actions</strong>
-          <span>Recall a prompt, attach context, or control the live terminal.</span>
+          <span>Review the queue, recall a prompt, choose a model, attach context, or control the live terminal.</span>
         </div>
+        <button id="send-model-option" class="send-menu-item send-menu-model" type="button" role="menuitem" aria-haspopup="dialog" aria-expanded="false" hidden>
+          <span class="send-menu-item-kicker">Model</span>
+          <span id="send-model-label" class="send-menu-item-main">Auto model</span>
+        </button>
+        <button id="send-queue-builder-option" class="send-menu-item send-menu-queue" type="button" role="menuitem" aria-haspopup="dialog" data-send-menu-queue>
+          <span class="send-menu-item-kicker">Queue</span>
+          <span class="send-menu-item-main">Review, edit, send</span>
+        </button>
         <button id="send-prev-prompt-option" class="send-menu-item" type="button" role="menuitem" data-send-menu-control="previous">Previous prompt</button>
         <button id="send-next-prompt-option" class="send-menu-item" type="button" role="menuitem" data-send-menu-control="next">Next prompt</button>
         <button id="send-copy-url-option" class="send-menu-item" type="button" role="menuitem" data-send-menu-copy>Copy session URL</button>
@@ -171,11 +185,11 @@
   </aside>
   <nav class="bottom-nav" aria-label="Mobile sections">
-    <button class="nav-item active" type="button" data-tab="status" aria-current="page"><span>●</span>Status</button>
-    <button class="nav-item" type="button" data-tab="agents"><span>▤</span>Agents</button>
-    <button class="nav-item" type="button" data-tab="walle"><span>◆</span>Wall-E</button>
-    <button class="nav-item" type="button" data-tab="search"><span>⌕</span>Search</button>
-    <button class="nav-item" type="button" data-tab="more"><span>⋯</span>More</button>
+    <a class="nav-item active" href="#status" data-tab="status" aria-current="page"><span>●</span>Status</a>
+    <a class="nav-item" href="#agents" data-tab="agents"><span>▤</span>Agents</a>
+    <a class="nav-item" href="#walle" data-tab="walle"><span>◆</span>Wall-E</a>
+    <a class="nav-item" href="#search" data-tab="search"><span>⌕</span>Search</a>
+    <a class="nav-item" href="#more" data-tab="more"><span>⋯</span>More</a>
   </nav>
   <div id="stepup-sheet" class="modal-backdrop" hidden>
@@ -202,6 +216,87 @@
     </section>
   </div>
+  <div id="queue-builder-sheet" class="modal-backdrop queue-builder-backdrop" hidden>
+    <section class="mobile-queue-builder-sheet" role="dialog" aria-modal="true" aria-labelledby="queue-builder-title">
+      <div class="queue-builder-head">
+        <div>
+          <p class="sheet-kicker">Session queue</p>
+          <h2 id="queue-builder-title">Review queue</h2>
+          <p id="queue-builder-subtitle">Load pending prompts for this session.</p>
+        </div>
+        <button id="queue-builder-close" class="model-picker-close" type="button" aria-label="Close queue builder">&times;</button>
+      </div>
+      <div class="queue-builder-toolbar" role="group" aria-label="Queue mode and controls">
+        <button id="queue-builder-mode" class="queue-builder-chip" type="button" aria-pressed="false">Manual</button>
+        <button id="queue-builder-clear" class="queue-builder-chip danger" type="button">Clear sent</button>
+      </div>
+      <div id="queue-builder-status" class="queue-builder-status" role="status" aria-live="polite"></div>
+      <div id="queue-builder-list" class="mobile-queue-list" aria-label="Queued prompts"></div>
+      <form id="queue-builder-add-form" class="queue-builder-add-form">
+        <label for="queue-builder-input">Add prompt</label>
+        <textarea id="queue-builder-input" rows="3" placeholder="Type a queued prompt..." autocomplete="off" spellcheck="true"></textarea>
+        <button id="queue-builder-add" class="secondary-btn" type="submit">Add to queue</button>
+      </form>
+      <div class="queue-builder-actions">
+        <button id="queue-builder-send-next" class="secondary-btn" type="button">Send next</button>
+        <button id="queue-builder-send-all" class="primary-btn" type="button">Send all</button>
+      </div>
+    </section>
+  </div>
+  <div id="worktree-finish-sheet" class="modal-backdrop" hidden>
+    <section class="stepup-sheet worktree-finish-sheet" role="dialog" aria-modal="true" aria-labelledby="worktree-finish-title">
+      <h2 id="worktree-finish-title">Finish worktree</h2>
+      <p id="worktree-finish-copy">Ask the owning coding session to finish the local work.</p>
+      <div class="worktree-finish-card">
+        <div>
+          <span>Branch</span>
+          <strong id="worktree-finish-branch">main</strong>
+        </div>
+        <div>
+          <span>Path</span>
+          <strong id="worktree-finish-path"></strong>
+        </div>
+        <div>
+          <span>Session</span>
+          <strong id="worktree-finish-session"></strong>
+        </div>
+        <div>
+          <span>Changes</span>
+          <strong id="worktree-finish-counts"></strong>
+        </div>
+        <div>
+          <span>Skill</span>
+          <strong id="worktree-finish-skill"></strong>
+        </div>
+      </div>
+      <div class="worktree-finish-action-group" aria-label="Worktree action">
+        <span>Action</span>
+        <div class="worktree-finish-action-options" role="radiogroup" aria-label="Worktree command action">
+          <button id="worktree-finish-action-finish" type="button" role="radio" aria-checked="true" data-worktree-finish-action="finish">
+            Finish & merge
+          </button>
+          <button id="worktree-finish-action-pr" type="button" role="radio" aria-checked="false" data-worktree-finish-action="pr">
+            Create PR
+          </button>
+        </div>
+      </div>
+      <label class="worktree-finish-session-picker" for="worktree-finish-session-select">
+        <span>Send command to</span>
+        <select id="worktree-finish-session-select"></select>
+      </label>
+      <div class="worktree-finish-plan">
+        <strong>Request flow</strong>
+        <ol id="worktree-finish-plan"></ol>
+      </div>
+      <p id="worktree-finish-error" class="worktree-finish-error" hidden></p>
+      <div class="sheet-actions">
+        <button id="worktree-finish-cancel" class="secondary-btn" type="button">Cancel</button>
+        <button id="worktree-finish-confirm" class="primary-btn" type="button">Ask session to finish</button>
+      </div>
+    </section>
+  </div>
   <div id="new-session-sheet" class="modal-backdrop" hidden>
     <form id="new-session-form" class="stepup-sheet" role="dialog" aria-modal="true" aria-labelledby="new-session-title">
       <h2 id="new-session-title">New Session</h2>
@@ -239,9 +334,10 @@
   </script>
   <script src="https://cdn.jsdelivr.net/npm/marked@15.0.7/marked.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/dompurify@3.2.4/dist/purify.min.js"></script>
-  <script src="/js/session-search-utils.js?v=20260519-walle-phone-model-picker"></script>
-  <script src="/js/image-normalize.js?v=20260519-walle-phone-model-picker"></script>
-  <script src="/js/message-renderer.js?v=20260519-walle-phone-model-picker"></script>
-  <script src="/m/app.js?v=20260519-walle-phone-model-picker"></script>
+  <script src="/js/session-search-utils.js?v=20260519-update-refresh"></script>
+  <script src="/js/image-normalize.js?v=20260519-update-refresh"></script>
+  <script src="/js/message-renderer.js?v=20260520-image-attachments"></script>
+  <script src="/js/document-review-links.js?v=20260520-doc-review-anchors"></script>
+  <script src="/m/app.js?v=20260607-detail-alert-dismiss"></script>
 </body>
 </html>

package/template/claude-task-manager/public/m/sw.js CHANGED Viewed

@@ -1,13 +1,15 @@
 'use strict';
-const CACHE_NAME = 'ctm-mobile-shell-v32';
+const CACHE_NAME = 'ctm-mobile-shell-v69';
 const SHELL_ASSETS = [
   '/m/',
   '/m/index.html',
+  '/m/claim.html',
   '/m/app.css',
   '/m/app.js',
   '/js/session-search-utils.js',
   '/js/message-renderer.js',
+  '/js/document-review-links.js',
   '/icon-32.png',
   '/icon-180.png',
   '/manifest.json',

package/template/claude-task-manager/public/manifest.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
-  "name": "Claude Task Manager",
+  "name": "Coding Task Manager",
   "short_name": "CTM",
-  "description": "Manage Claude Code sessions, prompts, and task queues",
+  "description": "Manage coding-agent sessions, prompts, and task queues",
   "start_url": "/",
   "display": "standalone",
   "background_color": "#1a1b26",

package/template/claude-task-manager/public/prompts.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Claude Prompt Editor</title>
+<title>Coding Prompt Editor</title>
 <link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/icon-16.png">
 <link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
@@ -933,11 +933,19 @@
   .toast-title { font-size: 12px; font-weight: 600; color: var(--fg); margin-bottom: 2px; }
   .toast-msg { font-size: 11px; color: var(--fg-dim); line-height: 1.4; word-break: break-word; }
   .toast-close {
-    background: none; border: none; color: var(--fg-dim); cursor: pointer;
-    font-size: 14px; padding: 0 0 0 8px; line-height: 1; flex-shrink: 0;
-    opacity: 0; transition: opacity 0.2s;
+    width: 24px; height: 24px; border-radius: 8px;
+    display: inline-flex; align-items: center; justify-content: center;
+    background: transparent; border: 1px solid transparent; color: var(--fg-dim); cursor: pointer;
+    font-size: 18px; padding: 0; line-height: 1; flex-shrink: 0;
+    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+  }
+  .toast-close:hover,
+  .toast-close:focus-visible {
+    background: rgba(255,255,255,0.06);
+    border-color: var(--border);
+    color: var(--fg);
+    outline: none;
   }
-  .toast:hover .toast-close { opacity: 1; }
   .toast-progress {
     position: absolute; bottom: 0; left: 0; height: 2px;
     border-radius: 0 0 12px 12px; transition: width linear;
@@ -1144,7 +1152,7 @@
 <body>
   <div id="toast-container"></div>
   <div id="topbar">
-    <span class="logo" onclick="navigateToMain()">Claude Task Manager</span>
+    <span class="logo" onclick="navigateToMain()">Coding Task Manager</span>
     <span style="color:var(--fg-dim);font-size:12px">/</span>
     <span style="font-size:13px;font-weight:500">Prompt Editor</span>
     <div class="topbar-actions">
@@ -1555,13 +1563,25 @@ function toast(message, opts = {}) {
   el.innerHTML = `
     <div class="toast-icon ${type}">${TOAST_ICONS[type]}</div>
     <div class="toast-body">
-      ${title ? `<div class="toast-title">${title}</div>` : ''}
-      <div class="toast-msg">${message}</div>
+      ${title ? `<div class="toast-title">${escHtml(title)}</div>` : ''}
+      <div class="toast-msg">${escHtml(message)}</div>
     </div>
-    <button class="toast-close" onclick="this.closest('.toast').remove()">&times;</button>
+    <button class="toast-close" type="button" aria-label="Dismiss notification" title="Dismiss notification">&times;</button>
     <div class="toast-progress ${type}" style="width:100%"></div>
   `;
   container.appendChild(el);
+  let removed = false;
+  let dismissTimer = null;
+  const dismiss = () => {
+    if (removed) return;
+    removed = true;
+    if (dismissTimer) clearTimeout(dismissTimer);
+    el.classList.remove('show');
+    el.classList.add('hide');
+    setTimeout(() => el.remove(), 400);
+  };
+  const close = el.querySelector('.toast-close');
+  if (close) close.addEventListener('click', dismiss);
   requestAnimationFrame(() => {
     el.classList.add('show');
     const bar = el.querySelector('.toast-progress');
@@ -1570,11 +1590,7 @@ function toast(message, opts = {}) {
       requestAnimationFrame(() => { bar.style.width = '0%'; });
     }
   });
-  setTimeout(() => {
-    el.classList.remove('show');
-    el.classList.add('hide');
-    setTimeout(() => el.remove(), 400);
-  }, duration);
+  dismissTimer = setTimeout(dismiss, duration);
   return el;
 }