react-os-shell 0.1.41 → 0.1.44

package/dist/Browser-KMVL3AJ7.js

@@ -0,0 +1,245 @@
+import { WindowTitle } from './chunk-44AH2OXU.js';
+import './chunk-RFTLYCSF.js';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var BOOKMARKS_KEY = "react-os-shell:browser-bookmarks";
+var HOMEPAGE_KEY = "react-os-shell:browser-homepage";
+var DEFAULT_HOMEPAGE = "https://en.wikipedia.org/wiki/Main_Page";
+var DEFAULT_BOOKMARKS = [
+  { label: "Wikipedia", url: "https://en.wikipedia.org/wiki/Main_Page" },
+  { label: "MDN", url: "https://developer.mozilla.org" },
+  { label: "Example", url: "https://example.com" }
+];
+function normalizeUrl(input) {
+  let s = input.trim();
+  if (!s) return "";
+  if (/^[a-z][a-z0-9+.-]*:\/\//i.test(s)) return s;
+  if (/^[\w.-]+\.[a-z]{2,}(\/.*)?$/i.test(s)) return "https://" + s;
+  return "https://duckduckgo.com/?q=" + encodeURIComponent(s);
+}
+function loadBookmarks() {
+  if (typeof window === "undefined") return DEFAULT_BOOKMARKS;
+  try {
+    const raw = localStorage.getItem(BOOKMARKS_KEY);
+    if (!raw) return DEFAULT_BOOKMARKS;
+    const parsed = JSON.parse(raw);
+    if (Array.isArray(parsed) && parsed.every((b) => typeof b?.url === "string")) return parsed;
+  } catch {
+  }
+  return DEFAULT_BOOKMARKS;
+}
+function loadHomepage() {
+  if (typeof window === "undefined") return DEFAULT_HOMEPAGE;
+  return localStorage.getItem(HOMEPAGE_KEY) || DEFAULT_HOMEPAGE;
+}
+function Browser() {
+  const [homepage, setHomepage] = useState(loadHomepage);
+  const [url, setUrl] = useState(homepage);
+  const [inputUrl, setInputUrl] = useState(url);
+  const [history, setHistory] = useState([url]);
+  const [historyIdx, setHistoryIdx] = useState(0);
+  const [iframeKey, setIframeKey] = useState(0);
+  const [bookmarks, setBookmarks] = useState(loadBookmarks);
+  const [showHelp, setShowHelp] = useState(false);
+  const iframeRef = useRef(null);
+  useEffect(() => {
+    try {
+      localStorage.setItem(BOOKMARKS_KEY, JSON.stringify(bookmarks));
+    } catch {
+    }
+  }, [bookmarks]);
+  const navigate = (next) => {
+    const n = normalizeUrl(next);
+    if (!n) return;
+    setUrl(n);
+    setInputUrl(n);
+    setHistory((h) => {
+      const trimmed = h.slice(0, historyIdx + 1);
+      trimmed.push(n);
+      return trimmed;
+    });
+    setHistoryIdx((i) => i + 1);
+    setShowHelp(false);
+  };
+  const back = () => {
+    if (historyIdx > 0) {
+      const next = historyIdx - 1;
+      setHistoryIdx(next);
+      setUrl(history[next]);
+      setInputUrl(history[next]);
+      setShowHelp(false);
+    }
+  };
+  const forward = () => {
+    if (historyIdx < history.length - 1) {
+      const next = historyIdx + 1;
+      setHistoryIdx(next);
+      setUrl(history[next]);
+      setInputUrl(history[next]);
+      setShowHelp(false);
+    }
+  };
+  const refresh = () => setIframeKey((k) => k + 1);
+  const goHome = () => navigate(homepage);
+  const openExternal = () => {
+    if (typeof window !== "undefined") window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const addBookmark = () => {
+    const label = window.prompt("Bookmark name", titleFromUrl(url));
+    if (!label) return;
+    setBookmarks((b) => [...b, { label, url }]);
+  };
+  const removeBookmark = (i) => {
+    setBookmarks((b) => b.filter((_, idx) => idx !== i));
+  };
+  const setAsHomepage = () => {
+    setHomepage(url);
+    try {
+      localStorage.setItem(HOMEPAGE_KEY, url);
+    } catch {
+    }
+  };
+  const onSubmitUrl = (e) => {
+    e.preventDefault();
+    navigate(inputUrl);
+  };
+  const canBack = historyIdx > 0;
+  const canForward = historyIdx < history.length - 1;
+  const isBookmarked = bookmarks.some((b) => b.url === url);
+  const btn = "p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full bg-white", children: [
+    /* @__PURE__ */ jsx(WindowTitle, { title: `Browser - ${titleFromUrl(url)}` }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b border-gray-200 bg-gray-50 shrink-0", children: [
+      /* @__PURE__ */ jsx("button", { onClick: back, disabled: !canBack, className: btn, title: "Back", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: forward, disabled: !canForward, className: btn, title: "Forward", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: refresh, className: btn, title: "Refresh", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.023 9.348h4.992V4.356M2.985 19.644v-4.992h4.992M3.05 9.348a9 9 0 0114.85-3.36L21.015 9.348m0 5.304a9 9 0 01-14.85 3.36l-3.115-3.36" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: goHome, className: btn, title: "Home", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.25 12l8.954-8.955a1.5 1.5 0 012.122 0l8.954 8.955M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" }) }) }),
+      /* @__PURE__ */ jsx("form", { onSubmit: onSubmitUrl, className: "flex-1 flex items-center mx-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full bg-white border border-gray-300 rounded focus-within:border-blue-400 focus-within:ring-1 focus-within:ring-blue-200", children: [
+        /* @__PURE__ */ jsx("span", { className: "px-2 text-gray-400 text-xs", children: url.startsWith("https://") ? "\u{1F512}" : "\u26A0\uFE0F" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: inputUrl,
+            onChange: (e) => setInputUrl(e.target.value),
+            onFocus: (e) => e.target.select(),
+            className: "flex-1 px-1 py-1 text-sm bg-transparent outline-none font-mono",
+            spellCheck: false,
+            placeholder: "Enter URL or search\u2026"
+          }
+        ),
+        url !== inputUrl && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setInputUrl(url),
+            className: "px-1.5 text-[10px] text-gray-400 hover:text-gray-700",
+            title: "Reset to current URL",
+            children: "\xD7"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => isBookmarked ? removeBookmark(bookmarks.findIndex((b) => b.url === url)) : addBookmark(),
+          className: btn + " " + (isBookmarked ? "text-yellow-500" : ""),
+          title: isBookmarked ? "Remove bookmark" : "Add bookmark",
+          children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: isBookmarked ? "currentColor" : "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" }) })
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { onClick: openExternal, className: btn, title: "Open in new tab", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-7.5-9L21 3m0 0v6m0-6L9.75 14.25" }) }) }),
+      /* @__PURE__ */ jsx("button", { onClick: () => setShowHelp((s) => !s), className: btn, title: "Embedding help", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 px-2 py-1 border-b border-gray-200 bg-white shrink-0 overflow-x-auto", children: [
+      bookmarks.length === 0 && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 italic px-2", children: "No bookmarks yet \u2014 star the address bar to add one." }),
+      bookmarks.map((b, i) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => navigate(b.url),
+          onContextMenu: (e) => {
+            e.preventDefault();
+            if (window.confirm(`Remove bookmark "${b.label}"?`)) removeBookmark(i);
+          },
+          className: "flex items-center gap-1.5 px-2 py-0.5 rounded text-[12px] text-gray-700 hover:bg-gray-100 whitespace-nowrap",
+          title: `${b.url}
+(right-click to remove)`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: `https://www.google.com/s2/favicons?domain=${new URL(b.url).hostname}&sz=16`,
+                alt: "",
+                className: "h-3.5 w-3.5",
+                onError: (e) => {
+                  e.target.style.visibility = "hidden";
+                }
+              }
+            ),
+            b.label
+          ]
+        },
+        i
+      )),
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: setAsHomepage,
+          className: "px-2 py-0.5 text-[11px] text-gray-500 hover:text-gray-800",
+          title: "Set current page as homepage",
+          children: "Set as home"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 relative min-h-0 bg-gray-50", children: [
+      /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          ref: iframeRef,
+          src: url,
+          className: "absolute inset-0 w-full h-full bg-white",
+          sandbox: "allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-modals",
+          referrerPolicy: "no-referrer-when-downgrade"
+        },
+        iframeKey + url
+      ),
+      showHelp && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 max-w-sm bg-white border border-gray-200 rounded-md shadow-lg p-3 text-xs text-gray-700 z-10", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900 mb-1", children: "Why is this page blank?" }),
+        /* @__PURE__ */ jsxs("p", { className: "mb-2", children: [
+          "Most major sites (Google, GitHub, banks, news) refuse to be embedded in an iframe via ",
+          /* @__PURE__ */ jsx("span", { className: "font-mono", children: "X-Frame-Options" }),
+          " or Content Security Policy. There's no workaround \u2014 the browser blocks the load before our app can do anything."
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "Hit the ",
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "\u2197" }),
+          " button to open the page in a real new tab. Sites that ",
+          /* @__PURE__ */ jsx("em", { children: "do" }),
+          " allow embedding (Wikipedia, MDN, docs sites, your own apps) work fine in here."
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setShowHelp(false),
+            className: "mt-2 text-[11px] text-blue-600 hover:underline",
+            children: "Got it"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function titleFromUrl(u) {
+  try {
+    const url = new URL(u);
+    return url.hostname.replace(/^www\./, "");
+  } catch {
+    return u;
+  }
+}
+
+export { Browser as default };
+//# sourceMappingURL=Browser-KMVL3AJ7.js.map
+//# sourceMappingURL=Browser-KMVL3AJ7.js.map

package/dist/Browser-KMVL3AJ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/apps/Browser.tsx"],"names":[],"mappings":"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","file":"Browser-KMVL3AJ7.js","sourcesContent":["/**\n * Browser — minimal iframe-backed web browser app.\n *\n * URL bar with back / forward / refresh, navigable bookmark bar\n * (persisted to localStorage), and a graceful \"open in new tab\"\n * escape hatch since most major sites refuse iframe embedding via\n * X-Frame-Options or Content-Security-Policy.\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { WindowTitle } from '../shell/Modal';\n\ninterface Bookmark {\n  label: string;\n  url: string;\n}\n\nconst BOOKMARKS_KEY = 'react-os-shell:browser-bookmarks';\nconst HOMEPAGE_KEY = 'react-os-shell:browser-homepage';\nconst DEFAULT_HOMEPAGE = 'https://en.wikipedia.org/wiki/Main_Page';\nconst DEFAULT_BOOKMARKS: Bookmark[] = [\n  { label: 'Wikipedia', url: 'https://en.wikipedia.org/wiki/Main_Page' },\n  { label: 'MDN', url: 'https://developer.mozilla.org' },\n  { label: 'Example', url: 'https://example.com' },\n];\n\nfunction normalizeUrl(input: string): string {\n  let s = input.trim();\n  if (!s) return '';\n  // Already a URL? Otherwise treat as a search query (DuckDuckGo, no tracking).\n  if (/^[a-z][a-z0-9+.-]*:\\/\\//i.test(s)) return s;\n  if (/^[\\w.-]+\\.[a-z]{2,}(\\/.*)?$/i.test(s)) return 'https://' + s;\n  return 'https://duckduckgo.com/?q=' + encodeURIComponent(s);\n}\n\nfunction loadBookmarks(): Bookmark[] {\n  if (typeof window === 'undefined') return DEFAULT_BOOKMARKS;\n  try {\n    const raw = localStorage.getItem(BOOKMARKS_KEY);\n    if (!raw) return DEFAULT_BOOKMARKS;\n    const parsed = JSON.parse(raw);\n    if (Array.isArray(parsed) && parsed.every(b => typeof b?.url === 'string')) return parsed;\n  } catch {}\n  return DEFAULT_BOOKMARKS;\n}\n\nfunction loadHomepage(): string {\n  if (typeof window === 'undefined') return DEFAULT_HOMEPAGE;\n  return localStorage.getItem(HOMEPAGE_KEY) || DEFAULT_HOMEPAGE;\n}\n\nexport default function Browser() {\n  const [homepage, setHomepage] = useState(loadHomepage);\n  const [url, setUrl] = useState(homepage);\n  const [inputUrl, setInputUrl] = useState(url);\n  const [history, setHistory] = useState<string[]>([url]);\n  const [historyIdx, setHistoryIdx] = useState(0);\n  const [iframeKey, setIframeKey] = useState(0);\n  const [bookmarks, setBookmarks] = useState<Bookmark[]>(loadBookmarks);\n  const [showHelp, setShowHelp] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n\n  // Persist bookmarks.\n  useEffect(() => {\n    try { localStorage.setItem(BOOKMARKS_KEY, JSON.stringify(bookmarks)); } catch {}\n  }, [bookmarks]);\n\n  const navigate = (next: string) => {\n    const n = normalizeUrl(next);\n    if (!n) return;\n    setUrl(n);\n    setInputUrl(n);\n    // Truncate forward history when navigating from a back state.\n    setHistory(h => {\n      const trimmed = h.slice(0, historyIdx + 1);\n      trimmed.push(n);\n      return trimmed;\n    });\n    setHistoryIdx(i => i + 1);\n    setShowHelp(false);\n  };\n\n  const back = () => {\n    if (historyIdx > 0) {\n      const next = historyIdx - 1;\n      setHistoryIdx(next);\n      setUrl(history[next]);\n      setInputUrl(history[next]);\n      setShowHelp(false);\n    }\n  };\n\n  const forward = () => {\n    if (historyIdx < history.length - 1) {\n      const next = historyIdx + 1;\n      setHistoryIdx(next);\n      setUrl(history[next]);\n      setInputUrl(history[next]);\n      setShowHelp(false);\n    }\n  };\n\n  const refresh = () => setIframeKey(k => k + 1);\n\n  const goHome = () => navigate(homepage);\n\n  const openExternal = () => {\n    if (typeof window !== 'undefined') window.open(url, '_blank', 'noopener,noreferrer');\n  };\n\n  const addBookmark = () => {\n    const label = window.prompt('Bookmark name', titleFromUrl(url));\n    if (!label) return;\n    setBookmarks(b => [...b, { label, url }]);\n  };\n\n  const removeBookmark = (i: number) => {\n    setBookmarks(b => b.filter((_, idx) => idx !== i));\n  };\n\n  const setAsHomepage = () => {\n    setHomepage(url);\n    try { localStorage.setItem(HOMEPAGE_KEY, url); } catch {}\n  };\n\n  const onSubmitUrl = (e: React.FormEvent) => {\n    e.preventDefault();\n    navigate(inputUrl);\n  };\n\n  const canBack = historyIdx > 0;\n  const canForward = historyIdx < history.length - 1;\n  const isBookmarked = bookmarks.some(b => b.url === url);\n  const btn = 'p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30';\n\n  return (\n    <div className=\"flex flex-col h-full bg-white\">\n      <WindowTitle title={`Browser - ${titleFromUrl(url)}`} />\n\n      {/* Top toolbar */}\n      <div className=\"flex items-center gap-1 px-2 py-1.5 border-b border-gray-200 bg-gray-50 shrink-0\">\n        <button onClick={back} disabled={!canBack} className={btn} title=\"Back\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" /></svg>\n        </button>\n        <button onClick={forward} disabled={!canForward} className={btn} title=\"Forward\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" /></svg>\n        </button>\n        <button onClick={refresh} className={btn} title=\"Refresh\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M16.023 9.348h4.992V4.356M2.985 19.644v-4.992h4.992M3.05 9.348a9 9 0 0114.85-3.36L21.015 9.348m0 5.304a9 9 0 01-14.85 3.36l-3.115-3.36\" /></svg>\n        </button>\n        <button onClick={goHome} className={btn} title=\"Home\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.8}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M2.25 12l8.954-8.955a1.5 1.5 0 012.122 0l8.954 8.955M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25\" /></svg>\n        </button>\n\n        <form onSubmit={onSubmitUrl} className=\"flex-1 flex items-center mx-1\">\n          <div className=\"flex items-center w-full bg-white border border-gray-300 rounded focus-within:border-blue-400 focus-within:ring-1 focus-within:ring-blue-200\">\n            <span className=\"px-2 text-gray-400 text-xs\">{url.startsWith('https://') ? '🔒' : '⚠️'}</span>\n            <input\n              type=\"text\"\n              value={inputUrl}\n              onChange={(e) => setInputUrl(e.target.value)}\n              onFocus={(e) => e.target.select()}\n              className=\"flex-1 px-1 py-1 text-sm bg-transparent outline-none font-mono\"\n              spellCheck={false}\n              placeholder=\"Enter URL or search…\"\n            />\n            {url !== inputUrl && (\n              <button\n                type=\"button\"\n                onClick={() => setInputUrl(url)}\n                className=\"px-1.5 text-[10px] text-gray-400 hover:text-gray-700\"\n                title=\"Reset to current URL\"\n              >×</button>\n            )}\n          </div>\n        </form>\n\n        <button\n          onClick={() => isBookmarked ? removeBookmark(bookmarks.findIndex(b => b.url === url)) : addBookmark()}\n          className={btn + ' ' + (isBookmarked ? 'text-yellow-500' : '')}\n          title={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}\n        >\n          <svg className=\"h-4 w-4\" fill={isBookmarked ? 'currentColor' : 'none'} viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" />\n          </svg>\n        </button>\n        <button onClick={openExternal} className={btn} title=\"Open in new tab\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-7.5-9L21 3m0 0v6m0-6L9.75 14.25\" /></svg>\n        </button>\n        <button onClick={() => setShowHelp(s => !s)} className={btn} title=\"Embedding help\">\n          <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z\" /></svg>\n        </button>\n      </div>\n\n      {/* Bookmarks bar */}\n      <div className=\"flex items-center gap-0.5 px-2 py-1 border-b border-gray-200 bg-white shrink-0 overflow-x-auto\">\n        {bookmarks.length === 0 && (\n          <span className=\"text-[11px] text-gray-400 italic px-2\">No bookmarks yet — star the address bar to add one.</span>\n        )}\n        {bookmarks.map((b, i) => (\n          <button\n            key={i}\n            onClick={() => navigate(b.url)}\n            onContextMenu={(e) => {\n              e.preventDefault();\n              if (window.confirm(`Remove bookmark \"${b.label}\"?`)) removeBookmark(i);\n            }}\n            className=\"flex items-center gap-1.5 px-2 py-0.5 rounded text-[12px] text-gray-700 hover:bg-gray-100 whitespace-nowrap\"\n            title={`${b.url}\\n(right-click to remove)`}\n          >\n            <img\n              src={`https://www.google.com/s2/favicons?domain=${new URL(b.url).hostname}&sz=16`}\n              alt=\"\"\n              className=\"h-3.5 w-3.5\"\n              onError={(e) => { (e.target as HTMLImageElement).style.visibility = 'hidden'; }}\n            />\n            {b.label}\n          </button>\n        ))}\n        <div className=\"flex-1\" />\n        <button\n          onClick={setAsHomepage}\n          className=\"px-2 py-0.5 text-[11px] text-gray-500 hover:text-gray-800\"\n          title=\"Set current page as homepage\"\n        >Set as home</button>\n      </div>\n\n      {/* Iframe area */}\n      <div className=\"flex-1 relative min-h-0 bg-gray-50\">\n        <iframe\n          key={iframeKey + url}\n          ref={iframeRef}\n          src={url}\n          className=\"absolute inset-0 w-full h-full bg-white\"\n          // Sandboxing keeps embedded pages from messing with the parent\n          // window state. allow-same-origin lets sites that *do* allow\n          // embedding actually behave normally; allow-scripts is needed\n          // for any modern site.\n          sandbox=\"allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-modals\"\n          referrerPolicy=\"no-referrer-when-downgrade\"\n        />\n\n        {showHelp && (\n          <div className=\"absolute top-2 right-2 max-w-sm bg-white border border-gray-200 rounded-md shadow-lg p-3 text-xs text-gray-700 z-10\">\n            <div className=\"font-medium text-gray-900 mb-1\">Why is this page blank?</div>\n            <p className=\"mb-2\">\n              Most major sites (Google, GitHub, banks, news) refuse to be embedded in\n              an iframe via <span className=\"font-mono\">X-Frame-Options</span> or\n              Content Security Policy. There's no workaround — the browser blocks the\n              load before our app can do anything.\n            </p>\n            <p>\n              Hit the <span className=\"font-medium\">↗</span> button to open the page in\n              a real new tab. Sites that <em>do</em> allow embedding (Wikipedia, MDN,\n              docs sites, your own apps) work fine in here.\n            </p>\n            <button\n              onClick={() => setShowHelp(false)}\n              className=\"mt-2 text-[11px] text-blue-600 hover:underline\"\n            >Got it</button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction titleFromUrl(u: string): string {\n  try {\n    const url = new URL(u);\n    return url.hostname.replace(/^www\\./, '');\n  } catch {\n    return u;\n  }\n}\n"]}