openplanr 3.3.0 → 3.5.0

package/lib/host-packages/cursor/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/handoff-center.css

@@ -1,81 +0,0 @@
-.design-handoff-center {
-  position:absolute; z-index:42; inset:var(--planr-toolbar-height) 0 0 auto;
-  display:grid; grid-template-rows:auto auto minmax(0,1fr) auto;
-  box-sizing:border-box; width:var(--planr-review-rail-width); max-width:calc(100% - 16px);
-  border-left:1px solid var(--planr-color-rule); background:var(--planr-color-chrome);
-  color:var(--planr-color-text); box-shadow:-12px 0 32px #0004;
-  font:400 var(--design-type-body,14px)/1.5 var(--planr-font-body);
-}
-.design-handoff-center > header { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; padding:12px 14px; border-bottom:1px solid var(--planr-color-rule); }
-.design-handoff-center h2,.design-handoff-center h3,.design-handoff-center h4 { margin:0; font-family:var(--planr-font-display); }
-.design-handoff-center h2 { font-size:18px; }
-.design-handoff-center h3 { font-size:20px; letter-spacing:-.02em; }
-.design-handoff-center h4 { font-size:14px; }
-.design-handoff-center p { margin:0; overflow-wrap:anywhere; }
-.design-handoff-eyebrow { display:block; color:var(--planr-color-primary); font-size:10px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; }
-.design-handoff-center button,.design-handoff-center input,.design-handoff-center textarea { box-sizing:border-box; font:inherit; }
-.design-handoff-center button { min-height:36px; border:1px solid var(--planr-color-rule); border-radius:6px; padding:8px 10px; color:var(--planr-color-text); background:var(--planr-color-panel); cursor:pointer; }
-.design-handoff-center button:disabled { cursor:wait; opacity:.55; }
-.design-handoff-center button:focus-visible,.design-handoff-center input:focus-visible,.design-handoff-center textarea:focus-visible,.design-handoff-center summary:focus-visible { outline:2px solid var(--planr-color-primary); outline-offset:2px; }
-.design-handoff-center .design-primary { width:100%; min-height:44px; color:var(--planr-color-background); background:var(--planr-color-primary); border-color:transparent; font-weight:650; }
-.design-handoff-center .design-danger { width:100%; color:var(--planr-color-danger); }
-.design-handoff-close { width:44px; height:44px; padding:0!important; background:transparent!important; font-size:22px!important; }
-.design-handoff-progress { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; padding:8px; border-bottom:1px solid var(--planr-color-rule); overflow-x:auto; }
-.design-handoff-step { display:grid; justify-items:center; gap:3px; min-width:52px; min-height:58px!important; padding:6px 3px!important; border-color:transparent!important; background:transparent!important; color:var(--planr-color-text-muted)!important; font-size:9px!important; line-height:1.2!important; text-align:center; }
-.design-handoff-step > span:first-child { font:650 11px/1 var(--planr-font-body); }
-.design-handoff-step[aria-current="step"] { color:var(--planr-color-text)!important; background:var(--planr-color-raised)!important; border-color:var(--planr-color-rule)!important; }
-.design-handoff-badge { display:inline-flex; align-items:center; gap:4px; width:max-content; max-width:100%; border:1px solid var(--planr-color-rule); border-radius:999px; padding:2px 7px; color:var(--planr-color-text-muted); font-size:10px; font-weight:650; line-height:1.4; }
-.design-handoff-badge::before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:currentColor; }
-.design-handoff-badge[data-status="ready"],.design-handoff-badge[data-status="pass"],.design-handoff-badge[data-status="approved"] { color:var(--planr-color-primary); }
-.design-handoff-badge[data-status="blocked"],.design-handoff-badge[data-status="revoked"] { color:var(--planr-color-danger); }
-.design-handoff-badge[data-status="attention"],.design-handoff-badge[data-status="stale"],.design-handoff-badge[data-status="superseded"] { color:#d89a39; }
-.design-handoff-step .design-handoff-badge { max-width:44px; overflow:hidden; padding:0; border:0; color:inherit; text-indent:-999px; }
-.design-handoff-step .design-handoff-badge::before { width:7px; height:7px; }
-.design-handoff-content { min-width:0; overflow:auto; overscroll-behavior:contain; padding:18px 14px 28px; }
-.design-handoff-step-header { display:grid; gap:6px; margin-bottom:18px; }
-.design-handoff-step-header p,.design-handoff-content .design-muted { color:var(--planr-color-text-muted); font-size:12px; }
-.design-handoff-summary { display:grid; gap:10px; margin-bottom:16px; padding:12px; border:1px solid var(--planr-color-rule); border-radius:8px; background:var(--planr-color-raised); }
-.design-handoff-summary strong { font-size:13px; line-height:1.45; }
-.design-handoff-empty { display:grid; gap:7px; margin:12px 0 18px; padding:18px 14px; border:1px dashed var(--planr-color-rule); border-radius:8px; }
-.design-handoff-empty p { color:var(--planr-color-text-muted); font-size:12px; }
-.design-handoff-checks,.design-handoff-requirement-list { display:grid; gap:8px; margin:0 0 18px; padding:0; list-style:none; }
-.design-handoff-checks li,.design-handoff-requirement-list li { display:grid; gap:8px; padding:10px; border:1px solid var(--planr-color-rule); border-radius:7px; }
-.design-handoff-checks li > div { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
-.design-handoff-checks strong,.design-handoff-requirement-list strong { font-size:12px; line-height:1.45; }
-.design-handoff-link { min-height:32px!important; padding:4px 0!important; border:0!important; background:transparent!important; color:var(--planr-color-primary)!important; text-align:left; }
-.design-handoff-review-groups { display:grid; gap:10px; margin-bottom:18px; }
-.design-handoff-review-group { display:grid; gap:7px; }
-.design-handoff-review-group article { display:grid; gap:4px; padding:9px 10px; border-left:2px solid var(--planr-color-rule); background:var(--planr-color-panel); font-size:12px; }
-.design-handoff-refinement { color:var(--planr-color-text-muted); }
-.design-handoff-package-editor,.design-handoff-requirements,.design-handoff-package-editor fieldset { display:grid; gap:12px; min-width:0; }
-.design-handoff-package-editor > label,.design-handoff-package-editor fieldset label,.design-handoff-content > label { display:grid; gap:6px; margin-bottom:14px; color:var(--planr-color-text-muted); font-size:12px; }
-.design-handoff-package-editor input,.design-handoff-package-editor textarea,.design-handoff-content > label input,.design-handoff-plan-result textarea { width:100%; min-height:44px; border:1px solid var(--planr-color-rule); border-radius:6px; padding:9px 10px; color:var(--planr-color-text); background:var(--planr-color-panel); }
-.design-handoff-package-editor textarea { min-height:82px; resize:vertical; }
-.design-handoff-package-editor fieldset { margin:0; border:1px solid var(--planr-color-rule); border-radius:7px; padding:10px; }
-.design-handoff-package-editor legend { padding:0 5px; color:var(--planr-color-text); font-size:11px; text-transform:capitalize; }
-.design-handoff-content details { margin:14px 0; border-top:1px solid var(--planr-color-rule); padding-top:12px; }
-.design-handoff-content summary { min-height:36px; cursor:pointer; color:var(--planr-color-text-muted); font-size:12px; }
-.design-handoff-approval-card { display:grid; gap:9px; margin-bottom:18px; padding:16px; border:1px solid var(--planr-color-rule); border-radius:8px; background:var(--planr-color-raised); }
-.design-handoff-plan-result { display:grid; gap:10px; margin-top:14px; }
-.design-handoff-plan-result code { display:block; overflow:auto; border:1px solid var(--planr-color-rule); border-radius:6px; padding:10px; background:var(--planr-color-background); font-size:11px; white-space:pre; }
-.design-handoff-copy { width:100%; }
-.design-handoff-center > footer { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:50px; padding:8px 12px; border-top:1px solid var(--planr-color-rule); background:var(--planr-color-chrome); }
-.design-handoff-center > footer p { flex:1; color:var(--planr-color-text-muted); font-size:10px; }
-.design-handoff-center > footer p[data-error="true"] { color:var(--planr-color-danger); }
-.design-handoff-center > footer button { flex:none; }
-.planr-shell[data-design-handoff-open="true"] .planr-review-rail { visibility:hidden; pointer-events:none; }
-@media (max-width:960px) {
-  .design-handoff-center { position:absolute; width:min(380px,calc(100% - 16px)); }
-}
-@media (max-width:680px) {
-  .design-handoff-center { inset:var(--planr-toolbar-height) 0 0; width:100%; max-width:none; border-left:0; }
-  .design-handoff-center button,.design-handoff-center input,.design-handoff-center textarea,.design-handoff-center summary { min-height:44px; }
-  .design-handoff-center input,.design-handoff-center textarea { font-size:16px; }
-  .design-handoff-progress { position:sticky; z-index:2; top:0; background:var(--planr-color-chrome); }
-  .design-handoff-content { padding-inline:16px; }
-}
-@media (prefers-reduced-motion:reduce) { .design-handoff-center * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
-@media (forced-colors:active) {
-  .design-handoff-center,.design-handoff-summary,.design-handoff-empty,.design-handoff-checks li,.design-handoff-requirement-list li { border-color:CanvasText; }
-  .design-handoff-badge::before { forced-color-adjust:none; background:currentColor; }
-}

package/lib/host-packages/cursor/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/share.css

@@ -1 +0,0 @@
-.design-share-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:22px;border:1px solid var(--planr-color-rule);border-radius:14px;background:var(--planr-color-panel);color:var(--planr-color-text);box-shadow:0 28px 90px #15202730;font:13px/1.5 var(--planr-font-body);overflow:auto}.design-share-dialog::backdrop{background:#18212b3d;backdrop-filter:blur(5px)}.design-share-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.design-share-dialog h2{font-size:20px;font-family:var(--planr-font-display);letter-spacing:-.025em;margin:0}.design-share-dialog button{font:inherit;cursor:pointer;border:1px solid var(--planr-color-rule);border-radius:7px;padding:7px 11px;background:var(--planr-color-panel);color:inherit;white-space:nowrap}.design-share-dialog button:hover:not(:disabled){background:var(--planr-color-raised)}.design-share-dialog button:disabled{opacity:.55;cursor:wait}.design-share-dialog button:focus-visible,.design-share-dialog input:focus-visible,.design-share-dialog summary:focus-visible{outline:2px solid var(--planr-color-primary);outline-offset:3px}.design-share-dialog dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:6px 12px;padding:14px;border-radius:8px;background:var(--planr-color-background)}.design-share-dialog dt{color:var(--planr-color-text-muted)}.design-share-dialog dd{margin:0;overflow-wrap:anywhere}.design-share-dialog p{color:var(--planr-color-text-muted)}.design-share-copy-row{display:flex;align-items:center;gap:10px;margin:14px 0}.design-share-copy-row>span{flex:1;color:var(--planr-color-text-muted)}.design-share-dialog input{box-sizing:border-box;width:100%;min-width:0;font:12px/1.5 ui-monospace,monospace;border:1px solid var(--planr-color-rule);border-radius:7px;padding:8px;color:var(--planr-color-text);background:var(--planr-color-background)}.design-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.design-share-dialog .design-share-primary{background:var(--planr-color-primary);color:var(--planr-color-on-primary);border-color:var(--planr-color-primary)}.design-share-dialog .design-share-primary:is(:hover,:active,:focus-visible):not(:disabled){background:var(--planr-color-primary-strong);color:var(--planr-color-on-primary);border-color:var(--planr-color-primary-strong)}.design-share-dialog .design-share-danger{color:var(--planr-color-danger)}.design-share-dialog summary{cursor:pointer;color:var(--planr-color-text-muted);padding:8px 0}.design-share-dialog [data-share-message]{min-height:20px;margin:16px 0 0;overflow-wrap:anywhere}.design-share-dialog [data-share-message][data-error=true]{color:var(--planr-color-danger)}@media(max-width:480px){.design-share-copy-row{align-items:stretch;flex-direction:column}}

package/lib/host-packages/cursor/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/share.js

@@ -1,133 +0,0 @@
-/* Trusted local adapter. Owner keys never enter this runtime. */
-(() => {
-  'use strict';
-  const options = globalThis.__OPENPLANR_DESIGN_STUDIO_OPTIONS__ || {};
-  if (!options.shareUrl) return;
-  const button = document.querySelector('[data-planr-action="share"]');
-  if (!button) return;
-  button.setAttribute('aria-label', 'Share design');
-  let dialog, status, busy = false, opener;
-  const element = (tag, text, attributes = {}) => {
-    const node = document.createElement(tag); if (text) node.textContent = text;
-    for (const [key, value] of Object.entries(attributes)) node.setAttribute(key, value);
-    return node;
-  };
-  async function request(action) {
-    // Short Studio routes require their scoped owner cookie; it stays on this origin.
-    const response = await fetch(options.shareUrl, {
-      method: action ? 'POST' : 'GET', cache: 'no-store', credentials: 'same-origin', referrerPolicy: 'no-referrer',
-      ...(action ? { headers: { 'content-type': 'application/json', 'x-openplanr-design': '1' }, body: JSON.stringify({ action }) } : {}),
-    });
-    const value = await response.json();
-    if (!response.ok || value.ok === false) throw new Error(value.error || 'Sharing is unavailable. Check the service connection and retry.');
-    return value;
-  }
-  function announce(message, failure = false) {
-    const node = dialog?.querySelector('[data-share-message]');
-    if (node) { node.textContent = message; node.dataset.error = String(failure); }
-  }
-  function close() { if (busy) return; dialog?.close(); dialog?.remove(); dialog = null; opener?.focus(); }
-  function action(label, name, tone) {
-    const node = element('button', label, { type: 'button', 'data-share-action': name });
-    if (tone) node.className = tone;
-    node.addEventListener('click', () => run(name)); return node;
-  }
-  function render() {
-    const content = dialog.querySelector('[data-share-content]'); content.replaceChildren();
-    const details = element('dl');
-    for (const [term, value] of [['Design', status.title], ['Revision', (status.publishedRevision || status.localRevision || '').slice(0, 12)], ['Retention', 'Until revoked or deleted']]) {
-      details.append(element('dt', term), element('dd', value));
-    }
-    content.append(details);
-    if (!status.shared || status.pending) {
-      content.append(element('p', 'Publish an encrypted review that your team can open while your laptop is offline. Share the link and access token separately.'));
-      content.append(action(status.pending ? `Retry ${status.pendingAction || 'sharing'}` : 'Create shared review', status.pendingAction || 'create', 'design-share-primary'));
-      return;
-    }
-    if (status.deleted || status.revoked) {
-      content.append(element('p', status.deleted ? 'This shared review was deleted.' : 'Access to this review was revoked.'));
-      if (!status.deleted) content.append(action('Delete review', 'delete', 'design-share-danger'), action('Export recovery file', 'recovery'));
-      return;
-    }
-    const link = element('input', '', { readonly: '', value: status.url, 'aria-label': 'Design review link' });
-    const row = element('div', '', { class: 'design-share-copy-row' }); row.append(link, action('Copy link', 'copy-link')); content.append(row);
-    const tokenRow = element('div', '', { class: 'design-share-copy-row' });
-    tokenRow.append(element('span', 'Recipients enter the access token to open the design.'), action('Copy access token', 'copy-token')); content.append(tokenRow);
-    const actions = element('div', '', { class: 'design-share-actions' });
-    if (status.hasUpdate) actions.append(action('Publish update', 'publish', 'design-share-primary'));
-    actions.append(action('Sync reviews', 'sync'), action(status.commentsPaused ? 'Resume comments' : 'Pause comments', status.commentsPaused ? 'resume' : 'pause'));
-    content.append(actions);
-    const management = element('details'); management.append(element('summary', 'Manage access'));
-    const managementActions = element('div', '', { class: 'design-share-actions' });
-    managementActions.append(action('Rotate access token', 'rotate'), action('Export recovery file', 'recovery'), action('Revoke access', 'revoke'), action('Delete review', 'delete', 'design-share-danger'));
-    management.append(managementActions); content.append(management);
-  }
-  async function copy(value, message) {
-    try { await navigator.clipboard.writeText(value); announce(message); }
-    catch {
-      // Clipboard permissions can fail; expose only the requested reviewer credential.
-      const field = element('input', '', { readonly: '', value, 'aria-label': 'Copy this value' });
-      dialog.querySelector('[data-share-content]').append(field); field.focus(); field.select(); announce('Select and copy the value above.');
-    }
-  }
-  async function run(name) {
-    if (busy) return;
-    if (['rotate', 'revoke', 'delete'].includes(name)) {
-      const messages = { rotate: 'Replace the access token? Everyone must enter the new token.', revoke: 'Revoke access for everyone using this shared review?', delete: 'Delete the hosted design and feedback? Your local design remains available.' };
-      if (!window.confirm(messages[name])) return;
-    }
-    busy = true; dialog.setAttribute('aria-busy', 'true');
-    dialog.querySelectorAll('button').forEach((node) => { node.disabled = true; }); announce('Working…');
-    try {
-      if (name === 'refresh') { status = await request(); render(); announce(''); }
-      else if (name === 'copy-link') await copy(status.url, 'Review link copied.');
-      else if (name === 'copy-token') { const value = await request('access'); await copy(value.token, 'Access token copied. Send it separately from the link.'); }
-      else {
-        const result = await request(name);
-        if (name === 'recovery') announce(`Recovery file saved privately: ${result.output}`);
-        else { status = await request(); render(); announce(name === 'rotate' ? 'Token rotated. Copy the new access token for your team.' : name === 'sync' ? (result.issues?.length ? `Feedback synchronized; ${result.issues.length} invalid events need attention. Open feedback diagnostics.` : 'Team reviews synchronized.') : 'Changes saved.'); }
-      }
-    } catch (error) { announce(error.message, true); }
-    finally { busy = false; dialog?.removeAttribute('aria-busy'); dialog?.querySelectorAll('button').forEach((node) => { node.disabled = false; }); }
-  }
-  async function open() {
-    if (dialog) return;
-    opener = document.activeElement;
-    dialog = element('dialog', '', { class: 'design-share-dialog', 'aria-labelledby': 'design-share-title' });
-    const head = element('header'); head.append(element('h2', 'Share design', { id: 'design-share-title' }));
-    const dismiss = element('button', '×', { type: 'button', 'aria-label': 'Close sharing' }); dismiss.addEventListener('click', close); head.append(dismiss);
-    dialog.append(head, element('div', '', { 'data-share-content': '' }), element('p', 'Loading sharing settings…', { 'data-share-message': '', role: 'status', 'aria-live': 'polite' }));
-    dialog.addEventListener('cancel', (event) => { event.preventDefault(); close(); });
-    dialog.addEventListener('click', (event) => { if (event.target === dialog) { const r = dialog.getBoundingClientRect(); if (event.clientX < r.left || event.clientX > r.right || event.clientY < r.top || event.clientY > r.bottom) close(); } });
-    document.body.append(dialog); dialog.showModal();
-    try { status = await request(); if (dialog) { render(); announce(''); } }
-    catch (error) { announce(error.message, true); if (dialog) dialog.querySelector('[data-share-content]').append(action('Retry', 'refresh')); }
-  }
-  // Intercept before the shared generic dialog. This design adapter owns its flow.
-  document.addEventListener('click', (event) => {
-    if (!event.target.closest?.('[data-planr-action="share"]')) return;
-    event.preventDefault(); event.stopImmediatePropagation(); open();
-  }, true);
-  // Periodic pull imports only published feedback, never publishes local changes.
-  let syncing = false;
-  const sync = async () => {
-    if (syncing || document.hidden) return;
-    syncing = true;
-    try {
-      const result = await request('sync');
-      if (result.imported > 0 || result.issues?.length) {
-        let notice = document.querySelector('[data-design-team-update]');
-        if (!notice) { notice = element('button', '', { type: 'button', 'data-design-team-update': '', class: 'planr-toolbar-action' }); button.before(notice); }
-        notice.textContent = result.issues?.length ? 'Feedback needs attention' : 'New team review';
-        notice.onclick = () => {
-          if (result.issues?.length) { open(); setTimeout(() => announce(`${result.issues.length} feedback events could not be accepted. Run the feedback utility to inspect the saved diagnostics.`, true), 300); }
-          else if (window.confirm('Reload to show team feedback? Finish any unsaved comment before reloading.')) location.reload();
-        };
-      }
-    } catch (error) {
-      button.title = error.message;
-    } finally { syncing = false; }
-  };
-  const timer = setInterval(sync, 15000);
-  addEventListener('pagehide', () => clearInterval(timer), { once: true });
-})();