@withpotter/components 0.13.0-next.101

package/dist/mobile/screens/today.js

@@ -0,0 +1,743 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import Link from "next/link";
+import { useMoneyVisibility } from "@withpotter/lib/use-money-visibility";
+import {
+  Bell,
+  Check,
+  ChevronRight,
+  Receipt,
+  FileText,
+  Globe,
+  Package,
+  Share2,
+  ShoppingBag,
+  UserPlus,
+  Users
+} from "lucide-react";
+import { MobileScreenFrame } from "@withpotter/components/mobile/screen-frame-host";
+import { WorkspaceSwitcherSheet } from "@withpotter/components/mobile/workspace-switcher-sheet";
+import { QuickActionsSheet } from "@withpotter/components/mobile/quick-actions-sheet";
+import { Icon } from "@withpotter/lib/icon-resolver";
+function Metric({
+  value,
+  label,
+  trend,
+  tone
+}) {
+  const trendColor = tone === "good" ? "var(--mb-good)" : tone === "warn" ? "var(--mb-warn)" : "var(--mb-text-tertiary)";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex w-[170px] shrink-0 flex-col gap-2 rounded-2xl border p-4",
+      style: { borderColor: "var(--mb-border)", background: "var(--mb-card)" },
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--mb-text-tertiary)" }, children: label }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "text-3xl font-semibold leading-none tabular-nums",
+            style: { color: "var(--mb-text)" },
+            children: value
+          }
+        ),
+        trend && /* @__PURE__ */ jsx("p", { className: "text-2xs font-medium", style: { color: trendColor }, children: trend })
+      ]
+    }
+  );
+}
+function IntentCard({
+  intent,
+  metric,
+  metricLabel,
+  chips,
+  accent,
+  href
+}) {
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href,
+      className: "flex w-[260px] shrink-0 flex-col gap-3 rounded-2xl border p-4 transition-transform active:scale-[0.98]",
+      style: {
+        borderColor: accent ? "color-mix(in srgb, var(--mb-accent) 33%, transparent)" : "var(--mb-border)",
+        background: accent ? "color-mix(in srgb, var(--mb-accent) 8%, transparent)" : "var(--mb-card)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex h-8 w-8 items-center justify-center rounded-full",
+              style: {
+                background: accent ? "color-mix(in srgb, var(--mb-accent) 13%, transparent)" : "var(--mb-elevated)"
+              },
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: intent.icon,
+                  className: "h-4 w-4",
+                  style: {
+                    color: accent ? "var(--mb-accent)" : "var(--mb-text-secondary)"
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs font-semibold",
+              style: { color: "var(--mb-text)" },
+              children: intent.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-3xl font-semibold leading-none tabular-nums",
+              style: { color: "var(--mb-text)" },
+              children: metric
+            }
+          ),
+          metricLabel && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "mt-1 text-2xs",
+              style: { color: "var(--mb-text-tertiary)" },
+              children: metricLabel
+            }
+          )
+        ] }),
+        chips.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: chips.map((c) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded-full border px-2 py-0.5 text-3xs",
+            style: {
+              borderColor: "var(--mb-border)",
+              color: "var(--mb-text-secondary)"
+            },
+            children: c
+          },
+          c
+        )) })
+      ]
+    }
+  );
+}
+function ActivityRow({
+  icon: Icon2,
+  title,
+  meta,
+  href
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
+        style: { background: "var(--mb-border)" },
+        children: /* @__PURE__ */ jsx(
+          Icon2,
+          {
+            className: "h-4 w-4",
+            style: { color: "var(--mb-text-secondary)" }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "truncate text-sm font-medium",
+          style: { color: "var(--mb-text)" },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "truncate text-2xs",
+          style: { color: "var(--mb-text-tertiary)" },
+          children: meta
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      ChevronRight,
+      {
+        className: "size-4 shrink-0",
+        style: { color: "var(--mb-text-muted)" }
+      }
+    )
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx(Link, { href, className: "flex w-full items-center gap-3 px-4 py-3.5", children: inner });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-3 px-4 py-3.5", children: inner });
+}
+function ChecklistRow({ text, done }) {
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border",
+        style: {
+          borderColor: done ? "var(--mb-good)" : "var(--mb-border-strong)",
+          background: done ? "color-mix(in srgb, var(--mb-good) 13%, transparent)" : "transparent"
+        },
+        children: done && /* @__PURE__ */ jsx(Check, { style: { color: "var(--mb-good)" }, strokeWidth: 3 })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `text-sm ${done ? "line-through" : ""}`,
+        style: {
+          color: done ? "var(--mb-text-tertiary)" : "var(--mb-text)",
+          textDecorationColor: done ? "var(--mb-text-muted)" : void 0
+        },
+        children: text
+      }
+    )
+  ] });
+}
+function Divider() {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "ml-[64px] h-px",
+      style: { background: "var(--mb-border)" }
+    }
+  );
+}
+function Caption({ children }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: "text-3xs font-medium",
+      style: { color: "var(--mb-text-tertiary)" },
+      children
+    }
+  );
+}
+function getGreeting() {
+  const h = (/* @__PURE__ */ new Date()).getHours();
+  if (h < 12) return "Good morning";
+  if (h < 17) return "Good afternoon";
+  return "Good evening";
+}
+function formatRelativeTime(dateStr) {
+  const diffMs = Date.now() - new Date(dateStr).getTime();
+  const diffMin = Math.floor(diffMs / 6e4);
+  if (diffMin < 1) return "Just now";
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.floor(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.floor(diffHr / 24);
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return new Date(dateStr).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+}
+function iconForActivity(type) {
+  switch (type) {
+    case "order_placed":
+    case "order_completed":
+      return ShoppingBag;
+    case "invoice_paid":
+    case "invoice_sent":
+      return Receipt;
+    case "member_signup":
+    case "member_converted":
+      return UserPlus;
+    case "subscription_created":
+      return Users;
+    case "product_added":
+    case "product_updated":
+      return Package;
+    default:
+      return FileText;
+  }
+}
+function intentCardStats(intent, isPrimary, orderStats, bookingStats, orderStatsByIntent, formatCurrency, canSeeEarnings) {
+  const BOOKING_INTENTS = /* @__PURE__ */ new Set(["take-bookings", "rent-property"]);
+  if (BOOKING_INTENTS.has(intent.key)) {
+    const count = bookingStats?.today ?? 0;
+    return {
+      metric: count > 0 ? String(count) : "\u2014",
+      metricLabel: count > 0 ? "Today's bookings" : "",
+      chips: []
+    };
+  }
+  const perIntent = orderStatsByIntent?.[intent.key];
+  const stats = perIntent ?? (isPrimary ? orderStats : null);
+  if (stats) {
+    const revenue = stats.revenue ?? 0;
+    const orders = stats.today ?? 0;
+    if (!canSeeEarnings) {
+      return {
+        metric: orders > 0 ? String(orders) : "\u2014",
+        metricLabel: orders > 0 ? "Orders today" : "",
+        chips: []
+      };
+    }
+    return {
+      metric: formatCurrency(revenue),
+      metricLabel: "Revenue today",
+      chips: orders > 0 ? [`${orders} ${orders === 1 ? "order" : "orders"}`] : []
+    };
+  }
+  return { metric: "\u2014", metricLabel: "", chips: [] };
+}
+function MobileTodayScreen({
+  userName,
+  workspaceName,
+  currentTenantId,
+  workspaces,
+  onSwitchWorkspace,
+  storefrontUrl,
+  isPublished,
+  orderStats,
+  bookingStats,
+  orderStatsByIntent,
+  intentConfig,
+  formatCurrency,
+  activities,
+  inventoryProducts,
+  onboardingProgress
+}) {
+  const { canSeeEarnings } = useMoneyVisibility();
+  const [workspaceSheetOpen, setWorkspaceSheetOpen] = useState(false);
+  const [quickActionsOpen, setQuickActionsOpen] = useState(false);
+  const [activeIntentIdx, setActiveIntentIdx] = useState(0);
+  const pagerRef = useRef(null);
+  const greeting = getGreeting();
+  const firstName = userName.split(" ")[0] || "there";
+  const isMulti = intentConfig.mode === "multi";
+  useEffect(() => {
+    if (!isMulti) return;
+    const el = pagerRef.current;
+    if (!el) return;
+    const onScroll = () => {
+      const center = el.scrollLeft + el.clientWidth / 2;
+      const cards = Array.from(
+        el.querySelectorAll("[data-intent-card]")
+      );
+      let closestIdx = 0;
+      let closestDist = Infinity;
+      cards.forEach((card, idx) => {
+        const cardCenter = card.offsetLeft + card.offsetWidth / 2;
+        const d = Math.abs(cardCenter - center);
+        if (d < closestDist) {
+          closestDist = d;
+          closestIdx = idx;
+        }
+      });
+      setActiveIntentIdx(closestIdx);
+      const targetIntent = intentConfig.all[closestIdx];
+      if (targetIntent) {
+        try {
+          sessionStorage.setItem("potter:activeIntent", targetIntent.key);
+        } catch {
+        }
+      }
+    };
+    onScroll();
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, [isMulti, intentConfig.all]);
+  const revenueToday = orderStats?.revenue ?? 0;
+  const ordersToday = orderStats?.today ?? 0;
+  const totalOrders = orderStats?.total ?? 0;
+  const checklistSteps = onboardingProgress?.checklist?.steps ?? [];
+  const totalSteps = checklistSteps.length;
+  const progressPct = onboardingProgress?.progress ?? 0;
+  const recentActivities = activities.slice(0, 4);
+  const hasBookingsAlert = isMulti && (bookingStats?.today ?? 0) > 0;
+  const hasOrdersAlert = ordersToday > 0;
+  const showAttention = hasBookingsAlert || hasOrdersAlert;
+  const attentionIsBad = hasBookingsAlert && !hasOrdersAlert;
+  const storefrontHost = (() => {
+    try {
+      const u = new URL(storefrontUrl);
+      return u.host + u.pathname.replace(/\/$/, "");
+    } catch {
+      return storefrontUrl.replace(/^https?:\/\//, "");
+    }
+  })();
+  return (
+    /* The frame owns the app row, the sheet, the title and the tab bar.
+    
+           The greeting IS the title here. This screen used to draw the workspace
+           name as its heading with a chevron opening a switcher — which is exactly
+           what the app row above now carries, on every screen rather than this
+           one. Two switchers and two copies of the business name on the same
+           screen is what a fork looks like before it is one. */
+    /* @__PURE__ */ jsxs(MobileScreenFrame, { title: `${greeting}, ${firstName}`, children: [
+      isMulti && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-2 flex items-center gap-1.5 text-2xs",
+          style: { color: "var(--mb-text-tertiary)" },
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "h-1.5 w-1.5 rounded-full",
+                style: { background: "var(--mb-good)" }
+              }
+            ),
+            intentConfig.all.length,
+            " active intents"
+          ]
+        }
+      ),
+      isMulti ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: pagerRef,
+            className: "mt-6 overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+            children: /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: intentConfig.all.map((intent) => {
+              const isPrimary = intent.key === intentConfig.primary.key;
+              const stats = intentCardStats(
+                intent,
+                isPrimary,
+                orderStats,
+                bookingStats,
+                orderStatsByIntent,
+                formatCurrency,
+                canSeeEarnings
+              );
+              const baseHref = intent.pages?.[0]?.route || "/dashboard/orders";
+              const intentHref = `${baseHref}${baseHref.includes("?") ? "&" : "?"}intent=${encodeURIComponent(intent.key)}`;
+              return /* @__PURE__ */ jsx("div", { "data-intent-card": true, children: /* @__PURE__ */ jsx(
+                IntentCard,
+                {
+                  intent,
+                  metric: stats.metric,
+                  metricLabel: stats.metricLabel,
+                  chips: stats.chips,
+                  accent: isPrimary,
+                  href: intentHref
+                }
+              ) }, intent.key);
+            }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex items-center justify-center gap-1.5", children: intentConfig.all.map((intent, idx) => {
+          const isActive = idx === activeIntentIdx;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `h-1.5 rounded-full transition ${isActive ? "w-6" : "w-1.5"}`,
+              style: {
+                background: isActive ? "var(--mb-accent)" : "var(--mb-border)"
+              }
+            },
+            intent.key
+          );
+        }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "mt-6 overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Metric,
+          {
+            value: formatCurrency(revenueToday),
+            label: "Revenue today"
+          }
+        ),
+        /* @__PURE__ */ jsx(Metric, { value: String(ordersToday), label: "Orders today" }),
+        ordersToday > 0 && /* @__PURE__ */ jsx(
+          Metric,
+          {
+            value: String(ordersToday),
+            label: "Pending",
+            trend: "needs you",
+            tone: "warn"
+          }
+        ),
+        /* @__PURE__ */ jsx(Metric, { value: String(totalOrders), label: "Total orders" })
+      ] }) }),
+      showAttention && /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: attentionIsBad ? "/dashboard/bookings" : "/dashboard/orders",
+          className: "mt-5 flex w-full items-start gap-3 rounded-2xl border p-4",
+          style: attentionIsBad ? {
+            borderColor: "color-mix(in srgb, var(--mb-bad) 28%, transparent)",
+            background: "color-mix(in srgb, var(--mb-bad) 8%, transparent)"
+          } : {
+            borderColor: "color-mix(in srgb, var(--mb-warn) 30%, transparent)",
+            background: "color-mix(in srgb, var(--mb-warn) 8%, transparent)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+                style: {
+                  background: attentionIsBad ? "color-mix(in srgb, var(--mb-bad) 18%, transparent)" : "color-mix(in srgb, var(--mb-warn) 18%, transparent)"
+                },
+                children: /* @__PURE__ */ jsx(
+                  Bell,
+                  {
+                    className: "size-5",
+                    style: {
+                      color: attentionIsBad ? "var(--mb-bad)" : "var(--mb-warn)"
+                    }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "text-md font-semibold",
+                  style: { color: "var(--mb-text)" },
+                  children: attentionIsBad ? `${bookingStats?.today} ${bookingStats?.today === 1 ? "booking needs" : "bookings need"} confirmation` : `${ordersToday} ${ordersToday === 1 ? "order" : "orders"} waiting on fulfillment`
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "mt-0.5 text-xs",
+                  style: { color: "var(--mb-text-secondary)" },
+                  children: "Tap to review"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: "mt-1 size-5 shrink-0",
+                style: { color: "var(--mb-text-tertiary)" }
+              }
+            )
+          ]
+        }
+      ),
+      inventoryProducts.length > 0 && /* @__PURE__ */ jsxs("section", { className: "mt-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx(Caption, { children: "Assigned inventory" }),
+          /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: "/dashboard/catalog",
+              className: "text-2xs font-medium",
+              style: { color: "var(--mb-accent)" },
+              children: "View all"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mt-3 overflow-hidden rounded-2xl border",
+            style: {
+              borderColor: "var(--mb-border)",
+              background: "var(--mb-card)"
+            },
+            children: inventoryProducts.map((product, idx) => {
+              const available = product.available ?? Math.max((product.quantity ?? 0) - (product.reserved ?? 0), 0);
+              const meta = product.trackInventory ? `${available} available` : "Inventory not tracked";
+              return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                idx > 0 && /* @__PURE__ */ jsx(Divider, {}),
+                /* @__PURE__ */ jsx(
+                  ActivityRow,
+                  {
+                    icon: Package,
+                    title: product.title,
+                    meta,
+                    href: `/dashboard/catalog/${product.id}`
+                  }
+                )
+              ] }, product.id);
+            })
+          }
+        )
+      ] }),
+      recentActivities.length > 0 && /* @__PURE__ */ jsxs("section", { className: "mt-6", children: [
+        /* @__PURE__ */ jsx(Caption, { children: isMulti ? "Across all intents" : "Recent activity" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mt-3 overflow-hidden rounded-2xl border",
+            style: {
+              borderColor: "var(--mb-border)",
+              background: "var(--mb-card)"
+            },
+            children: recentActivities.map((item, idx) => {
+              const Icon2 = iconForActivity(item.type);
+              const meta = `${item.description} \xB7 ${formatRelativeTime(item.timestamp)}`;
+              return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                idx > 0 && /* @__PURE__ */ jsx(Divider, {}),
+                /* @__PURE__ */ jsx(
+                  ActivityRow,
+                  {
+                    icon: Icon2,
+                    title: item.title,
+                    meta,
+                    href: item.href
+                  }
+                )
+              ] }, item.id);
+            })
+          }
+        )
+      ] }),
+      totalSteps > 0 && !onboardingProgress?.allComplete && /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "mt-6 rounded-2xl border p-4",
+          style: {
+            borderColor: "var(--mb-border)",
+            background: "var(--mb-card)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Caption, { children: "Finish setup" }) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "mt-3 h-1.5 overflow-hidden rounded-full",
+                style: { background: "var(--mb-border)" },
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-full rounded-full transition",
+                    style: {
+                      background: "var(--mb-accent)",
+                      width: `${Math.min(100, Math.max(0, progressPct))}%`
+                    }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-2.5", children: checklistSteps.map((step, idx) => /* @__PURE__ */ jsx(
+              ChecklistRow,
+              {
+                text: step.label,
+                done: step.status === "completed" || step.status === "skipped"
+              },
+              step.id ?? `step-${idx}`
+            )) })
+          ]
+        }
+      ),
+      recentActivities.length === 0 && totalSteps === 0 && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "mt-8 flex flex-col items-center justify-center gap-2 rounded-2xl border px-6 py-10 text-center",
+          style: {
+            borderColor: "var(--mb-border)",
+            background: "var(--mb-card)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Check,
+              {
+                className: "size-6",
+                style: { color: "var(--mb-text-tertiary)" }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-md font-medium",
+                style: { color: "var(--mb-text)" },
+                children: "All quiet today"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--mb-text-tertiary)" }, children: "New activity will show up here" })
+          ]
+        }
+      ),
+      storefrontUrl && storefrontUrl !== "#" && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: storefrontUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "mt-5 flex w-full items-center justify-between rounded-2xl border p-4",
+          style: {
+            borderColor: "var(--mb-border)",
+            background: "var(--mb-card)"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex h-9 w-9 items-center justify-center rounded-full",
+                  style: { background: "var(--mb-border)" },
+                  children: /* @__PURE__ */ jsx(
+                    Globe,
+                    {
+                      className: "size-4",
+                      style: { color: "var(--mb-text-secondary)" }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "truncate text-md font-medium",
+                    style: { color: "var(--mb-text)" },
+                    children: storefrontHost
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: "text-2xs",
+                    style: { color: "var(--mb-text-tertiary)" },
+                    children: isPublished ? "Live \xB7 tap to share" : "Draft \xB7 not yet published"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Share2,
+              {
+                className: "size-4 shrink-0",
+                style: { color: "var(--mb-text-tertiary)" }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WorkspaceSwitcherSheet,
+        {
+          open: workspaceSheetOpen,
+          workspaces,
+          currentTenantId,
+          onDismiss: () => setWorkspaceSheetOpen(false),
+          onSwitch: (slug) => {
+            setWorkspaceSheetOpen(false);
+            void onSwitchWorkspace(slug);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        QuickActionsSheet,
+        {
+          open: quickActionsOpen,
+          onDismiss: () => setQuickActionsOpen(false)
+        }
+      )
+    ] })
+  );
+}
+export {
+  MobileTodayScreen
+};
+//# sourceMappingURL=today.js.map