efficient-shell 9.1.0 → 9.9.1

package/dist/ui.css

@@ -328,12 +328,23 @@ html.rosh-reduce-transparency *::after {
  * gray-400 ink. Keep the two blocks in step.
  */
 :root {
-  --surface: #ffffff;
-  --surface-sunken: #f9fafb;
-  --surface-raised: #f3f4f6;
-  --line-subtle: #f3f4f6;
-  --line: #e5e7eb;
-  --line-strong: #d1d5db;
+  /* The BASE tier: the untinted surfaces and lines. No theme sets these; a
+     host that wants its own greys does. The roles below read them, and an
+     accent theme (themes.css) sets the roles to its tint instead — the base
+     stays, for the few parts that must never tint (the fold band, the glass). */
+  --base-surface: #ffffff;
+  --base-surface-sunken: #f9fafb;
+  --base-surface-raised: #f3f4f6;
+  --base-line-subtle: #f3f4f6;
+  --base-line: #e5e7eb;
+  --base-line-strong: #d1d5db;
+
+  --surface: var(--base-surface);
+  --surface-sunken: var(--base-surface-sunken);
+  --surface-raised: var(--base-surface-raised);
+  --line-subtle: var(--base-line-subtle);
+  --line: var(--base-line);
+  --line-strong: var(--base-line-strong);
   --ink-faintest: #9ca3af;
   --ink-faint: #6b7280;
   --ink-muted: #4b5563;
@@ -371,12 +382,20 @@ html.rosh-reduce-transparency *::after {
    * replaces, because in a light theme the numbers run the other way round
    * while the roles do not.
    */
-  --surface: #1e1e2e;
-  --surface-sunken: #181825;
-  --surface-raised: #313244;
-  --line-subtle: #2a2a3c;
-  --line: #313244;
-  --line-strong: #45475a;
+  --base-surface: #1e1e2e;
+  --base-surface-sunken: #181825;
+  --base-surface-raised: #313244;
+  --base-line-subtle: #2a2a3c;
+  --base-line: #313244;
+  --base-line-strong: #45475a;
+  /* Re-declared here, not inherited from :root: on a `.dark` subtree inside a
+     light page, a role declared only on :root would keep the light base. */
+  --surface: var(--base-surface);
+  --surface-sunken: var(--base-surface-sunken);
+  --surface-raised: var(--base-surface-raised);
+  --line-subtle: var(--base-line-subtle);
+  --line: var(--base-line);
+  --line-strong: var(--base-line-strong);
   --ink-faintest: #6c7086;
   /* 4.79:1 on --surface. Was #7f849c at 4.44:1 — under AA, and this step
      is what `.text-gray-500` renders as in dark, so it carries real text. */
@@ -406,6 +425,219 @@ html.rosh-reduce-transparency *::after {
   --ink-placeholder: var(--ink-faintest);
 }
 
+/* ═══════════════════════════════════════════════════
+   Colour roles — every colour a component asks for
+   ═══════════════════════════════════════════════════ */
+/*
+ * The ramp above names surfaces, lines and inks. These are the rest: the
+ * accent by job, the flat status colours, the status borders, and the few
+ * neutral jobs the ramp had no name for. src/tokens/colour.ts lists every
+ * role; tests/colourRoleUtilities.test.ts holds this file to it.
+ *
+ * Why they are here and not only in brand.css. The accent and the `-text`
+ * status inks used to live in brand.css alone, and a portal loads ui.css, not
+ * brand.css — so in a portal `var(--accent-text)` resolved to nothing and the
+ * only way to write the accent was a blue palette class. brand.css imports
+ * this file, so a brand surface still gets every value.
+ *
+ * The accent jobs read a scale, `--accent-50` … `--accent-700`, that this
+ * file does NOT declare: an accent theme (themes.css) or a custom accent
+ * (useTheme, inline on <html>) sets it. Unset, each job falls back to
+ * Tailwind's blue THROUGH its theme variable (`var(--color-blue-600)`), not a
+ * literal, so a host that maps `--color-blue-*` onto its own accent moves the
+ * jobs with it, as it already moves the blue utilities. Leaving the scale
+ * unset in the default theme is deliberate: kit code that already reads
+ * `var(--accent-600, <fallback>)` (the taskbar's start balloon and drop hint,
+ * the timeline accent) keeps drawing exactly what it drew.
+ *
+ * The roles new in this block, and the palette class each one replaces:
+ *   --ink-disabled     text-gray-300: a disabled label, an inactive sort arrow
+ *   --ink-on-inverse   text-white on --surface-inverse
+ *   --surface-inverse  bg-gray-900 / bg-gray-700: a dark chip in a light UI
+ *   --row-hover        hover:bg-gray-50 on a list or table row
+ *   --status-X-line    border-red-200 and the like: a status box's border
+ *   --scrim-*          bg-black/30, /60, /80 over media
+ *   --identity-1..8    avatar and tag hues; the chart series, never themed
+ */
+:root {
+  --accent-fill: var(--accent-600, var(--color-blue-600));
+  --accent-fill-hover: var(--accent-700, var(--color-blue-700));
+  --accent-tint: var(--accent-50, var(--color-blue-50));
+  --accent-tint-strong: var(--accent-100, var(--color-blue-100));
+  --accent-border: var(--accent-500, var(--color-blue-500));
+  --accent-text: #1d4ed8;   /* 6.70:1 on --surface — blue-700 */
+  --on-accent: #ffffff;     /* 5.17:1 on --accent-600 */
+
+  --danger: #dc2626;
+  --warning: #f59e0b;
+  --success: #16a34a;
+  --danger-text: #dc2626;   /* 4.83:1 on --surface */
+  --warning-text: #b45309;  /* 5.02:1 — amber-700; #f59e0b is 2.15:1 here */
+  --success-text: #15803d;  /* 5.02:1 */
+
+  --surface-inverse: #111827;
+  --ink-on-inverse: #ffffff;
+  --ink-disabled: #d1d5db;
+  --row-hover: var(--surface-sunken);
+
+  --status-success-line: #bbf7d0;
+  --status-active-line: #bfdbfe;
+  --status-queued-line: #c7d2fe;
+  --status-info-line: #bae6fd;
+  --status-pending-line: #fef08a;
+  --status-warning-line: #fed7aa;
+  --status-danger-line: #fecaca;
+  --status-draft-line: #d1d5db;
+  --status-neutral-line: #e5e7eb;
+
+  --scrim-soft: rgba(0, 0, 0, 0.3);
+  --scrim-mid: var(--rosh-media-scrim);
+  --scrim-strong: rgba(0, 0, 0, 0.8);
+
+  --identity-1: var(--viz-series-1);
+  --identity-2: var(--viz-series-2);
+  --identity-3: var(--viz-series-3);
+  --identity-4: var(--viz-series-4);
+  --identity-5: var(--viz-series-5);
+  --identity-6: var(--viz-series-6);
+  --identity-7: var(--viz-series-7);
+  --identity-8: var(--viz-series-8);
+}
+
+/*
+ * Dark. The fills hold; what moves is anything read AGAINST the surface, which
+ * moved. The accent washes and line are the values the dark blue-utility
+ * remaps below already paint (`rgba(var(--rosh-dark-accent-rgb), 0.26)` for
+ * bg-blue-50, and so on), so a role and the class it replaces look the same.
+ * The status borders are each group's hue at the alpha the dark border remaps
+ * use (0.32 – 0.35).
+ */
+:is([data-theme="dark"], .dark) {
+  --accent-tint: rgba(var(--rosh-dark-accent-rgb), 0.26);
+  --accent-tint-strong: rgba(var(--rosh-dark-accent-rgb), 0.22);
+  --accent-border: rgb(var(--rosh-dark-accent-line-rgb));
+  --accent-text: #60a5fa;   /* 6.45:1 — blue-400 */
+
+  --danger-text: #f87171;   /* 5.93:1 on the dark --surface */
+  --warning-text: #f59e0b;  /* 7.64:1 */
+  --success-text: #16a34a;  /* 4.98:1 */
+
+  --surface-inverse: #cdd6f4;
+  --ink-on-inverse: #1e1e2e;
+  --ink-disabled: #585b70;
+  --row-hover: var(--line-subtle);
+
+  --status-success-line: rgba(34, 197, 94, 0.32);
+  --status-active-line: rgba(59, 130, 246, 0.35);
+  --status-queued-line: rgba(99, 102, 241, 0.35);
+  --status-info-line: rgba(14, 165, 233, 0.35);
+  --status-pending-line: rgba(234, 179, 8, 0.32);
+  --status-warning-line: rgba(249, 115, 22, 0.35);
+  --status-danger-line: rgba(239, 68, 68, 0.35);
+  --status-draft-line: var(--line-strong);
+  --status-neutral-line: var(--line);
+}
+
+/*
+ * Each role as a utility class: the text, background and border utility of
+ * `ink`, `surface`, `line`, `accent-fill`, `status-danger-line` and the rest —
+ * and every other colour utility Tailwind derives (ring, divide, fill, stroke,
+ * outline, from/via/to). Class names are not written out here: a class named
+ * in any file of this repository ships in brand.css (AGENTS.md).
+ *
+ * `inline`: the class writes `var(--ink)` itself, so it follows dark mode and
+ * a host's ramp at run time instead of freezing the light value. `default`: an
+ * app's own `@theme` still wins (see the shape-and-type block at the top).
+ *
+ * The accent SCALE (`--accent-50` … `-700`) is deliberately not here: a
+ * component asks for a job (the accent tint), never a step.
+ */
+@theme inline default {
+  --color-surface: var(--surface);
+  --color-surface-sunken: var(--surface-sunken);
+  --color-surface-raised: var(--surface-raised);
+  --color-surface-inverse: var(--surface-inverse);
+  --color-line-subtle: var(--line-subtle);
+  --color-line: var(--line);
+  --color-line-strong: var(--line-strong);
+  --color-ink-faintest: var(--ink-faintest);
+  --color-ink-faint: var(--ink-faint);
+  --color-ink-muted: var(--ink-muted);
+  --color-ink: var(--ink);
+  --color-ink-strong: var(--ink-strong);
+  --color-ink-strongest: var(--ink-strongest);
+  --color-ink-placeholder: var(--ink-placeholder);
+  --color-ink-disabled: var(--ink-disabled);
+  --color-ink-on-inverse: var(--ink-on-inverse);
+  --color-row-hover: var(--row-hover);
+
+  --color-accent-fill: var(--accent-fill);
+  --color-accent-fill-hover: var(--accent-fill-hover);
+  --color-accent-tint: var(--accent-tint);
+  --color-accent-tint-strong: var(--accent-tint-strong);
+  --color-accent-border: var(--accent-border);
+  --color-accent-text: var(--accent-text);
+  --color-on-accent: var(--on-accent);
+
+  --color-danger: var(--danger);
+  --color-warning: var(--warning);
+  --color-success: var(--success);
+  --color-danger-text: var(--danger-text);
+  --color-warning-text: var(--warning-text);
+  --color-success-text: var(--success-text);
+
+  --color-status-success-soft: var(--status-success-soft);
+  --color-status-success-soft-ink: var(--status-success-soft-ink);
+  --color-status-success-solid: var(--status-success-solid);
+  --color-status-success-line: var(--status-success-line);
+  --color-status-active-soft: var(--status-active-soft);
+  --color-status-active-soft-ink: var(--status-active-soft-ink);
+  --color-status-active-solid: var(--status-active-solid);
+  --color-status-active-line: var(--status-active-line);
+  --color-status-queued-soft: var(--status-queued-soft);
+  --color-status-queued-soft-ink: var(--status-queued-soft-ink);
+  --color-status-queued-solid: var(--status-queued-solid);
+  --color-status-queued-line: var(--status-queued-line);
+  --color-status-info-soft: var(--status-info-soft);
+  --color-status-info-soft-ink: var(--status-info-soft-ink);
+  --color-status-info-solid: var(--status-info-solid);
+  --color-status-info-line: var(--status-info-line);
+  --color-status-pending-soft: var(--status-pending-soft);
+  --color-status-pending-soft-ink: var(--status-pending-soft-ink);
+  --color-status-pending-solid: var(--status-pending-solid);
+  --color-status-pending-line: var(--status-pending-line);
+  --color-status-warning-soft: var(--status-warning-soft);
+  --color-status-warning-soft-ink: var(--status-warning-soft-ink);
+  --color-status-warning-solid: var(--status-warning-solid);
+  --color-status-warning-line: var(--status-warning-line);
+  --color-status-danger-soft: var(--status-danger-soft);
+  --color-status-danger-soft-ink: var(--status-danger-soft-ink);
+  --color-status-danger-solid: var(--status-danger-solid);
+  --color-status-danger-line: var(--status-danger-line);
+  --color-status-draft-soft: var(--status-draft-soft);
+  --color-status-draft-soft-ink: var(--status-draft-soft-ink);
+  --color-status-draft-solid: var(--status-draft-solid);
+  --color-status-draft-line: var(--status-draft-line);
+  --color-status-neutral-soft: var(--status-neutral-soft);
+  --color-status-neutral-soft-ink: var(--status-neutral-soft-ink);
+  --color-status-neutral-solid: var(--status-neutral-solid);
+  --color-status-neutral-line: var(--status-neutral-line);
+  --color-status-on-solid: var(--status-on-solid);
+
+  --color-scrim-soft: var(--scrim-soft);
+  --color-scrim-mid: var(--scrim-mid);
+  --color-scrim-strong: var(--scrim-strong);
+
+  --color-identity-1: var(--identity-1);
+  --color-identity-2: var(--identity-2);
+  --color-identity-3: var(--identity-3);
+  --color-identity-4: var(--identity-4);
+  --color-identity-5: var(--identity-5);
+  --color-identity-6: var(--identity-6);
+  --color-identity-7: var(--identity-7);
+  --color-identity-8: var(--identity-8);
+}
+
 /* ── The compact settings row (owner 2026-10-17, R2) ───────────────────────
  * One rule for every row in an editor-panel group, not one per row:
  *   - every number box straight in a compact SettingRow's value slot is ONE
@@ -437,16 +669,16 @@ html.rosh-reduce-transparency *::after {
 
 /* ── The fold band (owner 2026-10-17, R2: Accordion's `band` tier) ─────────
  * Lewis's fold sign option F: a group band is one grey step darker than the
- * panel, and one step further on hover. Roles read from the neutral ramp
- * above, so an accent theme's tinted greys do not reach it and a host's own
- * ramp does. */
+ * panel, and one step further on hover. It reads the BASE tier, not the
+ * roles: an accent theme tints the roles, and its tint must not reach the
+ * band; a host's own base does. */
 :root {
-  --rosh-fold-band: var(--line);
-  --rosh-fold-band-hover: var(--line-strong);
+  --rosh-fold-band: var(--base-line);
+  --rosh-fold-band-hover: var(--base-line-strong);
 }
 :is([data-theme="dark"], .dark) {
-  --rosh-fold-band: var(--line-strong);
-  --rosh-fold-band-hover: color-mix(in srgb, var(--line-strong) 80%, var(--ink-faintest));
+  --rosh-fold-band: var(--base-line-strong);
+  --rosh-fold-band-hover: color-mix(in srgb, var(--base-line-strong) 80%, var(--ink-faintest));
 }
 
 /* ── Chart tokens ───────────────────────────────────────────────────────────
@@ -846,11 +1078,12 @@ html.rosh-reduce-transparency *::after {
   /* glassStyle() — every menu, popup and listbox in the kit; a Tooltip
      bubble is always the solid one (solidSurfaceStyle()). The
      surface a popup is tinted from (frosted) or painted in (solid), and the
-     stop across the middle of its gradient. Both chain to the ramp, so a host
-     that restyles `--surface` moves its popups with it; one that wants its
+     stop across the middle of its gradient. Both chain to the BASE tier, not
+     the tinted roles, so an accent theme does not tint the glass while a host
+     that restyles its base moves its popups with it; one that wants its
      popups in a colour of their own sets `--rosh-glass-surface` alone. */
-  --rosh-glass-surface: var(--surface);
-  --rosh-glass-surface-mid: var(--surface);
+  --rosh-glass-surface: var(--base-surface);
+  --rosh-glass-surface-mid: var(--base-surface);
   /* The frosted edge and its depth: a white hairline and an inner highlight
      (the glass SURFACE), lifted by the popup level, the one popup shadow
      (GG for Lewis, 2026-10-13; it was its own 0 8px 32px + 0 2px 8px). */
@@ -896,7 +1129,7 @@ html.rosh-reduce-transparency *::after {
  * like every dark rule once the kit follows a `dark` class as well as
  * `data-theme` (feat/ui-dark-class): `:is()` has the specificity of either. */
 :is([data-theme="dark"], .dark) {
-  --rosh-glass-surface-mid: var(--surface-sunken);
+  --rosh-glass-surface-mid: var(--base-surface-sunken);
   --rosh-glass-border: rgba(255, 255, 255, 0.08);
   --rosh-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.4),
     var(--elevation-popup);
@@ -919,11 +1152,20 @@ html.rosh-reduce-transparency *::after {
  * panel is the side-panel shadow efficient-easel drew for itself. Black at an
  * alpha composites on either theme. A component class or inline style reads
  * these; nothing in the kit does yet, so nothing renders differently.
+ *
+ * Four more, each the shadow an editor drew for itself, at the value it drew
+ * (GG for Lewis, 2026-10-24: a level each, so nothing moves; a later design
+ * pass may merge them): bar (the editor's top bar) · handle (the canvas drag
+ * handle) · tag (the picker's tag) · frame (the preview frame).
  */
 :root {
   --elevation-none: none;
+  --elevation-bar: 0 1px 3px rgb(0 0 0 / 0.06);
   --elevation-raised: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --elevation-handle: 0 2px 6px rgb(16 24 40 / 0.2);
+  --elevation-tag: 0 4px 12px rgb(0 0 0 / 0.2);
   --elevation-panel: 0 1px 2px rgb(0 0 0 / 0.05), 0 10px 30px rgb(0 0 0 / 0.06);
+  --elevation-frame: 0 1px 2px rgb(0 0 0 / 0.06), 0 12px 36px rgb(0 0 0 / 0.1);
   --elevation-popup: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --elevation-dialog: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
 }

package/dist/version.js

@@ -1 +1 @@
-export{APP_VERSION,VERSION}from"./chunk-YAEUF3GP.js";
+export{APP_VERSION,VERSION}from"./chunk-TNTQL6SX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-shell",
-  "version": "9.1.0",
+  "version": "9.9.1",
   "description": "Desktop-style React UI shell — windows, taskbar, start menu, sticky notes, frosted glass theming, and bundled apps.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",

package/dist/Browser-FTCJCMD3.js

@@ -1,43 +0,0 @@
-import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-Y37PBT4H.js";import{WindowTitle as r}from"./chunk-KJY57QPT.js";import"./chunk-CY5N5OA3.js";import"./chunk-AW7TOB6N.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-BMPBVI7P.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-6WWAQC5V.js";import{confirm as n}from"./chunk-EGDJEY4K.js";import"./chunk-GNPTNAZH.js";import"./chunk-KC3EX26K.js";import"./chunk-4AJRHTTB.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import"./chunk-UGTRSRIW.js";import"./chunk-ET2EF5CI.js";import"./chunk-CDAJKLGL.js";import"./chunk-YAEUF3GP.js";import"./chunk-DXTKNHWG.js";import"./chunk-QR4RM7PO.js";import"./chunk-5QFPTDQF.js";import"./chunk-D323R2FT.js";import"./chunk-4IU5BSVE.js";import"./chunk-K7U4RWXJ.js";import"./chunk-VH6GB73Q.js";import{Icon as a}from"./chunk-FSPFV4MI.js";import"./chunk-J75ZT2JQ.js";import"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-6KO5VTL7.js";import"./chunk-22S6LG6D.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-GLUJS42B.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-E6UCGCOC.js";import"./chunk-C3QOHMR6.js";import{useRef as s,useEffect as i,useState as l}from"react";import{jsxs as c,jsx as m,Fragment as u}from"react/jsx-runtime";var d="react-os-shell:browser-bookmarks",h="react-os-shell:browser-homepage",p="https://en.wikipedia.org/wiki/Main_Page",g=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],b=new Set(["ac ad ae af ag ai al am ao aq ar as at au aw ax az ba bb bd be bf bg bh bi","bj bm bn bo br bs bt bw by bz ca cc cd cf cg ch ci ck cl cm cn co cr cu cv","cw cx cy cz de dj dk dm do dz ec ee eg er es et eu fi fj fk fm fo fr ga gd","ge gf gg gh gi gl gm gn gp gq gr gs gt gu gw gy hk hm hn hr ht hu id ie il","im in io iq ir is it je jm jo jp ke kg kh ki km kn kp kr kw ky kz la lb lc","li lk lr ls lt lu lv ly ma mc md me mg mh mk ml mm mn mo mp mq mr ms mt mu","mv mw mx my mz na nc ne nf ng ni nl no np nr nu nz om pa pe pf pg ph pk pl","pm pn pr ps pt pw py qa re ro rs ru rw sa sb sc sd se sg sh si sk sl sm sn","so sr ss st su sv sx sy sz tc td tf tg th tj tk tl tm tn to tr tt tv tw tz","ua ug uk us uy uz va vc ve vg vi vn vu wf ws ye yt za zm zw","com net org edu gov mil int info biz name pro app dev xyz online site tech","store shop cloud design digital agency studio media news blog live life","world today email systems solutions services software page link space host","press wiki team group works careers finance capital energy academy"].join(" ").split(" "));function k(e){let t=e.trim();return t?/^[a-z][a-z0-9+.-]*:\/\//i.test(t)?t:function(e){const t=/^([\w-]+\.)+([a-z]{2,})(\/.*)?$/i.exec(e);return null!==t&&b.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var f=["duckduckgo.com","developer.mozilla.org","google.com","gmail.com","youtube.com","facebook.com","instagram.com","whatsapp.com","twitter.com","x.com","github.com","gitlab.com","linkedin.com","reddit.com","pinterest.com","amazon.com","amazon.ca","amazon.co.uk","apple.com","icloud.com","microsoft.com","outlook.com","live.com","office.com","netflix.com","spotify.com","paypal.com","stripe.com","chat.openai.com","chatgpt.com","claude.ai"];function x(){if("undefined"==typeof window)return g;try{const e=localStorage.getItem(d);if(!e)return g;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return g}function w(){return"undefined"==typeof window?p:localStorage.getItem(h)||p}function y(){const u=s(void 0);void 0===u.current&&(u.current=e()),i(()=>{null!=u.current&&t(u.current)},[]);const p=u.current?k(u.current.url):"",[g,b]=l(w),[f,y]=l(p||g),[j,C]=l(f),[W,R]=l([f]),[z,T]=l(0),[E,D]=l(0),[L,S]=l(x),[G,U]=l(!1),[K,P]=l(null),H=s(null),J=s(null);i(()=>{try{localStorage.setItem(d,JSON.stringify(L))}catch{}},[L]);const M=e=>{const t=k(e);t&&(y(t),C(t),R(e=>{const o=e.slice(0,z+1);return o.push(t),o}),T(e=>e+1),U(!1))},Q=()=>{"undefined"!=typeof window&&window.open(f,"_blank","noopener,noreferrer")},A=()=>{const e=K?.trim();e?(S(t=>[...t,{label:e,url:f}]),P(null)):P(null)};i(()=>{if(null===K)return;H.current?.focus(),H.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||P(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==K]);const B=e=>{S(t=>t.filter((t,o)=>o!==e))},F=z>0,I=z<W.length-1,O=L.some(e=>e.url===f),V="p-2 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
-return c("div",{className:"relative flex flex-col h-full bg-white",children:[
-/* @__PURE__ */m(r,{title:`Browser - ${v(f)}`}),
-/* @__PURE__ */m(o,{app:"browser"}),
-/* @__PURE__ */c("div",{className:"flex items-center gap-1 px-2 py-2 border-b border-gray-200 bg-gray-50 shrink-0",children:[
-/* @__PURE__ */m("button",{onClick:()=>{if(z>0){const e=z-1;T(e),y(W[e]),C(W[e]),U(!1)}},disabled:!F,className:V,title:"Back",children:/* @__PURE__ */m(a,{name:"chevron-left",className:"h-4 w-4",strokeWidth:2})}),
-/* @__PURE__ */m("button",{onClick:()=>{if(z<W.length-1){const e=z+1;T(e),y(W[e]),C(W[e]),U(!1)}},disabled:!I,className:V,title:"Forward",children:/* @__PURE__ */m(a,{name:"chevron-right",className:"h-4 w-4",strokeWidth:2})}),
-/* @__PURE__ */m("button",{onClick:()=>D(e=>e+1),className:V,title:"Refresh",children:/* @__PURE__ */m(a,{name:"refresh",className:"h-4 w-4",strokeWidth:1.8})}),
-/* @__PURE__ */m("button",{onClick:()=>M(g),className:V,title:"Home",children:/* @__PURE__ */m(a,{name:"home",className:"h-4 w-4",strokeWidth:1.8})}),
-/* @__PURE__ */m("form",{onSubmit:e=>{e.preventDefault(),M(j)},className:"flex-1 flex items-center mx-1",children:/* @__PURE__ */c("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__ */m("span",{className:"px-2 text-gray-400 text-xs",children:f.startsWith("https://")?"🔒":"⚠️"}),
-/* @__PURE__ */m("input",{type:"text",value:j,onChange:e=>C(e.target.value),onFocus:e=>e.target.select(),className:"flex-1 px-1 py-1 text-sm bg-transparent outline-none font-mono",spellCheck:!1,placeholder:"Enter URL or search…"}),f!==j&&/* @__PURE__ */m("button",{type:"button",onClick:()=>C(f),className:"px-2 text-2xs text-gray-400 hover:text-gray-700",title:"Reset to current URL",children:"×"})]})}),
-/* @__PURE__ */m("button",{"data-bookmark-popover":!0,onClick:()=>O?B(L.findIndex(e=>e.url===f)):void P(v(f)),className:V+" "+(O?"text-yellow-500":""),title:O?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */m(a,{name:"star",className:"h-4 w-4",fill:O?"currentColor":"none",strokeWidth:1.5})}),
-/* @__PURE__ */m("button",{onClick:Q,className:V,title:"Open in new tab",children:/* @__PURE__ */m(a,{name:"external",className:"h-4 w-4",strokeWidth:1.5})}),
-/* @__PURE__ */m("button",{onClick:()=>U(e=>!e),className:V,title:"Embedding help",children:/* @__PURE__ */m(a,{name:"help",className:"h-4 w-4",strokeWidth:1.5})})]}),null!==K&&/* @__PURE__ */c("div",{"data-bookmark-popover":!0,className:"absolute right-3 top-12 z-30 w-72 bg-white border border-gray-200 rounded-md shadow-lg p-3",children:[
-/* @__PURE__ */m("div",{className:"text-2xs font-semibold uppercase tracking-wide text-gray-500 mb-1",children:"Bookmark this page"}),
-/* @__PURE__ */m("div",{className:"text-2xs text-gray-400 truncate mb-2 font-mono",title:f,children:f}),
-/* @__PURE__ */m("input",{ref:H,type:"text",value:K,onChange:e=>P(e.target.value),onKeyDown:e=>{"Enter"===e.key?A():"Escape"===e.key&&P(null)},placeholder:"Name",className:"w-full text-sm px-2 h-8 border border-gray-300 rounded focus:outline-none focus:border-blue-400 focus:ring-1 focus:ring-blue-200"}),
-/* @__PURE__ */c("div",{className:"flex justify-end gap-1 mt-2",children:[
-/* @__PURE__ */m("button",{onClick:()=>P(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
-/* @__PURE__ */m("button",{onClick:A,disabled:!K.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
-/* @__PURE__ */c("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:[0===L.length&&/* @__PURE__ */m("span",{className:"text-2xs text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),L.map((e,t)=>/* @__PURE__ */c("button",{onClick:()=>M(e.url),onContextMenu:async o=>{o.preventDefault();await n({title:"Remove bookmark",message:`"${e.label}" will be removed from your bookmarks.`,confirmLabel:"Remove",variant:"danger"})&&B(t)},className:"flex items-center gap-2 px-2 py-0.5 rounded text-xs text-gray-700 hover:bg-gray-100 whitespace-nowrap",title:`${e.url}\n(right-click to remove)`,children:[
-/* @__PURE__ */m("img",{src:`https://icons.duckduckgo.com/ip3/${new URL(e.url).hostname}.ico`,alt:"",className:"h-3.5 w-3.5",onError:e=>{e.target.style.visibility="hidden"}}),e.label]},t)),
-/* @__PURE__ */m("div",{className:"flex-1"}),
-/* @__PURE__ */m("button",{onClick:()=>{b(f);try{localStorage.setItem(h,f)}catch{}},className:"px-2 py-0.5 text-2xs text-gray-500 hover:text-gray-800",title:"Set current page as homepage",children:"Set as home"})]}),
-/* @__PURE__ */m("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */m(N,{url:f,iframeKey:E,iframeRef:J,openExternal:Q,showHelp:G,dismissHelp:()=>U(!1)})})]})}function v(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function N({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:n,dismissHelp:s}){const[d,h]=l(!1);i(()=>{h(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return f.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!d?/* @__PURE__ */m("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */c("div",{className:"max-w-md text-center",children:[
-/* @__PURE__ */m(a,{name:"no-symbol",className:"h-14 w-14 mx-auto text-gray-300 mb-3",strokeWidth:1.2}),
-/* @__PURE__ */c("h3",{className:"text-base font-semibold text-gray-800 mb-1",children:[v(e)," can't be embedded"]}),
-/* @__PURE__ */c("p",{className:"text-sm text-gray-500 mb-4",children:["This site sends an ",
-/* @__PURE__ */m("span",{className:"font-mono text-xs",children:"X-Frame-Options"})," ","or ",
-/* @__PURE__ */m("span",{className:"font-mono text-xs",children:"Content-Security-Policy"})," header that refuses iframe embedding. The browser blocks the load before our app can do anything about it."]}),
-/* @__PURE__ */c("div",{className:"flex flex-col items-center gap-2",children:[
-/* @__PURE__ */c("button",{onClick:r,className:"px-4 py-2 bg-blue-500 text-white text-sm rounded hover:bg-blue-600 inline-flex items-center gap-2",children:[
-/* @__PURE__ */m(a,{name:"external",className:"h-4 w-4",strokeWidth:1.5}),"Open in a new tab"]}),
-/* @__PURE__ */m("button",{onClick:()=>h(!0),className:"text-xs text-gray-500 hover:text-gray-800 underline",children:"Try loading it here anyway"})]})]})}):/* @__PURE__ */c(u,{children:[
-/* @__PURE__ */m("iframe",{ref:o,src:e,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"},t+e),n&&/* @__PURE__ */c("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__ */m("div",{className:"font-medium text-gray-900 mb-1",children:"Why is this page blank?"}),
-/* @__PURE__ */c("p",{className:"mb-2",children:["Most major sites (Google, GitHub, banks, news) refuse to be embedded in an iframe via ",
-/* @__PURE__ */m("span",{className:"font-mono",children:"X-Frame-Options"})," or Content Security Policy. There's no workaround — the browser blocks the load before our app can do anything."]}),
-/* @__PURE__ */c("p",{children:["Hit the ",
-/* @__PURE__ */m("span",{className:"font-medium",children:"↗"})," button to open the page in a real new tab. Sites that ",
-/* @__PURE__ */m("em",{children:"do"})," allow embedding (Wikipedia, DevDocs, your own apps) work fine in here."]}),
-/* @__PURE__ */m("button",{onClick:s,className:"mt-2 text-2xs text-blue-600 hover:underline",children:"Got it"})]})]})}export{y as default};

package/dist/Calculator-7O7HXEKH.js

@@ -1,29 +0,0 @@
-import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-U4BMS5EV.js";import{useWidgetSettings as n}from"./chunk-KJY57QPT.js";import"./chunk-CY5N5OA3.js";import"./chunk-AW7TOB6N.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-BMPBVI7P.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-6WWAQC5V.js";import"./chunk-EGDJEY4K.js";import"./chunk-GNPTNAZH.js";import"./chunk-KC3EX26K.js";import"./chunk-4AJRHTTB.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import"./chunk-UGTRSRIW.js";import"./chunk-ET2EF5CI.js";import"./chunk-CDAJKLGL.js";import"./chunk-DXTKNHWG.js";import"./chunk-QR4RM7PO.js";import"./chunk-5QFPTDQF.js";import"./chunk-D323R2FT.js";import"./chunk-4IU5BSVE.js";import"./chunk-K7U4RWXJ.js";import"./chunk-VH6GB73Q.js";import{Icon as r}from"./chunk-FSPFV4MI.js";import"./chunk-J75ZT2JQ.js";import"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-6KO5VTL7.js";import"./chunk-22S6LG6D.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-GLUJS42B.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-E6UCGCOC.js";import"./chunk-C3QOHMR6.js";import{useState as c,useRef as i,useCallback as l,useEffect as o}from"react";import{jsxs as s,Fragment as a,jsx as u}from"react/jsx-runtime";var h="calc_appearance";function m(){const[m,k]=c("0"),[p,d]=c(null),[b,g]=c(null),[N,j]=c(!1),[y,x]=c(""),[C,f]=c([]),[v,$]=c(!1),[T,E]=c(()=>e(h)),[W,w]=c(!1),[D,J]=c(T),R=i(null);n(l(()=>{J({...T}),w(!0)},[T]));const S=l(e=>{x(""),k(t=>N||"0"===t?(j(!1),"."===e?"0.":e):"."===e&&t.includes(".")?t:t+e)},[N]),G=l(()=>{k("0"),d(null),g(null),j(!1)},[]),K=l((e,t,n)=>{switch(n){case"+":return e+t;case"-":return e-t;case"×":return e*t;case"÷":return 0===t?0:e/t;default:return t}},[]),A=l(e=>{const t=parseFloat(m);if(null!==p&&b&&!N){const e=K(p,t,b);k(String(e)),d(e),f(n=>[`${p} ${b} ${t} = ${e}`,...n].slice(0,20))}else d(t);g(e),j(!0)},[m,p,b,N,K]),B=l(()=>{if(null===p||!b)return;const e=parseFloat(m),t=K(p,e,b),n=`${p} ${b} ${e} =`;f(e=>[`${n} ${t}`,...e].slice(0,20)),x(n),k(String(t)),d(null),g(null),j(!0)},[m,p,b,K]),F=l(()=>{k(e=>String(parseFloat(e)/100))},[]),Q=l(()=>{k(e=>e.startsWith("-")?e.slice(1):"0"===e?e:"-"+e)},[]);o(()=>{const e=e=>{const t=e.target.tagName;"INPUT"!==t&&"TEXTAREA"!==t&&"SELECT"!==t&&(e.key>="0"&&e.key<="9"?S(e.key):"."===e.key?S("."):"+"===e.key?A("+"):"-"===e.key?A("-"):"*"===e.key?A("×"):"/"===e.key?(e.preventDefault(),A("÷")):"Enter"===e.key||"="===e.key?("Enter"===e.key&&e.target instanceof Node&&R.current?.contains(e.target)&&e.preventDefault(),B()):"Escape"===e.key?G():"Backspace"===e.key?k(e=>e.length>1?e.slice(0,-1):"0"):"%"===e.key&&F())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[S,A,B,G,F]);const U="flex items-center justify-center rounded-lg text-sm font-medium transition-colors",V=`${U} bg-white border border-gray-200 text-gray-900 hover:bg-gray-50 active:bg-gray-100`,M=`${U} bg-blue-50 border border-blue-200 text-blue-700 hover:bg-blue-100 active:bg-blue-200`,L=`${U} bg-gray-100 border border-gray-200 text-gray-600 hover:bg-gray-200 active:bg-gray-300`,P=`${U} bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800`;/* @__PURE__ */
-return s(a,{children:[
-/* @__PURE__ */s("div",{ref:R,className:"flex flex-col h-full",style:{opacity:T.activeOpacity/100,backdropFilter:T.activeBlur>0?`blur(${T.activeBlur}px)`:void 0},children:[
-/* @__PURE__ */s("div",{className:"bg-slate-200 rounded-t-lg px-4 py-2 group/display relative flex flex-col justify-end min-h-[120px] border-b border-slate-300",children:[
-/* @__PURE__ */u("div",{className:"flex flex-col justify-end flex-1 overflow-hidden",children:C.slice(0,3).reverse().map((e,t)=>/* @__PURE__ */u("div",{className:"text-2xs text-slate-400 text-right font-mono truncate",children:e},t))}),(y||b&&null!==p)&&/* @__PURE__ */u("div",{className:"text-base text-slate-600 text-right font-mono",children:y||`${p} ${b} ${N?"":m}`}),
-/* @__PURE__ */s("div",{className:"flex items-center gap-2",children:[
-/* @__PURE__ */u("button",{onClick:()=>{navigator.clipboard.writeText(m),$(!0),setTimeout(()=>$(!1),1200)},title:"Copy result",className:"shrink-0 text-slate-300 hover:text-slate-500 transition-colors opacity-0 group-hover/display:opacity-100",children:/* @__PURE__ */u(r,v?{name:"check",className:"h-5 w-5 text-green-500",strokeWidth:2}:{name:"copy",className:"h-5 w-5",strokeWidth:2})}),
-/* @__PURE__ */u("div",{className:"text-right text-4xl font-mono font-bold text-slate-800 truncate flex-1",children:(e=>{const t=parseFloat(e);return isNaN(t)||e.endsWith(".")||e.endsWith(".0")||Math.abs(t)<1e15&&e.length<16?e:t.toExponential(6)})(m)})]})]}),
-/* @__PURE__ */s("div",{className:"grid grid-cols-4 grid-rows-5 gap-2 flex-1 min-h-0 p-2",children:[
-/* @__PURE__ */u("button",{onClick:G,className:L,children:"AC"}),
-/* @__PURE__ */u("button",{onClick:Q,className:L,children:"+/−"}),
-/* @__PURE__ */u("button",{onClick:F,className:L,children:"%"}),
-/* @__PURE__ */u("button",{onClick:()=>A("÷"),className:`${M} ${"÷"===b?"ring-2 ring-blue-400":""}`,children:"÷"}),
-/* @__PURE__ */u("button",{onClick:()=>S("7"),className:V,children:"7"}),
-/* @__PURE__ */u("button",{onClick:()=>S("8"),className:V,children:"8"}),
-/* @__PURE__ */u("button",{onClick:()=>S("9"),className:V,children:"9"}),
-/* @__PURE__ */u("button",{onClick:()=>A("×"),className:`${M} ${"×"===b?"ring-2 ring-blue-400":""}`,children:"×"}),
-/* @__PURE__ */u("button",{onClick:()=>S("4"),className:V,children:"4"}),
-/* @__PURE__ */u("button",{onClick:()=>S("5"),className:V,children:"5"}),
-/* @__PURE__ */u("button",{onClick:()=>S("6"),className:V,children:"6"}),
-/* @__PURE__ */u("button",{onClick:()=>A("-"),className:`${M} ${"-"===b?"ring-2 ring-blue-400":""}`,children:"−"}),
-/* @__PURE__ */u("button",{onClick:()=>S("1"),className:V,children:"1"}),
-/* @__PURE__ */u("button",{onClick:()=>S("2"),className:V,children:"2"}),
-/* @__PURE__ */u("button",{onClick:()=>S("3"),className:V,children:"3"}),
-/* @__PURE__ */u("button",{onClick:()=>A("+"),className:`${M} ${"+"===b?"ring-2 ring-blue-400":""}`,children:"+"}),
-/* @__PURE__ */u("button",{onClick:()=>S("0"),className:`${V} col-span-2`,children:"0"}),
-/* @__PURE__ */u("button",{onClick:()=>S("."),className:V,children:"."}),
-/* @__PURE__ */u("button",{onClick:B,className:P,children:"="})]})]}),
-/* @__PURE__ */u(t,{open:W,onClose:()=>w(!1),title:"Calculator Settings",appearance:D,onAppearanceChange:J,onSave:()=>{E(D),localStorage.setItem(h,JSON.stringify(D)),w(!1)}})]})}export{m as default};

package/dist/CurrencyConverter-IVJJCYZ7.js

@@ -1,21 +0,0 @@
-import{loadAppearance as t,WidgetSettingsModal as e}from"./chunk-U4BMS5EV.js";import{useWidgetSettings as r}from"./chunk-KJY57QPT.js";import"./chunk-CY5N5OA3.js";import"./chunk-AW7TOB6N.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-BMPBVI7P.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-6WWAQC5V.js";import"./chunk-EGDJEY4K.js";import"./chunk-GNPTNAZH.js";import"./chunk-KC3EX26K.js";import"./chunk-4AJRHTTB.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import"./chunk-UGTRSRIW.js";import"./chunk-ET2EF5CI.js";import"./chunk-CDAJKLGL.js";import"./chunk-DXTKNHWG.js";import"./chunk-QR4RM7PO.js";import"./chunk-5QFPTDQF.js";import"./chunk-D323R2FT.js";import"./chunk-4IU5BSVE.js";import"./chunk-K7U4RWXJ.js";import"./chunk-VH6GB73Q.js";import"./chunk-FSPFV4MI.js";import"./chunk-J75ZT2JQ.js";import{LoadingSpinner as n}from"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-6KO5VTL7.js";import"./chunk-22S6LG6D.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-GLUJS42B.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-E6UCGCOC.js";import"./chunk-C3QOHMR6.js";import{useState as s,useCallback as a,useEffect as o}from"react";import{jsxs as c,Fragment as i,jsx as l}from"react/jsx-runtime";var m=["USD","CNY","AUD","GBP","EUR","JPY","CAD","THB","NZD","SGD","HKD","CHF","KRW","INR","MXN","BRL"],u=[["USD","CNY"],["USD","AUD"],["GBP","USD"],["USD","JPY"]],p="currency_pairs",h="currency_appearance",d="currency_rates_cache";function g(t){try{const e=JSON.parse(localStorage.getItem(d)||"{}")[t];if(e&&Date.now()-e.timestamp<36e5)return e.rates}catch{}return null}function k(t,e){try{const r=JSON.parse(localStorage.getItem(d)||"{}");r[t]={rates:e,timestamp:Date.now()},localStorage.setItem(d,JSON.stringify(r))}catch{}}function N(){try{const t=JSON.parse(localStorage.getItem(p)||"");if(Array.isArray(t)&&t.length)return t.slice(0,4)}catch{}return u}var j={USD:"🇺🇸",CNY:"🇨🇳",AUD:"🇦🇺",GBP:"🇬🇧",JPY:"🇯🇵",CAD:"🇨🇦",EUR:"🇪🇺",THB:"🇹🇭",NZD:"🇳🇿",SGD:"🇸🇬",HKD:"🇭🇰",CHF:"🇨🇭",KRW:"🇰🇷",INR:"🇮🇳",MXN:"🇲🇽",BRL:"🇧🇷"};function f(){const[u,d]=s(N),[f,y]=s(()=>t(h)),[x,b]=s({}),[D,S]=s(!1),[C,v]=s(!1),[J,U]=s([]),[R,B]=s(f),[G,T]=s("USD"),[A,K]=s("CNY");r(a(()=>{U([...u]),B({...f}),v(!0)},[u,f])),o(()=>{const t=[...new Set(u.map(([t])=>t))];let e=!0;return async function(){S(!0);const r={};for(const e of t){const t=g(e);if(t)r[e]=t;else try{const t=await fetch(`https://open.er-api.com/v6/latest/${e}`),n=await t.json();n.rates&&(r[e]=n.rates,k(e,n.rates))}catch{}}e&&(b(r),S(!1))}(),()=>{e=!1}},[u]);/* @__PURE__ */
-return c(i,{children:[
-/* @__PURE__ */l("div",{style:{backgroundColor:`rgb(var(--taskbar-bg-rgb, 243 244 246) / ${f.activeOpacity/100})`,backdropFilter:f.activeBlur>0?`blur(${f.activeBlur}px)`:void 0},children:/* @__PURE__ */c("div",{className:"px-4 py-3 space-y-1",children:[D&&/* @__PURE__ */l(n,{size:"sm",padding:"py-4",label:"Loading rates"}),u.map(([t,e],r)=>{const n=x[t]?.[e];/* @__PURE__ */
-return c("button",{onClick:()=>{const t=u.map((t,e)=>e===r?[t[1],t[0]]:t);d(t),localStorage.setItem(p,JSON.stringify(t))},className:"flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0 w-full hover:bg-gray-100 rounded transition-colors cursor-pointer",children:[
-/* @__PURE__ */c("div",{className:"flex items-center gap-2",children:[
-/* @__PURE__ */l("span",{className:"text-base",children:j[t]||""}),
-/* @__PURE__ */l("span",{className:"text-sm font-semibold text-gray-700",children:t}),
-/* @__PURE__ */l("svg",{className:"h-3 w-3 text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"})}),
-/* @__PURE__ */l("span",{className:"text-base",children:j[e]||""}),
-/* @__PURE__ */l("span",{className:"text-sm font-semibold text-gray-700",children:e})]}),
-/* @__PURE__ */l("div",{className:"text-base font-mono font-semibold text-gray-900 tabular-nums",children:null!=n?n.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:4}):"—"})]},`${t}-${e}-${r}`)})]})}),
-/* @__PURE__ */l(e,{open:C,onClose:()=>v(!1),title:"Currency Settings",appearance:R,onAppearanceChange:B,onSave:()=>{if(0===J.length)return;const t=J.slice(0,4);d(t),y(R),localStorage.setItem(p,JSON.stringify(t)),localStorage.setItem(h,JSON.stringify(R)),v(!1)},children:/* @__PURE__ */c("div",{children:[
-/* @__PURE__ */c("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:["Currency Pairs ",
-/* @__PURE__ */c("span",{className:"text-2xs font-normal text-gray-400",children:["(",J.length,"/",4,")"]})]}),
-/* @__PURE__ */l("div",{className:"space-y-1 mb-2",children:J.map(([t,e],r)=>/* @__PURE__ */c("div",{className:"flex items-center justify-between py-1 px-2 bg-gray-50 rounded",children:[
-/* @__PURE__ */c("span",{className:"text-sm",children:[j[t]||""," ",t," → ",j[e]||""," ",e]}),
-/* @__PURE__ */l("button",{onClick:()=>U(t=>t.filter((t,e)=>e!==r)),className:"text-red-400 hover:text-red-600",children:"×"})]},r))}),J.length<4?/* @__PURE__ */c("div",{className:"flex items-center gap-2",children:[
-/* @__PURE__ */l("select",{value:G,onChange:t=>T(t.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:m.map(t=>/* @__PURE__ */l("option",{children:t},t))}),
-/* @__PURE__ */l("span",{className:"text-gray-400",children:"→"}),
-/* @__PURE__ */l("select",{value:A,onChange:t=>K(t.target.value),className:"bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:m.map(t=>/* @__PURE__ */l("option",{children:t},t))}),
-/* @__PURE__ */l("button",{onClick:()=>{G!==A&&J.length<4&&U(t=>[...t,[G,A]])},className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */c("p",{className:"text-2xs text-gray-400 italic",children:["Max ",4," pairs — remove one to add another."]})]})})]})}export{f as default};