@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/sync/wireForm.js

@@ -1,159 +1 @@
-"use strict";
-
-/**
- * wireForm — how a tool turns what it holds into what it may put on the wire.
- *
- * Every adapter that ships large values faces the same four problems, and
- * nine of them solved each one separately:
- *
- *  1. A per-item cap on the snapshot stream (16 KB), with a MARKER left in
- *     the value's place so the dashboard knows to fetch it on demand.
- *  2. A much larger cap on that on-demand detail fetch (8 MB), with a
- *     TRUNCATION NOTE when even that is exceeded.
- *  3. An identity-keyed cache for the wire form, because a snapshot is
- *     rebuilt ~5×/sec while a dashboard watches and stores never mutate a
- *     recorded item — so converting each item once is correct and cheap.
- *  4. For tools whose items are individually fat (console, sentry), a
- *     newest-first walk that keeps as many items as fit a snapshot budget.
- *
- * Marker KEY NAMES are part of the wire protocol — Buoy Desktop and the
- * tool stores test for `__buoyStateOnDevice`, `__buoyPayloadOnDevice`,
- * `__buoyValueOnDevice` — so the factory builds exactly those keys.
- */
-
-import { approxJsonSize, isOverWireBudget } from "./wireBudget.js";
-
-/** Per-item budget on the snapshot stream. Anything larger stays on-device. */
-export const WIRE_INLINE_LIMIT_BYTES = 16 * 1024;
-
-/**
- * Upper bound for one on-demand detail response. Generous — this is a single
- * explicit fetch, not a per-item stream — but still guarded so a pathological
- * tree can't OOM the device through the reply emit.
- */
-export const WIRE_DETAIL_LIMIT_BYTES = 8 * 1024 * 1024;
-
-/** A frozen `{ __buoy<Kind>OnDevice: true, note }` marker. */
-
-/**
- * Build the sentinel a wire-form snapshot carries in place of a value that
- * stays on the device. `kind` names the value ("State", "Payload", "Value",
- * "Params", "Data", …) and becomes the key the reader tests for.
- */
-export function onDeviceMarker(kind, note) {
-  return Object.freeze({
-    [`__buoy${kind}OnDevice`]: true,
-    note
-  });
-}
-
-/** True when `value` is the on-device marker for `kind`. */
-export function isOnDeviceMarker(value, kind) {
-  return typeof value === "object" && value !== null && value[`__buoy${kind}OnDevice`] === true;
-}
-
-/** The note a detail fetch returns when a single field exceeds the detail cap. */
-export function truncatedNote(limitBytes = WIRE_DETAIL_LIMIT_BYTES) {
-  const mb = limitBytes / (1024 * 1024);
-  return {
-    __buoyTruncated: true,
-    note: `Exceeds the ${mb}MB detail limit — inspect it on-device.`
-  };
-}
-
-/**
- * The value itself if it fits `limit` (and is serializable), else `marker`.
- * `undefined` passes through untouched: an absent field must stay absent.
- */
-export function toWire(value, marker, limit = WIRE_INLINE_LIMIT_BYTES) {
-  if (value === undefined) return value;
-  return isOverWireBudget(value, limit) ? marker : value;
-}
-
-/** Detail-fetch cap: the value, or a truncation note when it is too big. */
-export function capDetail(value, limit = WIRE_DETAIL_LIMIT_BYTES) {
-  return isOverWireBudget(value, limit) ? truncatedNote(limit) : value;
-}
-
-/**
- * Memoize a wire-form conversion by item identity. Correct for any store
- * that prepends and never mutates a recorded item — the cache self-invalidates
- * when the item is dropped from the buffer.
- */
-export function memoByIdentity(convert) {
-  const cache = new WeakMap();
-  return item => {
-    const cached = cache.get(item);
-    if (cached !== undefined) return cached;
-    const converted = convert(item);
-    cache.set(item, converted);
-    return converted;
-  };
-}
-/**
- * Walk `items` (oldest-first) from the newest end, keeping every item until
- * the budget is spent. Always keeps at least one so an over-budget newest
- * item still reaches the dashboard as a stub rather than an empty panel.
- * Returns oldest-first, matching the input.
- */
-export function newestFitting(items, options) {
-  const out = [];
-  let bytes = options.baseBytes ?? 16;
-  for (let i = items.length - 1; i >= 0; i--) {
-    const wired = options.toWire(items[i]);
-    if (bytes + wired.bytes > options.budget && out.length > 0) break;
-    out.push(wired.value);
-    bytes += wired.bytes;
-  }
-  out.reverse();
-  return out;
-}
-
-/**
- * Size one wire-form item against a per-item cap, substituting a stub when it
- * is too fat. One walk decides both "too big?" and "what does it cost".
- */
-export function sizeOrStub(wired, limit, stub) {
-  const size = approxJsonSize(wired, limit);
-  if (size.bytes <= limit) return {
-    value: wired,
-    bytes: size.bytes
-  };
-  const stubbed = stub();
-  return {
-    value: stubbed,
-    bytes: approxJsonSize(stubbed, limit).bytes
-  };
-}
-
-/** `(params as T | undefined) ?? {}` — the first line of every action. */
-export function readParams(params) {
-  return params ?? {};
-}
-/**
- * The on-demand detail action every change-log tool exposes: look one item
- * up by id, and return its detail fields size-capped. Replaces the
- * `missing id` / `unknown id` boilerplate copied into each adapter.
- */
-export function detailByIdAction(lookup, detail, limit = WIRE_DETAIL_LIMIT_BYTES) {
-  const cap = value => capDetail(value, limit);
-  return params => {
-    const {
-      id
-    } = readParams(params);
-    if (!id) return {
-      found: false,
-      reason: "missing id"
-    };
-    const item = lookup(id);
-    if (!item) return {
-      found: false,
-      reason: "unknown id"
-    };
-    return {
-      found: true,
-      id,
-      ...detail(item, cap)
-    };
-  };
-}
+"use strict";import{approxJsonSize as s,isOverWireBudget as i}from"./wireBudget.js";export const WIRE_INLINE_LIMIT_BYTES=16*1024;export const WIRE_DETAIL_LIMIT_BYTES=8*1024*1024;export function onDeviceMarker(e,t){return Object.freeze({[`__buoy${e}OnDevice`]:true,note:t})}export function isOnDeviceMarker(e,t){return typeof e==="object"&&e!==null&&e[`__buoy${t}OnDevice`]===true}export function truncatedNote(e=WIRE_DETAIL_LIMIT_BYTES){const t=e/(1024*1024);return{__buoyTruncated:true,note:`Exceeds the ${t}MB detail limit \u2014 inspect it on-device.`}}export function toWire(e,t,n=WIRE_INLINE_LIMIT_BYTES){if(e===void 0)return e;return i(e,n)?t:e}export function capDetail(e,t=WIRE_DETAIL_LIMIT_BYTES){return i(e,t)?truncatedNote(t):e}export function memoByIdentity(e){const t=new WeakMap;return n=>{const o=t.get(n);if(o!==void 0)return o;const r=e(n);t.set(n,r);return r}}export function newestFitting(e,t){const n=[];let o=t.baseBytes??16;for(let r=e.length-1;r>=0;r--){const u=t.toWire(e[r]);if(o+u.bytes>t.budget&&n.length>0)break;n.push(u.value);o+=u.bytes}n.reverse();return n}export function sizeOrStub(e,t,n){const o=s(e,t);if(o.bytes<=t)return{value:e,bytes:o.bytes};const r=n();return{value:r,bytes:s(r,t).bytes}}export function readParams(e){return e??{}}export function detailByIdAction(e,t,n=WIRE_DETAIL_LIMIT_BYTES){const o=r=>capDetail(r,n);return r=>{const{id:u}=readParams(r);if(!u)return{found:false,reason:"missing id"};const c=e(u);if(!c)return{found:false,reason:"unknown id"};return{found:true,id:u,...t(c,o)}}}

package/lib/module/tools/defineTool.js

@@ -1,74 +1 @@
-"use strict";
-
-/**
- * defineToolPreset / createToolFactory — the typed way to declare a tool.
- *
- * Every tool package exports a `xToolPreset` object literal and a
- * `createXTool(options)` factory that restates the same literal with
- * `options?.name || default` on each field. None of the 23 presets was
- * annotated with core's `InstalledApp`, so a preset that drifted from the
- * contract (a bad `slot`, a missing `component`) failed at runtime in the
- * dial, not at compile time.
- *
- * `ToolPreset` is that contract, declared here in shared (which every tool
- * already depends on) and structurally identical to core's `InstalledApp`.
- * `defineToolPreset` is an identity function that type-checks the literal;
- * `createToolFactory` derives the `createXTool` function from the preset so
- * the defaults live in exactly one place.
- *
- * Auto-discovery (core's `autoDiscoverPresets` / `autoExternalSync`) stays
- * as hand-written `require()` blocks on purpose: Metro needs each package
- * name as a static string lexically inside its own try, so a manifest can't
- * replace them.
- */
-
-/** Where a tool should render within the floating menu surface. */
-
-/** What an icon renderer receives. Mirrors core's `FloatingMenuRenderCtx`. */
-
-/** Declarative modal chrome for a body-only tool. Mirrors core's `ToolModalConfig`. */
-
-/**
- * The shape the floating menu installs. Structurally identical to core's
- * `InstalledApp`; declared here so tool packages can type their presets
- * without depending on core.
- */
-
-/** Identity with a type check: the literal must satisfy `ToolPreset`. */
-export function defineToolPreset(preset) {
-  return preset;
-}
-
-/** The overrides every `createXTool` accepted. */
-
-/**
- * Derive `createXTool(options)` from a preset: id/name/description overrides
- * apply on top, and `mapProps` turns tool-specific options into `props`
- * (merged over the preset's defaults).
- *
- * ```ts
- * export const createNetworkTool = createToolFactory(networkToolPreset, (o: { enableSharedModalDimensions?: boolean }) => ({
- *   enableSharedModalDimensions: o.enableSharedModalDimensions ?? false,
- * }));
- * ```
- */
-export function createToolFactory(preset, mapProps, /** Last word on any other preset field (a recolored icon, say). */
-extend) {
-  return options => {
-    const overrides = options ?? {};
-    const props = preset.props === undefined && !mapProps ? undefined : {
-      ...(preset.props ?? {}),
-      ...(mapProps ? mapProps(overrides) : {})
-    };
-    return {
-      ...preset,
-      id: overrides.id || preset.id,
-      name: overrides.name || preset.name,
-      description: overrides.description || preset.description,
-      ...(props !== undefined ? {
-        props
-      } : {}),
-      ...(extend ? extend(overrides, preset) : {})
-    };
-  };
-}
+"use strict";export function defineToolPreset(n){return n}export function createToolFactory(n,o,d){return r=>{const i=r??{};const e=n.props===void 0&&!o?void 0:{...n.props??{},...o?o(i):{}};return{...n,id:i.id||n.id,name:i.name||n.name,description:i.description||n.description,...e!==void 0?{props:e}:{},...d?d(i,n):{}}}}

package/lib/module/types/types.d.js

@@ -1 +1 @@
-"use strict";
+"use strict";

package/lib/module/types/types.js

@@ -1,32 +1 @@
-"use strict";
-
-// Shared type definitions for the dev tools
-
-// Type guard to check if a value is a plain object (not Date, Array, etc.)
-export function isPlainObject(value) {
-  return value !== null && value !== undefined && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof Error) && !(value instanceof Map) && !(value instanceof Set) && !(value instanceof RegExp) && typeof value !== "function";
-}
-/**
- * Normalizes common environment strings to canonical Environment values.
- * Handles variants like "production" → "prod", "development" → "dev", etc.
- */
-export function normalizeEnvironment(env) {
-  switch (env.toLowerCase().trim()) {
-    case "local":
-      return "local";
-    case "dev":
-    case "development":
-      return "dev";
-    case "qa":
-    case "test":
-      return "qa";
-    case "staging":
-    case "stage":
-      return "staging";
-    case "prod":
-    case "production":
-      return "prod";
-    default:
-      return "local";
-  }
-}
+"use strict";export function isPlainObject(t){return t!==null&&t!==void 0&&typeof t==="object"&&!Array.isArray(t)&&!(t instanceof Date)&&!(t instanceof Error)&&!(t instanceof Map)&&!(t instanceof Set)&&!(t instanceof RegExp)&&typeof t!=="function"}export function normalizeEnvironment(t){switch(t.toLowerCase().trim()){case"local":return"local";case"dev":case"development":return"dev";case"qa":case"test":return"qa";case"staging":case"stage":return"staging";case"prod":case"production":return"prod";default:return"local"}}

package/lib/module/ui/backgrounds/BackgroundSwitcher.js

@@ -1,350 +1 @@
-"use strict";
-
-/**
- * The ‹ prev / next › strip for choosing a background.
- *
- * Shipping mount: the dial menu's settings modal (pass `embedded` there so the
- * host card supplies the chrome). It can also be dropped at the top of a
- * tool's body while auditioning new presets — the cost of each preset shows
- * next to its name, so it doubles as the review tool it started as.
- *
- * It writes to the shared `backgroundStore`, so stepping here changes the
- * background in every tool at once.
- *
- * While Live Sky is showing, a second row appears: a WALL-clock slider that
- * scrubs the scene through the whole cycle (Live Sky applies its workday
- * remap to whatever wall time the scrub holds, same as it does to the live
- * clock). LIVE snaps back to the real clock. The scrub is quantized to
- * 5-minute steps so a drag re-renders the scene at most once per step, and it
- * is not persisted — it's a preview gesture.
- *
- * ▶ runs the cycle like a movie: one full 24h lap in 15s, starting from the
- * displayed time and finishing exactly where it began (back on LIVE if that's
- * where it was). It drives the SAME scrub value on a JS interval — ~19 5-min
- * steps a second, each one small re-render of the scene — which is fine for a
- * 15s preview gesture and is exactly what a fast drag already does.
- */
-
-import { memo, useEffect, useRef, useState } from "react";
-import { PanResponder, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { ChevronLeft, ChevronRight, Palette } from "../../icons/lucide-icons.js";
-import { macOSColors } from "../gameUI/constants/macOSDesignSystemColors.js";
-import { useToolBackground } from "./backgroundStore.js";
-import { getPreset } from "./registry.js";
-import { getSkyScrub, setSkyScrub, useSkyScrub } from "./skyClock.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const THUMB = 14;
-function formatMinutes(m) {
-  const h = Math.floor(m / 60) % 24;
-  const min = m % 60;
-  return `${String(h).padStart(2, "0")}:${String(min).padStart(2, "0")}`;
-}
-const PLAY_DURATION_MS = 15000;
-const PLAY_FRAME_MS = 50;
-const TimeSlider = /*#__PURE__*/memo(function TimeSlider() {
-  const scrub = useSkyScrub();
-  const [trackW, setTrackW] = useState(0);
-  const widthRef = useRef(0);
-  const [playing, setPlaying] = useState(false);
-  const playTimer = useRef(null);
-  const stopPlay = () => {
-    if (playTimer.current) clearInterval(playTimer.current);
-    playTimer.current = null;
-    setPlaying(false);
-  };
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(() => stopPlay, []);
-  const startPlay = () => {
-    stopPlay();
-    const now = new Date();
-    const startMinutes = getSkyScrub() ?? now.getHours() * 60 + now.getMinutes();
-    const wasLive = getSkyScrub() === null;
-    const begin = Date.now();
-    setPlaying(true);
-    playTimer.current = setInterval(() => {
-      const t = (Date.now() - begin) / PLAY_DURATION_MS;
-      if (t >= 1) {
-        stopPlay();
-        // Finish exactly where the day began.
-        setSkyScrub(wasLive ? null : startMinutes);
-        return;
-      }
-      setSkyScrub(Math.floor((startMinutes + t * 1440) % 1440 / 5) * 5);
-    }, PLAY_FRAME_MS);
-  };
-  const applyX = x => {
-    stopPlay();
-    const w = widthRef.current;
-    if (w <= 0) return;
-    const frac = Math.min(1, Math.max(0, x / w));
-    setSkyScrub(Math.round(frac * 1439 / 5) * 5);
-  };
-  const responder = useRef(PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponder: () => true,
-    onPanResponderGrant: e => applyX(e.nativeEvent.locationX),
-    onPanResponderMove: e => applyX(e.nativeEvent.locationX)
-  })).current;
-  const now = new Date();
-  // Wall time throughout — the scene applies its own remap to this.
-  const minutes = scrub ?? now.getHours() * 60 + now.getMinutes();
-  const frac = minutes / 1440;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.sliderRow,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => {
-        stopPlay();
-        setSkyScrub(null);
-      },
-      style: [styles.live, scrub === null ? styles.liveOn : null],
-      hitSlop: HIT_SLOP,
-      accessibilityLabel: "Follow the real clock",
-      "sentry-label": "ignore background sky live",
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.liveText, scrub === null ? styles.liveTextOn : null],
-        children: "LIVE"
-      })
-    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: playing ? stopPlay : startPlay,
-      style: [styles.live, playing ? styles.playOn : null],
-      hitSlop: HIT_SLOP,
-      accessibilityLabel: playing ? "Stop the day cycle" : "Play the full day in 15 seconds",
-      "sentry-label": "ignore background sky play",
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.liveText, playing ? styles.playTextOn : null],
-        children: playing ? "■" : "▶"
-      })
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.track,
-      onLayout: e => {
-        widthRef.current = e.nativeEvent.layout.width;
-        setTrackW(e.nativeEvent.layout.width);
-      },
-      ...responder.panHandlers,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.trackBar,
-        pointerEvents: "none"
-      }), trackW > 0 ? /*#__PURE__*/_jsx(View, {
-        pointerEvents: "none",
-        style: [styles.thumb, scrub === null ? null : styles.thumbScrub, {
-          left: frac * trackW - THUMB / 2
-        }]
-      }) : null]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.time,
-      children: formatMinutes(minutes)
-    })]
-  });
-});
-export const BackgroundSwitcher = /*#__PURE__*/memo(function BackgroundSwitcher({
-  embedded = false
-}) {
-  const {
-    id,
-    index,
-    count,
-    next,
-    previous,
-    setId
-  } = useToolBackground();
-  const preset = getPreset(id);
-  const counterpart = preset.counterpart;
-  return /*#__PURE__*/_jsxs(View, {
-    style: embedded ? styles.rootEmbedded : styles.root,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.row,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: previous,
-        style: styles.step,
-        hitSlop: HIT_SLOP,
-        accessibilityLabel: "Previous background",
-        "sentry-label": "ignore background previous",
-        children: /*#__PURE__*/_jsx(ChevronLeft, {
-          size: 16,
-          color: macOSColors.text.secondary
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.center,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.titleRow,
-          children: [/*#__PURE__*/_jsx(Palette, {
-            size: 11,
-            color: macOSColors.semantic.info
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            numberOfLines: 1,
-            children: preset.label
-          }), /*#__PURE__*/_jsxs(Text, {
-            style: styles.counter,
-            children: [index + 1, "/", count]
-          })]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.blurb,
-          numberOfLines: 1,
-          children: preset.blurb
-        })]
-      }), counterpart ? /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: () => setId(counterpart.id),
-        style: styles.motion,
-        hitSlop: HIT_SLOP,
-        accessibilityLabel: `Switch to ${counterpart.id} background`,
-        "sentry-label": "ignore background counterpart",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.motionText,
-          children: counterpart.label
-        })
-      }) : null, /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: next,
-        style: styles.step,
-        hitSlop: HIT_SLOP,
-        accessibilityLabel: "Next background",
-        "sentry-label": "ignore background next",
-        children: /*#__PURE__*/_jsx(ChevronRight, {
-          size: 16,
-          color: macOSColors.text.secondary
-        })
-      })]
-    }), id === "livesky" ? /*#__PURE__*/_jsx(TimeSlider, {}) : null]
-  });
-});
-const HIT_SLOP = {
-  top: 8,
-  bottom: 8,
-  left: 8,
-  right: 8
-};
-const styles = StyleSheet.create({
-  root: {
-    paddingHorizontal: 8,
-    paddingVertical: 6,
-    marginHorizontal: 8,
-    marginTop: 6,
-    marginBottom: 2,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    // Deliberately translucent: the strip sits ON the background it is
-    // previewing, so you can see the field through it.
-    backgroundColor: "rgba(26,26,28,0.72)"
-  },
-  rootEmbedded: {
-    // The host card supplies border/fill/margins.
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  step: {
-    width: 28,
-    height: 28,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "rgba(38,38,42,0.8)",
-    borderWidth: 1,
-    borderColor: macOSColors.border.default
-  },
-  center: {
-    flex: 1,
-    minWidth: 0
-  },
-  titleRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 5
-  },
-  title: {
-    color: macOSColors.text.primary,
-    fontSize: 12,
-    fontWeight: "600"
-  },
-  counter: {
-    color: macOSColors.text.muted,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  blurb: {
-    color: macOSColors.text.secondary,
-    fontSize: 10,
-    marginTop: 1
-  },
-  motion: {
-    paddingHorizontal: 7,
-    paddingVertical: 4,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    backgroundColor: "rgba(38,38,42,0.8)"
-  },
-  motionText: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    color: macOSColors.text.muted
-  },
-  sliderRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginTop: 7
-  },
-  live: {
-    paddingHorizontal: 7,
-    paddingVertical: 3,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    backgroundColor: "rgba(38,38,42,0.8)"
-  },
-  liveOn: {
-    borderColor: macOSColors.semantic.success + "55",
-    backgroundColor: macOSColors.semantic.successBackground
-  },
-  liveText: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.6,
-    color: macOSColors.text.muted
-  },
-  liveTextOn: {
-    color: macOSColors.semantic.success
-  },
-  playOn: {
-    borderColor: macOSColors.semantic.info + "55",
-    backgroundColor: macOSColors.semantic.infoBackground
-  },
-  playTextOn: {
-    color: macOSColors.semantic.info
-  },
-  track: {
-    flex: 1,
-    height: 24,
-    justifyContent: "center"
-  },
-  trackBar: {
-    height: 3,
-    borderRadius: 1.5,
-    backgroundColor: "rgba(120,130,150,0.35)"
-  },
-  thumb: {
-    position: "absolute",
-    top: (24 - THUMB) / 2,
-    width: THUMB,
-    height: THUMB,
-    borderRadius: THUMB / 2,
-    backgroundColor: macOSColors.text.secondary,
-    borderWidth: 1,
-    borderColor: "rgba(255,255,255,0.5)"
-  },
-  thumbScrub: {
-    backgroundColor: macOSColors.semantic.info
-  },
-  time: {
-    color: macOSColors.text.secondary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"],
-    width: 32,
-    textAlign: "right"
-  }
-});
+"use strict";import{memo as M,useEffect as I,useRef as w,useState as L}from"react";import{PanResponder as B,StyleSheet as H,Text as c,TouchableOpacity as h,View as i}from"react-native";import{ChevronLeft as D,ChevronRight as V,Palette as _}from"../../icons/lucide-icons.js";import{macOSColors as t}from"../gameUI/constants/macOSDesignSystemColors.js";import{useToolBackground as j}from"./backgroundStore.js";import{getPreset as A}from"./registry.js";import{getSkyScrub as O,setSkyScrub as k,useSkyScrub as X}from"./skyClock.js";import{jsx as r,jsxs as d}from"react/jsx-runtime";const m=14;function $(p){const l=Math.floor(p/60)%24;const a=p%60;return`${String(l).padStart(2,"0")}:${String(a).padStart(2,"0")}`}const F=15e3;const N=50;const U=M(function p(){const l=X();const[a,x]=L(0);const f=w(0);const[s,S]=L(false);const u=w(null);const n=()=>{if(u.current)clearInterval(u.current);u.current=null;S(false)};I(()=>n,[]);const b=()=>{n();const o=new Date;const g=O()??o.getHours()*60+o.getMinutes();const v=O()===null;const W=Date.now();S(true);u.current=setInterval(()=>{const R=(Date.now()-W)/F;if(R>=1){n();k(v?null:g);return}k(Math.floor((g+R*1440)%1440/5)*5)},N)};const T=o=>{n();const g=f.current;if(g<=0)return;const v=Math.min(1,Math.max(0,o/g));k(Math.round(v*1439/5)*5)};const z=w(B.create({onStartShouldSetPanResponder:()=>true,onMoveShouldSetPanResponder:()=>true,onPanResponderGrant:o=>T(o.nativeEvent.locationX),onPanResponderMove:o=>T(o.nativeEvent.locationX)})).current;const C=new Date;const P=l??C.getHours()*60+C.getMinutes();const E=P/1440;return d(i,{style:e.sliderRow,children:[r(h,{onPress:()=>{n();k(null)},style:[e.live,l===null?e.liveOn:null],hitSlop:y,accessibilityLabel:"Follow the real clock","sentry-label":"ignore background sky live",children:r(c,{style:[e.liveText,l===null?e.liveTextOn:null],children:"LIVE"})}),r(h,{onPress:s?n:b,style:[e.live,s?e.playOn:null],hitSlop:y,accessibilityLabel:s?"Stop the day cycle":"Play the full day in 15 seconds","sentry-label":"ignore background sky play",children:r(c,{style:[e.liveText,s?e.playTextOn:null],children:s?"\u25A0":"\u25B6"})}),d(i,{style:e.track,onLayout:o=>{f.current=o.nativeEvent.layout.width;x(o.nativeEvent.layout.width)},...z.panHandlers,children:[r(i,{style:e.trackBar,pointerEvents:"none"}),a>0?r(i,{pointerEvents:"none",style:[e.thumb,l===null?null:e.thumbScrub,{left:E*a-m/2}]}):null]}),r(c,{style:e.time,children:$(P)})]})});export const BackgroundSwitcher=M(function p({embedded:l=false}){const{id:a,index:x,count:f,next:s,previous:S,setId:u}=j();const n=A(a);const b=n.counterpart;return d(i,{style:l?e.rootEmbedded:e.root,children:[d(i,{style:e.row,children:[r(h,{onPress:S,style:e.step,hitSlop:y,accessibilityLabel:"Previous background","sentry-label":"ignore background previous",children:r(D,{size:16,color:t.text.secondary})}),d(i,{style:e.center,children:[d(i,{style:e.titleRow,children:[r(_,{size:11,color:t.semantic.info}),r(c,{style:e.title,numberOfLines:1,children:n.label}),d(c,{style:e.counter,children:[x+1,"/",f]})]}),r(c,{style:e.blurb,numberOfLines:1,children:n.blurb})]}),b?r(h,{onPress:()=>u(b.id),style:e.motion,hitSlop:y,accessibilityLabel:`Switch to ${b.id} background`,"sentry-label":"ignore background counterpart",children:r(c,{style:e.motionText,children:b.label})}):null,r(h,{onPress:s,style:e.step,hitSlop:y,accessibilityLabel:"Next background","sentry-label":"ignore background next",children:r(V,{size:16,color:t.text.secondary})})]}),a==="livesky"?r(U,{}):null]})});const y={top:8,bottom:8,left:8,right:8};const e=H.create({root:{paddingHorizontal:8,paddingVertical:6,marginHorizontal:8,marginTop:6,marginBottom:2,borderRadius:10,borderWidth:1,borderColor:t.border.default,backgroundColor:"rgba(26,26,28,0.72)"},rootEmbedded:{},row:{flexDirection:"row",alignItems:"center",gap:8},step:{width:28,height:28,borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:"rgba(38,38,42,0.8)",borderWidth:1,borderColor:t.border.default},center:{flex:1,minWidth:0},titleRow:{flexDirection:"row",alignItems:"center",gap:5},title:{color:t.text.primary,fontSize:12,fontWeight:"600"},counter:{color:t.text.muted,fontSize:10,fontVariant:["tabular-nums"]},blurb:{color:t.text.secondary,fontSize:10,marginTop:1},motion:{paddingHorizontal:7,paddingVertical:4,borderRadius:6,borderWidth:1,borderColor:t.border.default,backgroundColor:"rgba(38,38,42,0.8)"},motionText:{fontSize:9,fontWeight:"700",letterSpacing:.6,color:t.text.muted},sliderRow:{flexDirection:"row",alignItems:"center",gap:8,marginTop:7},live:{paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:t.border.default,backgroundColor:"rgba(38,38,42,0.8)"},liveOn:{borderColor:t.semantic.success+"55",backgroundColor:t.semantic.successBackground},liveText:{fontSize:9,fontWeight:"700",letterSpacing:.6,color:t.text.muted},liveTextOn:{color:t.semantic.success},playOn:{borderColor:t.semantic.info+"55",backgroundColor:t.semantic.infoBackground},playTextOn:{color:t.semantic.info},track:{flex:1,height:24,justifyContent:"center"},trackBar:{height:3,borderRadius:1.5,backgroundColor:"rgba(120,130,150,0.35)"},thumb:{position:"absolute",top:(24-m)/2,width:m,height:m,borderRadius:m/2,backgroundColor:t.text.secondary,borderWidth:1,borderColor:"rgba(255,255,255,0.5)"},thumbScrub:{backgroundColor:t.semantic.info},time:{color:t.text.secondary,fontSize:10,fontVariant:["tabular-nums"],width:32,textAlign:"right"}});