efficient-shell 4.164.0 → 4.166.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/README.md +146 -4
  2. package/dist/{Browser-AZSXQEJ2.js → Browser-2MBG34IR.js} +13 -13
  3. package/dist/Calculator-R3WJTNZ6.js +29 -0
  4. package/dist/ConfirmDialog-ZDVMT74Y.js +1 -0
  5. package/dist/{CurrencyConverter-VT2SZDA3.js → CurrencyConverter-PEXSQQUK.js} +7 -7
  6. package/dist/{Documents-WIYSUFCQ.js → Documents-YL4RIOZO.js} +10 -10
  7. package/dist/{Files-FAO4MFCO.js → Files-3ZRUTRSB.js} +30 -30
  8. package/dist/Notepad-3ZM2FR6C.js +25 -0
  9. package/dist/PdfViewer-S2B2DZYB.js +1 -0
  10. package/dist/{PomodoroTimer-4JBDIQZK.js → PomodoroTimer-5QHA5UOY.js} +40 -40
  11. package/dist/{Preview-FBVFDTPN.js → Preview-32F4DTCK.js} +23 -23
  12. package/dist/Sidebar-QQSRLMJG.js +44 -0
  13. package/dist/Spreadsheet-GOZI7I4L.js +37 -0
  14. package/dist/{Stock-NIM7MAYG.js → Stock-XJFITZZA.js} +4 -4
  15. package/dist/{Weather-RLISJWFA.js → Weather-BDC633GV.js} +18 -18
  16. package/dist/{WorldClock-G4L5OLOT.js → WorldClock-ROOVRRCJ.js} +6 -6
  17. package/dist/apps/index.js +1 -1
  18. package/dist/brand.css +1 -1
  19. package/dist/{chunk-6ZUAHFK3.js → chunk-3U47BTEV.js} +14 -14
  20. package/dist/{chunk-6NG4TM3E.js → chunk-4P3IWZUC.js} +14 -14
  21. package/dist/{chunk-Z43BI2JI.js → chunk-5J2TKKGH.js} +1 -1
  22. package/dist/{chunk-XY25UBVS.js → chunk-7TQ7NMT3.js} +1 -1
  23. package/dist/{chunk-YLJ7AZON.js → chunk-7YFAFXQG.js} +8 -8
  24. package/dist/chunk-AFYQTVZO.js +1 -0
  25. package/dist/chunk-BKDE67DB.js +12 -0
  26. package/dist/{chunk-T7DDT2Z6.js → chunk-CRI4UFBU.js} +6 -6
  27. package/dist/{chunk-DGWWPVEQ.js → chunk-DTRXR6JQ.js} +11 -11
  28. package/dist/{chunk-J5E4VMLJ.js → chunk-FZRQBHTK.js} +1 -1
  29. package/dist/chunk-G5J6YSN5.js +5 -0
  30. package/dist/{chunk-I3CQI462.js → chunk-HA2WG27U.js} +2 -2
  31. package/dist/{chunk-RKOTKWWU.js → chunk-HGG5M5AB.js} +1 -1
  32. package/dist/chunk-HZZNJHRH.js +1 -0
  33. package/dist/chunk-JKVDTKBE.js +988 -0
  34. package/dist/{chunk-IY4CP2HO.js → chunk-KSSAVLO7.js} +1 -1
  35. package/dist/chunk-M4DB7UBZ.js +29 -0
  36. package/dist/{chunk-YS57MJFM.js → chunk-NCQLGQYR.js} +1 -1
  37. package/dist/{chunk-U7ZDZXOJ.js → chunk-QASZIYLG.js} +1 -1
  38. package/dist/{chunk-37QZZRDT.js → chunk-QZG72OVX.js} +1 -1
  39. package/dist/chunk-SOI4LR67.js +27 -0
  40. package/dist/chunk-UVZIPXIA.js +10 -0
  41. package/dist/chunk-VRHUY4P4.js +1 -0
  42. package/dist/{chunk-TJ4YXVQQ.js → chunk-VXBJNMAA.js} +94 -94
  43. package/dist/chunk-X4FJ54PP.js +1 -0
  44. package/dist/file-intake/index.js +1 -1
  45. package/dist/{index-CFLEu3eh.d.ts → index-DcLqfJX3.d.ts} +285 -16
  46. package/dist/index.d.ts +3 -13
  47. package/dist/index.js +114 -114
  48. package/dist/map/index.js +6 -6
  49. package/dist/page-tabs/index.js +5 -5
  50. package/dist/pdf/index.js +1 -1
  51. package/dist/ui/index.d.ts +1 -1
  52. package/dist/ui/index.js +1 -1
  53. package/package.json +1 -1
  54. package/dist/Calculator-GRNWTZIZ.js +0 -29
  55. package/dist/ConfirmDialog-LSFNIGKM.js +0 -1
  56. package/dist/Notepad-APW5DX37.js +0 -25
  57. package/dist/PdfViewer-3NWOBXPP.js +0 -1
  58. package/dist/Sidebar-KRN5ZV3F.js +0 -44
  59. package/dist/Spreadsheet-IQF6QAWU.js +0 -37
  60. package/dist/chunk-4UCRT4ST.js +0 -5
  61. package/dist/chunk-ELSUXC3N.js +0 -1
  62. package/dist/chunk-HQREOTKI.js +0 -9
  63. package/dist/chunk-L2W5XPZ3.js +0 -1
  64. package/dist/chunk-LZIS72CF.js +0 -9
  65. package/dist/chunk-MAIHBBWT.js +0 -1
  66. package/dist/chunk-MHGFTCEA.js +0 -971
  67. package/dist/chunk-NNUE7M5G.js +0 -29
  68. package/dist/chunk-SVJN7WWF.js +0 -27
package/README.md CHANGED
@@ -563,6 +563,25 @@ losing focus closes it too. `autoFocus={false}` leaves focus where it was, and
563
563
  the first arrow key moves in. The shell-wide menu opens this way, so a text
564
564
  selection that Copy acts on is not disturbed.
565
565
 
566
+ **Checked items.** A `PopupMenuItem` with `checked` (true or false) is a state
567
+ the item turns on or off. It is a `menuitemcheckbox` by default and a
568
+ `menuitemradio` with `role="menuitemradio"`, and it says `aria-checked`, in any
569
+ menu: `ContextMenu`, a plain `PopupMenu` or a `PopupSubmenu`. A check box draws
570
+ a box with the kit's tick in it. A radio draws the tick alone, in a column the
571
+ unchecked rows keep empty, so the labels of a set line up. These are
572
+ `DropdownMenu`'s marks. Inside a submenu a check box toggles and leaves the
573
+ menu open; a radio closes it, as a plain item does.
574
+
575
+ ```tsx
576
+ <PopupSubmenu label="Select layer">
577
+ {layers.map(l => (
578
+ <PopupMenuItem key={l.id} role="menuitemradio" checked={l.id === current} onClick={() => select(l.id)}>
579
+ {l.name}
580
+ </PopupMenuItem>
581
+ ))}
582
+ </PopupSubmenu>
583
+ ```
584
+
566
585
  ### Editor controls — `Slider`, `ColorPicker`, `Tree`, `IconRail`, `ResizeHandle`
567
586
 
568
587
  These were folded in from `efficient-easel` under harness UI-24, because the
@@ -591,6 +610,20 @@ writes `null`. Without `emptyLabel`, an emptied box goes back to the value.
591
610
  `valueText` sets what the range announces, and `showInput={false}` draws the
592
611
  range alone.
593
612
 
613
+ `placeholderValue` is the number a `null` value follows, such as the style's
614
+ 16. The range rests on it, the box shows it greyed (unless `emptyLabel` names
615
+ the empty value), and the value may be `null`. It is never written: Escape and
616
+ the host's value stay `null`. `stepFrom` is where the first step from empty
617
+ starts, on the range's arrows and in the box (default `placeholderValue`), so
618
+ ArrowUp from "Auto" over an inherited 16 gives 17, not `min + step`.
619
+ `shiftStep` is what Shift+Arrow moves by on the range and in the box. Without
620
+ it the range's Shift+Arrow is the browser's and the box's is ten steps.
621
+
622
+ ```tsx
623
+ <Slider label="Size" value={size} onChange={setSize} min={8} max={72}
624
+ emptyLabel="Auto" placeholderValue={style.size} shiftStep={4} />
625
+ ```
626
+
594
627
  **`ColorPicker`** is a swatch that opens a saturation/brightness square, a hue
595
628
  strip, a hex box and optional presets, in the kit's `Popover`. That means the
596
629
  same placement inside the owning window, Escape, focus return and
@@ -617,8 +650,8 @@ Escape). `ColorSwatch` is a button painted with a colour (`selected` sets
617
650
  `aria-pressed`). Beside them are `colorSwatchClasses`, `colorFill`, `HexInput`,
618
651
  and the maths: `parseHexColor`, `hexToHsv`, `hsvToHex`.
619
652
 
620
- **`Tree`**, **`TreeRow`**, **`TreeGroup`**, **`TreeGroupLabel`** and
621
- **`TreeEmptySlot`** draw a layers panel or an outline. They follow the WAI-ARIA
653
+ **`Tree`**, **`TreeRow`**, **`TreeGroup`**, **`TreeGroupLabel`**,
654
+ **`TreeEmptySlot`** and **`TreeSeam`** draw a layers panel or an outline. They follow the WAI-ARIA
622
655
  tree pattern.
623
656
 
624
657
  ```tsx
@@ -646,6 +679,45 @@ and `actionsPinned` keeps the actions showing at rest. `preview` adds quieter
646
679
  text after the name, and `rowProps` takes the host's drag handlers. The tree
647
680
  holds no state: everything goes through `onSelect`/`onToggle`.
648
681
 
682
+ `actions` are laid over the end of the row and take no width at rest, so the
683
+ name has the row's whole width. They show on hover, on focus inside the row,
684
+ and while the row is `selected`, `actionsPinned` or `muted`, and take the
685
+ pointer only then. Behind them is a scrim in the row's own colour: the row's
686
+ tone (rest, hover, selected, drop, in every theme) over the panel's ground,
687
+ fading in over 12px so the name runs into it. The ground is `--surface`. A tree
688
+ on another ground sets `--rosh-tree-ground` on the tree or an ancestor.
689
+ `actionsOverlay={false}` puts the actions back in the row's flow, keeping
690
+ their room at rest, as every row did before.
691
+
692
+ Moving rows is drawn here and decided by the host:
693
+
694
+ ```tsx
695
+ <Tree aria-label="Layers">
696
+ {rows.map((row, i) => (
697
+ <Fragment key={row.id}>
698
+ <TreeRow label={row.name} draggable onMove={to => move(row.id, to)}
699
+ rowProps={{ draggable: true, onDragStart: …, onDragOver: … }} drop={dropAt(row.id)} />
700
+ <TreeSeam onInsert={() => insertAt(i + 1)} drop={seamDrop === i + 1} seamProps={{ onDrop: … }} />
701
+ </Fragment>
702
+ ))}
703
+ </Tree>
704
+ ```
705
+
706
+ `draggable` shows a grip (six dots) in the row's left padding while the row is
707
+ hovered or focused, with "Drag to move" in a `Tooltip` (`dragHint` to change
708
+ it), and the grab cursor. It draws only: the DOM `draggable` attribute and the
709
+ drag handlers go on `rowProps`. `onMove(to)` is called with `'up'` on
710
+ Alt+ArrowUp and `'down'` on Alt+ArrowDown. The row then carries
711
+ `aria-keyshortcuts="Alt+ArrowUp Alt+ArrowDown"` and a description that says
712
+ so. A modified arrow never walks the tree. `TreeSeam` is the gap between two
713
+ rows, as a place. A drop over it lands there (`drop` shows the line,
714
+ `seamProps` takes the handlers), and with `onInsert` a "+" shows on hover or
715
+ focus, named "Insert here" (`label`) and inserting at that place. It hands back
716
+ the height of the gap it sits in, so a list reads the same with seams or
717
+ without. Put one in every gap or in none, and use `TreeEmptySlot` for an empty
718
+ list. The words come from the catalog: `tree.dragHint`, `tree.moveHint` and
719
+ `tree.insertHere`.
720
+
649
721
  **`IconRail`** and **`IconRailButton`** make a slim strip of icon toggles
650
722
  (`role="toolbar"`, `orientation="vertical" | "horizontal"`). A button with a
651
723
  boolean `active` is a toggle (`aria-pressed`). Leave `active` out for an action
@@ -654,6 +726,27 @@ disabled buttons), and Home/End jump to the ends. Each button's `label` is its
654
726
  accessible name and its `Tooltip`, never `title`. `badge` takes a count or
655
727
  `true` for a dot.
656
728
 
729
+ `labels="beside"` or `labels="below"` draws each button's word with its glyph.
730
+ The word is display text: `label` stays the name. With `labelsFit` the words
731
+ stay only while they fit the rail's parent, and the rail measures to decide.
732
+ It shows every word while they all fit, then only the word of the toggle that
733
+ is on, then none. It measures again as the parent resizes, the labels or the
734
+ chosen toggle change, and web fonts load. The room is the parent's content
735
+ width, so put the rail in a box whose width the rail does not set (a column, a
736
+ slot of the top bar). On a server, and until it is measured, a fitted rail
737
+ draws no words: icons alone always fit. `onLabelsShown(shown)` reports `all`,
738
+ `chosen` or `none` when that changes. Without `labels` the rail is the
739
+ icon-only markup it always was.
740
+
741
+ ```tsx
742
+ <div style={{ width: panelWidth }}>
743
+ <IconRail aria-label="Editor panels" orientation="horizontal" labels="beside" labelsFit>
744
+ <IconRailButton label="Layers" icon={<LayersIcon />} active={panel === 'layers'} onClick={…} />
745
+ …
746
+ </IconRail>
747
+ </div>
748
+ ```
749
+
657
750
  **`ResizeHandle`** is the grip a side panel resizes by, and `SidebarLayout`
658
751
  draws its edge with it.
659
752
 
@@ -673,8 +766,9 @@ drag starts after 3px, so a click never nudges it. `storageKey` restores the
673
766
  width after mount and keeps it once a drag settles. Its hint is a `Tooltip`.
674
767
 
675
768
  **A font list** is not a separate component. `SearchableSelect` takes
676
- `renderOption(option, { selected })` to draw each option, for example each face
677
- in itself. The `label` still names, filters and fills the field.
769
+ `renderOption(option, { selected, active })` to draw each option, for example
770
+ each face in itself. The `label` still names, filters and fills the field.
771
+ `Select` takes the same, and `renderValue(chosen)` draws its closed field.
678
772
 
679
773
  **Gaps the editors found in the form kit** (efficient-easel#199, harness UI-24),
680
774
  now in the kit itself:
@@ -712,6 +806,54 @@ now in the kit itself:
712
806
  above its trigger. An overlay opening closes it.
713
807
  - **`CountBadge`**: `className` lands on the badge when it has no children.
714
808
 
809
+ Round 4:
810
+
811
+ - **`TreeRow`**: actions over the end of the row, with no width at rest (see
812
+ `Tree` above). `actionsOverlay={false}` keeps the old in-flow strip.
813
+ - **`InputNumber`**: `steppers="compact"` stacks the two arrows in one 16px
814
+ column inside the box's right edge, each half the field's height. A 100px
815
+ cell keeps the number at least 40px, where the side-by-side pair left it
816
+ under 16px. They press, hold and Shift like the pair. `stepFrom` is where a
817
+ step from an empty field starts (default: a numeric placeholder, else 0).
818
+ - **`Slider`**: `shiftStep`, `placeholderValue` and `stepFrom` (see `Slider`
819
+ above).
820
+ - **`Select`**: `readOnly` is `Input`'s read-only ground, not the disabled
821
+ fade: no chevron, never opens, still focusable, `aria-readonly`. It draws the
822
+ desktop field on touch too, since a native `<select>` can only fade.
823
+ `renderValue(chosen)` draws the closed field, given the chosen options in
824
+ the options' order. The label stays the words a screen reader reads.
825
+ - **`SearchableSelect`**: option groups (`{ label, options }`), `multiple`
826
+ (`value: string[]`, `onChange(string[])`, toggles and stays open, each chosen
827
+ option checked), `disabled` options (greyed, skipped by the arrows, inert to
828
+ a press), and `clearable={false}` to drop the "×". Groups, flattening and the
829
+ check are shared with `Select`.
830
+ - **`IconButton`**: `pressed` wears the pressed look without `aria-pressed`,
831
+ for a menu button that is open (`aria-expanded`), a radio, or a window's
832
+ button.
833
+ - **Off, with a reason**: `buttonClasses` and `iconButtonClasses` fade
834
+ `aria-disabled="true"` exactly as `disabled`. `IconButton`'s
835
+ `disabledReason` (one sentence), given while it is `disabled` or
836
+ `aria-disabled`, keeps it focusable. Its press does nothing (no handler, no
837
+ submit, no ancestor click), the reason is its description (a visually hidden
838
+ element on `aria-describedby`), and a `Tooltip` shows the same words on hover
839
+ and focus. `Button` does the same with `aria-disabled` plus `disabledReason`.
840
+ With `disabled` it keeps the visible line beside it. `aria-disabled` alone
841
+ looks off and swallows the press. `Tooltip` takes `describe={false}` for a
842
+ trigger that already carries its words.
843
+ - **`Tabs`**: a `TabItem` takes `tooltip`, a shell `Tooltip` that opens on
844
+ hover and on focus, so the arrow keys show each tab's word in turn. Keep the
845
+ word in `label` (visually hidden) for an icon-only tab.
846
+ - **`registerModalEscapeInterceptor`** is on `efficient-shell/ui`. A window or
847
+ panel a host draws itself registers there, with the element it closes, so
848
+ Escape reaches it before the window around it and a `Tooltip` outside it
849
+ yields. The root entry still exports it.
850
+
851
+ `Select` stays native below 768px or on a coarse pointer. That does not touch
852
+ an editor's panel on a desktop, however narrow the panel, because the switch
853
+ reads the viewport. On a tablet (a coarse pointer) the editor gets native
854
+ pickers, which cannot draw `renderOption` or `renderValue`. A per-instance
855
+ opt-out would be a later change.
856
+
715
857
  ## API reference
716
858
 
717
859
  All exports are named — `import { Modal, ... } from 'efficient-shell'`.
@@ -1,29 +1,29 @@
1
- import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-RKOTKWWU.js";import"./chunk-L2W5XPZ3.js";import{WindowTitle as r}from"./chunk-TJ4YXVQQ.js";import"./chunk-T7DDT2Z6.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-4UCRT4ST.js";import"./chunk-6KO2U66R.js";import{confirm as n}from"./chunk-NNUE7M5G.js";import"./chunk-HQREOTKI.js";import"./chunk-ELSUXC3N.js";import"./chunk-MAIHBBWT.js";import"./chunk-YS57MJFM.js";import"./chunk-D65T4H6J.js";import{useRef as a,useEffect as i,useState as s}from"react";import{jsxs as l,jsx as c,Fragment as m}from"react/jsx-runtime";var d="react-os-shell:browser-bookmarks",u="react-os-shell:browser-homepage",h="https://en.wikipedia.org/wiki/Main_Page",p=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],g=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 b(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&&g.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var k=["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 f(){if("undefined"==typeof window)return p;try{const e=localStorage.getItem(d);if(!e)return p;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return p}function x(){return"undefined"==typeof window?h:localStorage.getItem(u)||h}function w(){const m=a(void 0);void 0===m.current&&(m.current=e()),i(()=>{null!=m.current&&t(m.current)},[]);const h=m.current?b(m.current.url):"",[p,g]=s(x),[k,w]=s(h||p),[N,L]=s(k),[C,j]=s([k]),[z,M]=s(0),[W,S]=s(0),[R,T]=s(f),[B,H]=s(!1),[E,A]=s(null),D=a(null),U=a(null);i(()=>{try{localStorage.setItem(d,JSON.stringify(R))}catch{}},[R]);const O=e=>{const t=b(e);t&&(w(t),L(t),j(e=>{const o=e.slice(0,z+1);return o.push(t),o}),M(e=>e+1),H(!1))},I=()=>{"undefined"!=typeof window&&window.open(k,"_blank","noopener,noreferrer")},K=()=>{const e=E?.trim();e?(T(t=>[...t,{label:e,url:k}]),A(null)):A(null)};i(()=>{if(null===E)return;D.current?.focus(),D.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||A(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==E]);const X=e=>{T(t=>t.filter((t,o)=>o!==e))},q=z>0,P=z<C.length-1,V=R.some(e=>e.url===k),F="p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
1
+ import{peekBrowserStartUrl as e,claimBrowserStartUrl as t}from"./chunk-LWLCNQY7.js";import{AboutApp as o}from"./chunk-HGG5M5AB.js";import"./chunk-VRHUY4P4.js";import{WindowTitle as r}from"./chunk-VXBJNMAA.js";import"./chunk-CRI4UFBU.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-BKDE67DB.js";import"./chunk-6KO2U66R.js";import{confirm as n}from"./chunk-M4DB7UBZ.js";import"./chunk-UVZIPXIA.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-D65T4H6J.js";import"./chunk-X4FJ54PP.js";import"./chunk-NCQLGQYR.js";import{useRef as a,useEffect as i,useState as s}from"react";import{jsxs as l,jsx as c,Fragment as m}from"react/jsx-runtime";var d="react-os-shell:browser-bookmarks",u="react-os-shell:browser-homepage",h="https://en.wikipedia.org/wiki/Main_Page",p=[{label:"Wikipedia",url:"https://en.wikipedia.org/wiki/Main_Page"},{label:"DevDocs",url:"https://devdocs.io"},{label:"Example",url:"https://example.com"}],g=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 b(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&&g.has(t[2].toLowerCase())}(t)?"https://"+t:"https://duckduckgo.com/?q="+encodeURIComponent(t):""}var k=["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 f(){if("undefined"==typeof window)return p;try{const e=localStorage.getItem(d);if(!e)return p;const t=JSON.parse(e);if(Array.isArray(t)&&t.every(e=>"string"==typeof e?.url))return t}catch{}return p}function x(){return"undefined"==typeof window?h:localStorage.getItem(u)||h}function w(){const m=a(void 0);void 0===m.current&&(m.current=e()),i(()=>{null!=m.current&&t(m.current)},[]);const h=m.current?b(m.current.url):"",[p,g]=s(x),[k,w]=s(h||p),[N,L]=s(k),[j,C]=s([k]),[z,M]=s(0),[B,R]=s(0),[H,W]=s(f),[A,S]=s(!1),[D,U]=s(null),E=a(null),I=a(null);i(()=>{try{localStorage.setItem(d,JSON.stringify(H))}catch{}},[H]);const O=e=>{const t=b(e);t&&(w(t),L(t),C(e=>{const o=e.slice(0,z+1);return o.push(t),o}),M(e=>e+1),S(!1))},P=()=>{"undefined"!=typeof window&&window.open(k,"_blank","noopener,noreferrer")},T=()=>{const e=D?.trim();e?(W(t=>[...t,{label:e,url:k}]),U(null)):U(null)};i(()=>{if(null===D)return;E.current?.focus(),E.current?.select();const e=e=>{const t=e.target;t?.closest("[data-bookmark-popover]")||U(null)},t=setTimeout(()=>document.addEventListener("mousedown",e),0);return()=>{clearTimeout(t),document.removeEventListener("mousedown",e)}},[null!==D]);const V=e=>{W(t=>t.filter((t,o)=>o!==e))},F=z>0,X=z<j.length-1,q=H.some(e=>e.url===k),G="p-1.5 rounded hover:bg-gray-200 transition-colors text-gray-600 disabled:opacity-30";/* @__PURE__ */
2
2
  return l("div",{className:"relative flex flex-col h-full bg-white",children:[
3
3
  /* @__PURE__ */c(r,{title:`Browser - ${v(k)}`}),
4
4
  /* @__PURE__ */c(o,{app:"browser"}),
5
5
  /* @__PURE__ */l("div",{className:"flex items-center gap-1 px-2 py-1.5 border-b border-gray-200 bg-gray-50 shrink-0",children:[
6
- /* @__PURE__ */c("button",{onClick:()=>{if(z>0){const e=z-1;M(e),w(C[e]),L(C[e]),H(!1)}},disabled:!q,className:F,title:"Back",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})})}),
7
- /* @__PURE__ */c("button",{onClick:()=>{if(z<C.length-1){const e=z+1;M(e),w(C[e]),L(C[e]),H(!1)}},disabled:!P,className:F,title:"Forward",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})})}),
8
- /* @__PURE__ */c("button",{onClick:()=>S(e=>e+1),className:F,title:"Refresh",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("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"})})}),
9
- /* @__PURE__ */c("button",{onClick:()=>O(p),className:F,title:"Home",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("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"})})}),
6
+ /* @__PURE__ */c("button",{onClick:()=>{if(z>0){const e=z-1;M(e),w(j[e]),L(j[e]),S(!1)}},disabled:!F,className:G,title:"Back",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 19.5L8.25 12l7.5-7.5"})})}),
7
+ /* @__PURE__ */c("button",{onClick:()=>{if(z<j.length-1){const e=z+1;M(e),w(j[e]),L(j[e]),S(!1)}},disabled:!X,className:G,title:"Forward",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})})}),
8
+ /* @__PURE__ */c("button",{onClick:()=>R(e=>e+1),className:G,title:"Refresh",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("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"})})}),
9
+ /* @__PURE__ */c("button",{onClick:()=>O(p),className:G,title:"Home",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:/* @__PURE__ */c("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"})})}),
10
10
  /* @__PURE__ */c("form",{onSubmit:e=>{e.preventDefault(),O(N)},className:"flex-1 flex items-center mx-1",children:/* @__PURE__ */l("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:[
11
11
  /* @__PURE__ */c("span",{className:"px-2 text-gray-400 text-xs",children:k.startsWith("https://")?"🔒":"⚠️"}),
12
12
  /* @__PURE__ */c("input",{type:"text",value:N,onChange:e=>L(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…"}),k!==N&&/* @__PURE__ */c("button",{type:"button",onClick:()=>L(k),className:"px-1.5 text-[10px] text-gray-400 hover:text-gray-700",title:"Reset to current URL",children:"×"})]})}),
13
- /* @__PURE__ */c("button",{"data-bookmark-popover":!0,onClick:()=>V?X(R.findIndex(e=>e.url===k)):void A(v(k)),className:F+" "+(V?"text-yellow-500":""),title:V?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:V?"currentColor":"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})}),
14
- /* @__PURE__ */c("button",{onClick:I,className:F,title:"Open in new tab",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})}),
15
- /* @__PURE__ */c("button",{onClick:()=>H(e=>!e),className:F,title:"Embedding help",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})})]}),null!==E&&/* @__PURE__ */l("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:[
13
+ /* @__PURE__ */c("button",{"data-bookmark-popover":!0,onClick:()=>q?V(H.findIndex(e=>e.url===k)):void U(v(k)),className:G+" "+(q?"text-yellow-500":""),title:q?"Remove bookmark":"Add bookmark",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:q?"currentColor":"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})}),
14
+ /* @__PURE__ */c("button",{onClick:P,className:G,title:"Open in new tab",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})}),
15
+ /* @__PURE__ */c("button",{onClick:()=>S(e=>!e),className:G,title:"Embedding help",children:/* @__PURE__ */c("svg",{className:"h-4 w-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */c("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"})})})]}),null!==D&&/* @__PURE__ */l("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:[
16
16
  /* @__PURE__ */c("div",{className:"text-[11px] font-semibold uppercase tracking-wide text-gray-500 mb-1",children:"Bookmark this page"}),
17
17
  /* @__PURE__ */c("div",{className:"text-[11px] text-gray-400 truncate mb-2 font-mono",title:k,children:k}),
18
- /* @__PURE__ */c("input",{ref:D,type:"text",value:E,onChange:e=>A(e.target.value),onKeyDown:e=>{"Enter"===e.key?K():"Escape"===e.key&&A(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"}),
18
+ /* @__PURE__ */c("input",{ref:E,type:"text",value:D,onChange:e=>U(e.target.value),onKeyDown:e=>{"Enter"===e.key?T():"Escape"===e.key&&U(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"}),
19
19
  /* @__PURE__ */l("div",{className:"flex justify-end gap-1 mt-2",children:[
20
- /* @__PURE__ */c("button",{onClick:()=>A(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
21
- /* @__PURE__ */c("button",{onClick:K,disabled:!E.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
22
- /* @__PURE__ */l("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===R.length&&/* @__PURE__ */c("span",{className:"text-[11px] text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),R.map((e,t)=>/* @__PURE__ */l("button",{onClick:()=>O(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"})&&X(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:[
20
+ /* @__PURE__ */c("button",{onClick:()=>U(null),className:"px-2 py-1 text-xs text-gray-600 hover:bg-gray-100 rounded",children:"Cancel"}),
21
+ /* @__PURE__ */c("button",{onClick:T,disabled:!D.trim(),className:"px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 disabled:opacity-40",children:"Save"})]})]}),
22
+ /* @__PURE__ */l("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===H.length&&/* @__PURE__ */c("span",{className:"text-[11px] text-gray-400 italic px-2",children:"No bookmarks yet — star the address bar to add one."}),H.map((e,t)=>/* @__PURE__ */l("button",{onClick:()=>O(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"})&&V(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:[
23
23
  /* @__PURE__ */c("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)),
24
24
  /* @__PURE__ */c("div",{className:"flex-1"}),
25
25
  /* @__PURE__ */c("button",{onClick:()=>{g(k);try{localStorage.setItem(u,k)}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"})]}),
26
- /* @__PURE__ */c("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */c(y,{url:k,iframeKey:W,iframeRef:U,openExternal:I,showHelp:B,dismissHelp:()=>H(!1)})})]})}function v(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function y({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:n,dismissHelp:a}){const[d,u]=s(!1);i(()=>{u(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return k.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!d?/* @__PURE__ */c("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */l("div",{className:"max-w-md text-center",children:[
26
+ /* @__PURE__ */c("div",{className:"flex-1 relative min-h-0 bg-gray-50",children:/* @__PURE__ */c(y,{url:k,iframeKey:B,iframeRef:I,openExternal:P,showHelp:A,dismissHelp:()=>S(!1)})})]})}function v(e){try{return new URL(e).hostname.replace(/^www\./,"")}catch{return e}}function y({url:e,iframeKey:t,iframeRef:o,openExternal:r,showHelp:n,dismissHelp:a}){const[d,u]=s(!1);i(()=>{u(!1)},[e]);return function(e){try{const t=new URL(e).hostname.toLowerCase();return k.some(e=>t===e||t.endsWith("."+e))}catch{return!1}}(e)&&!d?/* @__PURE__ */c("div",{className:"absolute inset-0 flex items-center justify-center bg-white p-8",children:/* @__PURE__ */l("div",{className:"max-w-md text-center",children:[
27
27
  /* @__PURE__ */c("svg",{className:"h-14 w-14 mx-auto text-gray-300 mb-3",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.2,children:/* @__PURE__ */c("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728L5.636 5.636m12.728 12.728L21 21M5.636 5.636L3 3m9 9a9 9 0 110-18 9 9 0 010 18z"})}),
28
28
  /* @__PURE__ */l("h3",{className:"text-base font-semibold text-gray-800 mb-1",children:[v(e)," can't be embedded"]}),
29
29
  /* @__PURE__ */l("p",{className:"text-sm text-gray-500 mb-4",children:["This site sends an ",
@@ -0,0 +1,29 @@
1
+ import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-QASZIYLG.js";import{useWidgetSettings as n}from"./chunk-VXBJNMAA.js";import"./chunk-CRI4UFBU.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-BKDE67DB.js";import"./chunk-6KO2U66R.js";import"./chunk-M4DB7UBZ.js";import"./chunk-UVZIPXIA.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-D65T4H6J.js";import"./chunk-X4FJ54PP.js";import"./chunk-NCQLGQYR.js";import{useState as r,useRef as l,useCallback as o,useEffect as i}from"react";import{jsxs as a,Fragment as c,jsx as s}from"react/jsx-runtime";var u="calc_appearance";function d(){const[d,h]=r("0"),[m,k]=r(null),[b,g]=r(null),[p,v]=r(!1),[x,N]=r(""),[y,f]=r([]),[C,$]=r(!1),[j,w]=r(()=>e(u)),[B,E]=r(!1),[L,S]=r(j),A=l(null);n(o(()=>{S({...j}),E(!0)},[j]));const T=o(e=>{N(""),h(t=>p||"0"===t?(v(!1),"."===e?"0.":e):"."===e&&t.includes(".")?t:t+e)},[p]),D=o(()=>{h("0"),k(null),g(null),v(!1)},[]),F=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}},[]),W=o(e=>{const t=parseFloat(d);if(null!==m&&b&&!p){const e=F(m,t,b);h(String(e)),k(e),f(n=>[`${m} ${b} ${t} = ${e}`,...n].slice(0,20))}else k(t);g(e),v(!0)},[d,m,b,p,F]),I=o(()=>{if(null===m||!b)return;const e=parseFloat(d),t=F(m,e,b),n=`${m} ${b} ${e} =`;f(e=>[`${n} ${t}`,...e].slice(0,20)),N(n),h(String(t)),k(null),g(null),v(!0)},[d,m,b,F]),M=o(()=>{h(e=>String(parseFloat(e)/100))},[]),U=o(()=>{h(e=>e.startsWith("-")?e.slice(1):"0"===e?e:"-"+e)},[]);i(()=>{const e=e=>{const t=e.target.tagName;"INPUT"!==t&&"TEXTAREA"!==t&&"SELECT"!==t&&(e.key>="0"&&e.key<="9"?T(e.key):"."===e.key?T("."):"+"===e.key?W("+"):"-"===e.key?W("-"):"*"===e.key?W("×"):"/"===e.key?(e.preventDefault(),W("÷")):"Enter"===e.key||"="===e.key?("Enter"===e.key&&e.target instanceof Node&&A.current?.contains(e.target)&&e.preventDefault(),I()):"Escape"===e.key?D():"Backspace"===e.key?h(e=>e.length>1?e.slice(0,-1):"0"):"%"===e.key&&M())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[T,W,I,D,M]);const X="flex items-center justify-center rounded-lg text-sm font-medium transition-colors",Z=`${X} bg-white border border-gray-200 text-gray-900 hover:bg-gray-50 active:bg-gray-100`,H=`${X} bg-blue-50 border border-blue-200 text-blue-700 hover:bg-blue-100 active:bg-blue-200`,J=`${X} bg-gray-100 border border-gray-200 text-gray-600 hover:bg-gray-200 active:bg-gray-300`,O=`${X} bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800`;/* @__PURE__ */
2
+ return a(c,{children:[
3
+ /* @__PURE__ */a("div",{ref:A,className:"flex flex-col h-full",style:{opacity:j.activeOpacity/100,backdropFilter:j.activeBlur>0?`blur(${j.activeBlur}px)`:void 0},children:[
4
+ /* @__PURE__ */a("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:[
5
+ /* @__PURE__ */s("div",{className:"flex flex-col justify-end flex-1 overflow-hidden",children:y.slice(0,3).reverse().map((e,t)=>/* @__PURE__ */s("div",{className:"text-[11px] text-slate-400 text-right font-mono truncate",children:e},t))}),(x||b&&null!==m)&&/* @__PURE__ */s("div",{className:"text-base text-slate-600 text-right font-mono",children:x||`${m} ${b} ${p?"":d}`}),
6
+ /* @__PURE__ */a("div",{className:"flex items-center gap-2",children:[
7
+ /* @__PURE__ */s("button",{onClick:()=>{navigator.clipboard.writeText(d),$(!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__ */s("svg",C?{className:"h-5 w-5 text-green-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */s("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})}:{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:/* @__PURE__ */s("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})})}),
8
+ /* @__PURE__ */s("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)})(d)})]})]}),
9
+ /* @__PURE__ */a("div",{className:"grid grid-cols-4 grid-rows-5 gap-1.5 flex-1 min-h-0 p-2",children:[
10
+ /* @__PURE__ */s("button",{onClick:D,className:J,children:"AC"}),
11
+ /* @__PURE__ */s("button",{onClick:U,className:J,children:"+/−"}),
12
+ /* @__PURE__ */s("button",{onClick:M,className:J,children:"%"}),
13
+ /* @__PURE__ */s("button",{onClick:()=>W("÷"),className:`${H} ${"÷"===b?"ring-2 ring-blue-400":""}`,children:"÷"}),
14
+ /* @__PURE__ */s("button",{onClick:()=>T("7"),className:Z,children:"7"}),
15
+ /* @__PURE__ */s("button",{onClick:()=>T("8"),className:Z,children:"8"}),
16
+ /* @__PURE__ */s("button",{onClick:()=>T("9"),className:Z,children:"9"}),
17
+ /* @__PURE__ */s("button",{onClick:()=>W("×"),className:`${H} ${"×"===b?"ring-2 ring-blue-400":""}`,children:"×"}),
18
+ /* @__PURE__ */s("button",{onClick:()=>T("4"),className:Z,children:"4"}),
19
+ /* @__PURE__ */s("button",{onClick:()=>T("5"),className:Z,children:"5"}),
20
+ /* @__PURE__ */s("button",{onClick:()=>T("6"),className:Z,children:"6"}),
21
+ /* @__PURE__ */s("button",{onClick:()=>W("-"),className:`${H} ${"-"===b?"ring-2 ring-blue-400":""}`,children:"−"}),
22
+ /* @__PURE__ */s("button",{onClick:()=>T("1"),className:Z,children:"1"}),
23
+ /* @__PURE__ */s("button",{onClick:()=>T("2"),className:Z,children:"2"}),
24
+ /* @__PURE__ */s("button",{onClick:()=>T("3"),className:Z,children:"3"}),
25
+ /* @__PURE__ */s("button",{onClick:()=>W("+"),className:`${H} ${"+"===b?"ring-2 ring-blue-400":""}`,children:"+"}),
26
+ /* @__PURE__ */s("button",{onClick:()=>T("0"),className:`${Z} col-span-2`,children:"0"}),
27
+ /* @__PURE__ */s("button",{onClick:()=>T("."),className:Z,children:"."}),
28
+ /* @__PURE__ */s("button",{onClick:I,className:O,children:"="})]})]}),
29
+ /* @__PURE__ */s(t,{open:B,onClose:()=>E(!1),title:"Calculator Settings",appearance:L,onAppearanceChange:S,onSave:()=>{w(L),localStorage.setItem(u,JSON.stringify(L)),E(!1)}})]})}export{d as default};
@@ -0,0 +1 @@
1
+ export{ConfirmProvider,confirm,confirmDestructive,prompt,useConfirm}from"./chunk-M4DB7UBZ.js";import"./chunk-AFYQTVZO.js";import"./chunk-X4FJ54PP.js";import"./chunk-NCQLGQYR.js";
@@ -1,7 +1,7 @@
1
- import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-U7ZDZXOJ.js";import{useWidgetSettings as r}from"./chunk-TJ4YXVQQ.js";import"./chunk-T7DDT2Z6.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-4UCRT4ST.js";import"./chunk-6KO2U66R.js";import"./chunk-NNUE7M5G.js";import"./chunk-HQREOTKI.js";import"./chunk-ELSUXC3N.js";import"./chunk-MAIHBBWT.js";import"./chunk-YS57MJFM.js";import"./chunk-D65T4H6J.js";import{useState as a,useCallback as n,useEffect as s}from"react";import{jsxs as c,Fragment as o,jsx as i}from"react/jsx-runtime";var l=["USD","CNY","AUD","GBP","EUR","JPY","CAD","THB","NZD","SGD","HKD","CHF","KRW","INR","MXN","BRL"],m=[["USD","CNY"],["USD","AUD"],["GBP","USD"],["USD","JPY"]],u="currency_pairs",d="currency_appearance",p="currency_rates_cache";function h(e){try{const t=JSON.parse(localStorage.getItem(p)||"{}")[e];if(t&&Date.now()-t.timestamp<36e5)return t.rates}catch{}return null}function g(e,t){try{const r=JSON.parse(localStorage.getItem(p)||"{}");r[e]={rates:t,timestamp:Date.now()},localStorage.setItem(p,JSON.stringify(r))}catch{}}function x(){try{const e=JSON.parse(localStorage.getItem(u)||"");if(Array.isArray(e)&&e.length)return e.slice(0,4)}catch{}return m}var y={USD:"🇺🇸",CNY:"🇨🇳",AUD:"🇦🇺",GBP:"🇬🇧",JPY:"🇯🇵",CAD:"🇨🇦",EUR:"🇪🇺",THB:"🇹🇭",NZD:"🇳🇿",SGD:"🇸🇬",HKD:"🇭🇰",CHF:"🇨🇭",KRW:"🇰🇷",INR:"🇮🇳",MXN:"🇲🇽",BRL:"🇧🇷"};function f(){const[m,p]=a(x),[f,N]=a(()=>e(d)),[b,S]=a({}),[v,D]=a(!1),[k,C]=a(!1),[j,U]=a([]),[J,B]=a(f),[O,A]=a("USD"),[I,R]=a("CNY");r(n(()=>{U([...m]),B({...f}),C(!0)},[m,f])),s(()=>{const e=[...new Set(m.map(([e])=>e))];let t=!0;return async function(){D(!0);const r={};for(const t of e){const e=h(t);if(e)r[t]=e;else try{const e=await fetch(`https://open.er-api.com/v6/latest/${t}`),a=await e.json();a.rates&&(r[t]=a.rates,g(t,a.rates))}catch{}}t&&(S(r),D(!1))}(),()=>{t=!1}},[m]);/* @__PURE__ */
1
+ import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-QASZIYLG.js";import{useWidgetSettings as r}from"./chunk-VXBJNMAA.js";import"./chunk-CRI4UFBU.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-BKDE67DB.js";import"./chunk-6KO2U66R.js";import"./chunk-M4DB7UBZ.js";import"./chunk-UVZIPXIA.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-D65T4H6J.js";import"./chunk-X4FJ54PP.js";import"./chunk-NCQLGQYR.js";import{useState as a,useCallback as n,useEffect as s}from"react";import{jsxs as c,Fragment as o,jsx as i}from"react/jsx-runtime";var l=["USD","CNY","AUD","GBP","EUR","JPY","CAD","THB","NZD","SGD","HKD","CHF","KRW","INR","MXN","BRL"],m=[["USD","CNY"],["USD","AUD"],["GBP","USD"],["USD","JPY"]],u="currency_pairs",p="currency_appearance",d="currency_rates_cache";function h(e){try{const t=JSON.parse(localStorage.getItem(d)||"{}")[e];if(t&&Date.now()-t.timestamp<36e5)return t.rates}catch{}return null}function g(e,t){try{const r=JSON.parse(localStorage.getItem(d)||"{}");r[e]={rates:t,timestamp:Date.now()},localStorage.setItem(d,JSON.stringify(r))}catch{}}function x(){try{const e=JSON.parse(localStorage.getItem(u)||"");if(Array.isArray(e)&&e.length)return e.slice(0,4)}catch{}return m}var y={USD:"🇺🇸",CNY:"🇨🇳",AUD:"🇦🇺",GBP:"🇬🇧",JPY:"🇯🇵",CAD:"🇨🇦",EUR:"🇪🇺",THB:"🇹🇭",NZD:"🇳🇿",SGD:"🇸🇬",HKD:"🇭🇰",CHF:"🇨🇭",KRW:"🇰🇷",INR:"🇮🇳",MXN:"🇲🇽",BRL:"🇧🇷"};function f(){const[m,d]=a(x),[f,N]=a(()=>e(p)),[b,v]=a({}),[S,D]=a(!1),[k,C]=a(!1),[j,U]=a([]),[B,A]=a(f),[J,I]=a("USD"),[R,O]=a("CNY");r(n(()=>{U([...m]),A({...f}),C(!0)},[m,f])),s(()=>{const e=[...new Set(m.map(([e])=>e))];let t=!0;return async function(){D(!0);const r={};for(const t of e){const e=h(t);if(e)r[t]=e;else try{const e=await fetch(`https://open.er-api.com/v6/latest/${t}`),a=await e.json();a.rates&&(r[t]=a.rates,g(t,a.rates))}catch{}}t&&(v(r),D(!1))}(),()=>{t=!1}},[m]);/* @__PURE__ */
2
2
  return c(o,{children:[
3
- /* @__PURE__ */i("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:[v&&/* @__PURE__ */i("div",{className:"text-xs text-gray-400 text-center py-4",children:"Loading rates..."}),m.map(([e,t],r)=>{const a=b[e]?.[t];/* @__PURE__ */
4
- return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);p(e),localStorage.setItem(u,JSON.stringify(e))},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:[
3
+ /* @__PURE__ */i("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:[S&&/* @__PURE__ */i("div",{className:"text-xs text-gray-400 text-center py-4",children:"Loading rates..."}),m.map(([e,t],r)=>{const a=b[e]?.[t];/* @__PURE__ */
4
+ return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);d(e),localStorage.setItem(u,JSON.stringify(e))},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:[
5
5
  /* @__PURE__ */c("div",{className:"flex items-center gap-1.5",children:[
6
6
  /* @__PURE__ */i("span",{className:"text-base",children:y[e]||""}),
7
7
  /* @__PURE__ */i("span",{className:"text-sm font-semibold text-gray-700",children:e}),
@@ -9,13 +9,13 @@ return c("button",{onClick:()=>{const e=m.map((e,t)=>t===r?[e[1],e[0]]:e);p(e),l
9
9
  /* @__PURE__ */i("span",{className:"text-base",children:y[t]||""}),
10
10
  /* @__PURE__ */i("span",{className:"text-sm font-semibold text-gray-700",children:t})]}),
11
11
  /* @__PURE__ */i("div",{className:"text-base font-mono font-semibold text-gray-900 tabular-nums",children:null!=a?a.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:4}):"—"})]},`${e}-${t}-${r}`)})]})}),
12
- /* @__PURE__ */i(t,{open:k,onClose:()=>C(!1),title:"Currency Settings",appearance:J,onAppearanceChange:B,onSave:()=>{if(0===j.length)return;const e=j.slice(0,4);p(e),N(J),localStorage.setItem(u,JSON.stringify(e)),localStorage.setItem(d,JSON.stringify(J)),C(!1)},children:/* @__PURE__ */c("div",{children:[
12
+ /* @__PURE__ */i(t,{open:k,onClose:()=>C(!1),title:"Currency Settings",appearance:B,onAppearanceChange:A,onSave:()=>{if(0===j.length)return;const e=j.slice(0,4);d(e),N(B),localStorage.setItem(u,JSON.stringify(e)),localStorage.setItem(p,JSON.stringify(B)),C(!1)},children:/* @__PURE__ */c("div",{children:[
13
13
  /* @__PURE__ */c("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:["Currency Pairs ",
14
14
  /* @__PURE__ */c("span",{className:"text-[11px] font-normal text-gray-400",children:["(",j.length,"/",4,")"]})]}),
15
15
  /* @__PURE__ */i("div",{className:"space-y-1 mb-2",children:j.map(([e,t],r)=>/* @__PURE__ */c("div",{className:"flex items-center justify-between py-1 px-2 bg-gray-50 rounded",children:[
16
16
  /* @__PURE__ */c("span",{className:"text-sm",children:[y[e]||""," ",e," → ",y[t]||""," ",t]}),
17
17
  /* @__PURE__ */i("button",{onClick:()=>U(e=>e.filter((e,t)=>t!==r)),className:"text-red-400 hover:text-red-600",children:"×"})]},r))}),j.length<4?/* @__PURE__ */c("div",{className:"flex items-center gap-2",children:[
18
- /* @__PURE__ */i("select",{value:O,onChange:e=>A(e.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:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
18
+ /* @__PURE__ */i("select",{value:J,onChange:e=>I(e.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:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
19
19
  /* @__PURE__ */i("span",{className:"text-gray-400",children:"→"}),
20
- /* @__PURE__ */i("select",{value:I,onChange:e=>R(e.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:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
21
- /* @__PURE__ */i("button",{onClick:()=>{O!==I&&j.length<4&&U(e=>[...e,[O,I]])},className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */c("p",{className:"text-[11px] text-gray-400 italic",children:["Max ",4," pairs — remove one to add another."]})]})})]})}export{f as default};
20
+ /* @__PURE__ */i("select",{value:R,onChange:e=>O(e.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:l.map(e=>/* @__PURE__ */i("option",{children:e},e))}),
21
+ /* @__PURE__ */i("button",{onClick:()=>{J!==R&&j.length<4&&U(e=>[...e,[J,R]])},className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */c("p",{className:"text-[11px] text-gray-400 italic",children:["Max ",4," pairs — remove one to add another."]})]})})]})}export{f as default};
@@ -1,11 +1,11 @@
1
- import{escapeHtml as e}from"./chunk-BR22X7E5.js";import{AboutApp as t}from"./chunk-RKOTKWWU.js";import{toast_default as n}from"./chunk-IY4CP2HO.js";import"./chunk-L2W5XPZ3.js";import{WindowTitle as r}from"./chunk-TJ4YXVQQ.js";import"./chunk-T7DDT2Z6.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-4UCRT4ST.js";import"./chunk-6KO2U66R.js";import"./chunk-NNUE7M5G.js";import{PopupMenu as o,PopupMenuLabel as l,PopupMenuItem as a,PopupMenuDivider as i}from"./chunk-HQREOTKI.js";import"./chunk-ELSUXC3N.js";import"./chunk-MAIHBBWT.js";import"./chunk-YS57MJFM.js";import"./chunk-D65T4H6J.js";import{useState as s,useRef as c}from"react";import{jsxs as d,jsx as h}from"react/jsx-runtime";var m=/* @__PURE__ */new Set(["txt","md","markdown","csv","tsv","log","json","xml","html","htm","css","js","jsx","ts","tsx","py","rb","go","rs","java","c","h","cpp","hpp","sh","bash","yml","yaml","toml","ini","conf","env","sql"]),u=/* @__PURE__ */new Set(["docx"]),p={filename:"Untitled",kind:"docx",content:"",ext:"docx"};function g(){const[g,x]=s(p),[f,y]=s(!1),[v,b]=s(!1),[k,w]=s(!1),[N,C]=s(null),j=c(null),D=c(null),L=c(null),M=(e,t)=>{L.current?.focus(),document.execCommand(e,!1,t),w(!0)},U=e=>{for(const t of e){if(!t.type.startsWith("image/"))continue;const e=new FileReader;e.onload=()=>{L.current?.focus(),document.execCommand("insertImage",!1,String(e.result)),w(!0)},e.readAsDataURL(t)}},R=e=>{N&&(N.el.removeAttribute("width"),N.el.removeAttribute("height"),N.el.style.width=e??"",N.el.style.height=e?"auto":"",w(!0),C(null))},T=async t=>{const r=(t.name.split(".").pop()||"").toLowerCase();y(!0);try{if(m.has(r)||!u.has(r)&&t.type.startsWith("text/")){const n=await t.text(),o=e(n).replace(/\n/g,"<br>");x({filename:t.name,kind:"text",content:o,ext:r}),w(!1)}else if(u.has(r))try{const e=await(import(
1
+ import{escapeHtml as e}from"./chunk-BR22X7E5.js";import{AboutApp as t}from"./chunk-HGG5M5AB.js";import{toast_default as n}from"./chunk-KSSAVLO7.js";import"./chunk-VRHUY4P4.js";import{WindowTitle as r}from"./chunk-VXBJNMAA.js";import"./chunk-CRI4UFBU.js";import"./chunk-DSSLOQDW.js";import"./chunk-5A7MWTXX.js";import"./chunk-BKDE67DB.js";import"./chunk-6KO2U66R.js";import"./chunk-M4DB7UBZ.js";import{PopupMenu as o,PopupMenuLabel as l,PopupMenuItem as a,PopupMenuDivider as i}from"./chunk-UVZIPXIA.js";import"./chunk-AFYQTVZO.js";import"./chunk-HZZNJHRH.js";import"./chunk-D65T4H6J.js";import"./chunk-X4FJ54PP.js";import"./chunk-NCQLGQYR.js";import{useState as s,useRef as c}from"react";import{jsxs as d,jsx as h}from"react/jsx-runtime";var m=/* @__PURE__ */new Set(["txt","md","markdown","csv","tsv","log","json","xml","html","htm","css","js","jsx","ts","tsx","py","rb","go","rs","java","c","h","cpp","hpp","sh","bash","yml","yaml","toml","ini","conf","env","sql"]),u=/* @__PURE__ */new Set(["docx"]),p={filename:"Untitled",kind:"docx",content:"",ext:"docx"};function g(){const[g,x]=s(p),[f,y]=s(!1),[v,b]=s(!1),[k,w]=s(!1),[N,C]=s(null),j=c(null),D=c(null),L=c(null),M=(e,t)=>{L.current?.focus(),document.execCommand(e,!1,t),w(!0)},U=e=>{for(const t of e){if(!t.type.startsWith("image/"))continue;const e=new FileReader;e.onload=()=>{L.current?.focus(),document.execCommand("insertImage",!1,String(e.result)),w(!0)},e.readAsDataURL(t)}},B=e=>{N&&(N.el.removeAttribute("width"),N.el.removeAttribute("height"),N.el.style.width=e??"",N.el.style.height=e?"auto":"",w(!0),C(null))},R=async t=>{const r=(t.name.split(".").pop()||"").toLowerCase();y(!0);try{if(m.has(r)||!u.has(r)&&t.type.startsWith("text/")){const n=await t.text(),o=e(n).replace(/\n/g,"<br>");x({filename:t.name,kind:"text",content:o,ext:r}),w(!1)}else if(u.has(r))try{const e=await(import(
2
2
  /* @vite-ignore */
3
- "mammoth")),n=await t.arrayBuffer(),o=await e.convertToHtml({arrayBuffer:n});x({filename:t.name,kind:"docx",content:o.value||"<p><em>(empty document)</em></p>",ext:r}),w(!1)}catch(e){n.error('Install the optional "mammoth" peer dep to read .docx files.')}else"doc"===r?n.error(".doc is the legacy Word binary format — convert to .docx first."):n.error(`Unsupported file type: .${r||"unknown"}`)}finally{y(!1)}},W=g?.filename?(B=g.filename).length>24?`${B.slice(0,23)}…`:B:"Untitled";var B;/* @__PURE__ */
4
- return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preventDefault(),v||b(!0)},onDragLeave:e=>{e.currentTarget===e.target&&b(!1)},onDrop:e=>{e.preventDefault(),b(!1);const t=Array.from(e.dataTransfer.files??[]);0!==t.length&&(t.every(e=>e.type.startsWith("image/"))?U(t):T(t[0]))},children:[
5
- /* @__PURE__ */h(r,{title:`${W}${k?" •":""} - Documents`}),
3
+ "mammoth")),n=await t.arrayBuffer(),o=await e.convertToHtml({arrayBuffer:n});x({filename:t.name,kind:"docx",content:o.value||"<p><em>(empty document)</em></p>",ext:r}),w(!1)}catch(e){n.error('Install the optional "mammoth" peer dep to read .docx files.')}else"doc"===r?n.error(".doc is the legacy Word binary format — convert to .docx first."):n.error(`Unsupported file type: .${r||"unknown"}`)}finally{y(!1)}},A=g?.filename?(O=g.filename).length>24?`${O.slice(0,23)}…`:O:"Untitled";var O;/* @__PURE__ */
4
+ return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preventDefault(),v||b(!0)},onDragLeave:e=>{e.currentTarget===e.target&&b(!1)},onDrop:e=>{e.preventDefault(),b(!1);const t=Array.from(e.dataTransfer.files??[]);0!==t.length&&(t.every(e=>e.type.startsWith("image/"))?U(t):R(t[0]))},children:[
5
+ /* @__PURE__ */h(r,{title:`${A}${k?" •":""} - Documents`}),
6
6
  /* @__PURE__ */h(t,{app:"documents"}),
7
7
  /* @__PURE__ */d("div",{className:"flex items-center flex-wrap gap-x-2 gap-y-1 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0",children:[
8
- /* @__PURE__ */h("input",{ref:j,type:"file",accept:".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*",onChange:e=>{const t=e.target.files?.[0];t&&T(t),j.current&&(j.current.value="")},className:"hidden"}),
8
+ /* @__PURE__ */h("input",{ref:j,type:"file",accept:".txt,.md,.csv,.tsv,.log,.json,.xml,.html,.htm,.css,.js,.jsx,.ts,.tsx,.py,.rb,.go,.rs,.java,.c,.h,.cpp,.hpp,.sh,.bash,.yml,.yaml,.toml,.ini,.conf,.env,.sql,.docx,text/*",onChange:e=>{const t=e.target.files?.[0];t&&R(t),j.current&&(j.current.value="")},className:"hidden"}),
9
9
  /* @__PURE__ */d("button",{onClick:()=>j.current?.click(),className:"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors flex items-center gap-1",children:[
10
10
  /* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */h("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"})}),"Open"]}),
11
11
  /* @__PURE__ */h("button",{onClick:()=>{if(!g)return;const t=L.current?.innerHTML??"";if("text"===g.kind){if(/<(b|strong|i|em|u|font|span style|ul|ol|img)|style="[^"]*text-align/i.test(t)){const n=new Blob([`<!doctype html><meta charset="utf-8"><title>${e(g.filename)}</title><body style="font-family:ui-monospace,monospace;white-space:pre-wrap">${t}`],{type:"text/html"}),r=URL.createObjectURL(n),o=document.createElement("a");o.href=r,o.download=`${g.filename.replace(/\.[^.]+$/,"")}.html`,o.click(),URL.revokeObjectURL(r)}else{const e=L.current?.innerText??"",t=new Blob([e],{type:"text/plain"}),n=URL.createObjectURL(t),r=document.createElement("a");r.href=n,r.download=g.filename,r.click(),URL.revokeObjectURL(n)}}else{const n=new Blob([`<!doctype html><meta charset="utf-8"><title>${e(g.filename)}</title>${t}`],{type:"text/html"}),r=URL.createObjectURL(n),o=document.createElement("a");o.href=r,o.download=`${g.filename.replace(/\.docx$/i,"")}.html`,o.click(),URL.revokeObjectURL(r)}},className:"text-xs text-gray-700 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Save"}),
@@ -43,10 +43,10 @@ return d("div",{className:"relative flex flex-col h-full",onDragOver:e=>{e.preve
43
43
  /* @__PURE__ */h("svg",{className:"h-3.5 w-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:/* @__PURE__ */h("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"})}),"Image"]})]}),
44
44
  /* @__PURE__ */h("div",{className:"flex-1 min-h-0 overflow-hidden",children:/* @__PURE__ */h("div",f?{className:"flex items-center justify-center h-full text-sm text-gray-400",children:"Loading…"}:{className:"h-full overflow-auto "+("docx"===g.kind?"bg-gray-100 px-6 py-8":"bg-white"),children:/* @__PURE__ */h("div",{ref:L,contentEditable:!0,suppressContentEditableWarning:!0,spellCheck:!1,onInput:()=>w(!0),onPaste:e=>{const t=Array.from(e.clipboardData?.items??[]).filter(e=>"file"===e.kind&&e.type.startsWith("image/")).map(e=>e.getAsFile()).filter(e=>!!e);t.length&&(e.preventDefault(),U(t))},onClick:e=>{const t=e.target;"IMG"===t.tagName&&(e.preventDefault(),C({x:e.clientX,y:e.clientY,el:t}))},dangerouslySetInnerHTML:{__html:g.content},className:"docx"===g.kind?"docs-editor mx-auto w-[8.5in] min-h-[11in] bg-white p-[1in] shadow text-[14px] leading-relaxed text-gray-800 outline-none focus:ring-2 focus:ring-blue-400/40":"docs-editor block w-full min-h-full p-4 font-mono text-[13px] leading-relaxed text-gray-800 bg-white outline-none whitespace-pre-wrap"})})}),v&&/* @__PURE__ */h("div",{className:"absolute inset-0 bg-blue-500/15 border-4 border-dashed border-blue-500 pointer-events-none flex items-center justify-center z-20",children:/* @__PURE__ */h("div",{className:"px-4 py-2 rounded-md bg-blue-600 text-white text-sm font-medium shadow-lg",children:"Drop a document to open · images insert into the page"})}),N&&/* @__PURE__ */d(o,{minWidth:150,style:{left:N.x,top:N.y},onClose:()=>C(null),children:[
45
45
  /* @__PURE__ */h(l,{children:"Image width"}),
46
- /* @__PURE__ */h(a,{onClick:()=>R("25%"),children:"25%"}),
47
- /* @__PURE__ */h(a,{onClick:()=>R("50%"),children:"50%"}),
48
- /* @__PURE__ */h(a,{onClick:()=>R("75%"),children:"75%"}),
49
- /* @__PURE__ */h(a,{onClick:()=>R("100%"),children:"100%"}),
50
- /* @__PURE__ */h(a,{onClick:()=>R(null),children:"Original size"}),
46
+ /* @__PURE__ */h(a,{onClick:()=>B("25%"),children:"25%"}),
47
+ /* @__PURE__ */h(a,{onClick:()=>B("50%"),children:"50%"}),
48
+ /* @__PURE__ */h(a,{onClick:()=>B("75%"),children:"75%"}),
49
+ /* @__PURE__ */h(a,{onClick:()=>B("100%"),children:"100%"}),
50
+ /* @__PURE__ */h(a,{onClick:()=>B(null),children:"Original size"}),
51
51
  /* @__PURE__ */h(i,{}),
52
52
  /* @__PURE__ */h(a,{danger:!0,onClick:()=>{N?.el.remove(),w(!0),C(null)},children:"Remove image"})]})]})}export{g as default};