getobsrv 0.12.0 → 0.14.0

package/out/renderer/assets/{index-gYDbIgqJ.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) };
@@ -12702,6 +12705,7 @@ const DEFAULT_SETTINGS = {
   split: 0.5,
   maxTabs: 12
 };
+const DEFAULT_ORIENTATION = "portrait";
 const SCREEN_PRESETS = [
   // Laptops — ordered largest to smallest panel, then the denser 1080p outlier.
   { id: "laptop-768", label: '1366×768 15.6"', width: 1366, height: 768, diagonalInches: 15.6, deviceScaleFactor: 1, group: "laptop" },
@@ -12735,6 +12739,13 @@ function findProfile(id) {
   if (!p) throw new Error(`unknown profile: ${id}`);
   return p;
 }
+function applyOrientation(screen, orientation) {
+  if (orientation !== "landscape") return screen;
+  return { ...screen, width: screen.height, height: screen.width };
+}
+function screenShape(width, height) {
+  return width > height ? "landscape" : "portrait";
+}
 function ppi(width, height, diagonalInches) {
   if (!(diagonalInches > 0)) throw new RangeError("diagonalInches must be > 0");
   return Math.hypot(width, height) / diagonalInches;
@@ -12799,6 +12810,7 @@ function blankTab() {
     title: "",
     lastUrl: "",
     presetId: "1080p-24",
+    orientation: DEFAULT_ORIENTATION,
     custom: { width: 1920, height: 1080, diagonalInches: 24 },
     pixelExact: false,
     profileId: PANEL_PROFILES[0].id,
@@ -12860,6 +12872,11 @@ const useStore = create()((set, get) => ({
   // A screen change re-rasters the target, so a highlight's target-pixel rect
   // no longer marks what it marked; the same for the custom fields below.
   setPreset: (presetId) => set(patchActive({ presetId, agentHighlight: null })),
+  // A rotation re-rasters the target exactly as a preset change does, so a
+  // highlight's target-pixel rect no longer marks what it marked. Setting the
+  // orientation already in force writes nothing, so a re-report from an agent
+  // (or a click on the pressed half of the control) costs no re-render.
+  setOrientation: (orientation) => set(patchActiveWith((t) => t.orientation === orientation ? null : { orientation, agentHighlight: null })),
   setCustom: (c) => set(patchActiveWith((t) => ({ custom: { ...t.custom, ...c }, presetId: CUSTOM_PRESET_ID, agentHighlight: null }))),
   setPixelExact: (pixelExact) => set(patchActive({ pixelExact })),
   // Picking a profile drops any hand-tuned slider values.
@@ -12914,7 +12931,8 @@ const useStore = create()((set, get) => ({
           url: info.url,
           title: info.title,
           presetId: info.presetId,
-          profileId: info.profileId
+          profileId: info.profileId,
+          orientation: info.orientation
         }
       );
     }
@@ -12952,7 +12970,7 @@ const useStore = create()((set, get) => ({
 function selectTab(s) {
   return s.tabs[s.activeId];
 }
-function selectScreen(s) {
+function naturalScreen(s) {
   const tab = selectTab(s);
   const preset = SCREEN_PRESETS.find((p) => p.id === tab.presetId);
   return preset ? {
@@ -12962,6 +12980,21 @@ function selectScreen(s) {
     deviceScaleFactor: preset.deviceScaleFactor
   } : tab.custom;
 }
+function selectScreen(s) {
+  return applyOrientation(naturalScreen(s), selectTab(s).orientation);
+}
+function selectScreenShape(s) {
+  const screen = selectScreen(s);
+  return screenShape(screen.width, screen.height);
+}
+const ORIENTATIONS = ["portrait", "landscape"];
+function selectOrientationShapes(s) {
+  const natural = naturalScreen(s);
+  return ORIENTATIONS.map((value) => {
+    const r = applyOrientation(natural, value);
+    return screenShape(r.width, r.height);
+  });
+}
 function selectDeviceScaleFactor(s) {
   return selectScreen(s).deviceScaleFactor ?? 1;
 }
@@ -13183,7 +13216,8 @@ function TargetFooter() {
   const viewMode = useStore((s) => selectTab(s).viewMode);
   const fitScale2 = useStore((s) => selectTab(s).fitScale);
   const dsf = useStore(selectDeviceScaleFactor);
-  const size = mode === "image" && image ? `${image.width}×${image.height}` : `${viewport.width}×${viewport.height}${dsf > 1 ? ` @${dsf}x` : ""}`;
+  const shape = useStore(selectScreenShape);
+  const size = mode === "image" && image ? `${image.width}×${image.height}` : `${viewport.width}×${viewport.height}${dsf > 1 ? ` @${dsf}x` : ""} ${shape}`;
   const depth = params.levels <= 63 ? "6-bit" : "8-bit";
   const magnification = viewMode === "fit" && fitScale2 !== null ? [`fit ×${fitScale2.toFixed(2)}`, "not pixel-exact"] : [`×${scale.toFixed(2)}`];
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -13526,6 +13560,7 @@ function SettingsPanel() {
   const update = useStore((s) => s.update);
   const history = useStore((s) => s.history);
   const custom = useStore(useShallow((s) => selectTab(s).custom));
+  const orientation = useStore((s) => selectTab(s).orientation);
   const viewport = useStore(useShallow(selectViewport));
   const scale = useStore(selectScale);
   const fallback = useStore(selectScaleIsFallback);
@@ -13598,6 +13633,15 @@ function SettingsPanel() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { children: "Custom screen" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "muted", children: "Editing these selects the Custom preset." }),
+    orientation === "landscape" && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "muted custom-rotated", children: [
+      "Rotated, so these render transposed:",
+      " ",
+      (() => {
+        const r = applyOrientation({ ...custom }, orientation);
+        return `${r.width}×${r.height}`;
+      })(),
+      "."
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       NumberField,
       {
@@ -13729,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));
@@ -14698,53 +14829,73 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$a = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$8);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$a);
 /**
  * @license lucide-react v1.34.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$9 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$7);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$9);
 /**
  * @license lucide-react v1.34.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$6);
+const __iconNode$8 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$8);
 /**
  * @license lucide-react v1.34.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$7 = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$5);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$7);
 /**
  * @license lucide-react v1.34.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$6 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$4);
+const Plus = createLucideIcon("plus", __iconNode$6);
+/**
+ * @license lucide-react v1.34.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }]
+];
+const RectangleHorizontal = createLucideIcon("rectangle-horizontal", __iconNode$5);
+/**
+ * @license lucide-react v1.34.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  ["rect", { width: "12", height: "20", x: "6", y: "2", rx: "2", key: "1oxtiu" }]
+];
+const RectangleVertical = createLucideIcon("rectangle-vertical", __iconNode$4);
 /**
  * @license lucide-react v1.34.0 - ISC
  *
@@ -14811,7 +14962,12 @@ const ICONS = {
   sliders: SlidersHorizontal,
   gear: Settings,
   chevron: ChevronDown,
-  plus: Plus
+  plus: Plus,
+  // The rotate control's two shapes. A plain outline of the screen you get is
+  // the whole affordance — no arrow, no device silhouette: the target may be a
+  // monitor as readily as a phone.
+  portrait: RectangleVertical,
+  landscape: RectangleHorizontal
 };
 function Icon({ name, size = 16 }) {
   const Glyph = ICONS[name];
@@ -14994,6 +15150,9 @@ function Toolbar({ drawer, onTogglePanel, onToggleSettings }) {
   const setUrl = useStore((s) => s.setUrl);
   const setMode = useStore((s) => s.setMode);
   const setPreset = useStore((s) => s.setPreset);
+  const orientation = useStore((s) => selectTab(s).orientation);
+  const orientationShapes = useStore(useShallow(selectOrientationShapes));
+  const setOrientation = useStore((s) => s.setOrientation);
   const setProfile = useStore((s) => s.setProfile);
   const setPixelExact = useStore((s) => s.setPixelExact);
   const setError = useStore((s) => s.setError);
@@ -15266,6 +15425,23 @@ function Toolbar({ drawer, onTogglePanel, onToggleSettings }) {
           ]
         }
       ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "orientation-control", role: "group", "aria-label": "Screen orientation", children: ORIENTATIONS.map((value, i) => {
+        const shape = orientationShapes[i] ?? value;
+        const name = shape === "landscape" ? "Landscape" : "Portrait";
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            className: `orient-${shape}`,
+            title: `${name} — ${value === orientation ? "showing" : "rotate the screen"}`,
+            "aria-label": name,
+            "aria-pressed": orientation === value,
+            onClick: () => setOrientation(value),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: shape })
+          },
+          value
+        );
+      }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Segmented,
         {
@@ -15309,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" })
     ] })
   ] });
@@ -15342,7 +15517,9 @@ function App() {
   const deviceScaleFactor = useStore(selectDeviceScaleFactor);
   const presetId = useStore((s) => selectTab(s).presetId);
   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);
@@ -15422,13 +15599,14 @@ function App() {
   }, []);
   reactExports.useEffect(() => {
     if (!tabsKnown) return;
-    window.obsrv.reportUiState({ tabId: activeId, presetId, profileId, viewMode, panes, mode, targetBounds, canvasBounds });
-  }, [tabsKnown, activeId, presetId, profileId, viewMode, panes, mode, targetBounds, canvasBounds]);
+    window.obsrv.reportUiState({ tabId: activeId, presetId, profileId, orientation, viewMode, panes, mode, targetBounds, canvasBounds });
+  }, [tabsKnown, activeId, presetId, profileId, orientation, viewMode, panes, mode, targetBounds, canvasBounds]);
   reactExports.useEffect(() => {
     return window.obsrv.onAgentApply((patch) => {
       const s = useStore.getState();
       if (patch.presetId !== void 0) s.setPreset(patch.presetId);
       if (patch.profileId !== void 0) s.setProfile(patch.profileId);
+      if (patch.orientation !== void 0) s.setOrientation(patch.orientation);
       if (patch.viewMode !== void 0) s.setViewMode(patch.viewMode);
       if (patch.panes !== void 0) s.setPanes(patch.panes);
       if (patch.pixelExact !== void 0) s.setPixelExact(patch.pixelExact);
@@ -15440,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;
@@ -15542,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-gYDbIgqJ.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-DvwDBeho.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/calibration.js

@@ -1,10 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyOrientation = applyOrientation;
+exports.screenShape = screenShape;
 exports.ppi = ppi;
 exports.computeScale = computeScale;
 exports.maxCssViewport = maxCssViewport;
 exports.clampViewport = clampViewport;
 const presets_1 = require("./presets");
+/**
+ * The screen as it is actually being held. The **one** place the axes are
+ * swapped: everything downstream — the viewport handed to `TargetSource`, the
+ * clamp, the magnification, the footer — reads the rotated screen and needs no
+ * orientation of its own.
+ *
+ * Rotation must not change the *magnitude* of the physical scale, and does not:
+ * `ppi` is `hypot(w, h) / diagonalInches` and `hypot` is symmetric, so the
+ * diagonal, the pixel count and the density are all orientation-independent.
+ * A phone does not get physically larger by being turned sideways. The unit
+ * test asserts it, because it is exactly the kind of thing that drifts.
+ *
+ * `'portrait'` is the preset as the table stores it; `'landscape'` is that
+ * rotated a quarter turn. Every mobile preset — the case this feature exists
+ * for — is stored portrait, so for those the names are literal. A monitor
+ * preset is stored landscape-natural, so there the pair reads as
+ * unrotated/rotated instead; the UI never repeats the flag back at the user,
+ * it names the shape the dimensions actually have (`screenShape`), so nothing
+ * on screen can contradict the pixels beside it.
+ */
+function applyOrientation(screen, orientation) {
+    if (orientation !== 'landscape')
+        return screen;
+    return { ...screen, width: screen.height, height: screen.width };
+}
+/**
+ * The shape a pair of dimensions actually has, for anything the user reads. A
+ * square screen counts as portrait — it has no landscape reading, and one of
+ * the two words has to win.
+ */
+function screenShape(width, height) {
+    return width > height ? 'landscape' : 'portrait';
+}
 function ppi(width, height, diagonalInches) {
     if (!(diagonalInches > 0))
         throw new RangeError('diagonalInches must be > 0');

package/out/shared/control.js

@@ -9,6 +9,7 @@ exports.defaultControlFilePath = defaultControlFilePath;
 exports.presetApplyError = presetApplyError;
 exports.profileApplyError = profileApplyError;
 exports.viewModeApplyError = viewModeApplyError;
+exports.orientationApplyError = orientationApplyError;
 exports.panesApplyError = panesApplyError;
 exports.pixelExactApplyError = pixelExactApplyError;
 exports.parseClick = parseClick;
@@ -17,6 +18,7 @@ exports.parseControlStatus = parseControlStatus;
 const node_crypto_1 = require("node:crypto");
 const node_path_1 = require("node:path");
 const ipcPayloads_1 = require("./ipcPayloads");
+const calibration_1 = require("./calibration");
 const presets_1 = require("./presets");
 /**
  * The agent-control protocol shared by the main-process control server
@@ -50,6 +52,7 @@ exports.CONTROL_COMMANDS = [
     'setProfile',
     'setViewMode',
     'setPanes',
+    'setOrientation',
     'captureVisible',
     // v0.5 drive controls (spec §14 "Drive controls").
     'scroll',
@@ -153,6 +156,13 @@ function profileApplyError(id) {
 function viewModeApplyError(v) {
     return v === '1:1' || v === 'fit' ? null : `setViewMode payload must be { mode: '1:1' | 'fit' }`;
 }
+/**
+ * Validates a `setOrientation` payload. Unlike a preset id there is no table to
+ * miss, so the message just names the two words rather than listing anything.
+ */
+function orientationApplyError(v) {
+    return (0, presets_1.isOrientation)(v) ? null : `setOrientation payload must be { orientation: 'portrait' | 'landscape' }`;
+}
 function panesApplyError(v) {
     return v === 'both' || v === 'target' ? null : `setPanes payload must be { panes: 'both' | 'target' }`;
 }
@@ -214,6 +224,19 @@ function parseHighlight(raw) {
         durationMs: Math.min(Math.max(Math.round(d), exports.HIGHLIGHT_DURATION_MIN_MS), exports.HIGHLIGHT_DURATION_MAX_MS),
     };
 }
+/**
+ * The shape to report when the app did not name one. Dimensions settle it
+ * outright when they are there. Without them the app predates rotation, which
+ * means it is showing the preset unrotated — so the preset's own natural shape
+ * is exact rather than a guess. Only a custom screen on such an app falls all
+ * the way through to the flag.
+ */
+function inferScreenShape(cssWidth, cssHeight, presetId, orientation) {
+    if (cssWidth > 0 && cssHeight > 0)
+        return (0, calibration_1.screenShape)(cssWidth, cssHeight);
+    const preset = presets_1.SCREEN_PRESETS.find(p => p.id === presetId);
+    return preset ? (0, calibration_1.screenShape)(preset.width, preset.height) : orientation;
+}
 /** Validates a control server `status` response on the client side. */
 function parseControlStatus(raw) {
     if (!isRecord(raw))
@@ -245,5 +268,40 @@ function parseControlStatus(raw) {
     const tabIndex = raw.tabIndex ?? 0;
     if (typeof tabIndex !== 'number' || !Number.isInteger(tabIndex) || tabIndex < 0)
         return null;
-    return { version, url, presetId, profileId, viewMode, panes, mode, tabId, tabIndex };
+    // And the same skew again, one release later still. The npm MCP server
+    // routinely talks to a DMG app older than itself, and an app that predates
+    // rotation shows every screen unrotated — which is exactly what the default
+    // says. Returning null instead would take out drive and live snap wholesale
+    // against every app older than this feature, which is the bug this repo has
+    // already been bitten by twice.
+    const orientation = raw.orientation ?? presets_1.DEFAULT_ORIENTATION;
+    if (!(0, presets_1.isOrientation)(orientation))
+        return null;
+    // And once more for the dimensions and the derived shape. `0` means "the app
+    // did not say", which is the truthful answer for one that predates them —
+    // inventing a size would be worse than admitting the gap.
+    const cssWidth = raw.cssWidth ?? 0;
+    if (typeof cssWidth !== 'number' || !Number.isFinite(cssWidth) || cssWidth < 0)
+        return null;
+    const cssHeight = raw.cssHeight ?? 0;
+    if (typeof cssHeight !== 'number' || !Number.isFinite(cssHeight) || cssHeight < 0)
+        return null;
+    const reported = raw.screenShape;
+    if (reported !== undefined && !(0, presets_1.isOrientation)(reported))
+        return null;
+    return {
+        version,
+        url,
+        presetId,
+        profileId,
+        viewMode,
+        panes,
+        orientation,
+        mode,
+        tabId,
+        tabIndex,
+        cssWidth,
+        cssHeight,
+        screenShape: reported ?? inferScreenShape(cssWidth, cssHeight, presetId, orientation),
+    };
 }

package/out/shared/ipcPayloads.js

@@ -5,6 +5,7 @@ exports.parseRect = parseRect;
 exports.parseInputEvent = parseInputEvent;
 exports.parseDeviceScaleFactor = parseDeviceScaleFactor;
 exports.parseSettings = parseSettings;
+exports.parseOrientation = parseOrientation;
 exports.parseMode = parseMode;
 exports.parseTabId = parseTabId;
 exports.parseUiState = parseUiState;
@@ -142,6 +143,15 @@ function parseSettings(raw) {
         return null;
     return { hostDiagonalInches, hostNits, agentControl, updateCheck, lastUpdateCheck, recordHistory, split, maxTabs };
 }
+/**
+ * An orientation off the wire. Refused rather than defaulted, unlike the
+ * absent-field handling inside `parseUiState`: a caller that names an
+ * orientation and gets a different one back is worse served than one told its
+ * value was not a word this app knows.
+ */
+function parseOrientation(raw) {
+    return (0, presets_1.isOrientation)(raw) ? raw : null;
+}
 function parseMode(raw) {
     return raw === 'url' || raw === 'image' ? raw : null;
 }
@@ -197,12 +207,17 @@ function parseUiState(raw) {
     const panes = raw.panes ?? 'both';
     if (panes !== 'both' && panes !== 'target')
         return null;
+    // Same shape again for the orientation, and for the same reason.
+    const orientation = raw.orientation ?? presets_1.DEFAULT_ORIENTATION;
+    if (!(0, presets_1.isOrientation)(orientation))
+        return null;
     return {
         tabId,
         presetId,
         profileId,
         viewMode,
         panes,
+        orientation,
         mode,
         targetBounds: parseRect(raw.targetBounds),
         canvasBounds: parseRect(raw.canvasBounds),

package/out/shared/presets.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PANEL_PROFILES = exports.SCREEN_PRESETS = exports.DEFAULT_SETTINGS = exports.MAX_TABS_MAX = exports.MAX_TABS_MIN = exports.SPLIT_MAX = exports.SPLIT_MIN = exports.MAX_VIEWPORT = void 0;
+exports.PANEL_PROFILES = exports.SCREEN_PRESETS = exports.DEFAULT_ORIENTATION = exports.DEFAULT_SETTINGS = exports.MAX_TABS_MAX = exports.MAX_TABS_MIN = exports.SPLIT_MAX = exports.SPLIT_MIN = exports.MAX_VIEWPORT = void 0;
+exports.isOrientation = isOrientation;
 exports.findPreset = findPreset;
 exports.findProfile = findProfile;
 exports.MAX_VIEWPORT = 4096;
@@ -22,6 +23,15 @@ exports.DEFAULT_SETTINGS = {
     split: 0.5,
     maxTabs: 12,
 };
+/**
+ * Every tab opens unrotated. `'portrait'` means "the preset as stored", so this
+ * is a no-op against the table below rather than a shape anyone has to honour.
+ */
+exports.DEFAULT_ORIENTATION = 'portrait';
+/** Type guard for anything off the wire, off disk, or off an agent's payload. */
+function isOrientation(v) {
+    return v === 'portrait' || v === 'landscape';
+}
 exports.SCREEN_PRESETS = [
     // Laptops — ordered largest to smallest panel, then the denser 1080p outlier.
     { id: 'laptop-768', label: '1366×768 15.6"', width: 1366, height: 768, diagonalInches: 15.6, deviceScaleFactor: 1, group: 'laptop' },