efficient-shell 5.6.1 → 7.7.0

package/dist/ui.css

@@ -257,6 +257,12 @@
   --control-height-sm: 1.5rem;
   --control-height-md: 2rem;
   --control-height-lg: 2.5rem;
+
+  /* Row heights (Lewis, 2026-10-13): menu, list and sidebar rows, and the
+     main window bar. An exception to the control ladder; controls stay on
+     it. */
+  --row-height-menu: 2.25rem;
+  --row-height-window-bar: 2.75rem;
 }
 
 /* The default `utils/glass.ts` already assumes at `getMenuOpacity()`'s
@@ -775,7 +781,8 @@ html.rosh-reduce-transparency *::after {
  * so a selector rewrite of the dark theme touches one short block.
  */
 :root {
-  /* glassStyle() — every menu, popup, listbox and tooltip in the kit. The
+  /* 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
@@ -815,22 +822,6 @@ html.rosh-reduce-transparency *::after {
   /* SidebarLayout's resize handle under the pointer, when no custom accent is
      set — the custom accent's `--accent-500` still wins, read where it is set. */
   --rosh-resize-handle: #3b82f6;
-
-  /* DonutChart's default segment colours, in assignment order, and its track.
-     NOT the `--viz-series-*` palette above: the donut predates it and its
-     callers have been showing these hues, so this is the same eight in the
-     same order. A host that wants one palette across every chart points these
-     at the series tokens. The track is a translucent slate, read over either
-     theme, which is why nothing here has a dark step. */
-  --rosh-donut-1: #3b82f6;
-  --rosh-donut-2: #22c55e;
-  --rosh-donut-3: #f59e0b;
-  --rosh-donut-4: #ef4444;
-  --rosh-donut-5: #6366f1;
-  --rosh-donut-6: #14b8a6;
-  --rosh-donut-7: #a855f7;
-  --rosh-donut-8: #64748b;
-  --rosh-donut-track: rgba(148, 163, 184, 0.25);
 }
 
 /* ── Kit colours, dark ──────────────────────────────────────────────────────
@@ -901,10 +892,10 @@ html.rosh-reduce-transparency *::after {
  * IN NO LAYER, as they were in the portal, so they outrank a utility in the
  * same class attribute. That is as far as it goes. The dark and accent remaps
  * of a utility are `!important` and outrank these in turn, so a chip that is
- * to follow the theme wears `kbd-submit` and NO palette utility of its own: a
- * bare `<kbd>`, as the kit's two are, rather than `Kbd`, which brings gray
- * ones. `tests/browser/submitAffordance.check.mjs` reads the computed colours
- * under every theme.
+ * to follow the theme wears `kbd-submit` and NO palette utility of its own:
+ * `<Kbd tone="accent">`, or a bare `<kbd>` — never the default `Kbd`, which
+ * brings gray ones. `tests/browser/submitAffordance.check.mjs` reads the
+ * computed colours under every theme.
  */
 :root {
   --submit-bg: #2563eb;
@@ -930,30 +921,55 @@ html.rosh-reduce-transparency *::after {
   background-color: var(--submit-kbd-bg);
 }
 
+/*
+ * ── Layers ───────────────────────────────────────────────────────────────────
+ *
+ * The stack order of every shell layer, in hundreds (owner ruling,
+ * 2026-10-12), as custom properties for markup: `z-(--z-taskbar)`. The same
+ * numbers are `Z_LAYERS` in `src/shell/zLayers.ts`, for inline styles, which
+ * explains each layer; `tests/zLayersHundreds.test.ts` keeps the two equal and
+ * holds the kit to naming a layer instead of writing its number.
+ */
+:root {
+  --z-raised: 10;
+  --z-sticky: 20;
+  --z-in-box: 30;
+  --z-snap-preview: 900;
+  --z-window: 1000;
+  --z-peek: 1999;
+  --z-pinned-window: 2000;
+  --z-desktop-widget: 2100;
+  --z-taskbar: 2200;
+  --z-sidebar: 2300;
+  --z-taskbar-preview: 2350;
+  --z-start-menu: 2400;
+  --z-restore-tab: 2500;
+  --z-expose: 2600;
+  --z-overlay: 2700;
+  --z-toast: 2800;
+  --z-popup: 2900;
+  --z-menu: 2900;
+  --z-hint: 3000;
+}
+
 /* ── Tooltip arrow ──────────────────────────────────────────────────────────
  * `Tooltip`'s pointer: a 10px square turned 45°, standing out of the bubble's
  * edge that faces the trigger. `data-side` is the side the BUBBLE is on, so
  * `top` means the bubble is above its trigger and the arrow points down.
  *
- * It is the bubble's own surface. `Tooltip` fills it inline with `glassFill()`
- * — the glass as one flat colour: exactly the bubble's opaque surface under
- * `rosh-reduce-transparency`, the surface at the glass's own alpha when
- * frosted (why not the gradient or a blur of its own: `glassFill` in
- * utils/glass.ts) — and gives it the bubble's border as `--rosh-tooltip-edge`.
- * So it is solid or frosted with the bubble, light or dark with it, and follows
- * whatever a theme or a host does to `--rosh-glass-*` and `--surface`: no
- * colour is written here.
+ * It is the bubble's own surface. `Tooltip` fills it inline with the bubble's
+ * solid fill (`solidSurfaceStyle()` in utils/glass.ts: opaque in both themes,
+ * Lewis 2026-10-13) and gives it the bubble's border as `--rosh-tooltip-edge`.
+ * So it is light or dark with the bubble, and follows whatever a theme or a
+ * host does to `--rosh-glass-*` and `--surface`: no colour is written here.
  *
  * Where it meets the bubble, two decisions:
- *   * It is CLIPPED to its outward half. A frosted bubble is translucent, and
- *     the inner half of a whole square laid over it would show through as a
- *     darker diamond inside the bubble.
+ *   * It is CLIPPED to its outward half, so nothing of it lies inside the
+ *     bubble.
  *   * Its centre — the clip line — sits on the INNER line of the bubble's 1px
  *     border, so the outward half covers that border where the two meet, and
  *     the border runs round bubble and arrow together: drawn on the arrow's two
- *     outward edges only. On a solid bubble the join is invisible; on a frosted
- *     one the hairline under the base shows through faintly, as anything
- *     behind translucent glass does.
+ *     outward edges only. On the solid bubble the join is invisible.
  *
  * Placed: `Tooltip` writes `left`/`top` as the point on the bubble's outer edge
  * the arrow is centred on, and each side's margins move the square's centre
@@ -1504,11 +1520,11 @@ html.rosh-reduce-transparency *::after {
 }
 .rosh-tl-ico { flex: none; width: 15px; height: 15px; align-self: center; margin-right: -3px; }
 .rosh-tl-ico svg { width: 15px; height: 15px; }
-.rosh-tl-title { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: -0.005em; }
+.rosh-tl-title { margin: 0; font-size: var(--text-sm); font-weight: 600; letter-spacing: -0.005em; }
 /* `min-width: 0` is what lets a long meta line WRAP rather than push the
    actions onto a row of their own: a flex item's default minimum is its
    content, and five facts about a production order are wider than a card. */
-.rosh-tl-meta { margin: 0; font-size: 12px; font-variant-numeric: tabular-nums; min-width: 0; }
+.rosh-tl-meta { margin: 0; font-size: var(--text-xs); font-variant-numeric: tabular-nums; min-width: 0; }
 .rosh-tl-meta b { font-weight: 500; }
 .rosh-tl-head-actions {
   display: inline-flex; align-items: center; gap: 10px; margin-left: auto; flex: none;
@@ -1519,7 +1535,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-play {
   display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px 0 10px;
   border-radius: 14px; cursor: pointer; white-space: nowrap;
-  font: inherit; font-size: 11.5px; font-weight: 500;
+  font: inherit; font-size: var(--text-xs); font-weight: 500;
   background: var(--surface-raised); border-width: 1px; border-style: solid;
   transition: color 160ms ease-out, border-color 160ms ease-out;
 }
@@ -1530,12 +1546,12 @@ html.rosh-reduce-transparency *::after {
   margin-top: 14px; padding-top: 12px;
   border-top-width: 1px; border-top-style: solid;
 }
-.rosh-tl-status { margin: 0; font-size: 12px; font-variant-numeric: tabular-nums; }
+.rosh-tl-status { margin: 0; font-size: var(--text-xs); font-variant-numeric: tabular-nums; }
 .rosh-tl-legend { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
 .rosh-tl-legend > span {
   display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px 0 7px;
   border-width: 1px; border-style: solid; border-radius: 11px;
-  font-size: 10.5px; background: var(--surface-raised);
+  font-size: var(--text-2xs); background: var(--surface-raised);
 }
 /* The legend's glyphs are the track's glyphs at legend size, so a chip can
    never describe a shape the rail no longer draws. */
@@ -1560,7 +1576,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-edge {
   position: absolute; white-space: nowrap;
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 10px; line-height: 1.3; color: var(--ink-muted);
+  font-size: var(--text-2xs); line-height: 1.3; color: var(--ink-muted);
 }
 .rosh-tl-edge.is-end { transform: translateX(-100%); }
 
@@ -1597,7 +1613,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-tick.is-week { opacity: 0.5; }
 .rosh-tl-month, .rosh-tl-rulercut span {
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 10px; line-height: 1.1; color: var(--ink-faint);
+  font-size: var(--text-2xs); line-height: 1.1; color: var(--ink-faint);
 }
 .rosh-tl-month { position: absolute; white-space: nowrap; }
 .rosh-tl-rulercut {
@@ -1614,7 +1630,7 @@ html.rosh-reduce-transparency *::after {
 }
 .rosh-tl-todaytag {
   position: absolute; white-space: nowrap; border-radius: 5px; padding: 1px 6px;
-  font-size: 10px; font-weight: 500; letter-spacing: 0.02em;
+  font-size: var(--text-2xs); font-weight: 500; letter-spacing: 0.02em;
   color: var(--ink-muted); background: var(--surface-raised);
 }
 
@@ -1673,7 +1689,7 @@ html.rosh-reduce-transparency *::after {
    text over the rail is a mark's caption, and the undated things are a dashed
    cap at the end of a dashed tail. */
 .rosh-tl-flank {
-  flex: none; white-space: nowrap; font-size: 11px; font-weight: 500; line-height: 1;
+  flex: none; white-space: nowrap; font-size: var(--text-2xs); font-weight: 500; line-height: 1;
   color: var(--ink-muted);
 }
 /* The caption over a mark — `v3` over a revision. Mono, like every other
@@ -1681,7 +1697,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-caption {
   position: absolute; transform: translateX(-50%); white-space: nowrap; pointer-events: none;
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 10px; line-height: 1.1; color: var(--ink-muted);
+  font-size: var(--text-2xs); line-height: 1.1; color: var(--ink-muted);
 }
 /* The tail: from the end of the axis to the cap. Dashed, because it is not
    time — it is the distance to a date nobody has. */
@@ -1724,7 +1740,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-count {
   position: absolute; transform: translate(9px, -14px);
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: -0.02em;
+  font-size: var(--text-3xs); font-weight: 600; line-height: 1; letter-spacing: -0.02em;
   color: var(--tl-accent); pointer-events: none;
   padding: 1px 2px; border-radius: 4px; background: var(--surface-sunken);
 }
@@ -1736,7 +1752,7 @@ html.rosh-reduce-transparency *::after {
 }
 .rosh-tl-foldnum {
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: -0.02em;
+  font-size: var(--text-3xs); font-weight: 600; line-height: 1; letter-spacing: -0.02em;
 }
 .rosh-tl-node.is-active { box-shadow: 0 0 0 2px var(--surface-sunken), 0 0 0 5px var(--line); }
 /* The flash as the scrubber's thumb crosses a mark. It rides the same 160ms
@@ -1765,12 +1781,12 @@ html.rosh-reduce-transparency *::after {
   background: var(--surface-raised); border: 1px solid var(--line);
 }
 .rosh-tl-name {
-  font-size: 11px; font-weight: 500; line-height: 1.25; color: var(--ink-strong);
+  font-size: var(--text-2xs); font-weight: 500; line-height: 1.25; color: var(--ink-strong);
   transition: color 160ms cubic-bezier(0, 0, 0.2, 1);
 }
 .rosh-tl-date, .rosh-tl-detail {
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 10px; line-height: 1.3; color: var(--ink-faint);
+  font-size: var(--text-2xs); line-height: 1.3; color: var(--ink-faint);
 }
 .rosh-tl-detail { font-family: inherit; color: var(--ink-muted); margin-top: 2px; }
 .rosh-tl-label.is-current .rosh-tl-name { font-weight: 600; }
@@ -1789,7 +1805,7 @@ html.rosh-reduce-transparency *::after {
 }
 .rosh-tl-phase-label {
   position: absolute; transform: translateX(-50%); white-space: nowrap;
-  font-size: 9px; line-height: 1.2; pointer-events: none;
+  font-size: var(--text-3xs); line-height: 1.2; pointer-events: none;
 }
 
 .rosh-tl-lead, .rosh-tl-cspan {
@@ -1800,7 +1816,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-pill {
   position: absolute; display: inline-flex; align-items: center; gap: 4px;
   height: 19px; padding: 0 7px; border-radius: 10px; cursor: pointer; white-space: nowrap;
-  font: inherit; font-size: 10px; font-weight: 500;
+  font: inherit; font-size: var(--text-2xs); font-weight: 500;
   color: var(--ink); background: var(--surface); border: 1px solid currentColor;
   transition: box-shadow 160ms cubic-bezier(0, 0, 0.2, 1);
 }
@@ -1827,30 +1843,30 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-bubble.is-preview { max-width: 280px; min-width: 180px; }
 .rosh-tl-preview {
   display: flex; flex-direction: column; gap: 3px;
-  margin-top: 5px; font-size: 11px; color: var(--ink-muted);
+  margin-top: 5px; font-size: var(--text-2xs); color: var(--ink-muted);
 }
 /* The way out of the popover and into the thing it is previewing. */
 .rosh-tl-bubble-open {
   margin-top: 6px; padding: 5px 0 0; width: 100%; text-align: left; cursor: pointer;
   background: none; border: 0; border-top-width: 1px; border-top-style: solid;
   border-top-color: var(--line);
-  font: inherit; font-size: 11px; font-weight: 500;
+  font: inherit; font-size: var(--text-2xs); font-weight: 500;
 }
 .rosh-tl-bubble-open:hover { text-decoration: underline; }
 .rosh-tl-bubble-open:focus-visible:not(.rosh-host-focus *) { outline: 2px solid var(--tl-focus); outline-offset: 2px; }
 
 .rosh-tl-popover-head {
-  margin: 0 0 5px; font-size: 10px; font-weight: 500; letter-spacing: 0.06em;
+  margin: 0 0 5px; font-size: var(--text-3xs); font-weight: 500; letter-spacing: 0.06em;
   text-transform: uppercase; color: var(--ink-faint);
 }
 .rosh-tl-popover ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
-.rosh-tl-popover li { display: flex; gap: 8px; justify-content: space-between; font-size: 11px; }
+.rosh-tl-popover li { display: flex; gap: 8px; justify-content: space-between; font-size: var(--text-2xs); }
 /* What a FOLD says, which is the same list plus each member's own card: a run
    that is all one date can never be opened, so this is the only place those
    members exist. A column, because a preview under a row is a paragraph and not
    a third column. */
 .rosh-tl-fold-list ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
-.rosh-tl-fold-list li { display: flex; flex-direction: column; font-size: 11px; }
+.rosh-tl-fold-list li { display: flex; flex-direction: column; font-size: var(--text-2xs); }
 .rosh-tl-foldrow { display: flex; gap: 8px; justify-content: space-between; margin: 0; }
 .rosh-tl-fold-list .rosh-tl-preview { margin-top: 2px; }
 
@@ -1889,7 +1905,7 @@ html.rosh-reduce-transparency *::after {
    reads as the link it is. */
 .rosh-tl-open {
   padding: 0; border: 0; background: none; cursor: pointer; text-align: left;
-  font: inherit; font-size: 11px; font-weight: 500; line-height: 1.25;
+  font: inherit; font-size: var(--text-2xs); font-weight: 500; line-height: 1.25;
 }
 .rosh-tl-open:hover { text-decoration: underline; }
 /* The radius shapes whichever outline is drawn, the host's included, so it is
@@ -1902,7 +1918,7 @@ html.rosh-reduce-transparency *::after {
   position: absolute; transform: translateX(-50%); z-index: 5; white-space: nowrap;
   transition: left 120ms cubic-bezier(0.22, 1, 0.36, 1);
   font-family: var(--font-mono); font-variant-numeric: tabular-nums;
-  font-size: 10.5px; font-weight: 500; padding: 3px 8px; border-radius: 7px;
+  font-size: var(--text-2xs); font-weight: 500; padding: 3px 8px; border-radius: 7px;
   background: var(--ink-strongest); color: var(--surface);
 }
 .rosh-tl-chip::after {
@@ -1911,12 +1927,12 @@ html.rosh-reduce-transparency *::after {
 }
 
 .rosh-tl-pending { padding-top: 16px; }
-.rosh-tl-pending-head { margin: 0 0 8px; font-size: 10px; font-weight: 500; color: var(--ink-faint); }
+.rosh-tl-pending-head { margin: 0 0 8px; font-size: var(--text-2xs); font-weight: 500; color: var(--ink-faint); }
 .rosh-tl-ghosts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
-.rosh-tl-ghosts li { display: flex; align-items: center; gap: 9px; font-size: 11px; color: var(--ink-muted); }
+.rosh-tl-ghosts li { display: flex; align-items: center; gap: 9px; font-size: var(--text-2xs); color: var(--ink-muted); }
 .rosh-tl-ghosts .rosh-tl-node { position: relative; --rosh-tl-shift: translate(0, 0); flex: none; }
 .rosh-tl-ghosts b { font-weight: 500; color: var(--ink-faint); }
-.rosh-tl-more { margin-top: 9px; font-size: 11px; text-decoration: underline; cursor: pointer; }
+.rosh-tl-more { margin-top: 9px; font-size: var(--text-2xs); text-decoration: underline; cursor: pointer; }
 
 /* The vertical variant: under a 320px track the axis is abandoned rather than
    squeezed, and the connector carries the fill. */
@@ -1940,7 +1956,7 @@ html.rosh-reduce-transparency *::after {
 .rosh-tl-v > li[aria-current] .rosh-tl-name { font-weight: 600; }
 .rosh-tl-vgap {
   position: relative; margin: 0; padding: 0 0 14px 26px; min-height: 20px;
-  font-family: var(--font-mono); font-size: 10px; color: var(--ink-faint);
+  font-family: var(--font-mono); font-size: var(--text-2xs); color: var(--ink-faint);
 }
 
 /* ── Timeline motion ────────────────────────────────────────────────────────
@@ -2041,13 +2057,17 @@ html.rosh-reduce-transparency *::after {
 :is([data-theme="dark"], .dark) .bg-gray-50 { background-color: var(--surface-sunken) !important; }
 :is([data-theme="dark"], .dark) .bg-gray-100 { background-color: var(--surface) !important; }
 :is([data-theme="dark"], .dark) .bg-gray-200 { background-color: var(--surface-raised) !important; }
-/* Segmented's chosen option. The track is bg-gray-100 and the chosen option
-   bg-white, and the two remaps above send BOTH to --surface: in dark the chosen
-   option was the colour of its own track, told apart only by a faint shadow and
-   ink a step brighter than the others'. Raised instead, as the light theme's
-   white pill is raised off its grey track. After the remaps on purpose: the
-   same weight, so the later rule wins. */
-:is([data-theme="dark"], .dark) .rosh-segmented-on { background-color: var(--surface-raised) !important; }
+/* Segmented's chosen option has no rule here. It was a white chip, which the
+   remaps above sent to the same --surface as its bg-gray-100 track, so a rule
+   raised it. Since 2026-10-12 (owner) it is the solid blue chip pill Tabs
+   draw, and blue-600 is not remapped: the same chip in both themes, 3.1:1 on
+   the dark track (tests/choiceStrip.test.tsx). */
+/* The choice strip's track (Segmented, pill Tabs) keeps the --surface fill
+   above in dark, so the chip stays 3:1 on it, and gets its frame from a 1px
+   INSET ring in --line-strong instead: a lighter fill would drop the chip to
+   2.4:1. Inset, so no size changes. Dark only; light has no edge (owner,
+   2026-10-13: the strip floated with no frame in dark). */
+:is([data-theme="dark"], .dark) .rosh-choice-track { box-shadow: inset 0 0 0 1px var(--line-strong) !important; }
 
 /* Text */
 :is([data-theme="dark"], .dark) .text-gray-900 { color: var(--ink-strongest) !important; }
@@ -2210,8 +2230,12 @@ html.rosh-reduce-transparency *::after {
 
    Inputs — apply the form-input dark styling, but skip elements that
    explicitly opt into a transparent background (e.g. the start-menu
-   search) so they keep their parent's frosted-glass tile. */
-:is([data-theme="dark"], .dark) input:not(.bg-transparent):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):where(:root:not(.rosh-host-elements) *),
+   search) so they keep their parent's frosted-glass tile, and a filter that
+   is on (`.rosh-field-on`, forms/styles.ts), whose accent border and wash
+   are painted by their own utilities' remaps. Both in ONE `:not()`: a
+   selector list there counts as its most specific item, so adding the
+   second changes this rule's specificity not at all. */
+:is([data-theme="dark"], .dark) input:not(.bg-transparent, .rosh-field-on):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):where(:root:not(.rosh-host-elements) *),
 :is([data-theme="dark"], .dark) select:not(.bg-transparent):where(:root:not(.rosh-host-elements) *),
 :is([data-theme="dark"], .dark) textarea:not(.bg-transparent):where(:root:not(.rosh-host-elements) *) {
   background-color: var(--surface-sunken) !important;
@@ -2234,6 +2258,17 @@ html.rosh-reduce-transparency *::after {
   }
 }
 
+/* ── A field that shows its choice in the placeholder's place ───────────────
+   An open `SearchableSelect` — several values, or a `filter` — is its own
+   search box, so its value is the typed text, empty until the person types.
+   Until then it shows what is chosen where the placeholder goes
+   (`.rosh-field-shows-choice`), in the field's own ink rather than the hint
+   grey: it is the value, not a hint ("All Procedures" would say the filter is
+   off). `inherit` takes the field's colour in every theme — the ink utility's
+   remap, or the bare dark input rule's. `input.` so it outranks the
+   `placeholder:` utility whatever the stylesheet order. */
+input.rosh-field-shows-choice::placeholder { color: inherit; opacity: 1; }
+
 /* Status badges — tone down brightness in dark mode (matches StatusBadge.tsx semantic groups) */
 :is([data-theme="dark"], .dark) .bg-gray-100.text-gray-800 { background-color: var(--surface-raised) !important; color: var(--ink) !important; }
 :is([data-theme="dark"], .dark) .bg-gray-300.text-gray-800 { background-color: var(--line-strong) !important; color: var(--ink-strongest) !important; }
@@ -2518,7 +2553,7 @@ html.rosh-reduce-transparency *::after {
   transition: opacity 300ms ease, transform 300ms ease;
   align-items: center;
   gap: 8px;
-  font-size: 13px;
+  font-size: var(--text-sm);
   font-weight: 500;
   color: var(--rosh-toast-ink);
   max-width: min(90vw, 460px);
@@ -2553,7 +2588,7 @@ html.rosh-reduce-transparency *::after {
 }
 .rosh-notif-body { flex: 1; min-width: 0; }
 .rosh-notif-title {
-  font-size: 11px;
+  font-size: var(--text-2xs);
   font-weight: 600;
   color: var(--rosh-toast-info);
   text-transform: uppercase;
@@ -2561,7 +2596,7 @@ html.rosh-reduce-transparency *::after {
   margin-bottom: 2px;
 }
 .rosh-notif-msg {
-  font-size: 13px;
+  font-size: var(--text-sm);
   font-weight: 500;
   color: var(--rosh-toast-ink);
   line-height: 1.4;
@@ -2570,7 +2605,7 @@ html.rosh-reduce-transparency *::after {
   flex-shrink: 0;
   padding: 4px;
   color: var(--rosh-toast-dismiss);
-  font-size: 18px;
+  font-size: var(--text-lg);
   line-height: 1;
   transition: color 0.2s;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-shell",
-  "version": "5.6.1",
+  "version": "7.7.0",
   "description": "Desktop-style React UI shell — windows, taskbar, start menu, sticky notes, frosted glass theming, and bundled apps.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -83,16 +83,6 @@
       "import": "./dist/icons/index.js",
       "default": "./dist/icons/index.js"
     },
-    "./icons/heroicons": {
-      "types": "./dist/icons/heroicons.d.ts",
-      "import": "./dist/icons/heroicons.js",
-      "default": "./dist/icons/heroicons.js"
-    },
-    "./icons/lucide": {
-      "types": "./dist/icons/lucide.d.ts",
-      "import": "./dist/icons/lucide.js",
-      "default": "./dist/icons/lucide.js"
-    },
     "./icons/efficient": {
       "types": "./dist/icons/efficient.d.ts",
       "import": "./dist/icons/efficient.js",
@@ -103,6 +93,11 @@
       "import": "./dist/icons/efficient-looks.js",
       "default": "./dist/icons/efficient-looks.js"
     },
+    "./telemetry": {
+      "types": "./dist/telemetry/index.d.ts",
+      "import": "./dist/telemetry/index.js",
+      "default": "./dist/telemetry/index.js"
+    },
     "./styles.css": "./dist/styles.css",
     "./ui.css": "./dist/ui.css",
     "./themes.css": "./dist/themes.css",
@@ -117,12 +112,10 @@
   ],
   "peerDependencies": {
     "@headlessui/react": ">=2",
-    "@heroicons/react": ">=2",
     "@tanstack/react-query": ">=5",
     "axios": ">=1.6",
     "dxf-viewer": "*",
     "i18next": ">=26",
-    "lucide-react": ">=0.577",
     "mammoth": "*",
     "maplibre-gl": ">=6",
     "online-3d-viewer": "*",
@@ -141,7 +134,6 @@
   },
   "devDependencies": {
     "@headlessui/react": "^2.2.10",
-    "@heroicons/react": "^2.2.0",
     "@tailwindcss/cli": "^4.2.4",
     "@tanstack/react-query": "^5.100.5",
     "@types/jsdom": "^28.0.3",
@@ -153,7 +145,6 @@
     "esbuild": "^0.27.0",
     "i18next": "^26.4.3",
     "jsdom": "^26.1.0",
-    "lucide-react": "^1.55.0",
     "mammoth": "^1.8.0",
     "maplibre-gl": "6.11.2",
     "online-3d-viewer": "^0.18.0",
@@ -171,6 +162,7 @@
     "terser": "^5.51.2",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
+    "web-vitals": "6.2.3",
     "xlsx": "^0.18.5"
   },
   "scripts": {
@@ -200,9 +192,6 @@
     "@headlessui/react": {
       "optional": true
     },
-    "@heroicons/react": {
-      "optional": true
-    },
     "@tanstack/react-query": {
       "optional": true
     },
@@ -215,9 +204,6 @@
     "i18next": {
       "optional": true
     },
-    "lucide-react": {
-      "optional": true
-    },
     "mammoth": {
       "optional": true
     },

package/dist/Browser-RXGEZ77D.js

@@ -1,43 +0,0 @@
-import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-RBDGN4YU.js";import"./chunk-SFCDHHQP.js";import{WindowTitle as r}from"./chunk-VWBQ2P5G.js";import"./chunk-YGC7AX3X.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-OGXU7QFW.js";import"./chunk-P4CIOJHP.js";import{confirm as a}from"./chunk-IMMHJIV5.js";import"./chunk-RMJZOKHY.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-X4FJ54PP.js";import"./chunk-D65T4H6J.js";import{ChevronLeftFallback as n,ChevronRightFallback as l,RefreshFallback as s,HomeFallback as i,StarFallback as c,ExternalFallback as m,HelpFallback as d,NoSymbolFallback as u}from"./chunk-6LTDJKIL.js";import{Icon as h}from"./chunk-XWSWYMGM.js";import"./chunk-TNBCUZVE.js";import"./chunk-C3QOHMR6.js";import{useRef as p,useEffect as b,useState as g}from"react";import{jsxs as f,jsx as k,Fragment as x}from"react/jsx-runtime";var w="react-os-shell:browser-bookmarks",y="react-os-shell:browser-homepage",v="https://en.wikipedia.org/wiki/Main_Page",N=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],j=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 C(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&&j.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var z=["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 W(){if("undefined"==typeof window)return N;try{const e=localStorage.getItem(w);if(!e)return N;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return N}function S(){return"undefined"==typeof window?v:localStorage.getItem(y)||v}function H(){const u=p(void 0);void 0===u.current&&(u.current=e()),b(()=>{null!=u.current&&t(u.current)},[]);const x=u.current?C(u.current.url):"",[v,N]=g(S),[j,z]=g(x||v),[H,D]=g(j),[O,E]=g([j]),[M,P]=g(0),[T,I]=g(0),[J,U]=g(W),[X,F]=g(!1),[G,Q]=g(null),q=p(null),A=p(null);b(()=>{try{localStorage.setItem(w,JSON.stringify(J))}catch{}},[J]);const B=e=>{const t=C(e);t&&(z(t),D(t),E(e=>{const o=e.slice(0,M+1);return o.push(t),o}),P(e=>e+1),F(!1))},Y=()=>{"undefined"!=typeof window&&window.open(j,"_blank","noopener,noreferrer")},K=()=>{const e=G?.trim();e?(U(t=>[...t,{label:e,url:j}]),Q(null)):Q(null)};b(()=>{if(null===G)return;q.current?.focus(),q.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||Q(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==G]);const Z=e=>{U(t=>t.filter((t,o)=>o!==e))},$=M>0,V=M<O.length-1,_=J.some(e=>e.url===j),ee="p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
-return f("div",{className:"relative flex flex-col h-full bg-white",children:[
-/* @__PURE__ */k(r,{title:`Browser - ${R(j)}`}),
-/* @__PURE__ */k(o,{app:"browser"}),
-/* @__PURE__ */f("div",{className:"flex items-center gap-1 px-2 py-1.5 border-b border-gray-200 bg-gray-50 shrink-0",children:[
-/* @__PURE__ */k("button",{onClick:()=>{if(M>0){const e=M-1;P(e),z(O[e]),D(O[e]),F(!1)}},disabled:!$,className:ee,title:"Back",children:/* @__PURE__ */k(h,{name:"chevron-left",fallback:n,className:"h-4 w-4",strokeWidth:2})}),
-/* @__PURE__ */k("button",{onClick:()=>{if(M<O.length-1){const e=M+1;P(e),z(O[e]),D(O[e]),F(!1)}},disabled:!V,className:ee,title:"Forward",children:/* @__PURE__ */k(h,{name:"chevron-right",fallback:l,className:"h-4 w-4",strokeWidth:2})}),
-/* @__PURE__ */k("button",{onClick:()=>I(e=>e+1),className:ee,title:"Refresh",children:/* @__PURE__ */k(h,{name:"refresh",fallback:s,className:"h-4 w-4",strokeWidth:1.8})}),
-/* @__PURE__ */k("button",{onClick:()=>B(v),className:ee,title:"Home",children:/* @__PURE__ */k(h,{name:"home",fallback:i,className:"h-4 w-4",strokeWidth:1.8})}),
-/* @__PURE__ */k("form",{onSubmit:e=>{e.preventDefault(),B(H)},className:"flex-1 flex items-center mx-1",children:/* @__PURE__ */f("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__ */k("span",{className:"px-2 text-gray-400 text-xs",children:j.startsWith("https://")?"🔒":"⚠️"}),
-/* @__PURE__ */k("input",{type:"text",value:H,onChange:e=>D(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…"}),j!==H&&/* @__PURE__ */k("button",{type:"button",onClick:()=>D(j),className:"px-1.5 text-[10px] text-gray-400 hover:text-gray-700",title:"Reset to current URL",children:"×"})]})}),
-/* @__PURE__ */k("button",{"data-bookmark-popover":!0,onClick:()=>_?Z(J.findIndex(e=>e.url===j)):void Q(R(j)),className:ee+" "+(_?"text-yellow-500":""),title:_?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */k(h,{name:"star",fallback:c,className:"h-4 w-4",fill:_?"currentColor":"none",strokeWidth:1.5})}),
-/* @__PURE__ */k("button",{onClick:Y,className:ee,title:"Open in new tab",children:/* @__PURE__ */k(h,{name:"external",fallback:m,className:"h-4 w-4",strokeWidth:1.5})}),
-/* @__PURE__ */k("button",{onClick:()=>F(e=>!e),className:ee,title:"Embedding help",children:/* @__PURE__ */k(h,{name:"help",fallback:d,className:"h-4 w-4",strokeWidth:1.5})})]}),null!==G&&/* @__PURE__ */f("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__ */k("div",{className:"text-[11px] font-semibold uppercase tracking-wide text-gray-500 mb-1",children:"Bookmark this page"}),
-/* @__PURE__ */k("div",{className:"text-[11px] text-gray-400 truncate mb-2 font-mono",title:j,children:j}),
-/* @__PURE__ */k("input",{ref:q,type:"text",value:G,onChange:e=>Q(e.target.value),onKeyDown:e=>{"Enter"===e.key?K():"Escape"===e.key&&Q(null)},placeholder:"Name",className:"w-full text-sm px-2 py-1.5 border border-gray-300 rounded focus:outline-none focus:border-blue-400 focus:ring-1 focus:ring-blue-200"}),
-/* @__PURE__ */f("div",{className:"flex justify-end gap-1 mt-2",children:[
-/* @__PURE__ */k("button",{onClick:()=>Q(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
-/* @__PURE__ */k("button",{onClick:K,disabled:!G.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
-/* @__PURE__ */f("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===J.length&&/* @__PURE__ */k("span",{className:"text-[11px] text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),J.map((e,t)=>/* @__PURE__ */f("button",{onClick:()=>B(e.url),onContextMenu:async o=>{o.preventDefault();await a({title:"Remove bookmark",message:`"${e.label}" will be removed from your bookmarks.`,confirmLabel:"Remove",variant:"danger"})&&Z(t)},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:`${e.url}\n(right-click to remove)`,children:[
-/* @__PURE__ */k("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__ */k("div",{className:"flex-1"}),
-/* @__PURE__ */k("button",{onClick:()=>{N(j);try{localStorage.setItem(y,j)}catch{}},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__ */k("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */k(L,{url:j,iframeKey:T,iframeRef:A,openExternal:Y,showHelp:X,dismissHelp:()=>F(!1)})})]})}function R(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function L({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:a,dismissHelp:n}){const[l,s]=g(!1);b(()=>{s(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return z.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!l?/* @__PURE__ */k("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */f("div",{className:"max-w-md text-center",children:[
-/* @__PURE__ */k(h,{name:"no-symbol",fallback:u,className:"h-14 w-14 mx-auto text-gray-300 mb-3",strokeWidth:1.2}),
-/* @__PURE__ */f("h3",{className:"text-base font-semibold text-gray-800 mb-1",children:[R(e)," can't be embedded"]}),
-/* @__PURE__ */f("p",{className:"text-sm text-gray-500 mb-4",children:["This site sends an ",
-/* @__PURE__ */k("span",{className:"font-mono text-xs",children:"X-Frame-Options"})," ","or ",
-/* @__PURE__ */k("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__ */f("div",{className:"flex flex-col items-center gap-2",children:[
-/* @__PURE__ */f("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__ */k(h,{name:"external",fallback:m,className:"h-4 w-4",strokeWidth:1.5}),"Open in a new tab"]}),
-/* @__PURE__ */k("button",{onClick:()=>s(!0),className:"text-xs text-gray-500 hover:text-gray-800 underline",children:"Try loading it here anyway"})]})]})}):/* @__PURE__ */f(x,{children:[
-/* @__PURE__ */k("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),a&&/* @__PURE__ */f("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__ */k("div",{className:"font-medium text-gray-900 mb-1",children:"Why is this page blank?"}),
-/* @__PURE__ */f("p",{className:"mb-2",children:["Most major sites (Google, GitHub, banks, news) refuse to be embedded in an iframe via ",
-/* @__PURE__ */k("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__ */f("p",{children:["Hit the ",
-/* @__PURE__ */k("span",{className:"font-medium",children:"↗"})," button to open the page in a real new tab. Sites that ",
-/* @__PURE__ */k("em",{children:"do"})," allow embedding (Wikipedia, DevDocs, your own apps) work fine in here."]}),
-/* @__PURE__ */k("button",{onClick:n,className:"mt-2 text-[11px] text-blue-600 hover:underline",children:"Got it"})]})]})}export{H as default};

package/dist/Calculator-MVPKTZZF.js

@@ -1,29 +0,0 @@
-import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-7WC3EOFS.js";import{useWidgetSettings as n}from"./chunk-VWBQ2P5G.js";import"./chunk-YGC7AX3X.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-OGXU7QFW.js";import"./chunk-P4CIOJHP.js";import"./chunk-IMMHJIV5.js";import"./chunk-RMJZOKHY.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-X4FJ54PP.js";import"./chunk-D65T4H6J.js";import{CheckFallbackB as l,CopyFallbackB as r}from"./chunk-6LTDJKIL.js";import{Icon as c}from"./chunk-XWSWYMGM.js";import"./chunk-TNBCUZVE.js";import"./chunk-C3QOHMR6.js";import{useState as a,useRef as i,useCallback as o,useEffect as s}from"react";import{jsxs as u,Fragment as d,jsx as h}from"react/jsx-runtime";var m="calc_appearance";function b(){const[b,k]=a("0"),[p,g]=a(null),[f,y]=a(null),[N,x]=a(!1),[v,C]=a(""),[$,j]=a([]),[w,E]=a(!1),[S,W]=a(()=>e(m)),[T,F]=a(!1),[O,H]=a(S),J=i(null);n(o(()=>{H({...S}),F(!0)},[S]));const M=o(e=>{C(""),k(t=>N||"0"===t?(x(!1),"."===e?"0.":e):"."===e&&t.includes(".")?t:t+e)},[N]),X=o(()=>{k("0"),g(null),y(null),x(!1)},[]),A=o((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}},[]),D=o(e=>{const t=parseFloat(b);if(null!==p&&f&&!N){const e=A(p,t,f);k(String(e)),g(e),j(n=>[`${p} ${f} ${t} = ${e}`,...n].slice(0,20))}else g(t);y(e),x(!0)},[b,p,f,N,A]),I=o(()=>{if(null===p||!f)return;const e=parseFloat(b),t=A(p,e,f),n=`${p} ${f} ${e} =`;j(e=>[`${n} ${t}`,...e].slice(0,20)),C(n),k(String(t)),g(null),y(null),x(!0)},[b,p,f,A]),L=o(()=>{k(e=>String(parseFloat(e)/100))},[]),P=o(()=>{k(e=>e.startsWith("-")?e.slice(1):"0"===e?e:"-"+e)},[]);s(()=>{const e=e=>{const t=e.target.tagName;"INPUT"!==t&&"TEXTAREA"!==t&&"SELECT"!==t&&(e.key>="0"&&e.key<="9"?M(e.key):"."===e.key?M("."):"+"===e.key?D("+"):"-"===e.key?D("-"):"*"===e.key?D("×"):"/"===e.key?(e.preventDefault(),D("÷")):"Enter"===e.key||"="===e.key?("Enter"===e.key&&e.target instanceof Node&&J.current?.contains(e.target)&&e.preventDefault(),I()):"Escape"===e.key?X():"Backspace"===e.key?k(e=>e.length>1?e.slice(0,-1):"0"):"%"===e.key&&L())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[M,D,I,X,L]);const B="flex items-center justify-center rounded-lg text-sm font-medium transition-colors",Q=`${B} bg-white border border-gray-200 text-gray-900 hover:bg-gray-50 active:bg-gray-100`,Z=`${B} bg-blue-50 border border-blue-200 text-blue-700 hover:bg-blue-100 active:bg-blue-200`,G=`${B} bg-gray-100 border border-gray-200 text-gray-600 hover:bg-gray-200 active:bg-gray-300`,R=`${B} bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800`;/* @__PURE__ */
-return u(d,{children:[
-/* @__PURE__ */u("div",{ref:J,className:"flex flex-col h-full",style:{opacity:S.activeOpacity/100,backdropFilter:S.activeBlur>0?`blur(${S.activeBlur}px)`:void 0},children:[
-/* @__PURE__ */u("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__ */h("div",{className:"flex flex-col justify-end flex-1 overflow-hidden",children:$.slice(0,3).reverse().map((e,t)=>/* @__PURE__ */h("div",{className:"text-[11px] text-slate-400 text-right font-mono truncate",children:e},t))}),(v||f&&null!==p)&&/* @__PURE__ */h("div",{className:"text-base text-slate-600 text-right font-mono",children:v||`${p} ${f} ${N?"":b}`}),
-/* @__PURE__ */u("div",{className:"flex items-center gap-2",children:[
-/* @__PURE__ */h("button",{onClick:()=>{navigator.clipboard.writeText(b),E(!0),setTimeout(()=>E(!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__ */h(c,w?{name:"check",fallback:l,className:"h-5 w-5 text-green-500",strokeWidth:2}:{name:"copy",fallback:r,className:"h-5 w-5",strokeWidth:2})}),
-/* @__PURE__ */h("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)})(b)})]})]}),
-/* @__PURE__ */u("div",{className:"grid grid-cols-4 grid-rows-5 gap-1.5 flex-1 min-h-0 p-2",children:[
-/* @__PURE__ */h("button",{onClick:X,className:G,children:"AC"}),
-/* @__PURE__ */h("button",{onClick:P,className:G,children:"+/−"}),
-/* @__PURE__ */h("button",{onClick:L,className:G,children:"%"}),
-/* @__PURE__ */h("button",{onClick:()=>D("÷"),className:`${Z} ${"÷"===f?"ring-2 ring-blue-400":""}`,children:"÷"}),
-/* @__PURE__ */h("button",{onClick:()=>M("7"),className:Q,children:"7"}),
-/* @__PURE__ */h("button",{onClick:()=>M("8"),className:Q,children:"8"}),
-/* @__PURE__ */h("button",{onClick:()=>M("9"),className:Q,children:"9"}),
-/* @__PURE__ */h("button",{onClick:()=>D("×"),className:`${Z} ${"×"===f?"ring-2 ring-blue-400":""}`,children:"×"}),
-/* @__PURE__ */h("button",{onClick:()=>M("4"),className:Q,children:"4"}),
-/* @__PURE__ */h("button",{onClick:()=>M("5"),className:Q,children:"5"}),
-/* @__PURE__ */h("button",{onClick:()=>M("6"),className:Q,children:"6"}),
-/* @__PURE__ */h("button",{onClick:()=>D("-"),className:`${Z} ${"-"===f?"ring-2 ring-blue-400":""}`,children:"−"}),
-/* @__PURE__ */h("button",{onClick:()=>M("1"),className:Q,children:"1"}),
-/* @__PURE__ */h("button",{onClick:()=>M("2"),className:Q,children:"2"}),
-/* @__PURE__ */h("button",{onClick:()=>M("3"),className:Q,children:"3"}),
-/* @__PURE__ */h("button",{onClick:()=>D("+"),className:`${Z} ${"+"===f?"ring-2 ring-blue-400":""}`,children:"+"}),
-/* @__PURE__ */h("button",{onClick:()=>M("0"),className:`${Q} col-span-2`,children:"0"}),
-/* @__PURE__ */h("button",{onClick:()=>M("."),className:Q,children:"."}),
-/* @__PURE__ */h("button",{onClick:I,className:R,children:"="})]})]}),
-/* @__PURE__ */h(t,{open:T,onClose:()=>F(!1),title:"Calculator Settings",appearance:O,onAppearanceChange:H,onSave:()=>{W(O),localStorage.setItem(m,JSON.stringify(O)),F(!1)}})]})}export{b as default};

package/dist/ConfirmDialog-XOYCYFA7.js

@@ -1 +0,0 @@
-export{ConfirmProvider,confirm,confirmDestructive,prompt,useConfirm}from"./chunk-IMMHJIV5.js";import"./chunk-AFYQTVZO.js";import"./chunk-X4FJ54PP.js";import"./chunk-6LTDJKIL.js";import"./chunk-XWSWYMGM.js";import"./chunk-TNBCUZVE.js";import"./chunk-C3QOHMR6.js";