getobsrv 0.13.0 → 0.14.1

package/out/main/cli.js

@@ -3,7 +3,7 @@ const electron = require("electron");
 const node_fs = require("node:fs");
 const node_os = require("node:os");
 const node_path = require("node:path");
-const targetSource = require("./targetSource-DuRYHUo8.js");
+const targetSource = require("./targetSource-BNB1X7ds.js");
 function boxDownsample(src, factor) {
   if (!Number.isInteger(factor) || factor < 1) throw new RangeError("factor must be an integer >= 1");
   const width = Math.floor(src.width / factor);
@@ -256,7 +256,7 @@ ${usage()}`);
   return { command, url, spec, profileId, outDir, waitMs, timeoutMs };
 }
 const sleep$1 = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const DEFAULT_SETTLE_MS = 400;
+const DEFAULT_SETTLE_MS = targetSource.SETTLE_QUIET_MS;
 function uncoveredBounds(mask, width, height) {
   const rowHasGap = (y) => {
     const row = y * width;

package/out/main/index.js

@@ -4,7 +4,7 @@ const node_fs = require("node:fs");
 const promises = require("node:fs/promises");
 const node_path = require("node:path");
 const node_crypto = require("node:crypto");
-const targetSource = require("./targetSource-DuRYHUo8.js");
+const targetSource = require("./targetSource-BNB1X7ds.js");
 const node_http = require("node:http");
 const node_url = require("node:url");
 const MAX_SCROLL_SELECTOR = 512;
@@ -824,7 +824,7 @@ function registerIpc(ctx) {
     }
   });
   let panesShowNative = true;
-  tabs.nativeVisible = (s) => s.modeIsLive && panesShowNative;
+  tabs.nativeVisible = (s) => s.modeIsLive && panesShowNative && !targetSource.isBlankUrl(s.url);
   tabs.busEnabled = (s) => s.modeIsLive;
   const applyNativeVisibility = () => {
     const s = tab();
@@ -999,6 +999,7 @@ function registerIpc(ctx) {
   const SETTLE_STABLE_READS = 2;
   const SETTLE_BUDGET_MS = 4e3;
   const SETTLE_DRAW_MS = 120;
+  const SETTLE_QUIET_BUDGET_MS = 3e3;
   const nextFrame = (t, budgetMs) => new Promise((resolve) => {
     if (!t.painting) {
       resolve(false);
@@ -1016,6 +1017,26 @@ function registerIpc(ctx) {
     t.on("frame", onFrame);
     t.invalidate();
   });
+  const quiesce = (t, budgetMs) => new Promise((resolve) => {
+    if (!t.painting) {
+      resolve(false);
+      return;
+    }
+    let quiet;
+    const done = (ok) => {
+      clearTimeout(quiet);
+      clearTimeout(cap);
+      t.off("frame", onFrame);
+      resolve(ok);
+    };
+    const onFrame = () => {
+      clearTimeout(quiet);
+      quiet = setTimeout(() => done(true), targetSource.SETTLE_QUIET_MS);
+    };
+    const cap = setTimeout(() => done(false), budgetMs);
+    t.on("frame", onFrame);
+    quiet = setTimeout(() => done(true), targetSource.SETTLE_QUIET_MS);
+  });
   const settleTarget = async (t = tab().target) => {
     const deadline = Date.now() + SETTLE_BUDGET_MS;
     let last = "";
@@ -1028,10 +1049,11 @@ function registerIpc(ctx) {
       if (stable >= SETTLE_STABLE_READS) break;
       await new Promise((r) => setTimeout(r, SETTLE_POLL_MS));
     }
-    if (stable < SETTLE_STABLE_READS) return false;
+    if (stable < SETTLE_STABLE_READS) return "resizing";
     const painted = await nextFrame(t, Math.max(0, deadline - Date.now()));
+    const quiet = painted && await quiesce(t, SETTLE_QUIET_BUDGET_MS);
     await new Promise((r) => setTimeout(r, SETTLE_DRAW_MS));
-    return painted;
+    return quiet ? "settled" : "painting";
   };
   const roundRect = (r) => ({
     x: Math.round(r.x),
@@ -1152,7 +1174,10 @@ function registerIpc(ctx) {
       console.warn("obsrv: could not save tabs", e);
     }
   };
-  tabs.onTabUrlChanged = persistTabs;
+  tabs.onTabUrlChanged = () => {
+    persistTabs();
+    applyNativeVisibility();
+  };
   const restoreTabs = async () => {
     const stored = loadTabs(tabsFile, settings.maxTabs);
     if (stored.tabs.length === 0) return;
@@ -1257,7 +1282,8 @@ function registerIpc(ctx) {
       const warnings = [];
       if (!known) warnings.push("the renderer has not reported the pane bounds yet; captured the full window instead");
       else if (canvasBounds === null) warnings.push("the renderer has not reported the render bounds yet; captured the whole pane instead");
-      if (!settled) warnings.push("the target was still resizing when the capture budget ran out; the PNG may show a transitional frame");
+      if (settled === "resizing") warnings.push("the target was still resizing when the capture budget ran out; the PNG may show a transitional frame");
+      else if (settled === "painting") warnings.push("the page was still painting when the capture budget ran out; the PNG may show a transitional frame — an animation, or a load that had not finished");
       return {
         data: image.toPNG().toString("base64"),
         width: size.width,
@@ -1892,7 +1918,12 @@ class TabManager {
    * writes the tab that is named, not the tab that is showing.
    */
   create() {
+    let booted = false;
     const s = new TabSession(this.win, (url) => {
+      if (!booted) {
+        booted = true;
+        if (url === "about:blank") return;
+      }
       s.url = url;
       s.title = "";
       this.toRenderer(IPC.urlChanged, { tabId: s.id, url });

package/out/main/{targetSource-DuRYHUo8.js → targetSource-BNB1X7ds.js}

@@ -88,6 +88,7 @@ function isFullFrame(dirty, frameWidth, frameHeight, deviceScaleFactor) {
 function fitsFrame(dirty, frameWidth, frameHeight) {
   return dirty.x >= 0 && dirty.y >= 0 && dirty.width > 0 && dirty.height > 0 && dirty.x + dirty.width <= frameWidth && dirty.y + dirty.height <= frameHeight;
 }
+const SETTLE_QUIET_MS = 400;
 const SCHEME = /^[a-z][a-z0-9+.-]*:/i;
 const LOOPBACK = /^(localhost|127\.0\.0\.1|\[::1\])(:\d+)?(\/|$)/i;
 function normalizeUrl(input) {
@@ -109,6 +110,9 @@ function urlSchemeError(url) {
   if (/^[a-z0-9.-]+:\d+(\/|$)/i.test(trimmed)) return null;
   return `unsupported URL scheme "${scheme}" — obsrv renders ${ALLOWED_URL_SCHEMES.map((s) => `${s}//`).join(", ")} URLs only (bare hosts like example.com also work; they normalise to http(s)).`;
 }
+function isBlankUrl(url) {
+  return url === "";
+}
 const ERR_ABORTED = -3;
 const DEFAULT_FPS = 30;
 const DEFAULT_VIEWPORT = { width: 1920, height: 1080 };
@@ -424,12 +428,14 @@ exports.MAX_TABS_MAX = MAX_TABS_MAX;
 exports.MAX_TABS_MIN = MAX_TABS_MIN;
 exports.PANEL_PROFILES = PANEL_PROFILES;
 exports.SCREEN_PRESETS = SCREEN_PRESETS;
+exports.SETTLE_QUIET_MS = SETTLE_QUIET_MS;
 exports.SPLIT_MAX = SPLIT_MAX;
 exports.SPLIT_MIN = SPLIT_MIN;
 exports.TargetSource = TargetSource;
 exports.classifyFileNavigation = classifyFileNavigation;
 exports.findPreset = findPreset;
 exports.findProfile = findProfile;
+exports.isBlankUrl = isBlankUrl;
 exports.isOrientation = isOrientation;
 exports.maxCssViewport = maxCssViewport;
 exports.normalizeUrl = normalizeUrl;

package/out/renderer/assets/{index-BRkFfzcI.css → index-BpvyvKfD.css}

@@ -190,7 +190,14 @@ html, body, #root { margin: 0; height: 100%; background: var(--chrome-0); color:
    starts at the window's left edge (the row's only border is at the bottom),
    which is the frame `--native-right` is expressed in. */
 .chrome-browse { position: relative; }
-.chrome-screen { height: 38px; background: var(--chrome-0); }
+/* The screen controls sit centred: they describe the render, and the render is
+   what the two panes flank, so the middle is the shortest reach from either
+   side. The AGENT chip is taken out of flow rather than balanced against a
+   spacer — otherwise the group would shift sideways the moment agent control
+   was switched on, and a control that moves when an unrelated setting changes
+   is worse than one slightly off-centre. */
+.chrome-screen { height: 38px; background: var(--chrome-0); justify-content: center; position: relative; }
+.chrome-screen .agent-activity { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
 .chrome-spacer { flex: 1 1 auto; }
 
 /* The tab strip. Ground is the darkest chrome step so an inactive tab (one
@@ -239,18 +246,19 @@ html, body, #root { margin: 0; height: 100%; background: var(--chrome-0); color:
 .tab > .tab-label[aria-selected='true'] { color: var(--text-0); font-weight: 600; }
 
 /* The driven tab, while agent control is on. The 2px inset rule `.menu-row`
-   and `.surround-control` already use to mark a choice — the same idiom, in
-   the same direction, so it reads as "this one" and not as a new language.
-   It sits on the leading edge rather than surrounding the tab, so it never
-   competes with the selected fill underneath it (the driven tab is always the
-   selected one, and two full outlines on one control would be noise).
-
-   Neutral, and only neutral: --text-1 standing, --text-0 for ~3s after each
-   command, exactly the step the AGENT chip makes. No hue and no glow — a blur
-   here would be the first shadow in the app, and the rule against it is what
-   stops the chrome biasing the render below. */
-.tab.driven { box-shadow: inset 2px 0 0 var(--text-1); }
-.tab.driven.busy { box-shadow: inset 2px 0 0 var(--text-0); }
+   and `.surround-control` already use to mark a choice, on the leading edge so
+   it never competes with the selected fill underneath it.
+
+   It wears the warn hue for as long as an agent holds the tab, selected or
+   not, so a background tab being worked on is visible without switching to it.
+   Hue is tolerable here because the tab strip is the row furthest from the
+   panes — and nowhere nearer them. No blur: a glow beside a render would spill
+   light onto the pixels being measured. */
+.tab.driven { box-shadow: inset 2px 0 0 var(--warn); background: color-mix(in srgb, var(--warn) 14%, var(--chrome-1)); }
+.tab.driven:has(> .tab-label[aria-selected='true']) { background: color-mix(in srgb, var(--warn) 22%, var(--chrome-3)); }
+.tab.driven > .tab-label { color: var(--text-0); }
+/* An arriving command: the rule brightens to the full hue for ~3s. */
+.tab.driven.busy { box-shadow: inset 3px 0 0 var(--warn); }
 
 .tab-close {
   flex: 0 0 auto;
@@ -600,13 +608,32 @@ html, body, #root { margin: 0; height: 100%; background: var(--chrome-0); color:
   inset: 0 -2.5px;
 }
 .pane-divider:hover, .pane-divider:focus-visible { background: var(--text-1); }
+/* Under the pointer the seam lights up its full height rather than growing a
+   handle. Every split-pane tool worth copying does it this way — VS Code,
+   Framer, Retool, Rive all leave the divider a hairline and let the cursor and
+   the widened hit area carry the affordance. Nothing floats over the pane
+   pixels this app exists to show. Painted as an overlay, so no layout moves
+   and the target pane is never re-rendered for a mouse-over. */
+.pane-divider::after {
+  content: '';
+  position: absolute;
+  inset: 0 -1px;
+  background: var(--text-1);
+  opacity: 0;
+}
+.pane-divider:hover::after, .pane-divider:focus-visible::after { opacity: 1; }
 /* The hairline is the affordance; a ring around a 1px element would be a box
    floating on the seam. Same reasoning as `.target-canvas:focus`. */
 .pane-divider:focus-visible { outline: none; }
 /* Square corners, no shadow, no blur: a rounded or blurred pane edge would
    destroy the very corner pixels the user opened this app to inspect. */
 .pane-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
-.native-slot { width: 100%; height: 100%; }
+/* One pixel short of the seam. The native view is an OS-composited layer sized
+   to exactly this rect, so anything the renderer paints inside it is hidden
+   underneath — without the inset, the divider's hover band would appear on the
+   target side only, since that side is the renderer's own canvas. The view
+   still sits exactly over the slot; the slot is simply 1px narrower. */
+.native-slot { width: calc(100% - 1px); height: 100%; }
 /* The backing store is already at device resolution; this only guards against
    a fractional CSS size introducing a resample. */
 .target-canvas { display: block; image-rendering: pixelated; }
@@ -711,18 +738,23 @@ html, body, #root { margin: 0; height: 100%; background: var(--chrome-0); color:
 .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
 
 /* Agent control opens a loopback server, so the chip persists while it is
-   enabled; recent activity is a brighter text weight, not a colour. */
+   enabled. Something else driving the app is exactly the "attention, never
+   decoration" case the palette reserves --warn for: the user must be able to
+   tell at a glance that the window is not only theirs. Standing state is the
+   warn hue outlined; an arriving command fills it. No blur — a glow beside the
+   panes would spill light onto the pixels being measured, which is the one
+   thing this chrome may never do. */
 .agent-activity {
   flex: 0 0 auto;
-  color: var(--text-1);
-  border: 1px solid var(--line);
+  color: var(--warn);
+  border: 1px solid var(--warn);
   border-radius: 4px;
   padding: 2px 7px;
   font-size: 10px;
   letter-spacing: 0.08em;
   white-space: nowrap;
 }
-.agent-activity.active { color: var(--text-0); border-color: var(--text-0); }
+.agent-activity.active { color: var(--chrome-0); background: var(--warn); border-color: var(--warn); }
 
 /* Drawers sit beside the panes, never over them: the native WebContentsView is
    an OS-level overlay and would cover anything painted on top of it. */
@@ -979,3 +1011,66 @@ html, body, #root { margin: 0; height: 100%; background: var(--chrome-0); color:
 }
 /* Nothing to erase: the button says so rather than pretending to act. */
 .clear-history:disabled { color: var(--text-1); cursor: default; }
+
+/* --- empty state ---------------------------------------------------------- */
+/* Shown when a tab has no page. It covers the target canvas rather than
+   replacing it: the canvas keeps its GL context and frame subscription, so the
+   first navigation does not pay for a context restore, and the native slot
+   keeps reporting its bounds. `--surround` is the pane field, so the state sits
+   on the same ground the render will. */
+.empty-state {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+  padding: 24px;
+  background: var(--surround);
+  /* Above `.pane-divider`, which is itself raised to 1: the seam would
+     otherwise draw its hairline straight through the illustration. Covering it
+     must not disarm it, though — the split is still adjustable on a blank tab —
+     so everything here is transparent to the pointer except the form. */
+  z-index: 2;
+  pointer-events: none;
+}
+.empty-form { pointer-events: auto; }
+.panes { position: relative; }
+.empty-state svg { width: 244px; max-width: 100%; height: auto; }
+.empty-lede {
+  margin: 0;
+  color: var(--text-1);
+  text-align: center;
+  max-width: 34ch;
+}
+.empty-form { display: flex; gap: 8px; width: 100%; max-width: 420px; }
+.empty-input {
+  flex: 1 1 auto;
+  min-width: 0;
+  height: 30px;
+  padding: 0 10px;
+  color: var(--text-0);
+  background: var(--field);
+  border: 1px solid var(--line);
+  border-radius: 4px;
+  font: inherit;
+  font-family: var(--mono);
+}
+.empty-input:focus-visible { outline: none; border-color: var(--text-1); }
+.empty-go {
+  height: 30px;
+  padding: 0 14px;
+  color: var(--text-0);
+  background: var(--chrome-2);
+  border: 1px solid var(--line);
+  border-radius: 4px;
+  font: inherit;
+}
+.empty-go:hover:not(:disabled) { background: var(--chrome-3); }
+.empty-go:disabled { color: var(--text-1); opacity: 0.6; }
+.empty-error { margin: 0; color: var(--error); }
+/* The readouts stay legible through the empty state: they still name the screen
+   being simulated, which is the one fact that survives having no page. Stacking
+   rather than insetting the overlay, so nothing depends on the footer's height. */
+.pane-footer { position: relative; z-index: 3; }

package/out/renderer/assets/{index-BHt9Vm0J.js → index-WM0cwf7d.js}

@@ -12558,6 +12558,9 @@ function useShallow(selector) {
     return shallow(prev.current, next) ? prev.current : prev.current = next;
   };
 }
+function isBlankUrl(url) {
+  return url === "";
+}
 function boxDownsample(src, factor) {
   if (!Number.isInteger(factor) || factor < 1) throw new RangeError("factor must be an integer >= 1");
   if (factor === 1) return { width: src.width, height: src.height, data: new Uint8ClampedArray(src.data) };
@@ -13770,6 +13773,93 @@ function SettingsPanel() {
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "Typed into the URL bar as suggestions and nowhere else. Turning this off stops recording and keeps what is stored; Clear erases it." })
   ] });
 }
+function EmptyArt() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 244 192", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M81.0982 148.486C110.284 172.12 153.104 167.619 176.738 138.433C200.372 109.247 195.872 66.4281 166.686 42.7938C137.5 19.1594 94.6804 23.6599 71.0461 52.8459C47.4117 82.0319 51.9122 124.851 81.0982 148.486Z", fill: "var(--chrome-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("mask", { id: "mask0_2395_1391", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "55", y: "27", width: "137", height: "137", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M71.0461 52.8459C59.6964 66.8615 54.3794 84.8117 56.2645 102.748C58.1496 120.684 67.0826 137.136 81.0982 148.486C95.1138 159.835 113.064 165.152 131 163.267C148.936 161.382 165.388 152.449 176.738 138.433C188.088 124.418 193.405 106.468 191.519 88.5318C189.634 70.5958 180.701 54.1434 166.686 42.7938C152.67 31.4442 134.72 26.1271 116.784 28.0122C98.8481 29.8974 82.3957 38.8303 71.0461 52.8459Z", fill: "var(--chrome-2)" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { mask: "url(#mask0_2395_1391)", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M127.812 2.31821L126.258 1.05957L29.9718 119.963L31.5261 121.222L127.812 2.31821Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M135.812 8.31723L134.258 7.05859L37.9718 125.962L39.5261 127.221L135.812 8.31723Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M141.812 14.3172L140.258 13.0586L43.9718 131.962L45.5261 133.221L141.812 14.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M149.812 20.3172L148.258 19.0586L51.9718 137.962L53.5261 139.221L149.812 20.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M156.812 26.3172L155.258 25.0586L58.9718 143.962L60.5261 145.221L156.812 26.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M164.812 32.3172L163.258 31.0586L66.9718 149.962L68.5261 151.221L164.812 32.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M171.812 38.3182L170.258 37.0596L73.9718 155.963L75.5261 157.222L171.812 38.3182Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M178.81 43.3182L177.256 42.0596L80.9698 160.963L82.5241 162.222L178.81 43.3182Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M186.812 50.3182L185.258 49.0596L88.9718 167.963L90.5261 169.222L186.812 50.3182Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M193.812 55.3172L192.258 54.0586L95.9718 172.962L97.5261 174.221L193.812 55.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M200.812 62.3172L199.258 61.0586L102.972 179.962L104.526 181.221L200.812 62.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M207.81 67.3172L206.256 66.0586L109.97 184.962L111.524 186.221L207.81 67.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M215.812 74.3172L214.258 73.0586L117.972 191.962L119.526 193.221L215.812 74.3172Z", fill: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M230.812 86.3172L229.258 85.0586L132.972 203.962L134.526 205.221L230.812 86.3172Z", fill: "var(--chrome-2)" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9.66123 96.7396V96.6596C9.89423 95.1426 8.94523 93.6936 7.46023 93.3026C5.97623 92.9116 4.43623 93.7046 3.89123 95.1396V95.2196C3.79523 95.5916 3.48323 95.8686 3.10223 95.9216C2.72023 95.9746 2.34523 95.7916 2.15123 95.4596C2.02223 95.2426 1.98623 94.9826 2.05123 94.7396C2.19523 94.1866 1.86423 93.6226 1.31123 93.4796C0.759233 93.3356 0.195233 93.6666 0.0512334 94.2196C-0.227767 95.7146 0.657233 97.1826 2.10923 97.6346C3.56223 98.0866 5.12323 97.3796 5.74123 95.9896C5.76623 95.9346 5.78623 95.8776 5.80123 95.8196C5.96923 95.3586 6.46023 95.1006 6.93523 95.2256C7.41023 95.3496 7.71223 95.8156 7.63123 96.2996C7.63123 96.2996 7.63123 96.3496 7.63123 96.3796C7.39323 97.6546 8.00123 98.9376 9.13923 99.5606C10.2762 100.184 11.6852 100.006 12.6312 99.1196C12.9552 98.7986 13.2012 98.4086 13.3512 97.9796C13.3752 97.9306 13.3952 97.8806 13.4112 97.8296C13.4702 97.4736 13.7252 97.1826 14.0702 97.0766C14.4142 96.9706 14.7892 97.0686 15.0372 97.3306C15.2852 97.5916 15.3642 97.9706 15.2412 98.3096C15.0982 98.8616 15.4292 99.4256 15.9812 99.5696C16.5342 99.7126 17.0982 99.3816 17.2412 98.8296C17.2412 98.7626 17.2412 98.6956 17.2412 98.6296C17.4402 97.1246 16.4832 95.7086 15.0122 95.3316C13.5422 94.9546 12.0222 95.7346 11.4712 97.1496V97.2296C11.4332 97.6036 11.1772 97.9196 10.8192 98.0356C10.4612 98.1516 10.0682 98.0456 9.81823 97.7646C9.56723 97.4846 9.50623 97.0816 9.66123 96.7396Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M101.891 23.6396H75.8906C74.2338 23.6396 72.8906 24.9828 72.8906 26.6396V46.6396C72.8906 48.2965 74.2338 49.6396 75.8906 49.6396H101.891C103.547 49.6396 104.891 48.2965 104.891 46.6396V26.6396C104.891 24.9828 103.547 23.6396 101.891 23.6396Z", fill: "var(--chrome-2)", stroke: "var(--text-1)", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M89.3285 32.2227C86.7785 32.2227 84.7305 34.2157 84.7305 36.6527C84.7305 39.0907 89.3285 43.8297 89.3285 43.8297C89.3285 43.8297 93.9255 39.1097 93.9255 36.6527C93.9255 34.1967 91.8785 32.2227 89.3285 32.2227ZM89.3285 43.2497C88.9065 42.8047 88.1235 41.9347 87.3405 40.9087C85.8955 39.0327 85.1325 37.5627 85.1325 36.6337C85.1325 34.4087 87.0195 32.5907 89.3285 32.5907C91.6375 32.5907 93.5245 34.4287 93.5245 36.6527C93.5245 37.5627 92.7615 39.0517 91.3155 40.9287C90.5325 41.9347 89.7495 42.8047 89.3285 43.2497Z", stroke: "var(--text-1)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M90.4577 37.8657C90.1657 38.1517 89.7647 38.3307 89.3267 38.3307C88.8887 38.3307 88.4877 38.1517 88.1957 37.8657C87.9037 37.5787 87.7207 37.1847 87.7207 36.7547C87.7207 36.3247 87.9037 35.9307 88.1957 35.6447C88.4877 35.3577 88.8887 35.1787 89.3267 35.1787C89.7647 35.1787 90.1657 35.3577 90.4577 35.6447C90.7497 35.9307 90.9317 36.3247 90.9317 36.7547C90.9317 37.1847 90.7497 37.5787 90.4577 37.8657Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M77.6568 29.7268C78.3152 29.7268 78.8488 29.2209 78.8488 28.5968C78.8488 27.9727 78.3152 27.4668 77.6568 27.4668C76.9985 27.4668 76.4648 27.9727 76.4648 28.5968C76.4648 29.2209 76.9985 29.7268 77.6568 29.7268Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M81.233 29.7268C81.8913 29.7268 82.425 29.2209 82.425 28.5968C82.425 27.9727 81.8913 27.4668 81.233 27.4668C80.5747 27.4668 80.041 27.9727 80.041 28.5968C80.041 29.2209 80.5747 29.7268 81.233 29.7268Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M84.8072 29.7268C85.4656 29.7268 85.9992 29.2209 85.9992 28.5968C85.9992 27.9727 85.4656 27.4668 84.8072 27.4668C84.1489 27.4668 83.6152 27.9727 83.6152 28.5968C83.6152 29.2209 84.1489 29.7268 84.8072 29.7268Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M163.891 142.64H132.891C131.234 142.64 129.891 143.983 129.891 145.64V161.64C129.891 163.297 131.234 164.64 132.891 164.64H163.891C165.547 164.64 166.891 163.297 166.891 161.64V145.64C166.891 143.983 165.547 142.64 163.891 142.64Z", fill: "var(--chrome-2)", stroke: "var(--text-1)", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M148.39 159.14C151.395 159.14 153.831 156.677 153.831 153.64C153.831 150.602 151.395 148.14 148.39 148.14C145.385 148.14 142.949 150.602 142.949 153.64C142.949 156.677 145.385 159.14 148.39 159.14Z", fill: "var(--chrome-2)", stroke: "var(--text-1)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M136.42 151.44C137.622 151.44 138.596 150.455 138.596 149.24C138.596 148.025 137.622 147.04 136.42 147.04C135.218 147.04 134.244 148.025 134.244 149.24C134.244 150.455 135.218 151.44 136.42 151.44Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M160.362 160.24C161.563 160.24 162.538 159.255 162.538 158.04C162.538 156.825 161.563 155.84 160.362 155.84C159.16 155.84 158.186 156.825 158.186 158.04C158.186 159.255 159.16 160.24 160.362 160.24Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M46.4371 145.451L42.7031 141.847L39.0985 145.581L42.8325 149.185L46.4371 145.451Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M205.179 142.11L197.867 144.993L205.617 149.955L205.179 142.11Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M35.5066 50.1406L33.8906 47.4466L35.4156 44.6926L38.5576 44.6396L40.1806 47.3326L38.6556 50.0877L35.5066 50.1406Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M233.886 98.9806L233.867 98.9133C232.816 97.8197 232.746 96.1148 233.704 94.9392C234.663 93.7645 236.348 93.4884 237.631 94.2971L237.695 94.341C237.995 94.5807 238.409 94.6148 238.745 94.43C239.081 94.2452 239.273 93.8761 239.231 93.4948C239.206 93.244 239.08 93.013 238.882 92.8564C238.442 92.506 238.37 91.8652 238.721 91.4253C239.072 90.9857 239.713 90.9142 240.152 91.2646C241.265 92.301 241.427 94.0066 240.528 95.2338C239.629 96.46 237.955 96.8206 236.631 96.0714L236.477 95.9699C236.211 95.758 235.853 95.7035 235.537 95.8274C235.221 95.9513 234.994 96.2338 234.944 96.5697C234.893 96.9059 235.024 97.2426 235.29 97.4546L235.309 97.5218C236.264 98.405 236.541 99.8028 235.995 100.983C235.449 102.163 234.206 102.858 232.915 102.703C232.461 102.638 232.028 102.47 231.651 102.212L231.512 102.127C231.246 101.915 230.888 101.861 230.572 101.985C230.256 102.108 230.029 102.391 229.979 102.727C229.927 103.063 230.059 103.4 230.325 103.612C230.764 103.963 230.836 104.603 230.486 105.043C230.134 105.483 229.493 105.555 229.055 105.204L228.902 105.07C227.851 103.977 227.781 102.272 228.739 101.096C229.698 99.9217 231.383 99.6455 232.665 100.454L232.73 100.498C233 100.705 233.361 100.751 233.676 100.62C233.99 100.488 234.211 100.199 234.254 99.8613C234.298 99.5232 234.157 99.1871 233.886 98.9806Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M202.603 46.9244C204.049 46.8989 205.202 45.7054 205.176 44.2587C205.15 42.8119 203.957 41.6598 202.51 41.6853C201.063 41.7108 199.911 42.9043 199.937 44.351C199.962 45.7978 201.156 46.95 202.603 46.9244Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M200.891 80.6396H42.8906C40.6815 80.6396 38.8906 82.4305 38.8906 84.6396V109.64C38.8906 111.849 40.6815 113.64 42.8906 113.64H200.891C203.1 113.64 204.891 111.849 204.891 109.64V84.6396C204.891 82.4305 203.1 80.6396 200.891 80.6396Z", fill: "url(#paint0_linear_2395_1391)", stroke: "var(--text-0)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M67.8537 95.3245V99.7393H65.7358V89.5574H67.794V93.4502H67.8835C68.0559 92.9994 68.3343 92.6465 68.7188 92.3912C69.1032 92.1327 69.5855 92.0035 70.1655 92.0035C70.6958 92.0035 71.1581 92.1195 71.5526 92.3515C71.9503 92.5802 72.2585 92.9099 72.4773 93.3408C72.6993 93.7684 72.8087 94.2805 72.8054 94.877V99.7393H70.6875V95.2549C70.6908 94.7842 70.5715 94.418 70.3295 94.1562C70.0909 93.8943 69.7562 93.7634 69.3253 93.7634C69.0369 93.7634 68.7817 93.8247 68.5597 93.9474C68.3409 94.07 68.1686 94.249 68.0426 94.4843C67.92 94.7163 67.857 94.9964 67.8537 95.3245ZM78.5339 92.1029V93.6938H73.9352V92.1029H78.5339ZM74.9792 90.2733H77.0971V97.3927C77.0971 97.5882 77.127 97.7407 77.1866 97.8501C77.2463 97.9561 77.3291 98.0307 77.4352 98.0738C77.5446 98.1169 77.6705 98.1384 77.813 98.1384C77.9125 98.1384 78.0119 98.1301 78.1113 98.1135C78.2108 98.0937 78.287 98.0787 78.34 98.0688L78.6731 99.6448C78.5671 99.6779 78.4179 99.7161 78.2257 99.7591C78.0334 99.8055 77.7998 99.8337 77.5247 99.8437C77.0143 99.8635 76.5668 99.7956 76.1824 99.6398C75.8012 99.484 75.5046 99.2421 75.2924 98.914C75.0803 98.5858 74.9759 98.1715 74.9792 97.6711V90.2733ZM83.9753 92.1029V93.6938H79.3766V92.1029H83.9753ZM80.4206 90.2733H82.5385V97.3927C82.5385 97.5882 82.5684 97.7407 82.628 97.8501C82.6877 97.9561 82.7705 98.0307 82.8766 98.0738C82.986 98.1169 83.1119 98.1384 83.2544 98.1384C83.3539 98.1384 83.4533 98.1301 83.5527 98.1135C83.6522 98.0937 83.7284 98.0787 83.7814 98.0688L84.1145 99.6448C84.0085 99.6779 83.8593 99.7161 83.6671 99.7591C83.4748 99.8055 83.2412 99.8337 82.9661 99.8437C82.4557 99.8635 82.0082 99.7956 81.6238 99.6398C81.2426 99.484 80.946 99.2421 80.7338 98.914C80.5217 98.5858 80.4173 98.1715 80.4206 97.6711V90.2733ZM85.3549 102.603V92.1029H87.443V93.3856H87.5375C87.6303 93.1801 87.7645 92.9713 87.9402 92.7591C88.1191 92.5437 88.3511 92.3647 88.6362 92.2222C88.9245 92.0764 89.2825 92.0035 89.71 92.0035C90.2669 92.0035 90.7806 92.1493 91.2512 92.441C91.7219 92.7293 92.0981 93.1652 92.3798 93.7485C92.6615 94.3285 92.8024 95.056 92.8024 95.931C92.8024 96.7828 92.6648 97.502 92.3897 98.0887C92.118 98.672 91.7467 99.1145 91.2761 99.4161C90.8088 99.7144 90.2851 99.8635 89.7051 99.8635C89.2941 99.8635 88.9444 99.7956 88.6561 99.6597C88.371 99.5238 88.1374 99.3531 87.9551 99.1476C87.7728 98.9388 87.6336 98.7284 87.5375 98.5162H87.4728V102.603H85.3549ZM87.4281 95.9211C87.4281 96.3751 87.4911 96.7712 87.617 97.1093C87.743 97.4474 87.9252 97.7108 88.1639 97.8998C88.4025 98.0854 88.6925 98.1782 89.0339 98.1782C89.3786 98.1782 89.6703 98.0837 89.9089 97.8948C90.1475 97.7026 90.3282 97.4374 90.4508 97.0993C90.5768 96.758 90.6397 96.3652 90.6397 95.9211C90.6397 95.4803 90.5784 95.0925 90.4558 94.7577C90.3332 94.423 90.1525 94.1611 89.9139 93.9722C89.6752 93.7833 89.3819 93.6888 89.0339 93.6888C88.6892 93.6888 88.3975 93.78 88.1589 93.9623C87.9236 94.1446 87.743 94.4031 87.617 94.7378C87.4911 95.0726 87.4281 95.467 87.4281 95.9211ZM95.4522 99.8685C95.1241 99.8685 94.8424 99.7525 94.6071 99.5205C94.3751 99.2852 94.2591 99.0035 94.2591 98.6753C94.2591 98.3505 94.3751 98.0721 94.6071 97.8401C94.8424 97.6081 95.1241 97.4921 95.4522 97.4921C95.7704 97.4921 96.0488 97.6081 96.2875 97.8401C96.5261 98.0721 96.6454 98.3505 96.6454 98.6753C96.6454 98.8941 96.5891 99.0946 96.4764 99.2769C96.367 99.4559 96.2228 99.6001 96.0439 99.7094C95.8649 99.8155 95.6677 99.8685 95.4522 99.8685ZM95.4522 94.5191C95.1241 94.5191 94.8424 94.4031 94.6071 94.1711C94.3751 93.9391 94.2591 93.6573 94.2591 93.3259C94.2591 93.0011 94.3751 92.7243 94.6071 92.4956C94.8424 92.2636 95.1241 92.1476 95.4522 92.1476C95.7704 92.1476 96.0488 92.2636 96.2875 92.4956C96.5261 92.7243 96.6454 93.0011 96.6454 93.3259C96.6454 93.548 96.5891 93.7501 96.4764 93.9324C96.367 94.1114 96.2228 94.2539 96.0439 94.36C95.8649 94.4661 95.6677 94.5191 95.4522 94.5191ZM102.819 89.0802L99.5376 101.271H97.7131L100.994 89.0802H102.819ZM108.274 89.0802L104.993 101.271H103.168L106.449 89.0802H108.274ZM110.801 99.7393L108.723 92.1029H110.865L112.049 97.2336H112.118L113.351 92.1029H115.454L116.707 97.2037H116.772L117.935 92.1029H120.073L118 99.7393H115.757L114.445 94.9367H114.35L113.038 99.7393H110.801ZM122.709 99.7393L120.631 92.1029H122.774L123.957 97.2336H124.026L125.259 92.1029H127.362L128.615 97.2037H128.68L129.843 92.1029H131.981L129.908 99.7393H127.666L126.353 94.9367H126.259L124.946 99.7393H122.709ZM134.617 99.7393L132.539 92.1029H134.682L135.865 97.2336H135.935L137.168 92.1029H139.271L140.523 97.2037H140.588L141.751 92.1029H143.889L141.816 99.7393H139.574L138.261 94.9367H138.167L136.854 99.7393H134.617Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M53.8906 101.64C56.0998 101.64 57.8906 99.8488 57.8906 97.6396C57.8906 95.4305 56.0998 93.6396 53.8906 93.6396C51.6815 93.6396 49.8906 95.4305 49.8906 97.6396C49.8906 99.8488 51.6815 101.64 53.8906 101.64Z", fill: "var(--text-1)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M151.891 118.08V95.6396L168.891 110.6H160.731L165.491 122.16L162.771 123.52L158.011 112.64L151.891 118.08Z", fill: "var(--text-1)", stroke: "var(--text-0)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M157.891 111.64L152.891 97.6396V115.64L157.891 111.64Z", fill: "var(--chrome-3)" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("linearGradient", { id: "paint0_linear_2395_1391", x1: "72.7546", y1: "103.872", x2: "171.027", y2: "103.872", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { stopColor: "var(--chrome-2)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset: "1", stopColor: "var(--chrome-2)" })
+    ] }) })
+  ] });
+}
+function EmptyState() {
+  const setUrl = useStore((s) => s.setUrl);
+  const [draft, setDraft] = reactExports.useState("");
+  const [busy, setBusy] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const submit = async (e) => {
+    e.preventDefault();
+    const url = draft.trim();
+    if (url === "" || busy) return;
+    setBusy(true);
+    setError(null);
+    try {
+      setUrl(await window.obsrv.navigate(url));
+    } catch {
+      setError("That address could not be loaded.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "empty-state", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyArt, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "empty-lede", children: "Point Obsrv at a page to see it the way a 1x screen does." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { className: "empty-form", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          className: "empty-input",
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          placeholder: "localhost:3000",
+          "aria-label": "URL to open",
+          spellCheck: false,
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "submit", className: "empty-go", disabled: draft.trim() === "" || busy, children: "Open" })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "empty-error", role: "alert", children: error })
+  ] });
+}
 const VERT_SRC = `#version 300 es
 void main() {
   vec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));
@@ -15395,7 +15485,6 @@ function Toolbar({ drawer, onTogglePanel, onToggleSettings }) {
         },
         s.id
       )) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "chrome-spacer" }),
       agentControl && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `agent-activity${agentActive ? " active" : ""}`, children: "AGENT" })
     ] })
   ] });
@@ -15430,6 +15519,7 @@ function App() {
   const profileId = useStore((s) => selectTab(s).profileId);
   const orientation = useStore((s) => selectTab(s).orientation);
   const viewMode = useStore((s) => selectTab(s).viewMode);
+  const tabUrl = useStore((s) => selectTab(s).url);
   const activeId = useStore((s) => s.activeId);
   const tabOrder = useStore((s) => s.tabOrder);
   const panes = useStore((s) => s.panes);
@@ -15528,6 +15618,7 @@ function App() {
     document.documentElement.dataset.surround = surround;
   }, [surround]);
   const image = images[activeId] ?? null;
+  const blank = mode === "image" ? image === null : isBlankUrl(tabUrl);
   const onImage = async (file, exportScale) => {
     const token = ++dropToken.current;
     const tabId = activeId;
@@ -15630,7 +15721,8 @@ function App() {
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pane target-pane", ref: targetPaneRef, children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pane-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TargetCanvas, { onFatal: setFatal, imageFrame }) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(TargetFooter, {})
-              ] })
+              ] }),
+              blank && /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, {})
             ] }),
             drawer === "panel" && /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "drawer", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelControls, {}) }),
             drawer === "settings" && /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "drawer", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsPanel, {}) })

package/out/renderer/index.html

@@ -4,8 +4,8 @@
     <meta charset="UTF-8" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' blob: data:" />
     <title>Obsrv</title>
-    <script type="module" crossorigin src="./assets/index-BHt9Vm0J.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BRkFfzcI.css">
+    <script type="module" crossorigin src="./assets/index-WM0cwf7d.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BpvyvKfD.css">
   </head>
   <body>
     <div id="root"></div>

package/out/shared/url.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ALLOWED_URL_SCHEMES = void 0;
 exports.normalizeUrl = normalizeUrl;
 exports.urlSchemeError = urlSchemeError;
+exports.isBlankUrl = isBlankUrl;
 /** `scheme:` prefix, e.g. `https:`, `about:`, `file:`. */
 const SCHEME = /^[a-z][a-z0-9+.-]*:/i;
 /** Loopback host with optional port, e.g. `localhost:5173`, `127.0.0.1/a`. */
@@ -52,3 +53,17 @@ function urlSchemeError(url) {
         `${exports.ALLOWED_URL_SCHEMES.map(s => `${s}//`).join(', ')} URLs only ` +
         `(bare hosts like example.com also work; they normalise to http(s)).`);
 }
+/**
+ * True when a tab has never been navigated. Both the renderer's empty state and
+ * main's native-view visibility ask this question, and they must agree — a
+ * disagreement shows as a white OS overlay sitting on top of the empty state,
+ * or an empty state over a live page.
+ *
+ * `about:blank` is deliberately *not* blank here. It is a real destination a
+ * user can type and history can hold, and a tab showing it has a page — an
+ * empty one. Counting it would put the empty state over a page the user asked
+ * for, and take the native pane off screen underneath it.
+ */
+function isBlankUrl(url) {
+    return url === '';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "getobsrv",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "description": "See your site the way 1x screens see it",
   "main": "./out/main/index.js",
   "bin": {