@withpotter/components 0.13.0-next.101

package/dist/dashboard/home/widgets/use-home-layout.js

@@ -0,0 +1,220 @@
+"use client";
+import { useCallback, useMemo, useSyncExternalStore } from "react";
+import { hostWidgets, widgetDef } from "./registry";
+const VERSION = 8;
+function storageKey(accountId, tenantSlug) {
+  return `pb_home_layout:${accountId}:${tenantSlug}`;
+}
+const ARCHETYPE_DEFAULTS = {
+  // Time-shaped businesses. The day IS the job, so it takes a wide card.
+  "take-bookings": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "event-tickets": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "rent-property": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "dine-in": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "food-orders": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  // Stock-shaped. Running out is what stops the day, so the count is on the
+  // board rather than one click away in Inventory.
+  "sell-products": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  // Money-shaped. Nothing sits on a clock; what matters is size and mix.
+  "send-invoices": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  subscriptions: [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "digital-products": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  "capture-leads": [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ],
+  default: [
+    { id: "activity", size: "wide" },
+    { id: "revenue", size: "wide" },
+    { id: "website", size: "narrow" },
+    { id: "setup", size: "narrow" },
+    { id: "regulars", size: "narrow" },
+    { id: "team", size: "narrow" }
+  ]
+};
+const FALLBACK = ARCHETYPE_DEFAULTS.default;
+const MAX_WIDGETS = 5;
+function sizeForIndex(index) {
+  return index < 2 ? "wide" : "narrow";
+}
+function defaultLayout(ctx) {
+  const keys = ctx.intentConfig.all.map((c) => c.key);
+  const out = [];
+  for (const k of keys) {
+    for (const w of ARCHETYPE_DEFAULTS[k] ?? []) {
+      if (!out.some((o) => o.id === w.id)) out.push(w);
+    }
+  }
+  if (out.length === 0) out.push(...FALLBACK);
+  for (const h of hostWidgets()) {
+    if (h.byDefault && !out.some((o) => o.id === h.id)) {
+      out.push({ id: h.id, size: h.defaultSize });
+    }
+  }
+  return out.filter((w) => widgetDef(w.id)?.available(ctx)).slice(0, MAX_WIDGETS);
+}
+const listeners = /* @__PURE__ */ new Set();
+function emit() {
+  for (const l of listeners) l();
+}
+function subscribe(cb) {
+  listeners.add(cb);
+  window.addEventListener("storage", cb);
+  return () => {
+    listeners.delete(cb);
+    window.removeEventListener("storage", cb);
+  };
+}
+function readRaw(key) {
+  if (!key) return null;
+  try {
+    return window.localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function parseLayout(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (parsed?.v !== VERSION || !Array.isArray(parsed.widgets)) return null;
+    return parsed.widgets.filter((w) => !!widgetDef(w.id));
+  } catch {
+    return null;
+  }
+}
+function useHomeLayout(accountId, tenantSlug, ctx) {
+  const key = accountId && tenantSlug ? storageKey(accountId, tenantSlug) : null;
+  const raw = useSyncExternalStore(
+    subscribe,
+    () => readRaw(key),
+    () => null
+  );
+  const layout = useMemo(() => parseLayout(raw), [raw]);
+  const persist = useCallback(
+    (widgets) => {
+      if (!key) return;
+      try {
+        window.localStorage.setItem(
+          key,
+          JSON.stringify({ v: VERSION, widgets })
+        );
+      } catch {
+      }
+      emit();
+    },
+    [key]
+  );
+  const base = layout ?? defaultLayout(ctx);
+  const resolved = base.filter((w) => widgetDef(w.id)?.available(ctx)).map((w, i) => ({ ...w, size: sizeForIndex(i) }));
+  const add = (id, size) => {
+    if (base.length >= MAX_WIDGETS || base.some((w) => w.id === id)) return;
+    persist([...base, { id, size }]);
+  };
+  const remove = (id) => persist(base.filter((w) => w.id !== id));
+  const resize = (id, size) => persist(base.map((w) => w.id === id ? { ...w, size } : w));
+  const move = (id, toIndex) => {
+    const from = base.findIndex((w) => w.id === id);
+    if (from === -1) return;
+    const to = Math.max(0, Math.min(base.length - 1, toIndex));
+    if (from === to) return;
+    const next = [...base];
+    const [moved] = next.splice(from, 1);
+    next.splice(to, 0, moved);
+    persist(next);
+  };
+  const reset = useCallback(() => {
+    if (key) {
+      try {
+        window.localStorage.removeItem(key);
+      } catch {
+      }
+    }
+    emit();
+  }, [key]);
+  return {
+    widgets: resolved,
+    placed: new Set(resolved.map((w) => w.id)),
+    add,
+    remove,
+    resize,
+    move,
+    reset,
+    /** True once this merchant has arranged their own board. */
+    customised: layout != null
+  };
+}
+export {
+  MAX_WIDGETS,
+  defaultLayout,
+  sizeForIndex,
+  useHomeLayout
+};
+//# sourceMappingURL=use-home-layout.js.map

package/dist/dashboard/home/widgets/use-home-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/use-home-layout.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useSyncExternalStore } from 'react';\nimport type {\n  PlacedWidget,\n  WidgetId,\n  WidgetSize,\n  WidgetContext,\n} from './types';\nimport { hostWidgets, widgetDef } from './registry';\n\n/**\n * The saved board.\n *\n * \"HOW WILL THEY KNOW WHAT THEY NEED?\" — Prince Abraham, and it is the question\n * that kills most widget dashboards. The answer this file implements is that\n * MOST MERCHANTS NEVER TOUCH IT. The default has to be right on its own, and\n * configuration exists for the minority who outgrow it, exactly as on a phone\n * where most people never add a widget and the home screen is still good.\n *\n * So the default is a function of the ARCHETYPE, not a fixed list: a club\n * running courts and a shop selling things do not open the same business, and\n * `intentConfig` already knows which is which.\n *\n * WHERE THIS IS STORED, and why it is honest. Per account AND per tenant, in\n * localStorage. That is deliberate for the first cut: arranging your own home\n * is a per-person preference (an owner and a front-desk hire want different\n * boards, and they share a workspace), and no endpoint exists for per-person\n * preferences yet. The shape below is what a `PUT /me/preferences` would take\n * verbatim, so moving it server-side later changes this file and nothing else.\n *\n * The known cost, stated rather than hidden: a board arranged on a laptop does\n * not follow you to a phone. That is acceptable for an arrangement preference\n * and would not be for anything a merchant could lose work over.\n */\n\n/**\n * Bump this whenever the SHAPE of a saved board changes.\n *\n * v2: the size vocabulary went from three classes (sm/md/lg) to Shopify's two\n * (wide/narrow). A board saved under v1 carries sizes that no longer exist, and\n * because an unknown size matches neither span it silently rendered every\n * widget one column wide. A stale board must be discarded, not reinterpreted.\n *\n * v3: `setup` was removed and `website` added. A v2 board would keep a widget\n * the registry no longer defines and miss the only one that can carry the two\n * chores the setup rail used to hold.\n *\n * v4: the board became five cards and stopped defaulting to three order\n * metrics. Every v3 board was saved from a default that appended `website` to\n * an already-full five, so every one of them is six cards long with `avg-order`\n * — revenue ÷ sales, arithmetic on its own neighbours — sitting in it. That is\n * not a layout anyone chose, it is the bug persisted, so it is discarded\n * rather than trimmed: trimming would have to guess which card the merchant\n * meant to keep, and the answer for a board nobody arranged is \"the default\".\n *\n * v5: Today gave its slot to Activity, Quick actions and the order count came\n * off the defaults entirely, and the board's fifth cell became the widget\n * library rather than a widget. A v4 board leads with a card that is no longer\n * the default and carries two that were removed for saying what other cards\n * already said.\n *\n * v6: five widgets were deleted outright — Today, the order count, Average\n * order, Quick actions and Recents — so a v5 board can hold ids the registry no\n * longer defines. Revenue also became wide everywhere, and a saved board would\n * keep it narrow beside a wide Activity.\n *\n * v7: Low on stock and Money owed were deleted, and Where sales come from\n * became a default — so a v6 board can hold two ids the registry no longer\n * defines and is missing the card that fills the trio row.\n *\n * v8: Where sales come from was deleted in turn — it could only ever report\n * \"Direct · 100%\" for a business whose customers arrive by WhatsApp — and Gone\n * quiet took the marketing slot. A v7 board holds a dead id and, worse, sits at\n * four cards on a board specified to hold five.\n */\nconst VERSION = 8;\n\ninterface StoredLayout {\n  v: number;\n  widgets: PlacedWidget[];\n}\n\nfunction storageKey(accountId: string, tenantSlug: string) {\n  return `pb_home_layout:${accountId}:${tenantSlug}`;\n}\n\n/**\n * Defaults per archetype. Five each, and never six — see `defaultLayout`.\n *\n * Keyed on the archetype keys a business actually runs, not on\n * `intentConfig.primary`, which is whichever was ticked first and not what the\n * screen is about. A business that is several things gets the union, deduped,\n * in the order below.\n *\n * SETUP IS THE FOURTH CARD, and it is the only default that removes itself:\n * `available` goes false once every step is settled, so a running business\n * never sees it and a new one opens on the thing it most needs. That frees the\n * slot for the add tile rather than leaving a hole.\n *\n * THE ORDER COUNT IS NOT A DEFAULT EITHER. Activity already lists the orders\n * themselves, by name and amount, so a card reading \"Orders 148\" beside it is\n * the same fact with the detail removed. It stays in the gallery.\n *\n * QUICK ACTIONS IS NOT A DEFAULT. Its slot is the add tile now. A launcher of\n * four links restates a sidebar that already lists every one of them, and the\n * one action that genuinely was not on the sidebar — Take payment — is pinned\n * to the rail on every screen. It stays in the gallery for anyone who wants it.\n *\n * SIX LISTED, FIVE PLACED, and the extra one is not a mistake. `defaultLayout`\n * FILTERS before it slices, so a widget that has nothing to say drops out and\n * the next in line takes its place — Setup disappears the moment a business\n * finishes setting up, and without a spare the board would quietly fall to\n * four and leave the trio row short. Team is that spare: always available,\n * never urgent, and exactly the card you want back once the chores are done.\n *\n * FIVE, AND THE SHAPE IS THE POINT: two wide over three narrow, which is the\n * grid Shopify's home uses and the one `sizeForIndex` encodes. Four widgets\n * left the second row a card short and the board looked truncated rather than\n * arranged — the trio row is only a trio if something fills it.\n *\n * THE TOP ROW IS ALWAYS ACTIVITY AND MONEY, both wide, side by side. Two\n * archetypes had Revenue narrow, which put the money card in the trio row\n * under a wide Activity — so the two things a merchant opens the home to see\n * were in different rows at different sizes for no reason a merchant could\n * name. The board's first row answers \"what happened\" and \"what did it earn\",\n * and those are a pair.\n *\n * ACTIVITY LEADS, NOT TODAY. Today answered \"what is waiting on you\"; Activity\n * answers \"what has happened\", and the second turned out to be the one a\n * merchant actually opens the home for — the waiting work is already on the\n * screen that owns it, one click away, where the history is nowhere else at\n * all. Today stays in the gallery for anyone whose day genuinely is a queue.\n *\n * The blockers Today was carrying moved WITH the slot rather than being\n * dropped: they are pinned above Activity's timeline. See `activity-widget`.\n *\n * NO BOARD LEADS WITH THREE ORDER METRICS ANY MORE. Every default used to be\n * Today + Revenue + Sales count + Average order, which is one clock and three\n * numbers all derived from the same table — and `avg-order` is the worst of\n * them, because it is literally revenue ÷ sales, arithmetic performed on the\n * two cards sitting next to it. A card whose value you can compute by looking\n * at its neighbours is not a fifth thing to know, it is the same thing again.\n * It stays in the gallery for anyone who wants it; it stops being the default.\n *\n * Website takes the freed slot, which also fixes the sixth card: it is the one\n * widget that can carry the \"design your site\" and \"get a domain\" chores, so it\n * was being APPENDED to five and making six. Now it is one of the five.\n */\nconst ARCHETYPE_DEFAULTS: Record<string, PlacedWidget[]> = {\n  // Time-shaped businesses. The day IS the job, so it takes a wide card.\n  'take-bookings': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'event-tickets': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'rent-property': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'dine-in': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'food-orders': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n\n  // Stock-shaped. Running out is what stops the day, so the count is on the\n  // board rather than one click away in Inventory.\n  'sell-products': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n\n  // Money-shaped. Nothing sits on a clock; what matters is size and mix.\n  'send-invoices': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  subscriptions: [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'digital-products': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  'capture-leads': [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n  default: [\n    { id: 'activity', size: 'wide' },\n    { id: 'revenue', size: 'wide' },\n    { id: 'website', size: 'narrow' },\n    { id: 'setup', size: 'narrow' },\n    { id: 'regulars', size: 'narrow' },\n    { id: 'team', size: 'narrow' },\n  ],\n};\n\n/**\n * TWO WIDE, THEN THREE NARROW. That shape is not incidental, it is the layout:\n * Shopify's home is a pair of 478px cards over a trio of 312px ones, and every\n * default here fills exactly those five slots. A merchant who never touches the\n * board gets that page; the board exists so the ones who care can change which\n * five.\n *\n * Sizes are stated per placement rather than taken from each widget's own\n * default, because the same widget belongs in a different row depending on the\n * business — a restaurant's Quick actions earn a wide card, a shop's do not.\n */\nconst FALLBACK: PlacedWidget[] = ARCHETYPE_DEFAULTS.default;\n\n/**\n * FIVE. Two wide over three narrow, and the cap is real rather than implied.\n *\n * It used to be implied, and the implication broke twice over: a multi-model\n * business takes the UNION of its archetypes' defaults, which can run past\n * five on its own, and Website was then appended on top of whatever that came\n * to. A shop that also takes bookings opened on six or seven cards — a fourth\n * card orphaned on the second row, which reads as a layout bug rather than as\n * a board.\n *\n * So the union is taken, then sliced. Order matters because the slice is what\n * enforces the shape: each archetype's list is already written most-important\n * first, so the widgets that survive are the ones that businesses running that\n * combination need most.\n */\n/**\n * FIVE widgets, and the add tile lives in whatever cell is still free.\n *\n * The board is two wide over three narrow. Defaults fill four of those five, so\n * the last narrow cell is the entry to the widget library — put a fifth widget\n * there and the tile steps aside, because at that point the board is what the\n * merchant asked for and an empty invitation beside it is clutter.\n *\n * This is a CAP, not a target: `defaultLayout` slices to it, and the gallery\n * stops offering once five are placed. See `home-widgets.tsx`.\n */\nexport const MAX_WIDGETS = 5;\n\n/** Two wide, then narrow. The grid's shape, as a rule. */\nexport function sizeForIndex(index: number): WidgetSize {\n  return index < 2 ? 'wide' : 'narrow';\n}\n\nexport function defaultLayout(ctx: WidgetContext): PlacedWidget[] {\n  const keys = ctx.intentConfig.all.map((c) => c.key);\n  const out: PlacedWidget[] = [];\n  for (const k of keys) {\n    for (const w of ARCHETYPE_DEFAULTS[k] ?? []) {\n      if (!out.some((o) => o.id === w.id)) out.push(w);\n    }\n  }\n  if (out.length === 0) out.push(...FALLBACK);\n  // A host's own widgets (the wallet) come after the built-in ones, so they only ever fill room\n  // the defaults left, never take a place from them.\n  for (const h of hostWidgets()) {\n    if (h.byDefault && !out.some((o) => o.id === h.id)) {\n      out.push({ id: h.id, size: h.defaultSize });\n    }\n  }\n  // Filter BEFORE slicing: a widget the business cannot use must not consume\n  // one of the five and leave the board four long.\n  return out\n    .filter((w) => widgetDef(w.id)?.available(ctx))\n    .slice(0, MAX_WIDGETS);\n}\n\n/**\n * localStorage is an external store, so it is read through the API React\n * provides for external stores rather than mirrored into state by an effect.\n * That is not pedantry: the effect version renders the default board first and\n * replaces it a frame later, a visible flicker on every load. The server\n * snapshot is `null`, so SSR renders the archetype default and hydration swaps\n * in the saved board without a mismatch.\n */\nconst listeners = new Set<() => void>();\n\nfunction emit() {\n  for (const l of listeners) l();\n}\n\nfunction subscribe(cb: () => void) {\n  listeners.add(cb);\n  // Another tab arranging the same board is the same event as this one doing it.\n  window.addEventListener('storage', cb);\n  return () => {\n    listeners.delete(cb);\n    window.removeEventListener('storage', cb);\n  };\n}\n\nfunction readRaw(key: string | null): string | null {\n  if (!key) return null;\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nfunction parseLayout(raw: string | null): PlacedWidget[] | null {\n  if (!raw) return null;\n  try {\n    const parsed = JSON.parse(raw) as StoredLayout;\n    if (parsed?.v !== VERSION || !Array.isArray(parsed.widgets)) return null;\n    // Drop anything the registry no longer defines, so a widget deleted from\n    // the catalogue cannot wedge a saved board.\n    return parsed.widgets.filter((w) => !!widgetDef(w.id));\n  } catch {\n    // A corrupt board is not worth a broken home.\n    return null;\n  }\n}\n\nexport function useHomeLayout(\n  accountId: string | undefined,\n  tenantSlug: string | undefined,\n  ctx: WidgetContext,\n) {\n  const key =\n    accountId && tenantSlug ? storageKey(accountId, tenantSlug) : null;\n\n  // A string snapshot, so referential stability is free.\n  const raw = useSyncExternalStore(\n    subscribe,\n    () => readRaw(key),\n    () => null,\n  );\n  const layout = useMemo(() => parseLayout(raw), [raw]);\n\n  const persist = useCallback(\n    (widgets: PlacedWidget[]) => {\n      if (!key) return;\n      try {\n        window.localStorage.setItem(\n          key,\n          JSON.stringify({ v: VERSION, widgets } satisfies StoredLayout),\n        );\n      } catch {\n        // Private mode, or a full quota. Nothing is lost that matters.\n      }\n      emit();\n    },\n    [key],\n  );\n\n  // The board actually rendered: the saved one, or the archetype's default.\n  // Widgets that have stopped having anything to say (setup finished, stock\n  // replenished) fall out HERE rather than being deleted from the save, so a\n  // merchant who placed one gets it back when it matters again.\n  const base = layout ?? defaultLayout(ctx);\n\n  /**\n   * SIZE IS A FUNCTION OF POSITION, not a property a widget carries.\n   *\n   * The grid is two wide over three narrow, and that shape IS the layout — so\n   * the first two slots are wide and everything after them is narrow, always.\n   * Storing a size per widget let the two disagree: a card set narrow and then\n   * dragged into the top row made that row 3 + 2 with a hole in it. Only one of\n   * position and size can be authoritative, and position is the one being\n   * dragged.\n   *\n   * It also removes a control. There is nothing to resize any more — you choose\n   * where a card goes and the board decides how big that place is, which is one\n   * decision instead of two that could contradict each other.\n   *\n   * The stored `size` is left alone rather than migrated out: it is harmless,\n   * and rewriting every saved board to drop a field nothing reads is a\n   * migration with no user-visible payoff.\n   */\n  const resolved = base\n    .filter((w) => widgetDef(w.id)?.available(ctx))\n    .map((w, i) => ({ ...w, size: sizeForIndex(i) }));\n\n  // Plain functions, not `useCallback`. `base` is rebuilt every render by\n  // design (it folds in whatever the context now makes available), so memoising\n  // on it buys nothing and only tells the compiler a lie about stability.\n  /**\n   * Capped, and enforced HERE rather than only in the gallery's UI. A cap that\n   * only exists as a disabled button is a cap a second entry point walks past\n   * — and the board already has two ways in (the add tile and the gallery).\n   */\n  const add = (id: WidgetId, size: WidgetSize) => {\n    if (base.length >= MAX_WIDGETS || base.some((w) => w.id === id)) return;\n    persist([...base, { id, size }]);\n  };\n\n  const remove = (id: WidgetId) => persist(base.filter((w) => w.id !== id));\n\n  const resize = (id: WidgetId, size: WidgetSize) =>\n    persist(base.map((w) => (w.id === id ? { ...w, size } : w)));\n\n  /**\n   * Put one widget where another is, sliding the rest along.\n   *\n   * A SPLICE, NOT A SWAP, and the difference is visible. Swapping two cards\n   * moves the one you dropped on all the way back to where you started, which\n   * nobody asks for: dragging the last card to the front should push everything\n   * down one, not fling the first card to the end. This is the same reordering\n   * every list with a handle has taught people to expect.\n   */\n  const move = (id: WidgetId, toIndex: number) => {\n    const from = base.findIndex((w) => w.id === id);\n    if (from === -1) return;\n    const to = Math.max(0, Math.min(base.length - 1, toIndex));\n    if (from === to) return;\n    const next = [...base];\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n    persist(next);\n  };\n\n  const reset = useCallback(() => {\n    if (key) {\n      try {\n        window.localStorage.removeItem(key);\n      } catch {\n        /* nothing to undo */\n      }\n    }\n    emit();\n  }, [key]);\n\n  return {\n    widgets: resolved,\n    placed: new Set(resolved.map((w) => w.id)),\n    add,\n    remove,\n    resize,\n    move,\n    reset,\n    /** True once this merchant has arranged their own board. */\n    customised: layout != null,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/home/widgets/website-widget.d.ts

@@ -0,0 +1,7 @@
+export declare function WebsiteWidget({ storefrontUrl, hasCustomDomain, siteImage, businessName, }: {
+    storefrontUrl?: string | null;
+    hasCustomDomain: boolean;
+    /** The business's own image. Absent is normal and draws a mark instead. */
+    siteImage?: string | null;
+    businessName?: string;
+}): import("react").JSX.Element;

package/dist/dashboard/home/widgets/website-widget.js

@@ -0,0 +1,229 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import {
+  ArrowRight,
+  ArrowUpRight,
+  Eye,
+  Globe,
+  Lock,
+  ShoppingBag,
+  TrendingDown,
+  TrendingUp
+} from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { analyticsApi } from "@withpotter/lib/api/analytics";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { middleEllipsis } from "./middle-ellipsis";
+import { Panel, PanelAction } from "../panel";
+function useWeeklyTraffic(enabled) {
+  const iso = (d) => d.toISOString().slice(0, 10);
+  const today = iso(/* @__PURE__ */ new Date());
+  const windows = useMemo(() => {
+    const end = /* @__PURE__ */ new Date(`${today}T00:00:00.000Z`);
+    const days = (n) => new Date(end.getTime() - n * 864e5);
+    return {
+      now: { startDate: iso(days(6)), endDate: today },
+      before: { startDate: iso(days(13)), endDate: iso(days(7)) }
+    };
+  }, [today]);
+  const { data: now } = useApiQuery(
+    ["home-traffic", today],
+    (slug) => analyticsApi.getDashboard(slug, windows.now),
+    { enabled, retry: false }
+  );
+  const { data: before } = useApiQuery(
+    ["home-traffic-previous", today],
+    (slug) => analyticsApi.getDashboard(slug, windows.before),
+    { enabled, retry: false }
+  );
+  return useMemo(() => {
+    if (!now) return null;
+    const sources = now.trafficSources ?? [];
+    const pages = now.topPages ?? [];
+    return {
+      views: now.overview?.totalPageViews ?? 0,
+      prior: before?.overview?.totalPageViews ?? 0,
+      visitors: now.overview?.uniqueVisitors ?? 0,
+      series: (now.pageViewsTimeSeries ?? []).map((p) => p.value ?? 0),
+      topSource: sources.length ? { source: sources[0].source, percentage: sources[0].percentage } : void 0,
+      topPage: pages.length ? pages[0].pageUrl : void 0,
+      carts: now.funnel?.addToCart ?? 0,
+      orders: now.funnel?.checkoutComplete ?? 0
+    };
+  }, [now, before]);
+}
+function TrafficDelta({ now, prior }) {
+  if (prior <= 0 || now === prior) return null;
+  const pct = Math.round((now - prior) / prior * 100);
+  const up = pct > 0;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `ml-auto inline-flex items-center gap-0.5 text-sm font-medium tabular-nums ${up ? "text-[var(--success)]" : "text-[var(--text-tertiary)]"}`,
+      children: [
+        up ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-[11px] w-[11px]" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-[11px] w-[11px]" }),
+        Math.abs(pct),
+        "%"
+      ]
+    }
+  );
+}
+const MIN_FOR_RATE = 30;
+function Step({ value, label }) {
+  return /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-[var(--text-secondary)]", children: value.toLocaleString() }),
+    " ",
+    label
+  ] });
+}
+function Count({
+  icon: Icon,
+  value,
+  label
+}) {
+  return /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        "aria-hidden": true,
+        className: "size-4 shrink-0 self-center text-[var(--text-muted)]"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold tabular-nums tracking-[-0.02em] text-[var(--text-primary)]", children: value.toLocaleString() }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: label })
+  ] });
+}
+function WebsiteWidget({
+  storefrontUrl,
+  hasCustomDomain,
+  siteImage,
+  businessName
+}) {
+  const { tenant } = useAuth();
+  const isOpen = tenant?.status === "active";
+  const host = storefrontUrl?.replace(/^https?:\/\//, "").replace(/\/$/, "");
+  const traffic = useWeeklyTraffic(!!storefrontUrl);
+  return /* @__PURE__ */ jsxs(
+    Panel,
+    {
+      title: "Website",
+      className: "h-full",
+      bodyClassName: "flex flex-col min-h-0",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: storefrontUrl ?? "#",
+            target: "_blank",
+            rel: "noreferrer",
+            className: "surface-interactive group/site flex items-stretch gap-0 overflow-hidden bg-[var(--bg-muted)]",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "grid h-[68px] w-[68px] shrink-0 place-items-center overflow-hidden bg-[var(--bg-base)]", children: siteImage ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: siteImage,
+                    alt: "",
+                    className: "h-full w-full object-cover transition-transform duration-[var(--motion-slow)] ease-out group-hover/site:scale-105"
+                  }
+                )
+              ) : /* @__PURE__ */ jsx(
+                Globe,
+                {
+                  className: "size-5 text-[var(--text-muted)]",
+                  strokeWidth: 1.5
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col justify-center gap-0.5 px-3 py-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate text-md font-medium text-[var(--text-primary)]", children: businessName ?? "Your website" }),
+                /* @__PURE__ */ jsx("span", { className: "flex min-w-0 items-center gap-1", children: isOpen && host ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    Lock,
+                    {
+                      "aria-hidden": true,
+                      className: "h-[9px] w-[9px] shrink-0 text-[var(--success)]"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      title: host,
+                      className: "min-w-0 truncate text-sm text-[var(--text-tertiary)]",
+                      children: middleEllipsis(host)
+                    }
+                  )
+                ] }) : (
+                  /* "Not published yet" was a FACT with no way to act on it, and
+                                   the only control that could open the site was a modal that
+                                   appeared once and never again. A merchant who dismissed it had
+                                   no route to publishing from the dashboard at all.
+                  
+                                   Shopify's own onboarding guidance is dismissible cards rather
+                                   than modals, and this is already the card about the site. So
+                                   the state and the act that resolves it are in one place. */
+                  /* The address exists before the site is open, and showing it
+                     under a padlock said the opposite of the truth. While it is
+                     shut the line says so; the address is no use until it is. */
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm text-[var(--text-tertiary)]", children: "Not open yet" })
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "grid w-8 shrink-0 place-items-center text-[var(--text-muted)] transition-colors group-hover/site:text-[var(--text-primary)]", children: /* @__PURE__ */ jsx(ArrowUpRight, {}) })
+            ]
+          }
+        ),
+        traffic && traffic.views >= MIN_FOR_RATE ? /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+          /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-3xl font-semibold leading-none tracking-[-0.02em] tabular-nums text-[var(--text-primary)]", children: [
+              (traffic.orders / traffic.views * 100).toFixed(1),
+              "%"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: "bought" }),
+            /* @__PURE__ */ jsx(TrafficDelta, { now: traffic.views, prior: traffic.prior })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-2 flex items-center gap-2 text-sm text-[var(--text-tertiary)]", children: [
+            /* @__PURE__ */ jsx(Step, { value: traffic.views, label: "visits" }),
+            /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": true, className: "h-[11px] w-[11px] shrink-0" }),
+            /* @__PURE__ */ jsx(Step, { value: traffic.carts, label: "carts" }),
+            /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": true, className: "h-[11px] w-[11px] shrink-0" }),
+            /* @__PURE__ */ jsx(Step, { value: traffic.orders, label: "orders" })
+          ] }),
+          traffic.topSource && /* @__PURE__ */ jsxs("p", { className: "mt-2 truncate text-sm text-[var(--text-muted)]", children: [
+            "Most from",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--text-secondary)]", children: traffic.topSource.source }),
+            " ",
+            "\xB7 ",
+            Math.round(traffic.topSource.percentage),
+            "%"
+          ] })
+        ] }) : traffic && // Too little traffic to divide by, so it reports the count and says
+        // so rather than dressing a tiny sample as a rate.
+        /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-1", children: [
+          /* @__PURE__ */ jsx(
+            Count,
+            {
+              icon: Eye,
+              value: traffic.views,
+              label: `${traffic.views === 1 ? "visit" : "visits"} this week`
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Count,
+            {
+              icon: ShoppingBag,
+              value: traffic.orders,
+              label: traffic.orders === 1 ? "order" : "orders"
+            }
+          )
+        ] }) }),
+        !hasCustomDomain && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-3", children: /* @__PURE__ */ jsx(PanelAction, { href: "/dashboard/business/domains", children: "Add your own domain" }) })
+      ]
+    }
+  );
+}
+export {
+  WebsiteWidget
+};
+//# sourceMappingURL=website-widget.js.map

package/dist/dashboard/home/widgets/website-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/home/widgets/website-widget.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport {\n  ArrowRight,\n  ArrowUpRight,\n  Eye,\n  Globe,\n  Lock,\n  ShoppingBag,\n  TrendingDown,\n  TrendingUp,\n} from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { analyticsApi } from '@withpotter/lib/api/analytics';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { middleEllipsis } from './middle-ellipsis';\nimport { Panel, PanelAction } from '../panel';\n\n/**\n * The storefront, once there is one.\n *\n * WHY THIS WIDGET EXISTS. Deleting the \"Finish setting up\" panel only works if\n * every chore it held has somewhere better to be. Three of the four did:\n * \"add your first product\" belongs to Today, \"take payments\" is already in\n * Blocked because it stops money outright, and both are boxes whose empty state\n * the chore can occupy. \"Design your site\" and \"get a domain\" had nowhere — no\n * widget on the board was ever going to show their result — so the panel could\n * only have been relocated, not removed. This is the box those two fill.\n */\n/**\n * Views over the trailing week.\n *\n * IT FETCHES ITS OWN, a deliberate exception to the board's rule against\n * per-widget requests. That rule exists because six widgets reading money would\n * mean six copies of one request, which is why `MoneyBoardProvider` exists.\n * Nothing else on the board wants page views, so a provider for one consumer\n * would be ceremony — and `getHomeSummary`, which the money widgets share, does\n * not carry them.\n *\n * SEVEN DAYS, not the money board's window, and the two do not have to agree.\n * The money widgets share one range precisely so revenue-over-30 never appears\n * beside orders-over-7; this card is not part of that sentence.\n */\ninterface Traffic {\n  /** Visits over the trailing seven days. */\n  views: number;\n  /** The same window, one week earlier, for the change. */\n  prior: number;\n  /** Distinct people, as opposed to page loads. */\n  visitors: number;\n  /** One point per day, oldest first. Drives the sparkline. */\n  series: number[];\n  /** Where most of them came from, and what share that was. */\n  topSource?: { source: string; percentage: number };\n  /** The page they looked at most. */\n  topPage?: string;\n  /** Sessions that reached a cart, and sessions that bought. */\n  carts: number;\n  orders: number;\n}\n\nfunction useWeeklyTraffic(enabled: boolean) {\n  /*\n   * Two windows, so the number can say which way it is going. A visit count\n   * with no comparison is a fact you cannot act on: 40 is good or bad only\n   * against last week.\n   *\n   * Through the query cache rather than an effect. `/analytics/dashboard` is a\n   * twenty-odd-field payload and this asked for two of them on every mount of\n   * the home, with nothing holding the answer — dev's double invoke made it\n   * four requests for a card most merchants scroll past. Keyed by the day,\n   * which is the resolution a week-long comparison has, so returning to the\n   * home inside the same day costs nothing.\n   */\n  const iso = (d: Date) => d.toISOString().slice(0, 10);\n  const today = iso(new Date());\n  const windows = useMemo(() => {\n    const end = new Date(`${today}T00:00:00.000Z`);\n    const days = (n: number) => new Date(end.getTime() - n * 86_400_000);\n    return {\n      now: { startDate: iso(days(6)), endDate: today },\n      before: { startDate: iso(days(13)), endDate: iso(days(7)) },\n    };\n  }, [today]);\n\n  // Silent on failure, both of them: this card's job is the storefront, and a\n  // failed traffic read must not turn a working Website card into an error.\n  const { data: now } = useApiQuery(\n    ['home-traffic', today],\n    (slug) => analyticsApi.getDashboard(slug, windows.now),\n    { enabled, retry: false },\n  );\n  const { data: before } = useApiQuery(\n    ['home-traffic-previous', today],\n    (slug) => analyticsApi.getDashboard(slug, windows.before),\n    { enabled, retry: false },\n  );\n\n  return useMemo<Traffic | null>(() => {\n    if (!now) return null;\n    // All of this arrives in the SAME response as the view count, so the card\n    // gets four more facts for no extra request. It would have been a waste to\n    // fetch `overview` and throw the rest of the payload away.\n    const sources = now.trafficSources ?? [];\n    const pages = now.topPages ?? [];\n    return {\n      views: now.overview?.totalPageViews ?? 0,\n      prior: before?.overview?.totalPageViews ?? 0,\n      visitors: now.overview?.uniqueVisitors ?? 0,\n      series: (now.pageViewsTimeSeries ?? []).map((p) => p.value ?? 0),\n      topSource: sources.length\n        ? { source: sources[0].source, percentage: sources[0].percentage }\n        : undefined,\n      topPage: pages.length ? pages[0].pageUrl : undefined,\n      carts: now.funnel?.addToCart ?? 0,\n      orders: now.funnel?.checkoutComplete ?? 0,\n    };\n  }, [now, before]);\n}\n\n/**\n * Week on week, and it stays silent when it cannot be honest.\n *\n * A first week has no prior to compare against, and rendering \"+100%\" against\n * zero is a number that means nothing dressed as a number that means something.\n * The analytics rule is that a figure ships only if it can change what someone\n * does next; a delta off no baseline cannot.\n */\nfunction TrafficDelta({ now, prior }: { now: number; prior: number }) {\n  if (prior <= 0 || now === prior) return null;\n  const pct = Math.round(((now - prior) / prior) * 100);\n  const up = pct > 0;\n  return (\n    <span\n      className={`ml-auto inline-flex items-center gap-0.5 text-sm font-medium tabular-nums ${\n        up ? 'text-[var(--success)]' : 'text-[var(--text-tertiary)]'\n      }`}\n    >\n      {up ? (\n        <TrendingUp className=\"h-[11px] w-[11px]\" />\n      ) : (\n        <TrendingDown className=\"h-[11px] w-[11px]\" />\n      )}\n      {Math.abs(pct)}%\n    </span>\n  );\n}\n\n/**\n * Below this, a conversion rate is arithmetic on noise. One sale in nine visits\n * is 11.1%, which reads as a triumph and means nothing.\n */\nconst MIN_FOR_RATE = 30;\n\n/** One step of the funnel: the count, then what it counts. */\nfunction Step({ value, label }: { value: number; label: string }) {\n  return (\n    <span className=\"shrink-0\">\n      <span className=\"font-medium tabular-nums text-[var(--text-secondary)]\">\n        {value.toLocaleString()}\n      </span>{' '}\n      {label}\n    </span>\n  );\n}\n\n/**\n * A headline count and what it counts, for the pre-conversion state.\n *\n * THE GLYPH LEADS, and it is the one its own screen already uses: `Eye` is\n * what the Traffic tab marks views with, `ShoppingBag` is what the Activity\n * widget draws beside `order_placed`. Two counts sitting side by side are\n * told apart at a glance by shape long before anyone reads either label —\n * which is the whole reason to have them — and picking a third icon for a\n * concept the app has already settled would cost that.\n *\n * `self-center` because the row is baseline-aligned: the number and its label\n * share a baseline, which is the detail that makes them read as one phrase,\n * and a 16px glyph hung off that same line sits low against a 24px figure.\n */\nfunction Count({\n  icon: Icon,\n  value,\n  label,\n}: {\n  icon: LucideIcon;\n  value: number;\n  label: string;\n}) {\n  return (\n    <p className=\"flex items-baseline gap-2\">\n      <Icon\n        aria-hidden\n        className=\"size-4 shrink-0 self-center text-[var(--text-muted)]\"\n      />\n      {/* 17px, not 20. Two of these sit side by side now, and at `text-2xl`\n          they were the loudest thing in a card whose subject is the site\n          above them — a week's visit count competing with the storefront it\n          describes. One step down the scale (John, 2026-08-25) still reads as\n          a figure against a 13px label. */}\n      <span className=\"text-xl font-semibold tabular-nums tracking-[-0.02em] text-[var(--text-primary)]\">\n        {value.toLocaleString()}\n      </span>\n      <span className=\"text-sm text-[var(--text-tertiary)]\">{label}</span>\n    </p>\n  );\n}\n\nexport function WebsiteWidget({\n  storefrontUrl,\n  hasCustomDomain,\n  siteImage,\n  businessName,\n}: {\n  storefrontUrl?: string | null;\n  hasCustomDomain: boolean;\n  /** The business's own image. Absent is normal and draws a mark instead. */\n  siteImage?: string | null;\n  businessName?: string;\n}) {\n  const { tenant } = useAuth();\n  const isOpen = tenant?.status === 'active';\n  const host = storefrontUrl?.replace(/^https?:\\/\\//, '').replace(/\\/$/, '');\n  // Only asked for once the site is published: there is no traffic to a\n  // storefront that does not exist, and asking would spend a request to be\n  // told zero.\n  const traffic = useWeeklyTraffic(!!storefrontUrl);\n\n  return (\n    <Panel\n      title=\"Website\"\n      className=\"h-full\"\n      bodyClassName=\"flex flex-col min-h-0\"\n    >\n      {/*\n        IT IS A LINK PREVIEW — the card that appears when somebody pastes your\n        address into WhatsApp or Slack.\n\n        Two designs came before this and both did too much. The first was four\n        unrelated rows: a pill, a number, a link, a button. The second made the\n        card a browser window — chrome, viewport, the image standing upright\n        inside it — which looked like a site but answered nothing, because a\n        merchant does not need to be shown that websites live in browsers.\n\n        The link preview is the right frame because it is the one a merchant\n        already knows and the one that matters: it is how the business appears\n        the moment anyone shares it. Horizontal, image left, name and address\n        right — so the card is literally a rehearsal of the thing it describes.\n\n        Three facts, in the order they are wanted: what it looks like shared,\n        where it lives, and whether anyone came. Nothing else.\n      */}\n      <a\n        href={storefrontUrl ?? '#'}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        /* THE PREVIEW IS GREY, not the panel's own fill. It carried\n           `surface-interactive`, whose background is `--card-bg` — the exact\n           fill of the `Panel` it sits inside — so the only thing separating\n           the two was a hairline, and the card read as having no background at\n           all. `--bg-muted` is the grey either side of that: #efefef on white,\n           #202023 on the dark ground. The chip stands ON the panel, which is\n           what a thing you can click should look like. */\n        className=\"surface-interactive group/site flex items-stretch gap-0 overflow-hidden bg-[var(--bg-muted)]\"\n      >\n        {/* Square, and fixed. A share card's thumbnail never grows with the\n            title; letting it would make two businesses' cards different shapes\n            for no reason a reader could name. */}\n        <span className=\"grid h-[68px] w-[68px] shrink-0 place-items-center overflow-hidden bg-[var(--bg-base)]\">\n          {siteImage ? (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={siteImage}\n              alt=\"\"\n              className=\"h-full w-full object-cover transition-transform duration-[var(--motion-slow)] ease-out group-hover/site:scale-105\"\n            />\n          ) : (\n            <Globe className=\"size-5 text-[var(--text-muted)]\"\n              strokeWidth={1.5}\n            />\n          )}\n        </span>\n\n        <span className=\"flex min-w-0 flex-1 flex-col justify-center gap-0.5 px-3 py-2\">\n          <span className=\"truncate text-md font-medium text-[var(--text-primary)]\">\n            {businessName ?? 'Your website'}\n          </span>\n          <span className=\"flex min-w-0 items-center gap-1\">\n            {isOpen && host ? (\n              <>\n                <Lock\n                  aria-hidden\n                  className=\"h-[9px] w-[9px] shrink-0 text-[var(--success)]\"\n                />\n                <span\n                  title={host}\n                  className=\"min-w-0 truncate text-sm text-[var(--text-tertiary)]\"\n                >\n                  {middleEllipsis(host)}\n                </span>\n              </>\n            ) : (\n              /* \"Not published yet\" was a FACT with no way to act on it, and\n                 the only control that could open the site was a modal that\n                 appeared once and never again. A merchant who dismissed it had\n                 no route to publishing from the dashboard at all.\n\n                 Shopify's own onboarding guidance is dismissible cards rather\n                 than modals, and this is already the card about the site. So\n                 the state and the act that resolves it are in one place. */\n              /* The address exists before the site is open, and showing it\n                 under a padlock said the opposite of the truth. While it is\n                 shut the line says so; the address is no use until it is. */\n              <span className=\"min-w-0 truncate text-sm text-[var(--text-tertiary)]\">\n                Not open yet\n              </span>\n            )}\n          </span>\n        </span>\n\n        <span className=\"grid w-8 shrink-0 place-items-center text-[var(--text-muted)] transition-colors group-hover/site:text-[var(--text-primary)]\">\n          <ArrowUpRight />\n        </span>\n      </a>\n\n      {/* NO CONTROL UNDER THE PREVIEW.\n\n          There was an \"Open my site\" button here, then — after John cut it —\n          the same act surviving as an \"Open it now\" text link. Both are gone\n          on his call, 2026-08-25. The card's job is to SHOW the storefront;\n          \"Not open yet\" is the line that states it, and publishing is a\n          once-ever act that was holding a permanent row on a board where\n          every other card leads with content. Opening the site lives on the\n          Website hub, which the preview itself links into. */}\n\n      {/* THE QUESTION TRAFFIC IS ACTUALLY ASKING.\n          A visit count is a vanity number: 480 is good or bad depending\n          entirely on what the 480 did, and a merchant cannot act on it. What\n          they can act on is the CONVERSION — the share of people who came and\n          bought — because a high number says do more of whatever brought them\n          and a low one says the site is not closing.\n\n          So conversion leads and visits are the context under it, which is the\n          inverse of what this card did. The funnel arrives in the same request\n          as the view count and was being thrown away.\n\n          Only when there is enough traffic to divide by. A rate off nine\n          visits is noise with a decimal point, and reporting \"11.1%\" from one\n          sale in nine would be worse than reporting nothing. */}\n      {traffic && traffic.views >= MIN_FOR_RATE ? (\n        <div className=\"mt-3\">\n          <p className=\"flex items-baseline gap-2\">\n            <span className=\"text-3xl font-semibold leading-none tracking-[-0.02em] tabular-nums text-[var(--text-primary)]\">\n              {((traffic.orders / traffic.views) * 100).toFixed(1)}%\n            </span>\n            <span className=\"text-sm text-[var(--text-tertiary)]\">bought</span>\n            <TrafficDelta now={traffic.views} prior={traffic.prior} />\n          </p>\n\n          {/* The drop-off, as three counts on one line. Where people leave is\n              the whole diagnosis: visits high and carts low is a catalogue\n              problem, carts high and orders low is a checkout problem, and one\n              rate alone cannot tell those apart. */}\n          <p className=\"mt-2 flex items-center gap-2 text-sm text-[var(--text-tertiary)]\">\n            <Step value={traffic.views} label=\"visits\" />\n            <ArrowRight aria-hidden className=\"h-[11px] w-[11px] shrink-0\" />\n            <Step value={traffic.carts} label=\"carts\" />\n            <ArrowRight aria-hidden className=\"h-[11px] w-[11px] shrink-0\" />\n            <Step value={traffic.orders} label=\"orders\" />\n          </p>\n\n          {traffic.topSource && (\n            <p className=\"mt-2 truncate text-sm text-[var(--text-muted)]\">\n              Most from{' '}\n              <span className=\"font-medium text-[var(--text-secondary)]\">\n                {traffic.topSource.source}\n              </span>{' '}\n              · {Math.round(traffic.topSource.percentage)}%\n            </p>\n          )}\n        </div>\n      ) : (\n        traffic && (\n          // Too little traffic to divide by, so it reports the count and says\n          // so rather than dressing a tiny sample as a rate.\n          <div className=\"mt-3\">\n            {/* TWO COUNTS, not one. Visits alone says people arrived and\n                stops there; the merchant's actual question underneath it is\n                whether any of them bought. Below `MIN_FOR_RATE` the two\n                cannot honestly be divided into a percentage — that is what\n                the line beneath says — but they can both be stated, and a\n                week of 14 visits and 2 orders is a different week from 14\n                and 0 in every way that matters. Same window, same request:\n                `checkoutComplete` off the funnel already in the payload. */}\n            {/* NO \"not enough traffic to measure conversion\" UNDER THIS.\n                Cut on John's call, 2026-08-25. It explained an absence — why\n                the card was not showing a percentage — to someone who had not\n                asked for one and could not act on the answer. The counts are\n                the card's whole claim at this stage; a line apologising for\n                the number it is not showing makes a week of real visits read\n                as a shortfall. The rate appears on its own once there is\n                enough traffic to divide by, and needs no trailer before then. */}\n            <div className=\"flex flex-wrap items-baseline gap-x-6 gap-y-1\">\n              <Count\n                icon={Eye}\n                value={traffic.views}\n                label={`${traffic.views === 1 ? 'visit' : 'visits'} this week`}\n              />\n              <Count\n                icon={ShoppingBag}\n                value={traffic.orders}\n                label={traffic.orders === 1 ? 'order' : 'orders'}\n              />\n            </div>\n          </div>\n        )\n      )}\n\n      {/* No \"View site\" button.\n          The share-card preview above IS the link — it is an `<a>` to the\n          storefront and always has been — so a button underneath was a second\n          control for the same click, on a card whose whole argument is that it\n          shows you the thing rather than describing it. John, looking at it:\n          *\"the open site button on the website card is not needed, people can\n          legit click on section that shows the site\"*.\n\n          \"Add your own domain\" stays, and is not the same case: it is the one\n          job on this card the preview cannot do. */}\n      {!hasCustomDomain && (\n        <div className=\"mt-auto pt-3\">\n          <PanelAction href=\"/dashboard/business/domains\">\n            Add your own domain\n          </PanelAction>\n        </div>\n      )}\n    </Panel>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/home/widgets/widget-art.d.ts

@@ -0,0 +1,35 @@
+/**
+ * The drawn card art, moved out of the setup rail.
+ *
+ * It was built for "Finish setting up", a panel that no longer exists: the four
+ * chores it held now live as the EMPTY STATES of the widgets that will show
+ * their result, so the box a merchant fixes is the box that then fills with
+ * their data. The art comes with them, which is also the answer to why our
+ * cards looked empty beside Shopify's — theirs carry a picture and ours carried
+ * a header rule and two rows.
+ *
+ * Everything here is drawn from our own tokens. It replaced eleven of Shopify's
+ * admin PNGs that had been shipping on staging; see the history of this file.
+ *
+ * NOTHING HERE CARRIES A FIGURE. Three miniatures did: a product tile with a
+ * price, a payout with an amount and an account's last four digits, and a
+ * regular last seen "72d ago". They were drawings, but on a home that reports a
+ * business's money an invented amount beside a real one is a number the
+ * merchant has to work out is not theirs. They are gone, and nothing added to
+ * this file may show an amount, a count, a date or an account.
+ */
+/** Text, at miniature scale. The only honest way to draw a word this small. */
+export declare function Bar({ className }: {
+    className: string;
+}): import("react").JSX.Element;
+/** Two pages to pick between. They spread apart under the cursor. */
+export declare function ThemeMiniature(): import("react").JSX.Element;
+/** A pointer, drawn. What it replaces was a photograph of one. */
+export declare function Pointer({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * Whether any of the given backend onboarding steps is completed. The backend
+ * is the source of truth for progress; the boolean props below (hasProduct etc.)
+ * corroborate it so a card still reads done even if a step key is missing.
+ */