efficient-shell 7.74.0 → 8.0.0

package/dist/Spreadsheet-3EGL6YHL.js

@@ -0,0 +1,37 @@
+import{EditableGrid as e}from"./chunk-3ACF3KU7.js";import"./chunk-BR22X7E5.js";import{AboutApp as t}from"./chunk-3NQDUKH6.js";import{peekSpreadsheetPreviewStage as r,claimSpreadsheetPreviewStage as n,SPREADSHEET_PREVIEW_UPDATE_EVENT as o}from"./chunk-VTVSMRFX.js";import{WindowTitle as a}from"./chunk-P2HKX4VB.js";import"./chunk-TPDOOCFS.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-LEMQKX7D.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-CCQLM73G.js";import"./chunk-A34WQDNB.js";import"./chunk-X3FLNEKK.js";import"./chunk-MYCBGGOC.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import"./chunk-KC3EX26K.js";import"./chunk-RAHIWTPJ.js";import"./chunk-GZCAFWWB.js";import"./chunk-UGTRSRIW.js";import"./chunk-QR4RM7PO.js";import"./chunk-BOGBLZKS.js";import"./chunk-CDAJKLGL.js";import"./chunk-QMQVOUIV.js";import"./chunk-Y6CIIF65.js";import"./chunk-FSP63GKK.js";import"./chunk-K7U4RWXJ.js";import"./chunk-ABJ4LWOW.js";import"./chunk-C2HHGLLR.js";import"./chunk-J75ZT2JQ.js";import"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-Z3WKHMVB.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-T53TXXOC.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-5LHPDU6X.js";import"./chunk-C3QOHMR6.js";import{useRef as l,useState as s,useEffect as c,useCallback as i}from"react";import{jsxs as u,jsx as d,Fragment as h}from"react/jsx-runtime";var m="ABCDEFGHIJKLMNOPQRSTUVWXYZ",p=10,x=30;function g(e){return e<26?m[e]:m[Math.floor(e/26)-1]+m[e%26]}function y(e){return Array.from({length:e},(e,t)=>({key:`col_${t}`,title:g(t),width:100}))}function b(e,t){return Array.from({length:e},()=>Array(t).fill(""))}function f(e){return{id:crypto.randomUUID(),name:e,columns:y(p),data:b(x,p),cellStyles:{}}}function v(e){return e.split("\n").map(e=>{if(e.includes("\t"))return e.split("\t").map(e=>e.trim());const t=[];let r="",n=!1;for(const o of e)'"'!==o?","!==o||n?r+=o:(t.push(r.trim()),r=""):n=!n;return t.push(r.trim()),t}).filter(e=>e.some(e=>e.trim()))}function k(e,t){const r=v(e);if(0===r.length)return null;const n=Math.max(p,r.reduce((e,t)=>Math.max(e,t.length),0)),o=r.map(e=>{for(;e.length<n;)e.push("");return e});for(;o.length<x;)o.push(Array(n).fill(""));return{id:crypto.randomUUID(),name:t,columns:y(n),data:o,cellStyles:{}}}function w(){const m=l(null),g=l(void 0);void 0===g.current&&(g.current=r());const w=l(g.current?.data??null),j=(()=>{const e=g.current;if(!e)return null;const t=k(e.data.csv,"Sheet 1");if(!t)return null;return{sheet:t,title:e.data.filename.replace(/\.(csv|tsv|txt)$/i,"")}})(),[C,N]=s(j?[j.sheet]:[f("Sheet 1")]),[S,M]=s(0),U=l([]),K=l(C),L=l(!1);c(()=>{L.current?L.current=!1:K.current!==C&&(U.current.push(K.current),U.current.length>50&&U.current.shift()),K.current=C},[C]);const D=i(()=>{const e=U.current.pop();e&&(L.current=!0,N(e))},[]);c(()=>{const e=e=>{if(!m.current?.contains(document.activeElement)&&!m.current?.matches(":focus-within"))return;(e.ctrlKey||e.metaKey)&&!e.shiftKey&&("z"===e.key||"Z"===e.key)&&(e.preventDefault(),D())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[D]);const[R,A]=s(j?.title??"Untitled"),[E,$]=s(()=>g.current?.data.onEmail),W=i(e=>{const t=k(e.csv,"Sheet 1");t&&(N([t]),M(0),A(e.filename.replace(/\.(csv|tsv|txt)$/i,"")),$(()=>e.onEmail))},[]);c(()=>{const e=g.current;null!=e&&(n(e),e.data!==w.current&&W(e.data))},[]),c(()=>{const e=g.current?.token;if(null==e)return;const t=t=>{const r=t.detail;r&&r.token===e&&W(r.data)};return window.addEventListener(o,t),()=>window.removeEventListener(o,t)},[]);const[B,F]=s(!1),[X,G]=s(null),[Q,I]=s(""),O=l(null),[V,H]=s("1"),[J,T]=s("10"),P=C[S]||C[0],Z=P.data,Y=P.columns,z=P.cellStyles??{},[_,q]=s(null),[ee,te]=s(null),re=i(()=>{if(ee){const e=Math.min(ee.anchor.row,ee.end.row),t=Math.max(ee.anchor.row,ee.end.row),r=Math.min(ee.anchor.col,ee.end.col),n=Math.max(ee.anchor.col,ee.end.col),o=[];for(let a=e;a<=t;a++)for(let e=r;e<=n;e++)o.push({row:a,col:e});return o}return _?[_]:[]},[ee,_]),ne=i((e,t)=>{const r=re();0!==r.length&&N(n=>n.map((n,o)=>{if(o!==S)return n;const a={...n.cellStyles??{}},l=`${r[0].row}:${r[0].col}`,s=void 0!==t?t:!(a[l]??{})[e];for(const{row:t,col:n}of r){const r=`${t}:${n}`;a[r]={...a[r]??{},[e]:s}}return{...n,cellStyles:a}}))},[re,S]),oe=ee?{row:ee.anchor.row,col:ee.anchor.col}:_,ae=oe?z[`${oe.row}:${oe.col}`]??{}:{},le=!!oe,se=i(e=>{N(t=>t.map((t,r)=>r===S?{...t,...e}:t))},[S]),ce=i(e=>{const t=e.reduce((e,t)=>Math.max(e,t.length),0);t!==Y.length?se({data:e,columns:y(t)}):se({data:e})},[se,Y.length]),ie=(e,t)=>{N(r=>r.map((r,n)=>n===e?{...r,name:t}:r)),G(null)},ue=()=>Z.filter(e=>e.some(e=>e.trim())).map(e=>e.map(e=>e.includes(",")||e.includes('"')||e.includes("\n")?`"${e.replace(/"/g,'""')}"`:e).join(",")).join("\n"),de=[];Z.forEach(e=>e.forEach(e=>{const t=parseFloat(e);!isNaN(t)&&e.trim()&&de.push(t)}));const he=Z.reduce((e,t)=>e+t.filter(e=>e.trim()).length,0);/* @__PURE__ */
+return u("div",{ref:m,className:"flex flex-col h-full",children:[
+/* @__PURE__ */d(a,{title:`${me=R||"Untitled",me.length>24?`${me.slice(0,23)}…`:me} - Spreadsheets`}),
+/* @__PURE__ */d(t,{app:"spreadsheet"}),
+/* @__PURE__ */u("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0",children:[B?/* @__PURE__ */d("input",{type:"text",value:R,onChange:e=>A(e.target.value),onBlur:()=>F(!1),onKeyDown:e=>{"Enter"===e.key&&F(!1)},autoFocus:!0,className:"text-sm font-medium text-gray-900 border border-gray-300 rounded px-2 py-0.5 w-40 focus:border-blue-500 focus:ring-blue-500"}):/* @__PURE__ */d("button",{onClick:()=>F(!0),className:"text-sm font-medium text-gray-900 hover:text-blue-600 truncate max-w-[200px]",title:"Click to rename",children:R||"Untitled"}),
+/* @__PURE__ */d("div",{className:"h-4 w-px bg-gray-300"}),
+/* @__PURE__ */d("input",{ref:O,type:"file",accept:".csv,.tsv,.txt,.xlsx,.xls,.ods",onChange:async e=>{const t=e.target.files?.[0];if(!t)return;const r=t.name.replace(/\.(csv|tsv|txt|xlsx|xls|ods)$/i,"");if(/\.(xlsx|xls|ods)$/i.test(t.name)){const e=new Uint8Array(await t.arrayBuffer()),n=await(import("xlsx")),o=n.read(e,{type:"array"}),a=o.SheetNames.map(e=>{const t=n.utils.sheet_to_json(o.Sheets[e],{header:1,defval:""}),r=Math.max(p,t.reduce((e,t)=>Math.max(e,t.length),0)),a=t.map(e=>{const t=e.map(e=>String(e??""));for(;t.length<r;)t.push("");return t});for(;a.length<x;)a.push(Array(r).fill(""));return{id:crypto.randomUUID(),name:e,columns:y(r),data:a}});N(a),M(0),A(r)}else{const e=v(await t.text());if(0===e.length)return;const n=Math.max(p,e.reduce((e,t)=>Math.max(e,t.length),0)),o=e.map(e=>{for(;e.length<n;)e.push("");return e});for(;o.length<x;)o.push(Array(n).fill(""));se({columns:y(n),data:o}),A(r)}O.current&&(O.current.value="")},className:"hidden"}),
+/* @__PURE__ */d("button",{onClick:()=>O.current?.click(),className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Open"}),
+/* @__PURE__ */d("button",{onClick:()=>{const e=new Blob([ue()],{type:"text/csv"}),t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download=`${R||"spreadsheet"}.csv`,r.click(),URL.revokeObjectURL(t)},className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Save CSV"}),E&&/* @__PURE__ */d("button",{onClick:()=>E(ue(),`${R||"spreadsheet"}.csv`),className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Email"}),
+/* @__PURE__ */d("div",{className:"h-4 w-px bg-gray-300"}),
+/* @__PURE__ */u("div",{className:"flex items-center gap-1",children:[
+/* @__PURE__ */d("input",{type:"number",min:"1",max:"50",value:V,onChange:e=>H(e.target.value),className:"w-10 text-xs text-center border border-gray-300 rounded px-1 py-0.5 focus:border-blue-500 focus:ring-blue-500"}),
+/* @__PURE__ */d("button",{onClick:()=>(e=>{const t=Y.length+e;se({columns:y(t),data:Z.map(t=>[...t,...Array(e).fill("")])})})(parseInt(V)||1),className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"+ Col"})]}),
+/* @__PURE__ */u("div",{className:"flex items-center gap-1",children:[
+/* @__PURE__ */d("input",{type:"number",min:"1",max:"500",value:J,onChange:e=>T(e.target.value),className:"w-10 text-xs text-center border border-gray-300 rounded px-1 py-0.5 focus:border-blue-500 focus:ring-blue-500"}),
+/* @__PURE__ */d("button",{onClick:()=>{return e=parseInt(J)||10,void se({data:[...Z,...Array.from({length:e},()=>Array(Y.length).fill(""))]});var e},className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"+ Row"})]}),
+/* @__PURE__ */d("div",{className:"h-4 w-px bg-gray-300"}),
+/* @__PURE__ */d("button",{onClick:()=>{se({columns:y(p),data:b(x,p)})},className:"text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",children:"Clear"}),
+/* @__PURE__ */d("div",{className:"h-4 w-px bg-gray-300"}),
+/* @__PURE__ */u("div",{className:"flex items-center gap-0.5",title:le?"":"Click a cell first",children:[
+/* @__PURE__ */d("button",{onClick:()=>ne("bold"),disabled:!le,className:`px-2 py-1 text-xs rounded transition-colors font-bold ${ae.bold?"bg-blue-100 text-blue-700":"text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,children:"B"}),
+/* @__PURE__ */d("button",{onClick:()=>ne("italic"),disabled:!le,className:`px-2 py-1 text-xs rounded transition-colors italic ${ae.italic?"bg-blue-100 text-blue-700":"text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,children:"I"}),
+/* @__PURE__ */d("button",{onClick:()=>ne("underline"),disabled:!le,className:`px-2 py-1 text-xs rounded transition-colors underline ${ae.underline?"bg-blue-100 text-blue-700":"text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,children:"U"}),
+/* @__PURE__ */u("select",{value:ae.fontSize??"base",onChange:e=>ne("fontSize",e.target.value),disabled:!le,className:"ml-1 text-xs border border-gray-300 rounded px-1 py-0.5 bg-white disabled:opacity-40 disabled:cursor-not-allowed",children:[
+/* @__PURE__ */d("option",{value:"sm",children:"XS"}),
+/* @__PURE__ */d("option",{value:"base",children:"S"}),
+/* @__PURE__ */d("option",{value:"lg",children:"M"}),
+/* @__PURE__ */d("option",{value:"xl",children:"L"})]})]})]}),
+/* @__PURE__ */d("div",{className:"flex-1 min-h-0",children:/* @__PURE__ */d(e,{columns:Y,data:Z,onChange:ce,onColumnsChange:e=>se({columns:e}),cellStyles:z,onFocusChange:q,onSelectionChange:te,minRows:x,maxHeight:"100%"})}),
+/* @__PURE__ */u("div",{className:"flex items-center border-t border-gray-200 bg-gray-50 shrink-0",children:[
+/* @__PURE__ */u("div",{className:"flex items-center gap-0.5 px-1 py-1 overflow-x-auto flex-1 min-w-0",children:[C.map((e,t)=>/* @__PURE__ */d("button",{onClick:()=>M(t),onDoubleClick:()=>{G(t),I(e.name)},onContextMenu:e=>{e.preventDefault(),C.length>1&&(e=>{C.length<=1||(N(t=>t.filter((t,r)=>r!==e)),S>=e&&S>0&&M(S-1))})(t)},className:"px-3 py-1 text-xs font-medium rounded-b whitespace-nowrap transition-colors "+(t===S?"bg-white text-blue-700 border border-t-0 border-gray-300 -mt-px relative z-10":"text-gray-500 hover:text-gray-700 hover:bg-gray-100"),children:X===t?/* @__PURE__ */d("input",{type:"text",value:Q,onChange:e=>I(e.target.value),onBlur:()=>ie(t,Q||e.name),onKeyDown:r=>{"Enter"===r.key&&ie(t,Q||e.name),"Escape"===r.key&&G(null)},onClick:e=>e.stopPropagation(),autoFocus:!0,className:"w-20 text-xs border border-blue-400 rounded px-1 py-0 focus:ring-0 focus:outline-none"}):e.name},e.id)),
+/* @__PURE__ */d("button",{onClick:()=>{const e=`Sheet ${C.length+1}`;N(t=>[...t,f(e)]),M(C.length)},className:"px-2 py-1 text-xs text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded",title:"Add sheet",children:"+"})]}),
+/* @__PURE__ */u("div",{className:"flex items-center gap-4 px-3 py-1 text-xs text-gray-500 shrink-0 border-l border-gray-200",children:[
+/* @__PURE__ */u("span",{children:[he," cells"]}),de.length>0&&/* @__PURE__ */u(h,{children:[
+/* @__PURE__ */u("span",{children:["Sum: ",de.reduce((e,t)=>e+t,0).toLocaleString(void 0,{maximumFractionDigits:2})]}),
+/* @__PURE__ */u("span",{children:["Avg: ",(de.reduce((e,t)=>e+t,0)/de.length).toLocaleString(void 0,{maximumFractionDigits:2})]})]}),
+/* @__PURE__ */u("span",{children:[Z.length," × ",Y.length]})]})]})]});var me}export{w as default};

package/dist/Stock-6YBJY53A.js

@@ -0,0 +1,16 @@
+import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-WZZKQJUJ.js";import{useWidgetSettings as r}from"./chunk-P2HKX4VB.js";import"./chunk-TPDOOCFS.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-LEMQKX7D.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-CCQLM73G.js";import"./chunk-A34WQDNB.js";import"./chunk-X3FLNEKK.js";import"./chunk-MYCBGGOC.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import"./chunk-KC3EX26K.js";import"./chunk-RAHIWTPJ.js";import"./chunk-GZCAFWWB.js";import"./chunk-UGTRSRIW.js";import"./chunk-QR4RM7PO.js";import"./chunk-BOGBLZKS.js";import"./chunk-CDAJKLGL.js";import"./chunk-QMQVOUIV.js";import"./chunk-FSP63GKK.js";import"./chunk-K7U4RWXJ.js";import"./chunk-ABJ4LWOW.js";import"./chunk-C2HHGLLR.js";import"./chunk-J75ZT2JQ.js";import"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-Z3WKHMVB.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-T53TXXOC.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-5LHPDU6X.js";import"./chunk-C3QOHMR6.js";import{useState as n,useCallback as c}from"react";import{jsxs as a,Fragment as s,jsx as i}from"react/jsx-runtime";var o=["AAPL","MSFT","GOOGL","TSLA","NVDA"],l="stock_symbols",m="stock_appearance",h={AAPL:{price:229.87,change:1.42,changePct:.62},MSFT:{price:451.16,change:-2.31,changePct:-.51},GOOGL:{price:178.34,change:.89,changePct:.5},AMZN:{price:201.45,change:-1.08,changePct:-.53},TSLA:{price:248.92,change:6.74,changePct:2.78},NVDA:{price:134.81,change:-3.12,changePct:-2.26},META:{price:563.27,change:4.55,changePct:.81}},p=Object.keys(h);function u(){try{const e=JSON.parse(localStorage.getItem(l)||"");if(Array.isArray(e)&&e.length)return e.slice(0,8)}catch{}return o}var d=e=>`${e>=0?"+":""}${e.toFixed(2)}`;function g(){const[o,g]=n(u),[x,k]=n(()=>e(m)),[y,j]=n(!1),[b,N]=n([]),[f,v]=n(x),[A,C]=n(""),K=c(()=>{N([...o]),v({...x}),C(""),j(!0)},[o,x]);r(K);const L=()=>{const e=A.trim().toUpperCase();!e||b.includes(e)||b.length>=8||(N(t=>[...t,e]),C(""))},S=p.filter(e=>!b.includes(e));/* @__PURE__ */
+return a(s,{children:[
+/* @__PURE__ */i("div",{style:{backgroundColor:`rgb(var(--taskbar-bg-rgb, 243 244 246) / ${x.activeOpacity/100})`,backdropFilter:x.activeBlur>0?`blur(${x.activeBlur}px)`:void 0},children:/* @__PURE__ */i("div",{className:"px-4 py-3",children:0===o.length?/* @__PURE__ */i("div",{className:"text-xs text-gray-500 text-center py-6",children:"No symbols yet — add some in settings."}):/* @__PURE__ */i("div",{className:"space-y-0.5",children:o.map(e=>{const t=h[e],r=(t?.change??0)>=0,n=t?t.change>0?"text-green-600":t.change<0?"text-red-600":"text-gray-500":"text-gray-400";/* @__PURE__ */
+return a("div",{className:"flex items-center justify-between px-2 py-2 border-b border-gray-200 last:border-0",children:[
+/* @__PURE__ */i("span",{className:"text-sm font-bold text-gray-800 tracking-tight",children:e}),t?/* @__PURE__ */a("div",{className:"flex flex-col items-end leading-tight",children:[
+/* @__PURE__ */i("span",{className:"text-sm font-mono font-semibold text-gray-900 tabular-nums",children:(c=t.price,`$${c.toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})}`)}),
+/* @__PURE__ */a("span",{className:`text-2xs font-medium tabular-nums ${n}`,children:[r?"▲":"▼"," ",d(t.change)," (",d(t.changePct),"%)"]})]}):/* @__PURE__ */i("span",{className:"text-sm font-mono text-gray-400 tabular-nums",children:"—"})]},e);var c})})})}),
+/* @__PURE__ */i(t,{open:y,onClose:()=>j(!1),title:"Stock Settings",appearance:f,onAppearanceChange:v,onSave:()=>{const e=b.map(e=>e.toUpperCase()).slice(0,8);g(e),k(f),localStorage.setItem(l,JSON.stringify(e)),localStorage.setItem(m,JSON.stringify(f)),j(!1)},children:/* @__PURE__ */a("div",{children:[
+/* @__PURE__ */a("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:["Symbols ",
+/* @__PURE__ */a("span",{className:"text-2xs font-normal text-gray-400",children:["(",b.length,"/",8,")"]})]}),
+/* @__PURE__ */a("div",{className:"space-y-1 mb-2",children:[b.map((e,t)=>/* @__PURE__ */a("div",{className:"flex items-center justify-between py-1 px-2 bg-gray-50 rounded",children:[
+/* @__PURE__ */i("span",{className:"text-sm font-semibold text-gray-700",children:e}),
+/* @__PURE__ */i("button",{onClick:()=>N(e=>e.filter((e,r)=>r!==t)),className:"text-red-400 hover:text-red-600",children:"×"})]},t)),0===b.length&&/* @__PURE__ */i("p",{className:"text-2xs text-gray-400 italic",children:"No symbols — add a ticker below."})]}),b.length<8?/* @__PURE__ */a("div",{className:"flex items-center gap-2",children:[
+/* @__PURE__ */i("input",{value:A,onChange:e=>C(e.target.value),onKeyDown:e=>{"Enter"===e.key&&L()},placeholder:"e.g. NVDA",className:"flex-1 bg-gray-50 border border-gray-200 rounded px-2 py-1 text-sm uppercase focus:outline-none focus:ring-1 focus:ring-blue-500"}),
+/* @__PURE__ */i("button",{onClick:L,className:"text-sm font-medium text-blue-600 hover:text-blue-800 px-2",children:"+ Add"})]}):/* @__PURE__ */a("p",{className:"text-2xs text-gray-400 italic",children:["Max ",8," symbols — remove one to add another."]}),S.length>0&&b.length<8&&/* @__PURE__ */i("div",{className:"flex flex-wrap gap-2 mt-2",children:S.map(e=>/* @__PURE__ */i("button",{onClick:()=>N(t=>t.length<8?[...t,e]:t),className:"text-2xs font-medium text-gray-600 bg-gray-100 hover:bg-gray-200 rounded px-2 py-0.5 transition-colors",children:e},e))}),
+/* @__PURE__ */i("p",{className:"text-2xs text-gray-400 mt-2",children:"Demo prices — static sample data, no live feed."})]})})]})}export{g as default};

package/dist/TimelineTrack-DfU_9eo6.d.ts

@@ -0,0 +1,421 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * The five shapes that carry meaning on a timeline, plus the flag that opens
+ * one.
+ *
+ * Their own file because two places draw them and they must agree: the dots on
+ * the rail, and the legend chips under it. A legend drawn from its own copy of
+ * the paths is a legend that can describe a shape the track no longer uses —
+ * which is what the chip row did before it was a chip row, with a rotated
+ * square standing in for both a shipment and an inspection.
+ */
+type TimelineGlyphName = 'check' | 'doc' | 'flask' | 'flag' | 'truck' | 'receipt';
+
+/**
+ * The schedule playback follows: which stretch of rail the thumb is crossing,
+ * how long that takes, and where it is partway through.
+ *
+ * Pure — no React, no DOM, and no clock of its own: a reading of the wall clock
+ * is an argument. `TimelineTrack` owns the animation frame and the dwell timer
+ * and asks these functions where the thumb goes, which is what lets the timing
+ * be specified rather than observed: a spec can assert that a 200 px stretch
+ * takes 700 ms, and that five idle seconds end one rest rather than five, with
+ * nothing rendered and nothing waited for.
+ *
+ * The whole file exists because of one distinction. A tween in TIME — walk the
+ * date from report to report and let the axis place it — looks right on a linear
+ * axis and stalls on a compressed one: an idle stretch cut down to a 48 px notch
+ * holds most of the window's DAYS, so a time-paced thumb spends most of its
+ * journey inside a notch it crosses in 48 px. So the tween is in PIXELS. The
+ * thumb travels the rail at one visual speed throughout, the date under it is
+ * read back through the axis's inverse mapping, and a cut therefore does what a
+ * cut is for: the thumb crosses it in 48 px of travel and the chip skips the
+ * days the axis is not showing.
+ */
+
+/**
+ * Where the thumb is between two stops, for a consumer that draws numbers.
+ *
+ * The kit does not render the table under the timeline, and the table is the
+ * reason this exists: while the thumb travels from one report to the next, the
+ * quantities beneath it should travel too rather than waiting for the arrival
+ * and then jumping. So the fraction the thumb is placed by is handed out, and
+ * the consumer interpolates whatever it is showing on the same number.
+ */
+interface TimelineScrubProgress {
+    /** The stop the thumb left. */
+    fromKey: string;
+    /** The stop it is heading for. */
+    toKey: string;
+    /** 0 at `fromKey`, 1 at `toKey`. EASED during a glide — the same number that
+     *  places the disc, so the figures and the disc move together — and linear
+     *  during a drag, because there is no curve in a hand. */
+    t: number;
+    /** The date under the thumb, epoch ms, read back through the axis. */
+    ms: number;
+}
+
+/**
+ * Visual category for one mark on the track. Drives SHAPE and glyph, so a reader
+ * can tell a shipment from a drawing revision without reading a word — and
+ * without a hue doing the telling. Every kind but `completion` paints in the
+ * accent; see the mapping block in `ui.css` for why.
+ *
+ * `MilestoneKind` is this list minus the two only a production bar has, and
+ * `TimelineMarkerKind` is the two a marker may be — one union, so a kind added
+ * here cannot be missing a style below.
+ */
+type TimelineTrackKind = 'default' | 'dfm' | 'shipment' | 'testing' | 'completion' | 'inspection' | 'invoice' | 'report';
+/** One dated point on the track. */
+interface TimelineTrackItem {
+    /** Stable key — React key, the active/current lookup, and the focus roving. */
+    key: string;
+    /** When it happened, epoch ms. Undated things belong in `pending`. */
+    ms: number;
+    /** Optional visual category — defaults to `'default'`. */
+    kind?: TimelineTrackKind;
+    /** Short label: the lane label, the tooltip title, the accessible name. */
+    label: string;
+    /** The date as the user's format would write it. Defaults to `fmtSliderDate`. */
+    date?: string;
+    /** Optional second line for the tooltip. */
+    detail?: ReactNode;
+    /**
+     * Which marks matter most, lower first (default 0).
+     *
+     * It does two jobs, and they are the same judgement: a lane goes to a low
+     * number before a high one, and a mark with a number ABOVE zero is an ordinary
+     * dot — small, and foldable into a `×N` pill with its same-kind neighbours.
+     * One field, so the size of a dot and the lane it gets can never disagree
+     * about which milestones the reader opened the card for.
+     */
+    priority?: number;
+    /**
+     * Which glyph sits inside the dot. Defaults by kind; `'none'` draws a bare
+     * one. The FIRST dated mark of the default kind gets a flag when it asks for
+     * nothing else, because that is the milestone that opened the programme.
+     */
+    glyph?: TimelineGlyphName | 'none';
+    /**
+     * Rich content for the hover/focus popover — a drawing's version and feedback
+     * snippet, a report's stage row, a shipment's goods-issue number. Rendered
+     * under the mark's own label and date; without it the popover falls back to
+     * label · date · `detail`.
+     *
+     * The popover has ALREADY drawn the label and the date line above this, so a
+     * preview that opens with either of them says it twice. Give it what the two
+     * lines do not already say.
+     */
+    preview?: ReactNode;
+    /** Optional click handler — the dot is a button either way, so its tooltip is
+     *  focusable, but only a handler makes activating it do something. */
+    onClick?: () => void;
+    /**
+     * Opens the DOCUMENT behind the mark, as opposed to selecting it. When set,
+     * the mark's drawn label becomes a real button and the popover grows an
+     * "Open" footer; without it the label is text, because a label that looks
+     * like a link and does nothing is worse than one that does not.
+     */
+    onOpen?: () => void;
+    /**
+     * The few characters drawn ABOVE the mark on a bare rail (`labels="none"`) —
+     * `v3` for a drawing revision. The label itself is in the popover; this is
+     * what tells revisions apart at a glance without a label lane to say so.
+     * Captions that would overprint each other collapse to `first–last`.
+     */
+    caption?: string;
+    /**
+     * The mark stands for something that has NOT happened yet, placed on the
+     * best date the record holds — a sample ORDERED on a day, drawn where a
+     * shipment will be. Hollow, and left out of the fill: the fill is what was
+     * reached, and a provisional mark is a promise rather than a fact.
+     */
+    provisional?: boolean;
+}
+/** Visual classification for a `TimelineMarker`. */
+type TimelineMarkerKind = 'shipment' | 'inspection' | 'invoice';
+/**
+ * A non-progress event drawn on the track for context — a goods issue, a QC
+ * report. Markers are decorative in the domain sense: they never move a
+ * scrubber's displayed snapshot, and they never fold into a cluster.
+ */
+interface TimelineMarker {
+    id: string;
+    /** ISO date or full ISO datetime — the date the event happened on. */
+    date: string;
+    kind: TimelineMarkerKind;
+    /** Short label shown in the tooltip (e.g. "GR#10001"). */
+    label: string;
+    /** Which glyph sits inside the dot, overriding the one its `kind` draws. For a
+     *  consumer whose two shipments are not the same event — a container leaving
+     *  the factory and a courier bag of samples. */
+    glyph?: TimelineGlyphName;
+    /** Optional second line for the tooltip. */
+    detail?: string;
+    /** Rich content for the hover/focus popover — see `TimelineTrackItem`. The
+     *  label and the date line are already drawn above it; do not repeat them. */
+    preview?: ReactNode;
+    /** Optional click handler — when set, the dot calls this with the marker. */
+    onClick?: (m: TimelineMarker) => void;
+    /** Opens the document behind the marker — a goods issue, a QC report. */
+    onOpen?: (m: TimelineMarker) => void;
+}
+/** An undated thing: listed beside the track, never placed on it. */
+interface TimelineTrackPending {
+    key: string;
+    label: string;
+    kind?: TimelineTrackKind;
+}
+/**
+ * The mark a bare rail draws ON its right edge — an estimated completion, a
+ * contractual delivery date: a day the axis already runs to, that has not
+ * happened. Hollow and dashed like the cap, but on the axis rather than past
+ * it, because the window's right edge IS that date. Its popover carries the
+ * label and `dateText`, so the date is a hover away and not printed on the bar.
+ */
+interface TimelineTrackEndMark {
+    key: string;
+    label: string;
+    /** What the popover prints under the label — the date, in the user's format. */
+    dateText?: string;
+    detail?: ReactNode;
+}
+/** A stretch of parallel work, bracketed under the rail. */
+interface TimelineTrackPhase {
+    key: string;
+    label: string;
+    minMs: number;
+    maxMs: number;
+}
+/** The draggable thumb, controlled by the caller. */
+interface TimelineTrackThumb {
+    valueMs: number;
+    onChange: (ms: number) => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+    /** The chip above the thumb. Defaults to the date in the user's format. */
+    chip?: (ms: number) => ReactNode;
+    /**
+     * The only values the thumb may rest on, epoch ms, in any order.
+     *
+     * With stops the slider is DISCRETE: a drag follows the pointer but the thumb
+     * snaps to the nearest stop as it goes, a release settles on one, and the
+     * arrow keys step between them. That is the difference between a bar you can
+     * read and a bar you can interpolate — a production scrubber has facts on
+     * certain days and nothing at all between them, so a thumb resting on the
+     * 11th of the month would be claiming a snapshot nobody filed.
+     *
+     * Without it the thumb is continuous and the arrows move by the day.
+     */
+    stops?: number[];
+    /** What a screen reader should read for a value — "PP#10143 · 13/05/2026".
+     *  Defaults to the date alone. */
+    valueText?: (ms: number) => string;
+    /** Names the slider. Defaults to "Scrub the timeline". */
+    ariaLabel?: string;
+}
+/**
+ * Playback: the thumb travelling the rail on its own, stop to stop.
+ *
+ * The caller owns the button and the `playing` flag; the track owns the travel,
+ * because the travel is measured in pixels of ITS axis and the caller has never
+ * been told how wide the track is. Flip `playing` on and the thumb glides from
+ * the stop it is on to the next one, rests there, and goes on; flip it off
+ * mid-glide and it freezes where it is, with the same flag turning it back on
+ * from exactly there.
+ *
+ * `onArrive` is deliberately NOT `onActivate`. Activating a mark is what a click
+ * means, and in both portals that navigates — the admin window swaps itself to
+ * the report you clicked. A playback that activated each stop in turn would
+ * therefore walk the user through six windows and, by remounting the card,
+ * cancel itself on the first one. Arriving is a quieter event: move the value,
+ * swap the snapshot, leave the window alone.
+ */
+interface TimelineTrackPlayback {
+    /** True while the thumb should be travelling. */
+    playing: boolean;
+    /**
+     * The thumb has reached a stop. Fired once per stop, in axis order, at the
+     * moment of arrival and never mid-glide — which is what keeps the consumer's
+     * status line ("Showing PP#…") an account of where the thumb IS rather than a
+     * counter that ticks while it moves.
+     *
+     * The caller is expected to move `thumb.valueMs` to `ms`: that is what the
+     * next segment is measured from.
+     */
+    onArrive: (key: string, ms: number) => void;
+    /**
+     * Where the thumb is BETWEEN two stops, on every frame it is travelling, and
+     * `null` the moment it is not — on arrival, on a pause, on a cancel, at the
+     * end of the run, and on the release of a drag.
+     *
+     * `onArrive` is the event; this is the journey, and a consumer needs both for
+     * a different reason. The kit does not render the table under the timeline,
+     * and the table is why this exists: while the thumb travels from one report
+     * to the next, the quantities beneath it should travel too rather than
+     * waiting for the arrival and jumping. `t` is the EASED fraction — the same
+     * number that places the disc — so figures interpolated on it move with the
+     * disc and not against it.
+     *
+     * A drag reports the same shape with the pointer's LINEAR fraction between
+     * its two neighbouring stops: the disc snaps to the nearest one as it goes, so
+     * the hand is the only continuous thing there is to report. Under
+     * `prefers-reduced-motion` a playback has no travel to report, so the only
+     * value it ever passes is `null`.
+     */
+    onProgress?: (state: TimelineScrubProgress | null) => void;
+    /** Playback is over — the last stop was reached, or a drag, a click or a key
+     *  took the thumb back. The caller is expected to set `playing` false; the
+     *  next `playing` turns into a fresh run rather than a resume. */
+    onStop?: () => void;
+    /** Multiplier on the glide and the dwell alike. Defaults to 1, which is the
+     *  timing `timelinePlayback.ts` specifies. */
+    speed?: number;
+}
+interface TimelineTrackProps {
+    /** Left edge of the window, epoch ms. */
+    startMs: number;
+    /** Right edge of the window, epoch ms. */
+    endMs: number;
+    /**
+     * `'compressed'` CUTS any stretch holding more than 30% of the window's time
+     * down to a fixed notch with a break glyph saying how many days it hides, and
+     * shares the rest of the track proportionally among what is left;
+     * `'linear'` (the default) keeps time proportional throughout. A bar whose
+     * events arrive weekly wants linear — a week is not an idle stretch to hide.
+     * `'spread'` cuts nothing: every stretch between two dated marks is held to
+     * at least 48 px and the idle stretches pay for it in proportion, so a
+     * fortnight of revisions is readable and a ten-month wait is still drawn as
+     * the longest thing on the bar — just not as 84% of it. No break glyph,
+     * because no piece of the bar has stopped keeping time.
+     */
+    axis?: 'linear' | 'compressed' | 'spread';
+    /** The dated marks, in any order. */
+    items: TimelineTrackItem[];
+    /** Context events, drawn on the rail beside the items. */
+    markers?: TimelineMarker[];
+    /** Undated things, listed at the right edge (or under a vertical track). */
+    pending?: TimelineTrackPending[];
+    /** A bare rail's mark on its own right edge — see `TimelineTrackEndMark`.
+     *  Drawn only with `labels="none"`; the card variants say it in the meta. */
+    endMark?: TimelineTrackEndMark | null;
+    /** Where the filled part of the rail stops. Defaults to the last item, never
+     *  past today; `null` draws no fill. With a thumb it follows the thumb. */
+    fillToMs?: number | null;
+    /**
+     * "Now". Defaults to `Date.now()`, captured once so render stays idempotent —
+     * when the track mounts, or on a server-rendered page when hydration ends:
+     * the server's clock is not the reader's, so the HTML it sends has no today
+     * tick and the fill is not clipped to a today it cannot know.
+     */
+    todayMs?: number;
+    /**
+     * `'lanes'` packs every label into two rows and folds same-kind runs into
+     * `×N` pills; `'active'` draws ONE label — the active or hovered mark — which
+     * is what a scrubber wants, because the thumb already says where you are.
+     * `'none'` draws no label at all: the bare rail, where every mark is a dot
+     * with a popover, a mark's `caption` is the only text near it, the edge
+     * captions flank the rail on its own row rather than sitting inside the
+     * stage, and the undated things are one dashed cap at the end of a dashed
+     * tail instead of a column beside the bar.
+     */
+    labels?: 'lanes' | 'active' | 'none';
+    /**
+     * The marks to light up, by key. The rail draws one soft band from the
+     * leftmost named mark to the rightmost and lights every mark inside it — a
+     * single key is a ring around one dot. For a consumer whose stepper above
+     * the bar wants to say "this step is THESE dates" on hover. `null` lights
+     * nothing. A key the bar has no mark for is ignored, except the cap: a bare
+     * rail's dashed cap carries the last pending item's key.
+     */
+    highlightKeys?: string[] | null;
+    /**
+     * The mark under the pointer or the focus, by key, and `null` when there is
+     * none — the other direction of `highlightKeys`, so a consumer can light the
+     * step a mark belongs to. A fold reports its first member.
+     */
+    onHoverChange?: (key: string | null) => void;
+    /** The mark the caller considers selected. Gets the hot treatment and, in
+     *  `'active'` mode, the one label that is drawn. */
+    activeKey?: string | null;
+    /** Called when a dot is activated by click, Enter or Space. */
+    onActivate?: (key: string) => void;
+    /** Turns the track into a scrubber. */
+    thumb?: TimelineTrackThumb;
+    /** Drives the thumb along the rail by itself. Needs a `thumb`; without one
+     *  there is nothing to move. */
+    playback?: TimelineTrackPlayback;
+    /**
+     * The captions on the two ends of the axis.
+     *
+     * `start` names the START ANCHOR — the ring the track draws at `startMs`
+     * whether or not anything happened on that day — and defaults to
+     * `Start · <date>` in the reader's own date format. It is what makes "the
+     * timeline starts at zero, not at the first production report" (Henry,
+     * 2026-09-14) something the reader can SEE: before it, a bar whose first
+     * report landed two days after the production start date opened with the
+     * report sitting on the rail's left end, and nothing said the axis had begun
+     * earlier.
+     *
+     * `end` is optional and has no default: the right edge is either today, which
+     * has its own tag, or a completion, which has its own mark.
+     */
+    edgeCaptions?: {
+        start?: ReactNode;
+        end?: ReactNode;
+    };
+    /** Parallel-work brackets under the rail. */
+    phases?: TimelineTrackPhase[];
+    /** The one mark that is "where we are": `aria-current="step"`, the larger
+     *  accent disc, and the pulse. Defaults to the last dated item. */
+    currentKey?: string;
+    /**
+     * Magnify one stretch of the axis, the way hovering a `×N` pill does.
+     *
+     * The marks inside the range spread until each pair is at least 28 px apart —
+     * far enough for them to carry their own labels — and the rest of the axis
+     * gives up the room in proportion. `null` (the default) is the whole bar at
+     * one density. It exists so a consumer can offer "zoom to the DFM phase" as
+     * an action rather than as something only a pointer can reach.
+     */
+    zoomRange?: [number, number] | null;
+    /** Play the mount reveal. Default true; reduced motion is handled in CSS. */
+    motion?: boolean;
+    /** Names the ordered list of dated marks. Required — a list of dots with no
+     *  name is a list of nothing. */
+    ariaLabel: string;
+}
+/**
+ * The time axis both timelines are drawn on.
+ *
+ * One primitive behind the mould milestone card (`MilestoneTimeline`) and the
+ * production-progress scrubber (`ProductionTimeline`), because they are the same
+ * picture with two label strategies: a rail, a fill, a date ruler, dots that
+ * mean something by their shape, and a today tick. Sharing the primitive is what
+ * makes them look and move identically — the alternative had them drift into two
+ * bars answering the same question in two visual languages.
+ *
+ * What it owns: the axis (linear or compressed), the rail and its fill, the date
+ * ruler, the dots and their glyphs, label placement (two packed lanes with `×N`
+ * clustering, or one active label), the local magnification of a dense stretch,
+ * the optional scrubber thumb and its stops, its playback — the travel between
+ * two stops is measured in pixels of this axis, which is why the caller owns the
+ * button and this owns the movement — the hover previews, the pending list, the
+ * motion, and the keyboard and screen-reader contract. What it does
+ * not own: the card around it, its heading, its legend, or any domain summary —
+ * those belong to the consumer, which knows what the bar is about. `TimelineCard`
+ * is where both of the kit's own timelines put theirs.
+ *
+ * Accessibility: the marks are an `<ol>` in axis order with exactly one
+ * `aria-current="step"`; the rail, fill, ruler, today tick, break glyphs, leader
+ * hairlines, phase brackets and the drawn labels are all `aria-hidden`, because
+ * they restate that list. The list is ONE tab stop with a roving `tabindex` —
+ * arrows traverse, Home/End jump, Enter/Space activates. Tooltips and cluster
+ * popovers are hoverable, persistent and dismissed by Escape (WCAG 1.4.13), and
+ * nothing is reachable by hover alone.
+ */
+declare function TimelineTrack({ startMs, endMs, axis: axisMode, items, markers, pending, fillToMs, todayMs, labels, activeKey, onActivate, thumb, playback, edgeCaptions, phases, currentKey, zoomRange, motion, ariaLabel, highlightKeys, onHoverChange, endMark, }: TimelineTrackProps): react_jsx_runtime.JSX.Element;
+
+export { type TimelineMarker as T, type TimelineMarkerKind as a, type TimelineScrubProgress as b, TimelineTrack as c, type TimelineTrackItem as d, type TimelineTrackKind as e, type TimelineTrackPending as f, type TimelineTrackPhase as g, type TimelineTrackPlayback as h, type TimelineTrackProps as i, type TimelineTrackThumb as j, type TimelineGlyphName as k, type TimelineTrackEndMark as l };

package/dist/Weather-CQIK7FA7.js

@@ -0,0 +1,60 @@
+import{fetchCityWeather as e,getCondition as t,AVAILABLE_CITIES as a,toFahrenheit as r}from"./chunk-FBDZGO3V.js";import{loadAppearance as n,WidgetSettingsModal as i}from"./chunk-WZZKQJUJ.js";import{useWidgetSettings as s}from"./chunk-P2HKX4VB.js";import"./chunk-TPDOOCFS.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-LEMQKX7D.js";import"./chunk-5A7MWTXX.js";import"./chunk-Y53KNQKL.js";import"./chunk-CCQLM73G.js";import"./chunk-A34WQDNB.js";import"./chunk-X3FLNEKK.js";import"./chunk-MYCBGGOC.js";import"./chunk-VWGWZY7A.js";import"./chunk-PKXQDCNR.js";import{useShellPrefs as o}from"./chunk-KC3EX26K.js";import"./chunk-RAHIWTPJ.js";import"./chunk-GZCAFWWB.js";import"./chunk-UGTRSRIW.js";import"./chunk-QR4RM7PO.js";import"./chunk-BOGBLZKS.js";import"./chunk-CDAJKLGL.js";import"./chunk-QMQVOUIV.js";import"./chunk-FSP63GKK.js";import"./chunk-K7U4RWXJ.js";import"./chunk-ABJ4LWOW.js";import"./chunk-C2HHGLLR.js";import"./chunk-J75ZT2JQ.js";import{LoadingSpinner as l}from"./chunk-Q5MD3VY6.js";import"./chunk-MRJKZWWV.js";import"./chunk-Z3WKHMVB.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-T53TXXOC.js";import"./chunk-D65T4H6J.js";import"./chunk-DTJRIWFR.js";import"./chunk-TWVUQUUD.js";import"./chunk-5LHPDU6X.js";import"./chunk-C3QOHMR6.js";import{useState as c,useEffect as d,useCallback as m}from"react";import{jsx as h,jsxs as p,Fragment as u}from"react/jsx-runtime";var f="weather_city",y="weather_appearance",g={useFahrenheit:!1,showLocalTime:!0,use24Hour:!1};function x(){const e="undefined"!=typeof localStorage?localStorage.getItem(f):null;if(e&&a[e])return e;try{const e=JSON.parse(localStorage.getItem("weather_cities")||"");if(Array.isArray(e)&&e[0]&&a[e[0]])return localStorage.setItem(f,e[0]),e[0]}catch{}return function(){try{const e=Intl.DateTimeFormat().resolvedOptions().timeZone;for(const[t,r]of Object.entries(a))if(r.tz===e)return t}catch{}return"London"}()}var b=r;function w(e,t=!1){try{if(t){const t=new Intl.DateTimeFormat("en-US",{timeZone:e,hour:"numeric",minute:"2-digit",hour12:!1}).formatToParts(/* @__PURE__ */new Date),a=parseInt(t.find(e=>"hour"===e.type)?.value||"0"),r=parseInt(t.find(e=>"minute"===e.type)?.value||"0");return`${String(a).padStart(2,"0")}:${String(r).padStart(2,"0")}`}const a=new Intl.DateTimeFormat("en-US",{timeZone:e,hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(/* @__PURE__ */new Date),r=parseInt(a.find(e=>"hour"===e.type)?.value||"12"),n=parseInt(a.find(e=>"minute"===e.type)?.value||"0"),i=a.find(e=>"dayPeriod"===e.type)?.value||"";return`${r}:${String(n).padStart(2,"0")} ${i}`}catch{return""}}function v(){/* @__PURE__ */
+return p("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[
+/* @__PURE__ */h("div",{className:"absolute -top-5 -right-5 w-24 h-24",style:{animation:"wx-sun-rays 70s linear infinite"},children:/* @__PURE__ */h("svg",{viewBox:"0 0 100 100",className:"w-full h-full",children:Array.from({length:12}).map((e,t)=>/* @__PURE__ */h("rect",{x:49,y:3,width:2,height:14,rx:1,fill:"rgba(255, 232, 130, 0.55)",transform:`rotate(${30*t} 50 50)`},t))})}),
+/* @__PURE__ */h("div",{className:"absolute top-1 right-1 w-10 h-10 rounded-full",style:{background:"radial-gradient(circle at 35% 35%, #fff8cc 0%, #ffd84a 55%, #ff9e2a 100%)",boxShadow:"0 0 18px 5px rgba(255, 200, 80, 0.55)",animation:"wx-sun-pulse 4.5s ease-in-out infinite"}})]})}function k(){const e=Array.from({length:16}).map((e,t)=>({left:(53*t+11)%95+"%",top:(37*t+9)%78+"%",size:1+13*t%3,delay:.41*t%4+"s",duration:2.5+7*t%5*.6+"s"}));/* @__PURE__ */
+return p("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[
+/* @__PURE__ */h("div",{className:"absolute top-1 right-1",children:/* @__PURE__ */p("svg",{viewBox:"0 0 40 40",className:"w-9 h-9",style:{filter:"drop-shadow(0 0 6px rgba(255,250,220,0.4))"},children:[
+/* @__PURE__ */h("defs",{children:/* @__PURE__ */p("radialGradient",{id:"wx-moon-grad",cx:"35%",cy:"35%",children:[
+/* @__PURE__ */h("stop",{offset:"0",stopColor:"#fffae0"}),
+/* @__PURE__ */h("stop",{offset:"1",stopColor:"#d4c98a"})]})}),
+/* @__PURE__ */h("circle",{cx:20,cy:20,r:13,fill:"url(#wx-moon-grad)"}),
+/* @__PURE__ */h("circle",{cx:26,cy:16,r:11,fill:"rgba(15,23,42,1)"})]})}),e.map((e,t)=>/* @__PURE__ */h("div",{className:"absolute rounded-full bg-white",style:{left:e.left,top:e.top,width:e.size,height:e.size,animation:`wx-twinkle ${e.duration} ease-in-out ${e.delay} infinite`}},t)),
+/* @__PURE__ */h("div",{className:"absolute",style:{left:"15%",top:"20%",animation:"wx-shooting-star 12s ease-out infinite"},children:/* @__PURE__ */h("div",{className:"w-12 h-px",style:{background:"linear-gradient(to right, transparent, rgba(255,255,255,0.95))",boxShadow:"0 0 4px rgba(255,255,255,0.8)"}})})]})}function N({tone:e="light"}){const t="light"===e?"rgba(255,255,255,0.78)":"rgba(220,228,240,0.45)",a=({scale:e=1})=>/* @__PURE__ */p("svg",{viewBox:"0 0 120 50",className:"w-32 h-12",style:{transform:`scale(${e})`,filter:"blur(0.6px)"},children:[
+/* @__PURE__ */h("ellipse",{cx:28,cy:36,rx:18,ry:11,fill:t}),
+/* @__PURE__ */h("ellipse",{cx:50,cy:28,rx:22,ry:15,fill:t}),
+/* @__PURE__ */h("ellipse",{cx:75,cy:32,rx:20,ry:12,fill:t}),
+/* @__PURE__ */h("ellipse",{cx:95,cy:38,rx:15,ry:9,fill:t})]});/* @__PURE__ */
+return p("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[
+/* @__PURE__ */h("div",{className:"absolute",style:{top:"8%",animation:"wx-drift-cloud 42s linear infinite"},children:/* @__PURE__ */h(a,{scale:.9})}),
+/* @__PURE__ */h("div",{className:"absolute",style:{top:"40%",animation:"wx-drift-cloud 60s linear -22s infinite",opacity:.85},children:/* @__PURE__ */h(a,{scale:1.25})}),
+/* @__PURE__ */h("div",{className:"absolute",style:{top:"68%",animation:"wx-drift-cloud 78s linear -45s infinite",opacity:.7},children:/* @__PURE__ */h(a,{scale:.75})})]})}function j({heavy:e=!1}){const t=e?26:16,a=["wx-rain-a","wx-rain-b","wx-rain-c"],r=Array.from({length:t}).map((e,r)=>({left:(100*r/t+11*r%7)%100+"%",delay:.087*r%1.3+"s",height:12+r%4*5+"px",duration:.7+r%3*.18+"s",variant:a[r%a.length]}));/* @__PURE__ */
+return h("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:r.map((e,t)=>/* @__PURE__ */h("div",{className:"absolute",style:{left:e.left,top:"-20px",width:"1px",height:e.height,background:"linear-gradient(180deg, rgba(180,210,255,0) 0%, rgba(220,235,255,0.85) 90%, rgba(255,255,255,0.95) 100%)",transform:"rotate(8deg)",animation:`${e.variant} ${e.duration} linear ${e.delay} infinite`,transformOrigin:"top"}},t))})}function S(){const e=["wx-snow-a","wx-snow-b","wx-snow-c"],t=Array.from({length:16}).map((t,a)=>({left:(100*a/16+13*a%5)%100+"%",delay:.43*a%5+"s",duration:4.5+a%5+"s",size:3+a%4*1.4,opacity:.65+7*a%4*.08,variant:e[a%e.length]}));/* @__PURE__ */
+return h("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:t.map((e,t)=>/* @__PURE__ */h("div",{className:"absolute rounded-full bg-white",style:{left:e.left,top:"-12px",width:e.size,height:e.size,opacity:e.opacity,boxShadow:"0 0 4px rgba(255,255,255,0.65)",animation:`${e.variant} ${e.duration} linear ${e.delay} infinite`}},t))})}function C(){/* @__PURE__ */
+return p("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:[
+/* @__PURE__ */h(j,{heavy:!0}),
+/* @__PURE__ */h("div",{className:"absolute inset-0 bg-white",style:{animation:"wx-flash 6s ease-out infinite"}}),
+/* @__PURE__ */h("div",{className:"absolute inset-y-0 right-1/3 flex items-center justify-center pointer-events-none",style:{animation:"wx-bolt 6s ease-out infinite"},children:/* @__PURE__ */h("svg",{viewBox:"0 0 18 60",className:"h-4/5",style:{filter:"drop-shadow(0 0 6px rgba(255, 240, 150, 0.95)) drop-shadow(0 0 14px rgba(255, 220, 90, 0.7))"},children:/* @__PURE__ */h("path",{d:"M11 0 L2 28 L8 30 L4 60 L16 24 L9 22 Z",fill:"rgba(255, 250, 200, 0.98)",stroke:"rgba(255, 255, 255, 0.9)",strokeWidth:.3})})})]})}function L(){/* @__PURE__ */
+return h("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:Array.from({length:4}).map((e,t)=>/* @__PURE__ */h("div",{className:"absolute left-0 right-0",style:{top:10+22*t+"%",height:"14px",background:"linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 100%)",filter:"blur(2px)",animation:`wx-fog-drift ${10+3*t}s ease-in-out ${.7*t}s infinite alternate`}},t))})}function D({code:e,isDay:t}){return 0===e||1===e?/* @__PURE__ */h(t?v:k,{}):2===e?/* @__PURE__ */p(u,{children:[/* @__PURE__ */h(t?v:k,{}),
+/* @__PURE__ */h(N,{tone:t?"light":"dark"})]}):3===e?/* @__PURE__ */h(N,{tone:t?"light":"dark"}):45===e||48===e?/* @__PURE__ */h(L,{}):[51,53,61,80,81].includes(e)?/* @__PURE__ */h(j,{}):[55,63,65,82].includes(e)?/* @__PURE__ */h(j,{heavy:!0}):[71,73,75].includes(e)?/* @__PURE__ */h(S,{}):[95,96,99].includes(e)?/* @__PURE__ */h(C,{}):null}function $(){const[r,v]=c(x),[k,N]=c(()=>n(y)),[j,S]=c(null),[C,L]=c(!0),[,$]=c(0);d(()=>{const e=setInterval(()=>$(e=>e+1),6e4);return()=>clearInterval(e)},[]);const[T,W]=c(!1),[I,K]=c(r),[A,F]=c(k),{prefs:H,save:O}=o(),B={...g,...H.weather_prefs??{}},[G,J]=c(B);s(m(()=>{K(r),F({...k}),J({...B}),W(!0)},[r,k,B])),d(()=>{let t=!1;return L(!0),e(r).then(e=>{t||(S(e),L(!1))}),()=>{t=!0}},[r]);const M=e=>B.useFahrenheit?`${b(e)}°F`:`${e}°`;if(C&&!j)/* @__PURE__ */
+return h("div",{className:"flex items-center justify-center h-full bg-gradient-to-b from-sky-400 to-blue-500 rounded-lg text-white/80 text-xs",style:{minHeight:110},children:/* @__PURE__ */h(l,{size:"sm",padding:"",label:"Loading"})});if(!j)/* @__PURE__ */
+return h("div",{className:"flex items-center justify-center h-full bg-slate-700 rounded-lg text-white/80 text-xs",style:{minHeight:110},children:"Couldn't load weather"});const[X,Q,R]=t(j.code,j.isDay);/* @__PURE__ */
+return p(u,{children:[
+/* @__PURE__ */h("style",{children:"\n@keyframes wx-rain-a { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 0.95; } 100% { transform: translate(8px,140px); opacity: 0; } }\n@keyframes wx-rain-b { 0% { transform: translate(0,-20px); opacity: 0; } 12% { opacity: 0.85; } 100% { transform: translate(12px,140px); opacity: 0; } }\n@keyframes wx-rain-c { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(5px,140px); opacity: 0; } }\n@keyframes wx-snow-a { 0% { transform: translate(0,-12px) rotate(0deg); opacity: 0; } 10% { opacity: 0.9; } 50% { transform: translate(10px,55px) rotate(180deg); } 100% { transform: translate(-4px,140px) rotate(360deg); opacity: 0; } }\n@keyframes wx-snow-b { 0% { transform: translate(0,-12px) rotate(0deg); opacity: 0; } 10% { opacity: 0.85; } 50% { transform: translate(-12px,55px) rotate(-180deg); } 100% { transform: translate(6px,140px) rotate(-360deg); opacity: 0; } }\n@keyframes wx-snow-c { 0% { transform: translate(0,-12px); opacity: 0; } 10% { opacity: 0.7; } 100% { transform: translate(2px,140px); opacity: 0; } }\n@keyframes wx-drift-cloud { 0% { transform: translateX(-40%); } 100% { transform: translateX(140%); } }\n@keyframes wx-twinkle { 0%, 100% { opacity: 0.25; transform: scale(1); } 50% { opacity: 1; transform: scale(1.6); } }\n@keyframes wx-flash { 0%, 86%, 100% { opacity: 0; } 87% { opacity: 0.95; } 88% { opacity: 0.15; } 89% { opacity: 0.85; } 90% { opacity: 0; } }\n@keyframes wx-bolt { 0%, 86%, 90%, 100% { opacity: 0; } 87% { opacity: 1; } 89% { opacity: 0.85; } }\n@keyframes wx-sun-pulse { 0%, 100% { transform: scale(1); opacity: 0.65; } 50% { transform: scale(1.12); opacity: 0.95; } }\n@keyframes wx-sun-rays { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n@keyframes wx-fog-drift { 0% { transform: translateX(-25%); opacity: 0.3; } 50% { opacity: 0.65; } 100% { transform: translateX(25%); opacity: 0.3; } }\n@keyframes wx-shooting-star { 0%, 95% { opacity: 0; transform: translate(0,0) scale(0); } 96% { opacity: 1; transform: translate(0,0) scale(1); } 100% { opacity: 0; transform: translate(40px,30px) scale(1); } }\n"}),
+/* @__PURE__ */h("div",{className:"rounded-lg overflow-hidden",style:{backgroundColor:`rgba(15, 23, 42, ${k.activeOpacity/100})`,backdropFilter:k.activeBlur>0?`blur(${k.activeBlur}px)`:void 0},children:/* @__PURE__ */p("div",{className:`relative rounded-lg overflow-hidden text-white bg-gradient-to-br ${R}`,style:{height:110},children:[
+/* @__PURE__ */h(D,{code:j.code,isDay:j.isDay}),
+/* @__PURE__ */p("div",{className:"relative z-10 px-3 py-3 flex flex-col h-full justify-between",children:[
+/* @__PURE__ */p("div",{className:"flex items-start justify-between gap-2",children:[
+/* @__PURE__ */p("div",{className:"min-w-0 flex-1",children:[
+/* @__PURE__ */h("div",{className:"text-base font-semibold leading-tight truncate drop-shadow-sm",children:j.city}),B.showLocalTime&&/* @__PURE__ */h("div",{className:"text-2xs opacity-90 leading-tight tabular-nums drop-shadow-sm",children:w(j.timezone,B.use24Hour)})]}),
+/* @__PURE__ */h("div",{className:"text-3xl font-extralight leading-none tracking-tight tabular-nums shrink-0 drop-shadow-sm",children:M(j.temp)})]}),
+/* @__PURE__ */p("div",{className:"flex items-end justify-between gap-2",children:[
+/* @__PURE__ */p("div",{className:"flex items-center gap-2 min-w-0",children:[
+/* @__PURE__ */h("span",{className:"text-lg leading-none drop-shadow-sm",children:Q}),
+/* @__PURE__ */h("span",{className:"text-2xs font-medium drop-shadow-sm truncate",children:X})]}),
+/* @__PURE__ */p("span",{className:"text-2xs opacity-90 tabular-nums drop-shadow-sm shrink-0",children:["H:",M(j.high)," L:",M(j.low)]})]})]})]})}),
+/* @__PURE__ */p(i,{open:T,onClose:()=>W(!1),title:"Weather Settings",appearance:A,onAppearanceChange:F,onSave:()=>{v(I),N(A),O({weather_prefs:G}),localStorage.setItem(f,I),localStorage.setItem(y,JSON.stringify(A)),W(!1)},children:[
+/* @__PURE__ */h("div",{className:"space-y-3",children:/* @__PURE__ */p("div",{children:[
+/* @__PURE__ */h("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:"Display"}),
+/* @__PURE__ */p("div",{className:"flex items-center gap-3 mb-2",children:[
+/* @__PURE__ */h("span",{className:"text-sm text-gray-600 w-24",children:"Temperature"}),
+/* @__PURE__ */h("div",{className:"flex gap-1",children:[{key:!1,label:"°C"},{key:!0,label:"°F"}].map(e=>/* @__PURE__ */h("button",{onClick:()=>J(t=>({...t,useFahrenheit:e.key})),className:"px-3 py-1 text-xs font-medium rounded-lg border transition-colors "+(G.useFahrenheit===e.key?"bg-blue-600 text-white border-blue-600":"bg-white text-gray-700 border-gray-300 hover:bg-gray-50"),children:e.label},String(e.key)))})]}),
+/* @__PURE__ */p("div",{className:"flex items-center gap-3 mb-2",children:[
+/* @__PURE__ */h("span",{className:"text-sm text-gray-600 w-24",children:"Time Format"}),
+/* @__PURE__ */h("div",{className:"flex gap-1",children:[{key:!1,label:"AM/PM"},{key:!0,label:"24H"}].map(e=>/* @__PURE__ */h("button",{onClick:()=>J(t=>({...t,use24Hour:e.key})),className:"px-3 py-1 text-xs font-medium rounded-lg border transition-colors "+(G.use24Hour===e.key?"bg-blue-600 text-white border-blue-600":"bg-white text-gray-700 border-gray-300 hover:bg-gray-50"),children:e.label},String(e.key)))})]}),
+/* @__PURE__ */p("label",{className:"flex items-center gap-2 cursor-pointer",children:[
+/* @__PURE__ */h("input",{type:"checkbox",checked:G.showLocalTime,onChange:e=>J(t=>({...t,showLocalTime:e.target.checked})),className:"rounded border-gray-300 text-blue-600 h-3.5 w-3.5"}),
+/* @__PURE__ */h("span",{className:"text-sm text-gray-600",children:"Show local time"})]})]})}),
+/* @__PURE__ */p("div",{children:[
+/* @__PURE__ */h("h3",{className:"text-sm font-semibold text-gray-700 mb-2",children:"City"}),
+/* @__PURE__ */h("select",{value:I,onChange:e=>K(e.target.value),className:"w-full bg-gray-50 border border-gray-200 rounded px-2 h-8 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",children:Object.keys(a).map(e=>/* @__PURE__ */h("option",{value:e,children:e},e))}),
+/* @__PURE__ */h("p",{className:"mt-1 text-2xs text-gray-400",children:"Auto-detected from your timezone; change if needed."})]})]})]})}export{$ as default};