react-os-shell 0.2.43 → 0.2.44

package/dist/Weather-YXSCSPQT.js

@@ -0,0 +1,424 @@
+import { fetchCityWeather, getCondition, AVAILABLE_CITIES, toFahrenheit } from './chunk-7CCHEEYC.js';
+import { useShellPrefs } from './chunk-36VM54SC.js';
+import { loadAppearance, WidgetSettingsModal } from './chunk-UK2AA3J6.js';
+import { useWidgetSettings } from './chunk-7M3BBAHQ.js';
+import './chunk-PLGHQ7QW.js';
+import { useState, useEffect, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var STORAGE_KEY = "weather_city";
+var LEGACY_KEY = "weather_cities";
+var SETTINGS_KEY = "weather_appearance";
+var DEFAULT_PREFS = { useFahrenheit: false, showLocalTime: true, use24Hour: false };
+function detectLocalCity() {
+  try {
+    const userTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    for (const [name, info] of Object.entries(AVAILABLE_CITIES)) {
+      if (info.tz === userTz) return name;
+    }
+  } catch {
+  }
+  return "London";
+}
+function loadCity() {
+  const v = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE_KEY) : null;
+  if (v && AVAILABLE_CITIES[v]) return v;
+  try {
+    const arr = JSON.parse(localStorage.getItem(LEGACY_KEY) || "");
+    if (Array.isArray(arr) && arr[0] && AVAILABLE_CITIES[arr[0]]) {
+      localStorage.setItem(STORAGE_KEY, arr[0]);
+      return arr[0];
+    }
+  } catch {
+  }
+  return detectLocalCity();
+}
+var toF = toFahrenheit;
+function getTimeInTz(timezone, use24Hour = false) {
+  try {
+    if (use24Hour) {
+      const parts2 = new Intl.DateTimeFormat("en-US", { timeZone: timezone, hour: "numeric", minute: "2-digit", hour12: false }).formatToParts(/* @__PURE__ */ new Date());
+      const h2 = parseInt(parts2.find((p) => p.type === "hour")?.value || "0");
+      const m2 = parseInt(parts2.find((p) => p.type === "minute")?.value || "0");
+      return `${String(h2).padStart(2, "0")}:${String(m2).padStart(2, "0")}`;
+    }
+    const parts = new Intl.DateTimeFormat("en-US", { timeZone: timezone, hour: "numeric", minute: "2-digit", hour12: true }).formatToParts(/* @__PURE__ */ new Date());
+    const h = parseInt(parts.find((p) => p.type === "hour")?.value || "12");
+    const m = parseInt(parts.find((p) => p.type === "minute")?.value || "0");
+    const period = parts.find((p) => p.type === "dayPeriod")?.value || "";
+    return `${h}:${String(m).padStart(2, "0")} ${period}`;
+  } catch {
+    return "";
+  }
+}
+var WX_KEYFRAMES = `
+@keyframes wx-rain-a { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 0.95; } 100% { transform: translate(8px,140px); opacity: 0; } }
+@keyframes wx-rain-b { 0% { transform: translate(0,-20px); opacity: 0; } 12% { opacity: 0.85; } 100% { transform: translate(12px,140px); opacity: 0; } }
+@keyframes wx-rain-c { 0% { transform: translate(0,-20px); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(5px,140px); opacity: 0; } }
+@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; } }
+@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; } }
+@keyframes wx-snow-c { 0% { transform: translate(0,-12px); opacity: 0; } 10% { opacity: 0.7; } 100% { transform: translate(2px,140px); opacity: 0; } }
+@keyframes wx-drift-cloud { 0% { transform: translateX(-40%); } 100% { transform: translateX(140%); } }
+@keyframes wx-twinkle { 0%, 100% { opacity: 0.25; transform: scale(1); } 50% { opacity: 1; transform: scale(1.6); } }
+@keyframes wx-flash { 0%, 86%, 100% { opacity: 0; } 87% { opacity: 0.95; } 88% { opacity: 0.15; } 89% { opacity: 0.85; } 90% { opacity: 0; } }
+@keyframes wx-bolt { 0%, 86%, 90%, 100% { opacity: 0; } 87% { opacity: 1; } 89% { opacity: 0.85; } }
+@keyframes wx-sun-pulse { 0%, 100% { transform: scale(1); opacity: 0.65; } 50% { transform: scale(1.12); opacity: 0.95; } }
+@keyframes wx-sun-rays { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
+@keyframes wx-fog-drift { 0% { transform: translateX(-25%); opacity: 0.3; } 50% { opacity: 0.65; } 100% { transform: translateX(25%); opacity: 0.3; } }
+@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); } }
+`;
+function SunEffect() {
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute -top-5 -right-5 w-24 h-24", style: { animation: "wx-sun-rays 70s linear infinite" }, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 100 100", className: "w-full h-full", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: 49,
+        y: 3,
+        width: 2,
+        height: 14,
+        rx: 1,
+        fill: "rgba(255, 232, 130, 0.55)",
+        transform: `rotate(${i * 30} 50 50)`
+      },
+      i
+    )) }) }),
+    /* @__PURE__ */ jsx(
+      "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 NightStarsEffect() {
+  const stars = Array.from({ length: 16 }).map((_, i) => ({
+    left: `${(i * 53 + 11) % 95}%`,
+    top: `${(i * 37 + 9) % 78}%`,
+    size: 1 + i * 13 % 3,
+    delay: `${i * 0.41 % 4}s`,
+    duration: `${2.5 + i * 7 % 5 * 0.6}s`
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1", children: /* @__PURE__ */ jsxs("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__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("radialGradient", { id: "wx-moon-grad", cx: "35%", cy: "35%", children: [
+        /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#fffae0" }),
+        /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#d4c98a" })
+      ] }) }),
+      /* @__PURE__ */ jsx("circle", { cx: 20, cy: 20, r: 13, fill: "url(#wx-moon-grad)" }),
+      /* @__PURE__ */ jsx("circle", { cx: 26, cy: 16, r: 11, fill: "rgba(15,23,42,1)" })
+    ] }) }),
+    stars.map((s, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute rounded-full bg-white",
+        style: {
+          left: s.left,
+          top: s.top,
+          width: s.size,
+          height: s.size,
+          animation: `wx-twinkle ${s.duration} ease-in-out ${s.delay} infinite`
+        }
+      },
+      i
+    )),
+    /* @__PURE__ */ jsx("div", { className: "absolute", style: { left: "15%", top: "20%", animation: "wx-shooting-star 12s ease-out infinite" }, children: /* @__PURE__ */ jsx(
+      "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 CloudsEffect({ tone = "light" }) {
+  const fill = tone === "light" ? "rgba(255,255,255,0.78)" : "rgba(220,228,240,0.45)";
+  const Cloud = ({ scale = 1 }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 120 50", className: "w-32 h-12", style: { transform: `scale(${scale})`, filter: "blur(0.6px)" }, children: [
+    /* @__PURE__ */ jsx("ellipse", { cx: 28, cy: 36, rx: 18, ry: 11, fill }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 50, cy: 28, rx: 22, ry: 15, fill }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 75, cy: 32, rx: 20, ry: 12, fill }),
+    /* @__PURE__ */ jsx("ellipse", { cx: 95, cy: 38, rx: 15, ry: 9, fill })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "8%", animation: "wx-drift-cloud 42s linear infinite" }, children: /* @__PURE__ */ jsx(Cloud, { scale: 0.9 }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "40%", animation: "wx-drift-cloud 60s linear -22s infinite", opacity: 0.85 }, children: /* @__PURE__ */ jsx(Cloud, { scale: 1.25 }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute", style: { top: "68%", animation: "wx-drift-cloud 78s linear -45s infinite", opacity: 0.7 }, children: /* @__PURE__ */ jsx(Cloud, { scale: 0.75 }) })
+  ] });
+}
+function RainEffect({ heavy = false }) {
+  const count = heavy ? 26 : 16;
+  const variants = ["wx-rain-a", "wx-rain-b", "wx-rain-c"];
+  const drops = Array.from({ length: count }).map((_, i) => ({
+    left: `${(i * 100 / count + i * 11 % 7) % 100}%`,
+    delay: `${i * 0.087 % 1.3}s`,
+    height: `${12 + i % 4 * 5}px`,
+    duration: `${0.7 + i % 3 * 0.18}s`,
+    variant: variants[i % variants.length]
+  }));
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: drops.map((d, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute",
+      style: {
+        left: d.left,
+        top: "-20px",
+        width: "1px",
+        height: d.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: `${d.variant} ${d.duration} linear ${d.delay} infinite`,
+        transformOrigin: "top"
+      }
+    },
+    i
+  )) });
+}
+function SnowEffect() {
+  const variants = ["wx-snow-a", "wx-snow-b", "wx-snow-c"];
+  const flakes = Array.from({ length: 16 }).map((_, i) => ({
+    left: `${(i * 100 / 16 + i * 13 % 5) % 100}%`,
+    delay: `${i * 0.43 % 5}s`,
+    duration: `${4.5 + i % 5}s`,
+    size: 3 + i % 4 * 1.4,
+    opacity: 0.65 + i * 7 % 4 * 0.08,
+    variant: variants[i % variants.length]
+  }));
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: flakes.map((f, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute rounded-full bg-white",
+      style: {
+        left: f.left,
+        top: "-12px",
+        width: f.size,
+        height: f.size,
+        opacity: f.opacity,
+        boxShadow: "0 0 4px rgba(255,255,255,0.65)",
+        animation: `${f.variant} ${f.duration} linear ${f.delay} infinite`
+      }
+    },
+    i
+  )) });
+}
+function ThunderEffect() {
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [
+    /* @__PURE__ */ jsx(RainEffect, { heavy: true }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white", style: { animation: "wx-flash 6s ease-out infinite" } }),
+    /* @__PURE__ */ jsx(
+      "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__ */ jsx(
+          "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__ */ jsx(
+              "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: 0.3
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function FogEffect() {
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute left-0 right-0",
+      style: {
+        top: `${10 + i * 22}%`,
+        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 + i * 3}s ease-in-out ${i * 0.7}s infinite alternate`
+      }
+    },
+    i
+  )) });
+}
+function WeatherEffect({ code, isDay }) {
+  if (code === 0 || code === 1) return isDay ? /* @__PURE__ */ jsx(SunEffect, {}) : /* @__PURE__ */ jsx(NightStarsEffect, {});
+  if (code === 2) return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isDay ? /* @__PURE__ */ jsx(SunEffect, {}) : /* @__PURE__ */ jsx(NightStarsEffect, {}),
+    /* @__PURE__ */ jsx(CloudsEffect, { tone: isDay ? "light" : "dark" })
+  ] });
+  if (code === 3) return /* @__PURE__ */ jsx(CloudsEffect, { tone: isDay ? "light" : "dark" });
+  if (code === 45 || code === 48) return /* @__PURE__ */ jsx(FogEffect, {});
+  if ([51, 53, 61, 80, 81].includes(code)) return /* @__PURE__ */ jsx(RainEffect, {});
+  if ([55, 63, 65, 82].includes(code)) return /* @__PURE__ */ jsx(RainEffect, { heavy: true });
+  if ([71, 73, 75].includes(code)) return /* @__PURE__ */ jsx(SnowEffect, {});
+  if ([95, 96, 99].includes(code)) return /* @__PURE__ */ jsx(ThunderEffect, {});
+  return null;
+}
+function Weather() {
+  const [city, setCity] = useState(loadCity);
+  const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    const t2 = setInterval(() => setTick((n) => n + 1), 6e4);
+    return () => clearInterval(t2);
+  }, []);
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const [configCity, setConfigCity] = useState(city);
+  const [configAppearance, setConfigAppearance] = useState(appearance);
+  const { prefs: shellPrefs, save: saveShellPrefs } = useShellPrefs();
+  const prefs = { ...DEFAULT_PREFS, ...shellPrefs.weather_prefs ?? {} };
+  const [configPrefs, setConfigPrefs] = useState(prefs);
+  useWidgetSettings(useCallback(() => {
+    setConfigCity(city);
+    setConfigAppearance({ ...appearance });
+    setConfigPrefs({ ...prefs });
+    setSettingsOpen(true);
+  }, [city, appearance, prefs]));
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    fetchCityWeather(city).then((w) => {
+      if (cancelled) return;
+      setData(w);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [city]);
+  const saveSettings = () => {
+    setCity(configCity);
+    setAppearance(configAppearance);
+    saveShellPrefs({ weather_prefs: configPrefs });
+    localStorage.setItem(STORAGE_KEY, configCity);
+    localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));
+    setSettingsOpen(false);
+  };
+  const t = (c) => prefs.useFahrenheit ? `${toF(c)}\xB0F` : `${c}\xB0`;
+  const TILE_HEIGHT = 110;
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx("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: TILE_HEIGHT }, children: "Loading\u2026" });
+  }
+  if (!data) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full bg-slate-700 rounded-lg text-white/80 text-xs", style: { minHeight: TILE_HEIGHT }, children: "Couldn't load weather" });
+  }
+  const [condition, emoji, gradient] = getCondition(data.code, data.isDay);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: WX_KEYFRAMES }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rounded-lg overflow-hidden",
+        style: {
+          backgroundColor: `rgba(15, 23, 42, ${appearance.activeOpacity / 100})`,
+          backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : void 0
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: `relative rounded-lg overflow-hidden text-white bg-gradient-to-br ${gradient}`, style: { height: TILE_HEIGHT }, children: [
+          /* @__PURE__ */ jsx(WeatherEffect, { code: data.code, isDay: data.isDay }),
+          /* @__PURE__ */ jsxs("div", { className: "relative z-10 px-3 py-2.5 flex flex-col h-full justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-base font-semibold leading-tight truncate drop-shadow-sm", children: data.city }),
+                prefs.showLocalTime && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-90 leading-tight tabular-nums drop-shadow-sm", children: getTimeInTz(data.timezone, prefs.use24Hour) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "text-3xl font-extralight leading-none tracking-tight tabular-nums shrink-0 drop-shadow-sm", children: t(data.temp) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-lg leading-none drop-shadow-sm", children: emoji }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium drop-shadow-sm truncate", children: condition })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "text-[10px] opacity-90 tabular-nums drop-shadow-sm shrink-0", children: [
+                "H:",
+                t(data.high),
+                " L:",
+                t(data.low)
+              ] })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      WidgetSettingsModal,
+      {
+        open: settingsOpen,
+        onClose: () => setSettingsOpen(false),
+        title: "Weather Settings",
+        appearance: configAppearance,
+        onAppearanceChange: setConfigAppearance,
+        onSave: saveSettings,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: "Display" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 w-24", children: "Temperature" }),
+              /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [{ key: false, label: "\xB0C" }, { key: true, label: "\xB0F" }].map((o) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setConfigPrefs((p) => ({ ...p, useFahrenheit: o.key })),
+                  className: `px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.useFahrenheit === o.key ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
+                  children: o.label
+                },
+                String(o.key)
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600 w-24", children: "Time Format" }),
+              /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [{ key: false, label: "AM/PM" }, { key: true, label: "24H" }].map((o) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setConfigPrefs((p) => ({ ...p, use24Hour: o.key })),
+                  className: `px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.use24Hour === o.key ? "bg-blue-600 text-white border-blue-600" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50"}`,
+                  children: o.label
+                },
+                String(o.key)
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: configPrefs.showLocalTime,
+                  onChange: (e) => setConfigPrefs((p) => ({ ...p, showLocalTime: e.target.checked })),
+                  className: "rounded border-gray-300 text-blue-600 h-3.5 w-3.5"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: "Show local time" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-700 mb-2", children: "City" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: configCity,
+                onChange: (e) => setConfigCity(e.target.value),
+                className: "w-full bg-gray-50 border border-gray-200 rounded px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500",
+                children: Object.keys(AVAILABLE_CITIES).map((name) => /* @__PURE__ */ jsx("option", { value: name, children: name }, name))
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[10px] text-gray-400", children: "Auto-detected from your timezone; change if needed." })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export { Weather as default };
+//# sourceMappingURL=Weather-YXSCSPQT.js.map
+//# sourceMappingURL=Weather-YXSCSPQT.js.map

package/dist/Weather-YXSCSPQT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/apps/Weather.tsx"],"names":["parts","h","m","t"],"mappings":"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","file":"Weather-YXSCSPQT.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useWidgetSettings } from '../shell/Modal';\nimport WidgetSettingsModal, { loadAppearance, type WidgetAppearance } from '../shell/WidgetSettingsModal';\nimport { useShellPrefs } from '../shell/ShellPrefs';\nimport { AVAILABLE_CITIES, fetchCityWeather, getCondition, toFahrenheit, type CityWeather } from './_weatherData';\n\nconst STORAGE_KEY = 'weather_city';\nconst LEGACY_KEY = 'weather_cities';\nconst SETTINGS_KEY = 'weather_appearance';\n\ninterface WeatherPrefs { useFahrenheit: boolean; showLocalTime: boolean; use24Hour: boolean }\nconst DEFAULT_PREFS: WeatherPrefs = { useFahrenheit: false, showLocalTime: true, use24Hour: false };\n\nfunction detectLocalCity(): string {\n  try {\n    const userTz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    for (const [name, info] of Object.entries(AVAILABLE_CITIES)) {\n      if (info.tz === userTz) return name;\n    }\n  } catch {}\n  return 'London';\n}\n\nfunction loadCity(): string {\n  const v = typeof localStorage !== 'undefined' ? localStorage.getItem(STORAGE_KEY) : null;\n  if (v && AVAILABLE_CITIES[v]) return v;\n  try {\n    const arr = JSON.parse(localStorage.getItem(LEGACY_KEY) || '');\n    if (Array.isArray(arr) && arr[0] && AVAILABLE_CITIES[arr[0]]) {\n      localStorage.setItem(STORAGE_KEY, arr[0]);\n      return arr[0];\n    }\n  } catch {}\n  return detectLocalCity();\n}\n\nconst toF = toFahrenheit;\n\nfunction getTimeInTz(timezone: string, use24Hour = false): string {\n  try {\n    if (use24Hour) {\n      const parts = new Intl.DateTimeFormat('en-US', { timeZone: timezone, hour: 'numeric', minute: '2-digit', hour12: false }).formatToParts(new Date());\n      const h = parseInt(parts.find(p => p.type === 'hour')?.value || '0');\n      const m = parseInt(parts.find(p => p.type === 'minute')?.value || '0');\n      return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;\n    }\n    const parts = new Intl.DateTimeFormat('en-US', { timeZone: timezone, hour: 'numeric', minute: '2-digit', hour12: true }).formatToParts(new Date());\n    const h = parseInt(parts.find(p => p.type === 'hour')?.value || '12');\n    const m = parseInt(parts.find(p => p.type === 'minute')?.value || '0');\n    const period = parts.find(p => p.type === 'dayPeriod')?.value || '';\n    return `${h}:${String(m).padStart(2, '0')} ${period}`;\n  } catch { return ''; }\n}\n\n/**\n * Effect keyframes — tuned for a ~110 px-tall card so drops/flakes fall\n * across the full height before recycling. Multiple snow/rain variants\n * give the impression of independent particles instead of a hypnotic\n * lock-step pattern.\n */\nconst WX_KEYFRAMES = `\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`;\n\nfunction SunEffect() {\n  // Defined yellow-orange disc with halo + slowly-rotating ray sprite.\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      <div className=\"absolute -top-5 -right-5 w-24 h-24\" style={{ animation: 'wx-sun-rays 70s linear infinite' }}>\n        <svg viewBox=\"0 0 100 100\" className=\"w-full h-full\">\n          {Array.from({ length: 12 }).map((_, i) => (\n            <rect key={i} x={49} y={3} width={2} height={14} rx={1}\n              fill=\"rgba(255, 232, 130, 0.55)\"\n              transform={`rotate(${i * 30} 50 50)`} />\n          ))}\n        </svg>\n      </div>\n      <div className=\"absolute top-1 right-1 w-10 h-10 rounded-full\"\n        style={{\n          background: 'radial-gradient(circle at 35% 35%, #fff8cc 0%, #ffd84a 55%, #ff9e2a 100%)',\n          boxShadow: '0 0 18px 5px rgba(255, 200, 80, 0.55)',\n          animation: 'wx-sun-pulse 4.5s ease-in-out infinite',\n        }} />\n    </div>\n  );\n}\n\nfunction NightStarsEffect() {\n  // Crescent moon (outer warm circle + offset dark circle to carve out the\n  // bite) and a sparse scatter of stars twinkling at independent rates.\n  // One slow-cycle shooting star adds a moment of motion without\n  // distracting.\n  const stars = Array.from({ length: 16 }).map((_, i) => ({\n    left: `${(i * 53 + 11) % 95}%`,\n    top: `${(i * 37 + 9) % 78}%`,\n    size: 1 + ((i * 13) % 3),\n    delay: `${(i * 0.41) % 4}s`,\n    duration: `${2.5 + ((i * 7) % 5) * 0.6}s`,\n  }));\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      {/* Crescent moon */}\n      <div className=\"absolute top-1 right-1\">\n        <svg viewBox=\"0 0 40 40\" className=\"w-9 h-9\" style={{ filter: 'drop-shadow(0 0 6px rgba(255,250,220,0.4))' }}>\n          <defs>\n            <radialGradient id=\"wx-moon-grad\" cx=\"35%\" cy=\"35%\">\n              <stop offset=\"0\" stopColor=\"#fffae0\" />\n              <stop offset=\"1\" stopColor=\"#d4c98a\" />\n            </radialGradient>\n          </defs>\n          <circle cx={20} cy={20} r={13} fill=\"url(#wx-moon-grad)\" />\n          <circle cx={26} cy={16} r={11} fill=\"rgba(15,23,42,1)\" />\n        </svg>\n      </div>\n      {stars.map((s, i) => (\n        <div key={i} className=\"absolute rounded-full bg-white\"\n          style={{\n            left: s.left, top: s.top, width: s.size, height: s.size,\n            animation: `wx-twinkle ${s.duration} ease-in-out ${s.delay} infinite`,\n          }} />\n      ))}\n      {/* Shooting star — appears once every ~12s */}\n      <div className=\"absolute\" style={{ left: '15%', top: '20%', animation: 'wx-shooting-star 12s ease-out infinite' }}>\n        <div className=\"w-12 h-px\"\n          style={{ background: 'linear-gradient(to right, transparent, rgba(255,255,255,0.95))', boxShadow: '0 0 4px rgba(255,255,255,0.8)' }} />\n      </div>\n    </div>\n  );\n}\n\nfunction CloudsEffect({ tone = 'light' as 'light' | 'dark' }) {\n  const fill = tone === 'light' ? 'rgba(255,255,255,0.78)' : 'rgba(220,228,240,0.45)';\n  const Cloud = ({ scale = 1 }) => (\n    <svg viewBox=\"0 0 120 50\" className=\"w-32 h-12\" style={{ transform: `scale(${scale})`, filter: 'blur(0.6px)' }}>\n      <ellipse cx={28} cy={36} rx={18} ry={11} fill={fill} />\n      <ellipse cx={50} cy={28} rx={22} ry={15} fill={fill} />\n      <ellipse cx={75} cy={32} rx={20} ry={12} fill={fill} />\n      <ellipse cx={95} cy={38} rx={15} ry={9} fill={fill} />\n    </svg>\n  );\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      <div className=\"absolute\" style={{ top: '8%', animation: 'wx-drift-cloud 42s linear infinite' }}><Cloud scale={0.9} /></div>\n      <div className=\"absolute\" style={{ top: '40%', animation: 'wx-drift-cloud 60s linear -22s infinite', opacity: 0.85 }}><Cloud scale={1.25} /></div>\n      <div className=\"absolute\" style={{ top: '68%', animation: 'wx-drift-cloud 78s linear -45s infinite', opacity: 0.7 }}><Cloud scale={0.75} /></div>\n    </div>\n  );\n}\n\nfunction RainEffect({ heavy = false }: { heavy?: boolean }) {\n  const count = heavy ? 26 : 16;\n  const variants = ['wx-rain-a', 'wx-rain-b', 'wx-rain-c'];\n  const drops = Array.from({ length: count }).map((_, i) => ({\n    left: `${(i * 100 / count + (i * 11) % 7) % 100}%`,\n    delay: `${(i * 0.087) % 1.3}s`,\n    height: `${12 + (i % 4) * 5}px`,\n    duration: `${0.7 + (i % 3) * 0.18}s`,\n    variant: variants[i % variants.length],\n  }));\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      {drops.map((d, i) => (\n        <div key={i} className=\"absolute\"\n          style={{\n            left: d.left, top: '-20px',\n            width: '1px', height: d.height,\n            background: 'linear-gradient(180deg, rgba(180,210,255,0) 0%, rgba(220,235,255,0.85) 90%, rgba(255,255,255,0.95) 100%)',\n            transform: 'rotate(8deg)',\n            animation: `${d.variant} ${d.duration} linear ${d.delay} infinite`,\n            transformOrigin: 'top',\n          }} />\n      ))}\n    </div>\n  );\n}\n\nfunction SnowEffect() {\n  const variants = ['wx-snow-a', 'wx-snow-b', 'wx-snow-c'];\n  const flakes = Array.from({ length: 16 }).map((_, i) => ({\n    left: `${(i * 100 / 16 + (i * 13) % 5) % 100}%`,\n    delay: `${(i * 0.43) % 5}s`,\n    duration: `${4.5 + (i % 5)}s`,\n    size: 3 + (i % 4) * 1.4,\n    opacity: 0.65 + ((i * 7) % 4) * 0.08,\n    variant: variants[i % variants.length],\n  }));\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      {flakes.map((f, i) => (\n        <div key={i} className=\"absolute rounded-full bg-white\"\n          style={{\n            left: f.left, top: '-12px',\n            width: f.size, height: f.size,\n            opacity: f.opacity,\n            boxShadow: '0 0 4px rgba(255,255,255,0.65)',\n            animation: `${f.variant} ${f.duration} linear ${f.delay} infinite`,\n          }} />\n      ))}\n    </div>\n  );\n}\n\nfunction ThunderEffect() {\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      <RainEffect heavy />\n      {/* Sharp double-flash overlay */}\n      <div className=\"absolute inset-0 bg-white\" style={{ animation: 'wx-flash 6s ease-out infinite' }} />\n      {/* Lightning bolt — visible only during the flash peaks */}\n      <div className=\"absolute inset-y-0 right-1/3 flex items-center justify-center pointer-events-none\"\n        style={{ animation: 'wx-bolt 6s ease-out infinite' }}>\n        <svg viewBox=\"0 0 18 60\" className=\"h-4/5\"\n          style={{ filter: 'drop-shadow(0 0 6px rgba(255, 240, 150, 0.95)) drop-shadow(0 0 14px rgba(255, 220, 90, 0.7))' }}>\n          <path d=\"M11 0 L2 28 L8 30 L4 60 L16 24 L9 22 Z\"\n            fill=\"rgba(255, 250, 200, 0.98)\"\n            stroke=\"rgba(255, 255, 255, 0.9)\" strokeWidth={0.3} />\n        </svg>\n      </div>\n    </div>\n  );\n}\n\nfunction FogEffect() {\n  return (\n    <div className=\"absolute inset-0 overflow-hidden pointer-events-none\">\n      {Array.from({ length: 4 }).map((_, i) => (\n        <div key={i} className=\"absolute left-0 right-0\"\n          style={{\n            top: `${10 + i * 22}%`,\n            height: '14px',\n            background: 'linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 100%)',\n            filter: 'blur(2px)',\n            animation: `wx-fog-drift ${10 + i * 3}s ease-in-out ${i * 0.7}s infinite alternate`,\n          }} />\n      ))}\n    </div>\n  );\n}\n\nfunction WeatherEffect({ code, isDay }: { code: number; isDay: boolean }) {\n  if (code === 0 || code === 1) return isDay ? <SunEffect /> : <NightStarsEffect />;\n  if (code === 2) return (\n    <>\n      {isDay ? <SunEffect /> : <NightStarsEffect />}\n      <CloudsEffect tone={isDay ? 'light' : 'dark'} />\n    </>\n  );\n  if (code === 3) return <CloudsEffect tone={isDay ? 'light' : 'dark'} />;\n  if (code === 45 || code === 48) return <FogEffect />;\n  if ([51, 53, 61, 80, 81].includes(code)) return <RainEffect />;\n  if ([55, 63, 65, 82].includes(code)) return <RainEffect heavy />;\n  if ([71, 73, 75].includes(code)) return <SnowEffect />;\n  if ([95, 96, 99].includes(code)) return <ThunderEffect />;\n  return null;\n}\n\nexport default function Weather() {\n  const [city, setCity] = useState(loadCity);\n  const [appearance, setAppearance] = useState(() => loadAppearance(SETTINGS_KEY));\n  const [data, setData] = useState<CityWeather | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [, setTick] = useState(0);\n  useEffect(() => { const t = setInterval(() => setTick(n => n + 1), 60000); return () => clearInterval(t); }, []);\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const [configCity, setConfigCity] = useState(city);\n  const [configAppearance, setConfigAppearance] = useState<WidgetAppearance>(appearance);\n\n  const { prefs: shellPrefs, save: saveShellPrefs } = useShellPrefs();\n  const prefs: WeatherPrefs = { ...DEFAULT_PREFS, ...(shellPrefs.weather_prefs as WeatherPrefs | undefined ?? {}) };\n  const [configPrefs, setConfigPrefs] = useState<WeatherPrefs>(prefs);\n\n  useWidgetSettings(useCallback(() => {\n    setConfigCity(city);\n    setConfigAppearance({ ...appearance });\n    setConfigPrefs({ ...prefs });\n    setSettingsOpen(true);\n  }, [city, appearance, prefs]));\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    fetchCityWeather(city).then(w => {\n      if (cancelled) return;\n      setData(w);\n      setLoading(false);\n    });\n    return () => { cancelled = true; };\n  }, [city]);\n\n  const saveSettings = () => {\n    setCity(configCity);\n    setAppearance(configAppearance);\n    saveShellPrefs({ weather_prefs: configPrefs });\n    localStorage.setItem(STORAGE_KEY, configCity);\n    localStorage.setItem(SETTINGS_KEY, JSON.stringify(configAppearance));\n    setSettingsOpen(false);\n  };\n\n  const t = (c: number) => prefs.useFahrenheit ? `${toF(c)}°F` : `${c}°`;\n\n  // Half-height — tile is now ~110 px tall. Effect keyframes are tuned for\n  // this so drops/flakes traverse the full height before recycling.\n  const TILE_HEIGHT = 110;\n\n  if (loading && !data) {\n    return <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: TILE_HEIGHT }}>Loading…</div>;\n  }\n  if (!data) {\n    return <div className=\"flex items-center justify-center h-full bg-slate-700 rounded-lg text-white/80 text-xs\" style={{ minHeight: TILE_HEIGHT }}>Couldn't load weather</div>;\n  }\n\n  const [condition, emoji, gradient] = getCondition(data.code, data.isDay);\n\n  return (\n    <>\n      <style>{WX_KEYFRAMES}</style>\n      <div className=\"rounded-lg overflow-hidden\"\n        style={{\n          backgroundColor: `rgba(15, 23, 42, ${appearance.activeOpacity / 100})`,\n          backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : undefined,\n        }}>\n        <div className={`relative rounded-lg overflow-hidden text-white bg-gradient-to-br ${gradient}`} style={{ height: TILE_HEIGHT }}>\n          {/* Animated effects */}\n          <WeatherEffect code={data.code} isDay={data.isDay} />\n\n          {/* Compact two-row content */}\n          <div className=\"relative z-10 px-3 py-2.5 flex flex-col h-full justify-between\">\n            {/* Top: city + time | temp */}\n            <div className=\"flex items-start justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"text-base font-semibold leading-tight truncate drop-shadow-sm\">{data.city}</div>\n                {prefs.showLocalTime && (\n                  <div className=\"text-[10px] opacity-90 leading-tight tabular-nums drop-shadow-sm\">\n                    {getTimeInTz(data.timezone, prefs.use24Hour)}\n                  </div>\n                )}\n              </div>\n              <div className=\"text-3xl font-extralight leading-none tracking-tight tabular-nums shrink-0 drop-shadow-sm\">\n                {t(data.temp)}\n              </div>\n            </div>\n\n            {/* Bottom: condition | H/L */}\n            <div className=\"flex items-end justify-between gap-2\">\n              <div className=\"flex items-center gap-1.5 min-w-0\">\n                <span className=\"text-lg leading-none drop-shadow-sm\">{emoji}</span>\n                <span className=\"text-[11px] font-medium drop-shadow-sm truncate\">{condition}</span>\n              </div>\n              <span className=\"text-[10px] opacity-90 tabular-nums drop-shadow-sm shrink-0\">H:{t(data.high)} L:{t(data.low)}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <WidgetSettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} title=\"Weather Settings\"\n        appearance={configAppearance} onAppearanceChange={setConfigAppearance} onSave={saveSettings}>\n        <div className=\"space-y-3\">\n          <div>\n            <h3 className=\"text-sm font-semibold text-gray-700 mb-2\">Display</h3>\n            <div className=\"flex items-center gap-3 mb-2\">\n              <span className=\"text-sm text-gray-600 w-24\">Temperature</span>\n              <div className=\"flex gap-1\">\n                {([{ key: false, label: '°C' }, { key: true, label: '°F' }] as const).map(o => (\n                  <button key={String(o.key)} onClick={() => setConfigPrefs(p => ({ ...p, useFahrenheit: o.key }))}\n                    className={`px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.useFahrenheit === o.key ? 'bg-blue-600 text-white border-blue-600' : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'}`}>\n                    {o.label}\n                  </button>\n                ))}\n              </div>\n            </div>\n            <div className=\"flex items-center gap-3 mb-2\">\n              <span className=\"text-sm text-gray-600 w-24\">Time Format</span>\n              <div className=\"flex gap-1\">\n                {([{ key: false, label: 'AM/PM' }, { key: true, label: '24H' }] as const).map(o => (\n                  <button key={String(o.key)} onClick={() => setConfigPrefs(p => ({ ...p, use24Hour: o.key }))}\n                    className={`px-3 py-1 text-xs font-medium rounded-lg border transition-colors ${configPrefs.use24Hour === o.key ? 'bg-blue-600 text-white border-blue-600' : 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'}`}>\n                    {o.label}\n                  </button>\n                ))}\n              </div>\n            </div>\n            <label className=\"flex items-center gap-2 cursor-pointer\">\n              <input type=\"checkbox\" checked={configPrefs.showLocalTime} onChange={e => setConfigPrefs(p => ({ ...p, showLocalTime: e.target.checked }))}\n                className=\"rounded border-gray-300 text-blue-600 h-3.5 w-3.5\" />\n              <span className=\"text-sm text-gray-600\">Show local time</span>\n            </label>\n          </div>\n        </div>\n        <div>\n          <h3 className=\"text-sm font-semibold text-gray-700 mb-2\">City</h3>\n          <select value={configCity} onChange={e => setConfigCity(e.target.value)}\n            className=\"w-full bg-gray-50 border border-gray-200 rounded px-2 py-1.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500\">\n            {Object.keys(AVAILABLE_CITIES).map(name => (\n              <option key={name} value={name}>{name}</option>\n            ))}\n          </select>\n          <p className=\"mt-1 text-[10px] text-gray-400\">Auto-detected from your timezone; change if needed.</p>\n        </div>\n      </WidgetSettingsModal>\n    </>\n  );\n}\n"]}