gazesight 0.3.5

package/dist/firefox/permission.css

@@ -0,0 +1,13 @@
+:root { font-family: system-ui, sans-serif; color: #180a69; background: #f4f5ff; }
+body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
+main { width: min(520px, calc(100vw - 48px)); box-sizing: border-box; padding: 38px; border: 1px solid #6848ca; border-radius: 20px; background: #fff; box-shadow: 0 14px 42px #2d15782e; }
+img { width: 54px; height: 54px; object-fit: contain; }
+.eyebrow { margin: 12px 0 4px; color: #645b93; text-transform: uppercase; letter-spacing: 1.2px; font-size: 12px; }
+h1 { margin: 0 0 18px; font-size: 28px; }
+p { line-height: 1.55; color: #4e4778; }
+#status { min-height: 24px; color: #241084; font-weight: 600; }
+.actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
+button { padding: 11px 16px; border: 1px solid #c8c6ee; border-radius: 8px; background: #fff; color: #241084; cursor: pointer; font: inherit; }
+button:disabled { opacity: .55; cursor: default; }
+button:focus-visible { outline: 3px solid #7653d6; outline-offset: 3px; }
+.primary { border-color: #4d25b9; background: linear-gradient(110deg, #4d25b9, #4930b3); color: #fff; }

package/dist/firefox/permission.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>GazeSight permission</title><link rel="stylesheet" href="permission.css" /></head>
+<body><main><img src="logo_sans_background.png" alt="" /><p class="eyebrow">GazeSight permission</p><h1 id="title">Allow screenshot download?</h1>
+<div id="download-copy"><p>Firefox needs the Downloads permission to save this FAST screenshot into your configured Downloads folder.</p><p>GazeSight cannot choose an arbitrary filesystem path.</p></div>
+<div id="background-copy" hidden>
+  <p>Firefox requires the optional “Access your data for all websites” permission for its background-tab screenshot API. This Firefox permission is broad; it is not technically limited to one tab.</p>
+  <p>GazeSight keeps Background Capture off by default and internally restricts every operation to the development tab and origin you explicitly selected. A different origin requires you to select the tab again.</p>
+  <p>Without this optional permission, foreground capture remains available. Disable Background Capture at any time to revoke it. GazeSight sends page content only to your local MCP connection, never to a GazeSight cloud service.</p>
+</div>
+<div id="continuous-copy" hidden>
+  <p>Firefox requires the same optional “Access your data for all websites” permission so GazeSight can stay connected to your selected tab across reloads, same-origin navigation and responsive previews, without asking you to click the icon again each time.</p>
+  <p>GazeSight still only acts on the one tab and origin you explicitly selected, plus GazeSight-created preview windows derived from it. Navigating to a different origin always requires selecting the tab again.</p>
+  <p>Disable Continuous Access at any time to revoke it. GazeSight sends page content only to your local MCP connection, never to a GazeSight cloud service.</p>
+</div>
+<p id="status" role="status" aria-live="polite"></p><div class="actions"><button id="cancel">Cancel</button><button id="allow" class="primary">Allow and continue</button></div></main><script type="module" src="permission.js"></script></body></html>

package/dist/firefox/permission.js

@@ -0,0 +1 @@
+var c=new URLSearchParams(location.search),a=c.get("action"),e=a==="background"||a==="continuous"?a:"download",s=document.getElementById("allow"),i=document.getElementById("cancel"),n=document.getElementById("status");e==="background"&&(document.getElementById("title").textContent="Enable background capture?",document.getElementById("download-copy").hidden=!0,document.getElementById("background-copy").hidden=!1);e==="continuous"&&(document.getElementById("title").textContent="Enable continuous access?",document.getElementById("download-copy").hidden=!0,document.getElementById("continuous-copy").hidden=!1);i.addEventListener("click",()=>window.close());s.addEventListener("click",async()=>{s.disabled=!0,i.disabled=!0,n.textContent="Waiting for Firefox permission\u2026";try{if(!await browser.permissions.request(e==="background"||e==="continuous"?{origins:["<all_urls>"]}:{permissions:["downloads"]})){e==="background"&&await browser.runtime.sendMessage({type:"gazesight-ui",action:"background-denied"}),e==="continuous"&&await browser.runtime.sendMessage({type:"gazesight-ui",action:"continuous-denied"}),n.textContent="Permission was not granted.";return}let d=e==="background"?"background-enable":e==="continuous"?"continuous-enable":"fast",o=await browser.runtime.sendMessage({type:"gazesight-ui",action:d});if(!o?.ok)throw new Error(o?.error??"Operation failed.");n.textContent=e==="background"?"Background capture enabled.":e==="continuous"?"Continuous access enabled.":`\u2713 Saved to Downloads/${o.value.filename}`,setTimeout(()=>window.close(),1100);return}catch(t){n.textContent=t instanceof Error?t.message:"Operation failed."}finally{s.disabled=!1,i.disabled=!1}});

package/dist/firefox/popup.css

@@ -0,0 +1,446 @@
+:root {
+  font-family: "Segoe UI", Arial, sans-serif;
+  color: #160653;
+  background: transparent;
+  color-scheme: light;
+  --muted: #625a94;
+  --line: #dddfff;
+  --card-radius: 20px;
+}
+* {
+  box-sizing: border-box;
+}
+body {
+  width: 420px;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+}
+.dashboard {
+  border: 1px solid #6848ca;
+  border-radius: var(--card-radius);
+  background: #fff;
+  box-shadow: 0 10px 28px rgba(45, 21, 120, 0.22);
+  overflow: hidden;
+}
+header {
+  height: 81px;
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  padding: 0 24px 10px;
+  color: #fff;
+  background: linear-gradient(120deg, #4723b0, #38188d);
+  box-shadow: inset 0 1px 1px #9f7de9;
+}
+.sight {
+  flex: none;
+  width: 38px;
+  height: 38px;
+  object-fit: contain;
+  transform: scale(1.18);
+}
+h1 {
+  font-size: 25px;
+  line-height: 1;
+  font-weight: 750;
+  letter-spacing: -0.9px;
+  margin: 0;
+}
+.connection-pill {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+  padding: 6px 9px;
+  border: 1px solid #a480ef40;
+  border-radius: 20px;
+  font-size: 12px;
+  white-space: nowrap;
+  background: #7351d01a;
+}
+.connection-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #e52d3d;
+  flex: none;
+}
+body[data-connected="true"] .connection-dot {
+  background: #00c718;
+}
+.paper {
+  position: relative;
+  margin-top: -13px;
+  border-radius: var(--card-radius);
+  background: linear-gradient(115deg, #fff, #fcfcff);
+}
+main {
+  padding: 13px 14px 0;
+}
+.status {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin: 0 0 10px;
+}
+.status-card {
+  min-width: 0;
+  min-height: 59px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  border: 1px solid #e3e5ff;
+  border-radius: 8px;
+  background: #f5f6ffb3;
+}
+.status-card > div {
+  display: grid;
+  gap: 4px;
+}
+dt,
+.caption {
+  color: var(--muted);
+  font-size: 9px;
+  font-weight: 600;
+  letter-spacing: 0.8px;
+  text-transform: uppercase;
+}
+dd {
+  margin: 0;
+}
+.status dd {
+  font-size: 15px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+.background-capture {
+  margin-bottom: 10px;
+  padding: 10px 12px;
+  border: 1px solid #e3e5ff;
+  border-radius: 8px;
+  background: #f5f6ffb3;
+}
+.background-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.background-heading > div {
+  display: grid;
+  gap: 4px;
+}
+.background-heading strong {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 14px;
+}
+#background-dot {
+  width: 9px;
+  height: 9px;
+  border: 2px solid #665e94;
+  border-radius: 50%;
+}
+body[data-background="enabled"] #background-dot {
+  border-color: #00c718;
+  background: #00c718;
+}
+#continuous-dot {
+  width: 9px;
+  height: 9px;
+  border: 2px solid #665e94;
+  border-radius: 50%;
+}
+body[data-continuous="enabled"] #continuous-dot {
+  border-color: #00c718;
+  background: #00c718;
+}
+#continuous-toggle {
+  min-width: 64px;
+  padding: 6px 10px;
+  color: #4723b0;
+  font-size: 11px;
+  font-weight: 700;
+}
+#continuous-description {
+  margin: 7px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.45;
+}
+#background-toggle {
+  min-width: 64px;
+  padding: 6px 10px;
+  color: #4723b0;
+  font-size: 11px;
+  font-weight: 700;
+}
+#background-description {
+  margin: 7px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.45;
+}
+dialog {
+  width: 360px;
+  padding: 0;
+  border: 1px solid #6848ca;
+  border-radius: 14px;
+  color: #160653;
+  box-shadow: 0 14px 40px #210c6250;
+}
+dialog::backdrop {
+  background: rgba(20, 6, 83, 0.42);
+}
+dialog form {
+  padding: 18px;
+}
+dialog h2 {
+  margin: 0 0 10px;
+}
+dialog p {
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.consent-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 14px;
+}
+.consent-actions button {
+  padding: 8px 10px;
+}
+#background-confirm {
+  background: #4723b0;
+  border-color: #4723b0;
+  color: white;
+}
+.icon {
+  width: 20px;
+  height: 20px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.9;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  flex: none;
+}
+.filled {
+  fill: currentColor;
+  stroke: none;
+}
+.icon-disc {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  flex: none;
+  background: #ebedff;
+}
+.frame {
+  padding: 12px 12px 3px;
+  border: 1px solid #d7d9ff;
+  border-radius: 8px;
+  background: #f7f8ffb3;
+}
+.frame .caption {
+  display: block;
+  line-height: 12px;
+}
+.url-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 30px;
+  margin-top: 2px;
+}
+#url {
+  flex: 1;
+  min-width: 0;
+  margin: 2px 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+#copy-url {
+  width: 28px;
+  height: 28px;
+  padding: 5px;
+  border-radius: 6px;
+}
+#copy-url .icon {
+  width: 16px;
+  height: 16px;
+}
+#viewport {
+  margin: 2px 0 0;
+  padding-top: 6px;
+  border-top: 1px solid #e0e2fc;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--muted);
+}
+button {
+  font: inherit;
+  cursor: pointer;
+  border: 1px solid #d6d8ff;
+  border-radius: 6px;
+  color: inherit;
+  background: #fff;
+}
+button:hover {
+  background: #f0edff;
+  border-color: #ab9adc;
+}
+button:focus-visible {
+  outline: 2px solid #7653d6;
+  outline-offset: 2px;
+}
+button:disabled {
+  cursor: default;
+  opacity: 0.55;
+}
+.primary {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  width: 100%;
+  height: 45px;
+  margin-top: 10px;
+  border-color: #6943cb;
+  background: linear-gradient(110deg, #4d25b9, #4930b3);
+  box-shadow:
+    inset 0 1px 1px #9677e0,
+    0 4px 9px #4923af15;
+  color: #fff;
+  font-weight: 700;
+  font-size: 17px;
+}
+.primary .icon {
+  width: 24px;
+  height: 24px;
+  stroke-width: 2.5;
+}
+.primary:hover {
+  background: linear-gradient(110deg, #542ac6, #5135c3);
+}
+.hint {
+  margin: 9px 0 10px;
+  color: var(--muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+.capture {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 9px;
+}
+.capture button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 58px;
+  padding: 9px;
+  text-align: left;
+}
+.capture .icon-disc {
+  width: 37px;
+  height: 37px;
+}
+.capture .icon {
+  width: 23px;
+  height: 23px;
+}
+.capture strong {
+  font-size: 13px;
+  letter-spacing: 0.3px;
+}
+.capture small {
+  display: block;
+  margin-top: 3px;
+  color: var(--muted);
+  font-size: 11px;
+  white-space: nowrap;
+}
+.history {
+  margin: 11px 0 0;
+  padding: 4px 0 6px;
+  border-top: 1px solid #e1e3fc;
+  border-bottom: 1px solid #e1e3fc;
+}
+.history > div {
+  display: grid;
+  grid-template-columns: 29px 88px minmax(0, 1fr);
+  gap: 10px;
+  align-items: center;
+  min-height: 28px;
+}
+.history .icon-disc {
+  width: 28px;
+  height: 28px;
+}
+.history .icon {
+  width: 15px;
+  height: 15px;
+}
+.history dd {
+  font-size: 12px;
+  overflow-wrap: anywhere;
+  line-height: 1.5;
+}
+#feedback {
+  font-size: 11px;
+  color: var(--muted);
+  margin: 8px 0 0;
+}
+#feedback:empty {
+  display: none;
+}
+footer {
+  display: grid;
+  grid-template-columns: 1.05fr 0.9fr 1.05fr;
+  gap: 8px;
+  padding: 11px 14px 15px;
+}
+footer button {
+  min-height: 33px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  padding: 6px;
+  font-size: 11px;
+  white-space: nowrap;
+}
+footer .icon {
+  width: 16px;
+  height: 16px;
+}
+h2 {
+  font-size: 14px;
+}
+pre {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font:
+    11px/1.5 Consolas,
+    monospace;
+  max-height: 180px;
+  overflow: auto;
+}
+@media (prefers-reduced-motion: no-preference) {
+  button {
+    transition:
+      background 0.12s,
+      border-color 0.12s;
+  }
+}

package/dist/firefox/popup.html

@@ -0,0 +1,191 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>GazeSight</title>
+    <link rel="stylesheet" href="popup.css?v=9" />
+  </head>
+  <body>
+    <div class="dashboard">
+      <header>
+        <img class="sight" src="logo_sans_background.png" alt="" />
+        <h1>GazeSight</h1>
+        <span class="connection-pill"
+          ><span class="connection-dot" aria-hidden="true"></span
+          ><span id="connection">Disconnected</span></span
+        >
+      </header>
+      <div class="paper">
+        <main>
+          <dl class="status">
+            <div class="status-card">
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M10 13a5 5 0 0 0 7.54 .54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71 M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+                  /></svg
+              ></span>
+              <div>
+                <dt>MCP</dt>
+                <dd id="pairing">Not paired</dd>
+              </div>
+            </div>
+            <div class="status-card">
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M12 2c3 2 6 3 9 3v7c0 5-5 8-9 10-4-2-9-5-9-10V5c3 0 6-1 9-3Z"
+                  /></svg
+              ></span>
+              <div>
+                <dt>Target</dt>
+                <dd id="target">None</dd>
+              </div>
+            </div>
+          </dl>
+          <section
+            class="background-capture"
+            aria-labelledby="background-title"
+          >
+            <div class="background-heading">
+              <div>
+                <span class="caption" id="background-title"
+                  >Background capture</span
+                >
+                <strong
+                  ><span id="background-dot" aria-hidden="true"></span
+                  ><span id="background-state">Off</span></strong
+                >
+              </div>
+              <button id="background-toggle" aria-pressed="false">Enable</button>
+            </div>
+            <p id="background-description">
+              Allow GazeSight to keep capturing the selected development tab
+              while you work in another tab or application.
+            </p>
+          </section>
+          <section
+            class="background-capture"
+            aria-labelledby="continuous-title"
+          >
+            <div class="background-heading">
+              <div>
+                <span class="caption" id="continuous-title"
+                  >Continuous access</span
+                >
+                <strong
+                  ><span id="continuous-dot" aria-hidden="true"></span
+                  ><span id="continuous-state">Off</span></strong
+                >
+              </div>
+              <button id="continuous-toggle" aria-pressed="false">Enable</button>
+            </div>
+            <p id="continuous-description">
+              Keep GazeSight connected to this development tab across
+              reloads, navigation and responsive previews, so you don't have
+              to reauthorize it every time.
+            </p>
+          </section>
+          <section class="frame" aria-label="Selected target">
+            <span class="caption">Current URL</span>
+            <div class="url-row">
+              <p id="url">No target selected</p>
+              <button
+                id="copy-url"
+                aria-label="Copy current URL"
+                title="Copy current URL"
+              >
+                <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <rect x="8" y="7" width="12" height="15" rx="1.5" />
+                  <path d="M15 3H5a1 1 0 0 0-1 1v13h2" />
+                </svg>
+              </button>
+            </div>
+            <p id="viewport">Viewport unavailable</p>
+          </section>
+          <button id="select" class="primary">
+            <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12Z" />
+              <circle class="filled" cx="12" cy="12" r="3" /></svg
+            ><span id="select-label">Use this tab</span>
+          </button>
+          <p class="hint">
+            Select the page you want your agent to see.
+            <span id="shortcut">Ctrl+Shift+Y</span> also selects or reauthorizes
+            a tab.
+          </p>
+          <div class="capture">
+            <button id="fast">
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    class="filled"
+                    d="m14 1-12 14h8l-1 8L22 9h-8Z"
+                  /></svg></span
+              ><span
+                ><strong>FAST</strong><small>Immediate capture</small></span
+              ></button
+            ><button id="stable">
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <circle cx="12" cy="12" r="8" />
+                  <circle class="filled" cx="12" cy="12" r="2.5" />
+                  <path d="M12 1v3m0 16v3M1 12h3m16 0h3" /></svg></span
+              ><span
+                ><strong>STABLE</strong
+                ><small>Wait for visual quiet</small></span
+              >
+            </button>
+          </div>
+          <dl class="history">
+            <div>
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <circle cx="12" cy="12" r="9" />
+                  <path d="M12 6v6l4 2" /></svg
+              ></span>
+              <dt>Last capture</dt>
+              <dd id="last-capture">None yet</dd>
+            </div>
+            <div>
+              <span class="icon-disc"
+                ><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+                  <path d="m12 3 10 18H2Z M12 9v5m0 3v.1" /></svg
+              ></span>
+              <dt>Last error</dt>
+              <dd id="last-error">None</dd>
+            </div>
+          </dl>
+          <p id="feedback" role="status" aria-live="polite"></p>
+          <section id="diagnostics-panel" hidden>
+            <h2>Diagnostics</h2>
+            <pre id="diagnostics-output"></pre>
+          </section>
+        </main>
+        <footer>
+          <button id="disconnect">
+            <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+              <path
+                d="M10 13a5 5 0 0 0 7.54 .54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71 M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+              /></svg
+            ><span>Disconnect target</span></button
+          ><button id="settings">
+            <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+              <path
+                d="m9 3 1-2h4l1 2 1 2 3-1 2 3-2 3v4l2 3-2 3-3-1-1 2-1 2h-4l-1-2-1-2-3 1-2-3 2-3v-4L3 7l2-3 3 1Z"
+              />
+              <circle cx="12" cy="12" r="3" /></svg
+            ><span>Open settings</span></button
+          ><button id="diagnostics">
+            <svg class="icon" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M6 2h9l4 4v16H6Z M14 2v5h5M10 11h5m-5 4h5m-5 4h5" /></svg
+            ><span>Open diagnostics</span>
+          </button>
+        </footer>
+      </div>
+    </div>
+    <script type="module" src="popup.js"></script>
+  </body>
+</html>
+

package/dist/firefox/popup.js

@@ -0,0 +1 @@
+function n(e,t){document.getElementById(e).textContent=t}var a=!1,s;function d(e,t=!1){clearTimeout(s),n("feedback",e),t&&(s=setTimeout(()=>n("feedback",""),3500))}async function o(e){let t=await browser.runtime.sendMessage({type:"gazesight-ui",action:e});if(!t?.ok)throw new Error(t?.error??"GazeSight unavailable. Open settings to check pairing.");return t.value}async function i(){let e=await o("status");document.body.dataset.connected=String(e.connected),n("connection",e.connected?"Connected":"Disconnected"),document.body.dataset.background=e.backgroundCapture.enabled?"enabled":"disabled",n("background-state",e.backgroundCapture.enabled?"On":"Off"),n("background-toggle",e.backgroundCapture.enabled?"Disable":"Enable"),document.getElementById("background-toggle").setAttribute("aria-pressed",String(e.backgroundCapture.enabled)),n("background-description",e.backgroundCapture.enabled?"GazeSight can capture this target while you work elsewhere.":e.backgroundCapture.permissionGranted?"Background mode is off. Firefox still reports the optional permission; remove it in Add-ons Manager if needed.":e.backgroundMode==="permission_denied"?"Permission was not granted. Standard foreground capture remains available.":"Allow GazeSight to keep capturing the selected development tab while you work in another tab or application."),document.body.dataset.continuous=e.continuousAuthorization.enabled?"enabled":"disabled",n("continuous-state",e.continuousAuthorization.enabled?"On":"Off"),n("continuous-toggle",e.continuousAuthorization.enabled?"Disable":"Enable"),document.getElementById("continuous-toggle").setAttribute("aria-pressed",String(e.continuousAuthorization.enabled)),n("continuous-description",e.continuousAuthorization.enabled?e.continuousAuthorization.authorizedOrigin?`Staying connected to ${e.continuousAuthorization.authorizedOrigin} across reloads, navigation and previews.`:"Keeps GazeSight connected across reloads, navigation and previews once you select a tab.":"Keep GazeSight connected to this development tab across reloads, navigation and responsive previews, so you don't have to reauthorize it every time."),n("pairing",e.paired?"Paired":"Not paired"),n("target",e.targetState==="authorized"?"Authorized":e.targetState==="none"?"None":"Reauthorize"),n("url",e.url??"No target selected"),n("viewport",e.viewport?`${e.viewport.width} \xD7 ${e.viewport.height} CSS \xB7 DPR ${e.viewport.devicePixelRatio}`:"Viewport unavailable"),n("select-label",e.targetState==="reauthorization_required"?"Reauthorize this tab":"Use this tab"),n("last-capture",e.lastCapture?`${e.lastCapture.mode} \xB7 ${e.lastCapture.width} \xD7 ${e.lastCapture.height} \xB7 ${new Date(e.lastCapture.time).toLocaleTimeString()}`:"None yet"),n("last-error",e.lastError?`${e.lastError.code}: ${e.lastError.message}`:"None");for(let t of["fast","stable"])document.getElementById(t).disabled=a||!e.connected||e.targetState!=="authorized";document.getElementById("disconnect").disabled=a||e.targetState==="none"}for(let e of["select","disconnect","fast","stable","diagnostics"])document.getElementById(e).addEventListener("click",async()=>{if(!a){a=!0,document.querySelectorAll("button").forEach(t=>t.disabled=!0),n("feedback",e==="fast"||e==="stable"?"Capturing\u2026":"Working\u2026");try{if(e==="fast"&&!await browser.permissions.contains({permissions:["downloads"]})){await browser.windows.create({url:browser.runtime.getURL("permission.html?action=download"),type:"popup",focused:!0,width:600,height:700}),window.close();return}let t=await o(e);e==="diagnostics"&&(document.getElementById("diagnostics-panel").hidden=!1,n("diagnostics-output",JSON.stringify(t,null,2))),d(e==="disconnect"?"Target disconnected.":e==="select"?"Target selected.":e==="diagnostics"?"Diagnostics updated.":e==="fast"?`\u2713 Saved to Downloads/${t.filename}`:"Capture completed.",e==="fast")}catch(t){d(t instanceof Error?t.message:"Operation failed.")}finally{a=!1,document.querySelectorAll("button").forEach(t=>t.disabled=!1),await i().catch(t=>n("feedback",String(t)))}}});document.getElementById("copy-url").addEventListener("click",async()=>{let e=document.getElementById("url").textContent;if(!(!e||e==="No target selected"))try{await navigator.clipboard.writeText(e),n("feedback","URL copied.")}catch{n("feedback","Unable to copy URL. Select and copy it manually.")}});document.getElementById("background-toggle").addEventListener("click",async()=>{if((await o("status")).backgroundCapture.enabled){await o("background-disable"),await i();return}await browser.windows.create({url:browser.runtime.getURL("permission.html?action=background"),type:"popup",focused:!0,width:600,height:700}),window.close()});document.getElementById("continuous-toggle").addEventListener("click",async()=>{let e=await o("status");if(e.continuousAuthorization.enabled){await o("continuous-disable"),await i();return}if(e.continuousAuthorization.permissionGranted){await o("continuous-enable"),await i();return}await browser.windows.create({url:browser.runtime.getURL("permission.html?action=continuous"),type:"popup",focused:!0,width:600,height:700}),window.close()});browser.commands.getAll().then(e=>{let t=e.find(r=>r.name==="gazesight-select-target")?.shortcut;t&&n("shortcut",t)}).catch(()=>{});document.getElementById("settings").addEventListener("click",()=>void browser.runtime.openOptionsPage());i().catch(e=>n("feedback",String(e)));var u=setInterval(()=>{a||i().catch(e=>n("feedback",String(e)))},2e3);window.addEventListener("pagehide",()=>clearInterval(u),{once:!0});