@xenide-io/the-old-ui-theme 0.3.2 → 0.4.3

package/dist/suite.js

@@ -0,0 +1,2800 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/suite/index.ts
+var suite_exports = {};
+__export(suite_exports, {
+  APP_ACCENTS: () => APP_ACCENTS,
+  APP_GLYPHS: () => APP_GLYPHS,
+  AnimatedMoon: () => AnimatedMoon,
+  AnimatedSun: () => AnimatedSun,
+  AppSwitcher: () => AppSwitcher,
+  AppSwitcherChevron: () => AppSwitcherChevron,
+  AppSwitcherMark: () => AppSwitcherMark,
+  CommandPaletteHost: () => CommandPaletteHost,
+  DeferredChrome: () => DeferredChrome,
+  SUITE_APPS: () => SUITE_APPS2,
+  SUITE_APP_MAP: () => SUITE_APP_MAP,
+  SUITE_GLYPHS: () => SUITE_GLYPHS,
+  SUITE_ICON_NAMES: () => SUITE_ICON_NAMES,
+  SUITE_SPRINGS: () => SUITE_SPRINGS,
+  SourceAppGlyph: () => SourceAppGlyph,
+  SuiteAiPanel: () => SuiteAiPanel,
+  SuiteAppIcon: () => SuiteAppIcon,
+  SuiteAppLayout: () => SuiteAppLayout,
+  SuiteAppStrip: () => SuiteAppStrip,
+  SuiteBottomNav: () => SuiteBottomNav,
+  SuiteBreadcrumbs: () => SuiteBreadcrumbs,
+  SuiteEmptyState: () => SuiteEmptyState,
+  SuiteIcon: () => SuiteIcon,
+  SuiteMobileDrawer: () => SuiteMobileDrawer,
+  SuiteMobileHeader: () => SuiteMobileHeader,
+  SuiteMotionProvider: () => SuiteMotionProvider,
+  SuiteNotificationBell: () => SuiteNotificationBell,
+  SuitePage: () => SuitePage,
+  SuitePageHeader: () => SuitePageHeader,
+  SuiteSectionHeader: () => SuiteSectionHeader,
+  SuiteSettingsMobileNav: () => SuiteSettingsMobileNav,
+  SuiteSidebar: () => SuiteSidebar,
+  SuiteSkeleton: () => SuiteSkeleton,
+  SuiteSkeletonCard: () => SuiteSkeletonCard,
+  SuiteSkeletonList: () => SuiteSkeletonList,
+  SuiteTabList: () => SuiteTabList,
+  SuiteThemeProvider: () => SuiteThemeProvider,
+  SuiteToolbar: () => SuiteToolbar,
+  SuiteUserMenu: () => SuiteUserMenu,
+  TodayCalibrating: () => TodayCalibrating,
+  TodayEmptyState: () => TodayEmptyState,
+  TodayHero: () => TodayHero,
+  TodayPageFrame: () => TodayPageFrame,
+  TodayPanel: () => TodayPanel,
+  TodaySection: () => TodaySection,
+  TodayTimeIcon: () => TodayTimeIcon,
+  TodayTopBar: () => TodayTopBar,
+  appSwitcherMarkClass: () => appSwitcherMarkClass,
+  appSwitcherMenuItemClass: () => appSwitcherMenuItemClass,
+  appSwitcherTriggerClass: () => appSwitcherTriggerClass,
+  cn: () => cn,
+  getTodayGreeting: () => getTodayGreeting,
+  m: () => import_react8.m,
+  sourceToSuiteApp: () => sourceToSuiteApp,
+  suiteAppBaseUrl: () => suiteAppBaseUrl,
+  suiteAppLabel: () => suiteAppLabel,
+  useIdleMount: () => useIdleMount,
+  useSuiteTheme: () => useSuiteTheme
+});
+module.exports = __toCommonJS(suite_exports);
+
+// src/suite/components/today-page-frame.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function TodayPageFrame({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-test": "today-page",
+      className: "today-page-frame relative flex min-h-0 flex-1 flex-col overflow-y-auto overflow-x-hidden",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-x-0 top-0 h-[34rem] overflow-hidden",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__glow absolute inset-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__sun absolute -right-16 -top-16 h-72 w-72 rounded-full bg-gradient-to-br from-amber-300/30 via-rose-300/20 to-rose-400/10 blur-3xl opacity-60 motion-safe:animate-[pulse_8s_ease-in-out_infinite] motion-reduce:opacity-40" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__top-fade absolute inset-x-0 top-0 h-64" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__cloud today-page-frame__cloud--1 absolute -left-24 top-28 h-80 w-[26rem] rounded-[45%]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__cloud today-page-frame__cloud--2 absolute -right-20 top-40 h-72 w-80 rounded-[40%]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "today-page-frame__cloud today-page-frame__cloud--3 absolute left-[28%] top-[58%] h-64 w-[22rem] rounded-[50%]" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative flex-1 px-4 pb-10 pt-5 sm:px-6 sm:pt-6 lg:px-8 [&_.list-row]:min-h-[52px] [&_.list-row]:sm:min-h-[44px]", children })
+      ]
+    }
+  );
+}
+
+// src/suite/components/today-ui.tsx
+var import_iconoir_react = require("iconoir-react");
+
+// src/suite/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/suite/icons/app-accents.ts
+var APP_ACCENTS = {
+  turtletime: {
+    label: "TurtleTime",
+    accent: "#3f8f57",
+    tile: "#173521",
+    onTile: "#f7ead0",
+    onTileAccent: "#f3c24e"
+  },
+  tides: {
+    label: "Tides",
+    accent: "#a63bb5",
+    tile: "#8f2d96",
+    onTile: "#ffffff",
+    onTileAccent: "#bfe3ff"
+  },
+  kraken: {
+    label: "Kraken",
+    accent: "#737373",
+    tile: "#191919",
+    onTile: "#ffffff",
+    onTileAccent: "#d4d4d4"
+  },
+  shellstack: {
+    label: "ShellStack",
+    accent: "#5e5893",
+    tile: "#5e5893",
+    onTile: "#ffffff",
+    onTileAccent: "#c4a7e7"
+  },
+  crew: {
+    label: "Crew",
+    accent: "#0891b2",
+    tile: "#155e75",
+    onTile: "#ffffff",
+    onTileAccent: "#a5f3fc"
+  }
+};
+var APP_GLYPHS = {
+  turtletime: "timer-shell",
+  tides: "kanban-wave",
+  kraken: "squid-doc",
+  shellstack: "stack-hex",
+  crew: "crew-bot"
+};
+
+// src/suite/icons/glyph-parts.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function GlyphElement({ element }) {
+  const fill = element.filled ? "currentColor" : "none";
+  const stroke = element.filled ? "none" : void 0;
+  switch (element.kind) {
+    case "path":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: element.d, fill, stroke });
+    case "circle":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "circle",
+        {
+          cx: element.cx,
+          cy: element.cy,
+          r: element.r,
+          fill,
+          stroke
+        }
+      );
+    case "rect":
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "rect",
+        {
+          x: element.x,
+          y: element.y,
+          width: element.width,
+          height: element.height,
+          rx: element.rx,
+          fill,
+          stroke
+        }
+      );
+  }
+}
+function GlyphParts({
+  elements,
+  accentClassName
+}) {
+  const base = elements.filter((el) => !el.accent);
+  const accented = elements.filter((el) => el.accent);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    base.map((el, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GlyphElement, { element: el }, i)),
+    accented.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "g",
+      {
+        className: accentClassName,
+        style: { color: "var(--suite-icon-accent, currentColor)" },
+        children: accented.map((el, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GlyphElement, { element: el }, i))
+      }
+    ) : null
+  ] });
+}
+
+// src/suite/icons/glyphs.ts
+var SUITE_GLYPHS = {
+  "timer-shell": {
+    description: "TurtleTime \u2014 turtle-shell dome holding clock hands",
+    elements: [
+      { kind: "path", d: "M3 17h18" },
+      { kind: "path", d: "M6.5 17a5.5 5.5 0 0 1 11 0" },
+      { kind: "circle", cx: 4, cy: 15.3, r: 1.5 },
+      { kind: "path", d: "M12 17v-3.4", accent: true },
+      { kind: "path", d: "M12 17l2.4-1.4", accent: true }
+    ]
+  },
+  "kanban-wave": {
+    description: "Tides \u2014 three kanban bars riding a wave",
+    elements: [
+      { kind: "rect", x: 5.5, y: 8, width: 3, height: 8, rx: 1.5 },
+      { kind: "rect", x: 10.5, y: 5.5, width: 3, height: 10.5, rx: 1.5 },
+      { kind: "rect", x: 15.5, y: 9.5, width: 3, height: 6.5, rx: 1.5 },
+      {
+        kind: "path",
+        d: "M3 19.5q2.25-2.4 4.5 0t4.5 0t4.5 0t4.5 0",
+        accent: true
+      }
+    ]
+  },
+  "squid-doc": {
+    description: "Kraken \u2014 squid with a pen-nib centre tentacle",
+    elements: [
+      {
+        kind: "path",
+        d: "M12 3.2c2.7 2.3 4.2 5.3 4.2 9.3H7.8c0-4 1.5-7 4.2-9.3Z"
+      },
+      { kind: "circle", cx: 10.1, cy: 9, r: 0.9, filled: true },
+      { kind: "circle", cx: 13.9, cy: 9, r: 0.9, filled: true },
+      { kind: "path", d: "M9.4 12.4v4.8q0 2.3-2.3 2.3" },
+      { kind: "path", d: "M14.6 12.4v4.8q0 2.3 2.3 2.3" },
+      { kind: "path", d: "M12 12.4v7.1", accent: true }
+    ]
+  },
+  "stack-hex": {
+    description: "ShellStack \u2014 hexagon with the resolving spiral",
+    elements: [
+      { kind: "path", d: "M18 12l-3 5.2H9l-3-5.2 3-5.2h6Z" },
+      { kind: "path", d: "M14.2 9.3H9.8v5.4h4.4v-2.7h-2.2", accent: true }
+    ]
+  },
+  "crew-bot": {
+    description: "Crew \u2014 friendly robot head with antenna and smile",
+    elements: [
+      { kind: "path", d: "M12 7.5V5" },
+      { kind: "circle", cx: 12, cy: 4, r: 1, filled: true },
+      { kind: "rect", x: 5, y: 8, width: 14, height: 9.5, rx: 3 },
+      { kind: "path", d: "M5 11.8H3.4" },
+      { kind: "path", d: "M19 11.8h1.6" },
+      { kind: "circle", cx: 9.2, cy: 11.8, r: 1, filled: true },
+      { kind: "circle", cx: 14.8, cy: 11.8, r: 1, filled: true },
+      { kind: "path", d: "M9.6 14.6q2.4 1.7 4.8 0", accent: true }
+    ]
+  },
+  workspace: {
+    description: "Workspace container \u2014 panel with header bar and content",
+    elements: [
+      { kind: "rect", x: 3.5, y: 4.5, width: 17, height: 15, rx: 2.5 },
+      { kind: "path", d: "M3.5 8.7h17" },
+      { kind: "circle", cx: 6.2, cy: 6.6, r: 0.9, accent: true, filled: true },
+      { kind: "path", d: "M6.4 12.2h7" },
+      { kind: "path", d: "M6.4 15.4h10.5" }
+    ]
+  },
+  organisation: {
+    description: "Organisation chart \u2014 root node with two members",
+    elements: [
+      { kind: "rect", x: 9.5, y: 3.5, width: 5, height: 5, rx: 1.4, accent: true },
+      { kind: "path", d: "M12 8.5v2.5" },
+      { kind: "path", d: "M6.75 13.5v-2.5h10.5v2.5" },
+      { kind: "rect", x: 4.25, y: 13.5, width: 5, height: 5, rx: 1.4 },
+      { kind: "rect", x: 14.75, y: 13.5, width: 5, height: 5, rx: 1.4 }
+    ]
+  },
+  "integration-plug": {
+    description: "Integration \u2014 two plug halves meeting under a spark",
+    elements: [
+      { kind: "rect", x: 3.2, y: 9.8, width: 5.6, height: 4.6, rx: 1.4 },
+      { kind: "path", d: "M8.8 11h2.4" },
+      { kind: "path", d: "M8.8 13.2h2.4" },
+      { kind: "rect", x: 15.2, y: 9.8, width: 5.6, height: 4.6, rx: 1.4 },
+      { kind: "path", d: "M15.2 11h-2.4" },
+      { kind: "path", d: "M15.2 13.2h-2.4" },
+      { kind: "path", d: "M6 14.4v2q0 1.4-1.4 1.4H3.4" },
+      { kind: "path", d: "M18 14.4v2q0 1.4 1.4 1.4h1.2" },
+      { kind: "path", d: "M12 4.4v2.4", accent: true },
+      { kind: "path", d: "M10.4 5l3.2 1.2", accent: true },
+      { kind: "path", d: "M13.6 5l-3.2 1.2", accent: true }
+    ]
+  },
+  "suite-grid": {
+    description: "Suite app switcher \u2014 four tiles, the active app filled",
+    elements: [
+      { kind: "rect", x: 4, y: 4, width: 7, height: 7, rx: 2 },
+      { kind: "rect", x: 13, y: 4, width: 7, height: 7, rx: 2 },
+      { kind: "rect", x: 4, y: 13, width: 7, height: 7, rx: 2 },
+      {
+        kind: "rect",
+        x: 13,
+        y: 13,
+        width: 7,
+        height: 7,
+        rx: 2,
+        accent: true,
+        filled: true
+      }
+    ]
+  },
+  "bell-wave": {
+    description: "Notifications \u2014 bell with sound waves",
+    elements: [
+      { kind: "path", d: "M7 9.2a5 5 0 0 1 10 0c0 5.3 2.4 7.3 2.4 7.3H4.6S7 14.5 7 9.2" },
+      { kind: "path", d: "M10.7 19.3a1.5 1.5 0 0 0 2.6 0" },
+      { kind: "path", d: "M17.9 6.4a5.5 5.5 0 0 1 1.4 3.7", accent: true },
+      { kind: "path", d: "M15.7 4a9.4 9.4 0 0 1 2.4 6", accent: true }
+    ]
+  },
+  "today-sun": {
+    description: "Today \u2014 sun with slowly turning rays (motion-safe)",
+    animatedAccent: true,
+    elements: [
+      { kind: "circle", cx: 12, cy: 12, r: 4 },
+      { kind: "path", d: "M12 2.8v2.4", accent: true },
+      { kind: "path", d: "M12 18.8v2.4", accent: true },
+      { kind: "path", d: "M2.8 12h2.4", accent: true },
+      { kind: "path", d: "M18.8 12h2.4", accent: true },
+      { kind: "path", d: "M5.5 5.5l1.7 1.7", accent: true },
+      { kind: "path", d: "M16.8 16.8l1.7 1.7", accent: true },
+      { kind: "path", d: "M5.5 18.5l1.7-1.7", accent: true },
+      { kind: "path", d: "M16.8 7.2l1.7-1.7", accent: true }
+    ]
+  }
+};
+var SUITE_ICON_NAMES = Object.keys(SUITE_GLYPHS);
+
+// src/suite/icons/suite-app-icon.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SIZE_PRESETS = { sm: 28, md: 36, lg: 44 };
+function SuiteAppIcon({
+  app,
+  size = "md",
+  label,
+  className,
+  style
+}) {
+  const px = typeof size === "number" ? size : SIZE_PRESETS[size];
+  const brand = APP_ACCENTS[app];
+  const glyph = SUITE_GLYPHS[APP_GLYPHS[app]];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      width: px,
+      height: px,
+      viewBox: "0 0 24 24",
+      className: cn("shrink-0", className),
+      style,
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "1", y: "1", width: "22", height: "22", rx: "5.5", fill: brand.tile }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "g",
+          {
+            transform: "translate(4.4 4.4) scale(0.6333)",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2.7,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            style: {
+              color: brand.onTile,
+              "--suite-icon-accent": brand.onTileAccent
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GlyphParts, { elements: glyph.elements })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/suite/icons/suite-icon.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var TODAY_SUN_STYLE = `
+@media (prefers-reduced-motion: no-preference) {
+  .suite-icon-today-sun-rays {
+    animation: suite-icon-today-sun-spin 18s linear infinite;
+    transform-box: fill-box;
+    transform-origin: center;
+  }
+}
+@keyframes suite-icon-today-sun-spin {
+  to { transform: rotate(360deg); }
+}
+`;
+function SuiteIcon({
+  name,
+  size = 24,
+  accent,
+  strokeWidth = 2,
+  animated = true,
+  label,
+  className,
+  style
+}) {
+  const glyph = SUITE_GLYPHS[name];
+  const accentHex = accent ? APP_ACCENTS[accent].accent : void 0;
+  const mergedStyle = accentHex ? __spreadProps(__spreadValues({}, style), { "--suite-icon-accent": accentHex }) : style;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: cn("shrink-0", className),
+      style: mergedStyle,
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      children: [
+        glyph.animatedAccent && animated ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: TODAY_SUN_STYLE }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          GlyphParts,
+          {
+            elements: glyph.elements,
+            accentClassName: glyph.animatedAccent && animated ? "suite-icon-today-sun-rays" : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/suite/components/today-ui.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var APP_META = {
+  shellstack: { name: "ShellStack" },
+  tides: { name: "Tides" },
+  turtletime: { name: "TurtleTime" },
+  kraken: { name: "Kraken" }
+};
+var SUITE_APPS = [
+  "shellstack",
+  "tides",
+  "turtletime",
+  "kraken"
+];
+function sourceToSuiteApp(source) {
+  if (source === "tides" || source === "turtletime" || source === "kraken") {
+    return source;
+  }
+  return "shellstack";
+}
+function suiteAppLabel(source) {
+  return APP_META[sourceToSuiteApp(source)].name;
+}
+var SOURCE_APP_GLYPH = {
+  shellstack: "stack-hex",
+  tides: "kanban-wave",
+  turtletime: "timer-shell",
+  kraken: "squid-doc"
+};
+function SourceAppGlyph({
+  source,
+  className
+}) {
+  const app = sourceToSuiteApp(source);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    SuiteIcon,
+    {
+      name: SOURCE_APP_GLYPH[app],
+      accent: app,
+      className: cn("h-4 w-4 shrink-0 text-ph-subtle", className)
+    }
+  );
+}
+function formatLongDate(date = /* @__PURE__ */ new Date()) {
+  return new Intl.DateTimeFormat(void 0, {
+    month: "long",
+    day: "numeric"
+  }).format(date);
+}
+function SuiteAppStrip({
+  className,
+  icons
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-center gap-2.5",
+        className
+      ),
+      "aria-label": "ShellStack suite apps",
+      children: SUITE_APPS.map((app) => {
+        var _a;
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "div",
+          {
+            className: "flex items-center gap-2 rounded-full border border-ph-border bg-ph-surface px-2.5 py-1.5 shadow-sm",
+            children: [
+              (_a = icons == null ? void 0 : icons[app]) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SuiteAppIcon, { app, size: "sm" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs font-medium text-ph-subtle", children: APP_META[app].name })
+            ]
+          },
+          app
+        );
+      })
+    }
+  );
+}
+function AnimatedSun({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn(className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("linearGradient", { id: "animatedSunCenter", x1: "0", y1: "0", x2: "40", y2: "40", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("stop", { stopColor: "#f59e0b" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("stop", { offset: "1", stopColor: "#fb923c" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { className: "origin-center motion-safe:animate-[spin_20s_linear_infinite] motion-reduce:animate-none", children: [0, 45, 90, 135, 180, 225, 270, 315].map((angle) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "line",
+          {
+            x1: "20",
+            y1: "4",
+            x2: "20",
+            y2: "9",
+            stroke: "#fbbf24",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            transform: `rotate(${angle} 20 20)`
+          },
+          angle
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "20", cy: "20", r: "9", fill: "url(#animatedSunCenter)" })
+      ]
+    }
+  );
+}
+function AnimatedMoon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    {
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn(className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("linearGradient", { id: "animatedMoonBody", x1: "0", y1: "0", x2: "40", y2: "40", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("stop", { stopColor: "#a5b4fc" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("stop", { offset: "1", stopColor: "#818cf8" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "path",
+          {
+            d: "M27.5 25.5A11 11 0 1 1 14.5 9.6a9 9 0 1 0 13 15.9Z",
+            fill: "url(#animatedMoonBody)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("g", { className: "motion-safe:animate-[pulse_4s_ease-in-out_infinite] motion-reduce:animate-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "29", cy: "10", r: "1.4", fill: "#c7d2fe" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "34", cy: "16", r: "1", fill: "#c7d2fe" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "25", cy: "5.5", r: "0.9", fill: "#c7d2fe" })
+        ] })
+      ]
+    }
+  );
+}
+function TodayTimeIcon({ className }) {
+  const hour = (/* @__PURE__ */ new Date()).getHours();
+  const isNight = hour >= 18 || hour < 6;
+  return isNight ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AnimatedMoon, { className }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AnimatedSun, { className });
+}
+function TodayTopBar({
+  refreshing,
+  loading,
+  onRefresh,
+  appIcon,
+  appName
+}) {
+  const icon = appIcon != null ? appIcon : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TodayTimeIcon, { className: "h-6 w-6 sm:h-7 sm:w-7 text-amber-500" });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "hidden shrink-0 sm:block", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "font-display text-[1.625rem] font-bold leading-tight tracking-tight text-ph-ink sm:text-[2.25rem]", children: "Today" }),
+        appName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "rounded-md bg-ph-muted px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-ph-subtle", children: appName }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm text-ph-subtle", children: formatLongDate() })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onRefresh,
+        disabled: refreshing || loading,
+        className: "press-subtle inline-flex h-10 w-10 items-center justify-center rounded-lg text-ph-subtle transition hover:bg-ph-surface hover:text-ph-ink disabled:opacity-50",
+        "data-test": "today-refresh",
+        "aria-label": "Refresh today",
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_iconoir_react.Refresh,
+          {
+            className: cn("h-4 w-4", refreshing && "animate-spin"),
+            "aria-hidden": true
+          }
+        )
+      }
+    ) })
+  ] });
+}
+function getTodayGreeting(user, stats) {
+  var _a, _b, _c, _d, _e;
+  const hour = (/* @__PURE__ */ new Date()).getHours();
+  let period = "morning";
+  if (hour >= 12 && hour < 17) period = "afternoon";
+  else if (hour >= 17 && hour < 21) period = "evening";
+  else if (hour >= 21 || hour < 5) period = "night";
+  const name = (user == null ? void 0 : user.first_name) || ((_a = user == null ? void 0 : user.name) == null ? void 0 : _a.split(" ")[0]) || ((_b = user == null ? void 0 : user.email) == null ? void 0 : _b.split("@")[0]) || null;
+  let greeting = `Good ${period}`;
+  if (name) greeting += `, ${name}`;
+  const taskCount = (_c = stats == null ? void 0 : stats.taskCount) != null ? _c : 0;
+  const overdueCount = (_d = stats == null ? void 0 : stats.overdueCount) != null ? _d : 0;
+  const hours = (_e = stats == null ? void 0 : stats.hours) != null ? _e : 0;
+  if (overdueCount > 0) {
+    return `${greeting}. You have ${taskCount} task${taskCount === 1 ? "" : "s"} due today, ${overdueCount} overdue.`;
+  }
+  if (taskCount > 0) {
+    return `${greeting}. You have ${taskCount} task${taskCount === 1 ? "" : "s"} due today.`;
+  }
+  if (hours > 0) {
+    return `${greeting}. You logged ${hours} hour${hours === 1 ? "" : "s"} today.`;
+  }
+  if (period === "evening" || period === "night") {
+    return `${greeting}. Time to wrap up.`;
+  }
+  return `${greeting}. Nothing overdue \u2014 take a nice, deep breath.`;
+}
+function TodayHero({
+  message = "Take a nice, deep breath."
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-8 text-center sm:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "p",
+    {
+      className: "today-hero font-display text-2xl font-bold tracking-tight text-ph-ink sm:text-[1.75rem] sm:leading-tight",
+      children: message
+    },
+    typeof message === "string" ? message : "hero"
+  ) });
+}
+function TodaySection({
+  icon: Icon,
+  iconClassName,
+  title,
+  description,
+  action,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { "data-test": testId, className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 items-start gap-3.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "span",
+          {
+            className: cn(
+              "inline-flex h-10 w-10 sm:h-11 sm:w-11 shrink-0 items-center justify-center rounded-2xl shadow-sm ring-1 ring-black/[0.06]",
+              iconClassName != null ? iconClassName : "bg-ph-muted text-ph-ink"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { className: "h-5 w-5", "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 pt-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "font-display text-lg font-bold tracking-tight text-ph-ink", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 max-w-xl text-sm leading-relaxed text-ph-subtle", children: description }) : null
+        ] })
+      ] }),
+      action
+    ] }),
+    children
+  ] });
+}
+function TodayPanel({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      className: cn(
+        "border-ph-border/70 rounded-2xl border bg-ph-surface p-6 shadow-[0_2px_28px_-10px_rgba(15,23,42,0.14)] transition-all duration-200 ease-out sm:p-6",
+        "hover:shadow-[0_8px_32px_-12px_rgba(15,23,42,0.18)] hover:-translate-y-0.5 motion-reduce:transition-none motion-reduce:hover:transform-none",
+        className
+      ),
+      children
+    }
+  );
+}
+function TodayEmptyState({
+  title,
+  description
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "border-ph-border/80 rounded-xl border border-dashed px-5 py-8 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-semibold text-ph-ink", children: title }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1.5 text-sm leading-relaxed text-ph-subtle", children: description }) : null
+  ] });
+}
+
+// src/suite/components/app-switcher.tsx
+var import_image = __toESM(require("next/image"));
+var import_react = require("react");
+var import_iconoir_react2 = require("iconoir-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function appSwitcherTriggerClass(open, collapsed = false) {
+  return cn(
+    "group flex min-w-0 items-center gap-2 rounded-lg border px-2 py-1.5 text-left transition-all duration-200",
+    collapsed ? "h-11 w-11 justify-center px-0 py-0" : "w-full",
+    open ? "border-ph-brand/30 bg-ph-muted shadow-[0_1px_2px_rgba(0,0,0,0.06)] ring-1 ring-ph-brand/15" : "border-transparent hover:border-ph-border hover:bg-ph-muted/80 hover:shadow-sm"
+  );
+}
+function appSwitcherMarkClass() {
+  return "h-8 w-8 shrink-0 rounded-lg shadow-[0_1px_2px_rgba(0,0,0,0.1),0_4px_12px_rgba(0,0,0,0.08)] ring-1 ring-black/[0.06]";
+}
+function appSwitcherMenuItemClass() {
+  return "rounded-lg px-2 py-2 data-[highlighted]:bg-transparent hover:bg-ph-muted/80";
+}
+function AppSwitcherMark({
+  children,
+  collapsed
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "span",
+    {
+      className: cn(
+        "relative shrink-0",
+        collapsed && "group-hover:scale-[1.02]"
+      ),
+      children
+    }
+  );
+}
+function AppSwitcherChevron({
+  open,
+  collapsed = false
+}) {
+  if (collapsed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "span",
+      {
+        className: cn(
+          "absolute bottom-0 right-0 flex h-3 w-3 items-center justify-center rounded-full border border-ph-border bg-ph-surface shadow-sm transition-colors",
+          open && "border-ph-brand/40 bg-ph-brand/10"
+        ),
+        "aria-hidden": true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_iconoir_react2.NavArrowDown,
+          {
+            className: cn(
+              "h-2 w-2 text-ph-mutedtext transition-transform duration-200",
+              open && "rotate-180 text-ph-brand"
+            )
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "span",
+    {
+      className: cn(
+        "border-ph-border/80 flex h-5 w-5 shrink-0 items-center justify-center rounded-lg border bg-ph-canvas shadow-sm transition-all duration-200",
+        open ? "border-ph-brand/35 bg-ph-brand/10 text-ph-brand" : "text-ph-mutedtext group-hover:border-ph-border group-hover:bg-ph-surface"
+      ),
+      "aria-hidden": true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_iconoir_react2.NavArrowDown,
+        {
+          className: cn(
+            "h-3 w-3 transition-transform duration-200",
+            open && "rotate-180"
+          )
+        }
+      )
+    }
+  );
+}
+function AppSwitcher({
+  apps,
+  currentApp,
+  onSelect,
+  mark,
+  title,
+  collapsed = false,
+  dropdownMenu: DropdownMenu2,
+  dropdownItem: DropdownItem2
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DropdownMenu2,
+    {
+      "aria-label": "Switch application",
+      className: collapsed ? "w-11 shrink-0" : "min-w-0 flex-1",
+      panelClassName: "w-64",
+      align: "start",
+      open,
+      onOpenChange: setOpen,
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "span",
+        {
+          className: appSwitcherTriggerClass(open, collapsed),
+          "data-test": "app-switcher-trigger",
+          "aria-expanded": open,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AppSwitcherMark, { collapsed, children: [
+              mark,
+              collapsed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppSwitcherChevron, { open, collapsed: true }) : null
+            ] }),
+            !collapsed ? title : null,
+            !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppSwitcherChevron, { open }) : null
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-1", "data-test": "app-switcher-menu", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-3 py-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-ph-mutedtext", children: "Switch application" }),
+        apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          DropdownItem2,
+          {
+            "data-test": `switch-app-${app.slug}`,
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => {
+              setOpen(false);
+              onSelect(app);
+            },
+            className: appSwitcherMenuItemClass(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex min-w-0 items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_image.default,
+                {
+                  src: app.icon,
+                  alt: "",
+                  width: 28,
+                  height: 28,
+                  className: "h-7 w-7 shrink-0 rounded-md object-contain"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-sm font-medium text-ph-ink", children: app.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "block truncate text-xs text-ph-mutedtext", children: app.description })
+              ] }),
+              app.slug === currentApp ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_iconoir_react2.Check,
+                {
+                  className: "h-4 w-4 shrink-0 text-ph-brand",
+                  "aria-hidden": "true"
+                }
+              ) : null
+            ] })
+          },
+          app.slug
+        ))
+      ] })
+    }
+  );
+}
+
+// src/suite/components/suite-notification-bell.tsx
+var import_react2 = require("react");
+var import_navigation = require("next/navigation");
+var import_iconoir_react3 = require("iconoir-react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var POLL_MS = 6e4;
+function timeAgo(iso) {
+  const then = new Date(iso).getTime();
+  if (Number.isNaN(then)) return "";
+  const secs = Math.max(0, Math.round((Date.now() - then) / 1e3));
+  if (secs < 60) return "just now";
+  const mins = Math.round(secs / 60);
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.round(mins / 60);
+  if (hrs < 24) return `${hrs}h ago`;
+  return `${Math.round(hrs / 24)}d ago`;
+}
+function SuiteNotificationBell({
+  fetchNotifications,
+  markRead,
+  markAllRead,
+  dropdownMenu: DropdownMenu2,
+  cacheKey = "suite-notifications-cache"
+}) {
+  const router = (0, import_navigation.useRouter)();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [items, setItems] = (0, import_react2.useState)([]);
+  const [unread, setUnread] = (0, import_react2.useState)(0);
+  const load = (0, import_react2.useCallback)(async () => {
+    try {
+      const data = await fetchNotifications();
+      setItems(data.notifications);
+      setUnread(data.unread_count);
+      if (cacheKey) {
+        try {
+          sessionStorage.setItem(
+            cacheKey,
+            JSON.stringify({
+              notifications: data.notifications,
+              unread_count: data.unread_count
+            })
+          );
+        } catch (e) {
+        }
+      }
+    } catch (e) {
+    }
+  }, [fetchNotifications, cacheKey]);
+  (0, import_react2.useEffect)(() => {
+    if (cacheKey) {
+      queueMicrotask(() => {
+        var _a;
+        try {
+          const raw = sessionStorage.getItem(cacheKey);
+          if (raw) {
+            const cached = JSON.parse(raw);
+            if (Array.isArray(cached.notifications)) {
+              setItems(cached.notifications);
+              setUnread((_a = cached.unread_count) != null ? _a : 0);
+            }
+          }
+        } catch (e) {
+        }
+      });
+    }
+    const kick = window.setTimeout(() => void load(), 0);
+    const id = window.setInterval(() => void load(), POLL_MS);
+    return () => {
+      window.clearTimeout(kick);
+      window.clearInterval(id);
+    };
+  }, [load, cacheKey]);
+  const onOpenChange = (0, import_react2.useCallback)(
+    (next) => {
+      setOpen(next);
+      if (next) void load();
+    },
+    [load]
+  );
+  const openItem = (0, import_react2.useCallback)(
+    async (n) => {
+      setOpen(false);
+      if (!n.read_at) {
+        setItems(
+          (prev) => prev.map(
+            (i) => i.id === n.id ? __spreadProps(__spreadValues({}, i), { read_at: (/* @__PURE__ */ new Date()).toISOString() }) : i
+          )
+        );
+        setUnread((u) => Math.max(0, u - 1));
+        try {
+          await markRead(n.id);
+        } catch (e) {
+        }
+      }
+      if (!n.href) return;
+      if (/^https?:\/\//i.test(n.href)) window.location.assign(n.href);
+      else router.push(n.href);
+    },
+    [router, markRead]
+  );
+  const markAll = (0, import_react2.useCallback)(async () => {
+    setItems(
+      (prev) => prev.map((i) => {
+        var _a;
+        return __spreadProps(__spreadValues({}, i), {
+          read_at: (_a = i.read_at) != null ? _a : (/* @__PURE__ */ new Date()).toISOString()
+        });
+      })
+    );
+    setUnread(0);
+    try {
+      await markAllRead();
+    } catch (e) {
+    }
+  }, [markAllRead]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    DropdownMenu2,
+    {
+      "aria-label": "Notifications",
+      align: "end",
+      panelClassName: "w-80 overflow-hidden p-0",
+      open,
+      onOpenChange,
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "relative inline-flex h-9 w-9 items-center justify-center rounded-full text-ph-mutedtext transition hover:bg-ph-muted hover:text-ph-ink", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_iconoir_react3.Bell, { className: "h-5 w-5", strokeWidth: 1.75, "aria-hidden": true }),
+        unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-ph-brand px-1 text-[10px] font-semibold leading-none text-white ring-2 ring-ph-surface", children: unread > 9 ? "9+" : unread }) : null
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm font-semibold text-ph-ink", children: "Notifications" }),
+          unread > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: markAll,
+              className: "text-xs font-medium text-ph-brand hover:underline",
+              children: "Mark all read"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "max-h-80 overflow-y-auto py-1", children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "px-3 py-6 text-center text-sm text-ph-mutedtext", children: "You're all caught up." }) : items.map((n) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: () => void openItem(n),
+            className: "flex w-full flex-col gap-0.5 px-3 py-2 text-left transition hover:bg-ph-muted",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "flex items-center gap-2", children: [
+                !n.read_at ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "span",
+                  {
+                    className: "h-1.5 w-1.5 shrink-0 rounded-full bg-ph-brand",
+                    "aria-hidden": true
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate text-sm font-medium text-ph-ink", children: n.title })
+              ] }),
+              n.body ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "line-clamp-2 text-xs text-ph-mutedtext", children: n.body }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-[11px] uppercase tracking-wide text-ph-subtle", children: [
+                n.source_app,
+                " \xB7 ",
+                timeAgo(n.created_at)
+              ] })
+            ]
+          },
+          n.id
+        )) })
+      ]
+    }
+  );
+}
+
+// src/suite/components/command-palette-host.tsx
+var import_react3 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function isEditableTarget() {
+  if (typeof document === "undefined") return false;
+  const el = document.activeElement;
+  return el instanceof HTMLElement && Boolean(
+    el.closest(
+      "input, textarea, select, [contenteditable='true'], [role='textbox']"
+    )
+  );
+}
+function CommandPaletteHost({
+  items,
+  isAuthenticated = true,
+  placeholder = "Type a command or search\u2026",
+  commandPalette: CommandPalette
+}) {
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    const onKey = (e) => {
+      if (!((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k")) return;
+      if (!open && isEditableTarget()) return;
+      e.preventDefault();
+      setOpen((o) => !o);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open]);
+  if (!isAuthenticated) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    CommandPalette,
+    {
+      items,
+      isOpen: open,
+      onClose: () => setOpen(false),
+      placeholder
+    }
+  );
+}
+
+// src/suite/lib/use-idle-mount.ts
+var import_react4 = require("react");
+function useIdleMount(timeoutMs = 1200) {
+  const [ready, setReady] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    let timeoutId = 0;
+    let idleId = 0;
+    const activate = () => setReady(true);
+    if (typeof window.requestIdleCallback === "function") {
+      idleId = window.requestIdleCallback(activate, { timeout: timeoutMs });
+      return () => window.cancelIdleCallback(idleId);
+    }
+    timeoutId = window.setTimeout(activate, Math.min(timeoutMs, 200));
+    return () => window.clearTimeout(timeoutId);
+  }, [timeoutMs]);
+  return ready;
+}
+
+// src/suite/components/deferred-chrome.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function DeferredChrome({ children }) {
+  const ready = useIdleMount();
+  if (!ready) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
+}
+
+// src/suite/components/suite-mobile-drawer.tsx
+var import_react5 = require("react");
+var import_iconoir_react4 = require("iconoir-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function SuiteMobileDrawer({
+  open,
+  onClose,
+  children,
+  side = "left",
+  showCloseButton = false,
+  closeLabel = "Close navigation",
+  backdropLabel = "Close navigation",
+  dialogLabel = "Navigation",
+  durationMs = 200,
+  dataTest,
+  panelDataTest,
+  panelClassName
+}) {
+  const [rendered, setRendered] = (0, import_react5.useState)(open);
+  const [shown, setShown] = (0, import_react5.useState)(open);
+  const panelRef = (0, import_react5.useRef)(null);
+  const onCloseRef = (0, import_react5.useRef)(onClose);
+  (0, import_react5.useEffect)(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+  (0, import_react5.useEffect)(() => {
+    if (open) {
+      queueMicrotask(() => setRendered(true));
+      let inner = 0;
+      const outer = requestAnimationFrame(() => {
+        inner = requestAnimationFrame(() => setShown(true));
+      });
+      return () => {
+        cancelAnimationFrame(outer);
+        cancelAnimationFrame(inner);
+      };
+    }
+    queueMicrotask(() => setShown(false));
+    const timeout = window.setTimeout(() => setRendered(false), durationMs);
+    return () => window.clearTimeout(timeout);
+  }, [open, durationMs]);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onCloseRef.current();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const frame = requestAnimationFrame(() => {
+      var _a;
+      return (_a = panelRef.current) == null ? void 0 : _a.focus();
+    });
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = previousOverflow;
+      cancelAnimationFrame(frame);
+      if (previouslyFocused == null ? void 0 : previouslyFocused.isConnected) previouslyFocused.focus();
+    };
+  }, [open]);
+  if (!rendered) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { "data-test": dataTest, className: "no-print fixed inset-0 z-50 lg:hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        className: cn(
+          "absolute inset-0 bg-black/25 backdrop-blur-sm motion-safe:transition-opacity motion-safe:ease-spring-subtle",
+          shown ? "opacity-100" : "opacity-0"
+        ),
+        style: { transitionDuration: `${durationMs}ms` },
+        onClick: onClose,
+        "aria-label": backdropLabel
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      "aside",
+      {
+        ref: panelRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": dialogLabel,
+        tabIndex: -1,
+        "data-test": panelDataTest,
+        className: cn(
+          "suite-scroll-lock relative flex h-full w-[86%] max-w-64 flex-col overflow-hidden bg-ph-surface shadow-xl outline-none motion-safe:transition-transform motion-safe:ease-spring-fast",
+          side === "right" && "ml-auto",
+          shown ? "translate-x-0" : side === "right" ? "translate-x-full" : "-translate-x-full",
+          panelClassName
+        ),
+        style: { transitionDuration: `${durationMs}ms` },
+        children: [
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end border-b border-ph-border px-3", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "-mr-1.5 inline-flex h-11 w-11 items-center justify-center rounded-lg text-ph-mutedtext transition-colors hover:bg-ph-muted hover:text-ph-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+              "aria-label": closeLabel,
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_iconoir_react4.Xmark, { className: "h-4 w-4", "aria-hidden": true })
+            }
+          ) }) : null,
+          children
+        ]
+      }
+    )
+  ] });
+}
+
+// src/suite/components/suite-mobile-header.tsx
+var import_iconoir_react5 = require("iconoir-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function SuiteMobileHeader({
+  onMenuClick,
+  menuIcon: MenuIcon = import_iconoir_react5.Menu,
+  title,
+  actions,
+  menuLabel = "Open navigation",
+  menuDataTest,
+  dataTest,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "header",
+    {
+      "data-test": dataTest,
+      className: cn(
+        "suite-app-bar no-print sticky top-0 z-30 flex min-h-[56px] shrink-0 items-center gap-1 border-b border-ph-border px-2 lg:hidden",
+        className
+      ),
+      children: [
+        onMenuClick ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
+          {
+            type: "button",
+            "data-test": menuDataTest,
+            className: "suite-press inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl text-ph-ink transition-colors hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+            onClick: onMenuClick,
+            "aria-label": menuLabel,
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuIcon, { className: "h-5 w-5", "aria-hidden": true })
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-1 items-center",
+              !onMenuClick && "pl-2"
+            ),
+            children: title
+          }
+        ),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex shrink-0 items-center gap-1", children: actions }) : null
+      ]
+    }
+  );
+}
+
+// src/suite/components/suite-user-menu.tsx
+var import_image2 = __toESM(require("next/image"));
+var import_navigation2 = require("next/navigation");
+var import_iconoir_react6 = require("iconoir-react");
+
+// src/components/ui/DropdownMenu.tsx
+var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+
+// src/lib/cn.ts
+function cn2(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+
+// src/components/ui/DropdownMenu.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function DropdownContent({
+  children,
+  align = "start",
+  side = "bottom",
+  sideOffset = 7,
+  alignOffset = 0,
+  collisionPadding = 8,
+  avoidCollisions = true,
+  panelClassName
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    DropdownPrimitive.Content,
+    {
+      className: cn2("ph-dropdown-panel", panelClassName),
+      align,
+      side,
+      sideOffset,
+      alignOffset,
+      collisionPadding,
+      avoidCollisions,
+      sticky: "partial",
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownPrimitive.Arrow, { className: "ph-dropdown-arrow", width: 12, height: 6 })
+      ]
+    }
+  ) });
+}
+function DropdownMenu(_a) {
+  var _b = _a, {
+    trigger,
+    children,
+    align,
+    side,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    className,
+    panelClassName,
+    "aria-label": ariaLabel,
+    open,
+    defaultOpen,
+    onOpenChange,
+    modal = false,
+    disabled
+  } = _b, props = __objRest(_b, [
+    "trigger",
+    "children",
+    "align",
+    "side",
+    "sideOffset",
+    "alignOffset",
+    "collisionPadding",
+    "avoidCollisions",
+    "className",
+    "panelClassName",
+    "aria-label",
+    "open",
+    "defaultOpen",
+    "onOpenChange",
+    "modal",
+    "disabled"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", __spreadProps(__spreadValues({ className: cn2("ph-dropdown", className) }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    DropdownPrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownPrimitive.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "ph-dropdown-trigger", "aria-label": ariaLabel, children: trigger }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          DropdownContent,
+          {
+            align,
+            side,
+            sideOffset,
+            alignOffset,
+            collisionPadding,
+            avoidCollisions,
+            panelClassName,
+            children
+          }
+        )
+      ]
+    }
+  ) }));
+}
+function DropdownItem(_a) {
+  var _b = _a, { className, children, disabled } = _b, props = __objRest(_b, ["className", "children", "disabled"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownPrimitive.Item, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      type: "button",
+      disabled,
+      className: cn2("ph-dropdown-item w-full text-left", className)
+    }, props), {
+      children
+    })
+  ) });
+}
+
+// src/suite/components/suite-user-menu.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function computeInitials(name, email) {
+  const source = (name || email || "?").trim();
+  return source.split(/[\s@]+/).filter(Boolean).slice(0, 2).map((part) => part[0]).join("").toUpperCase();
+}
+function SuiteUserMenu({
+  name,
+  email,
+  image,
+  settingsHref,
+  onSignOut,
+  fallbackInitials,
+  dataTest = "suite-user-menu",
+  className
+}) {
+  const router = (0, import_navigation2.useRouter)();
+  const initials = fallbackInitials != null ? fallbackInitials : computeInitials(name, email);
+  const avatar = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "inline-flex h-11 w-11 items-center justify-center rounded-full transition-colors hover:bg-ph-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_image2.default,
+    {
+      src: image,
+      alt: "",
+      width: 32,
+      height: 32,
+      className: "h-8 w-8 rounded-full object-cover",
+      unoptimized: true
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-ph-muted text-sm font-semibold text-ph-brand", children: initials }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    DropdownMenu,
+    {
+      trigger: avatar,
+      "aria-label": "Account menu",
+      align: "end",
+      side: "bottom",
+      sideOffset: 6,
+      collisionPadding: 16,
+      modal: false,
+      className,
+      "data-test": dataTest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "px-2 py-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "truncate text-sm font-medium text-ph-ink", children: name || email || "Account" }),
+          email ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "truncate text-xs text-ph-mutedtext", children: email }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "my-1 border-t border-ph-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          DropdownItem,
+          {
+            "data-test": `${dataTest}-settings`,
+            onClick: () => router.push(settingsHref),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_iconoir_react6.Settings, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+              "Profile settings"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          DropdownItem,
+          {
+            "data-test": `${dataTest}-sign-out`,
+            onClick: onSignOut,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_iconoir_react6.LogOut, { className: "h-4 w-4 text-ph-mutedtext", "aria-hidden": true }),
+              "Sign out"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/suite/components/suite-bottom-nav.tsx
+var import_link = __toESM(require("next/link"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SuiteBottomNav({
+  items,
+  ariaLabel = "Primary navigation",
+  dataTest = "suite-bottom-nav",
+  className
+}) {
+  if (process.env.NODE_ENV !== "production" && items.length > 5) {
+    console.warn(
+      `SuiteBottomNav: ${items.length} items \u2014 bottom nav should have at most 5 (Hick's Law).`
+    );
+  }
+  const activeIndex = items.findIndex((item) => item.active);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        "aria-hidden": true,
+        className: "shrink-0 lg:hidden",
+        style: { height: "calc(60px + env(safe-area-inset-bottom))" }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "nav",
+      {
+        "aria-label": ariaLabel,
+        "data-test": dataTest,
+        className: cn(
+          "suite-bottom-nav no-print z-40 grid auto-cols-fr grid-flow-col lg:hidden",
+          className
+        ),
+        style: {
+          gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))`,
+          "--suite-nav-items": items.length,
+          "--suite-nav-active": activeIndex >= 0 ? activeIndex : 0
+        },
+        children: [
+          activeIndex >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": true, className: "suite-bottom-nav__indicator" }) : null,
+          items.map((item) => {
+            var _a;
+            const Icon = item.icon;
+            const active = Boolean(item.active);
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              import_link.default,
+              {
+                href: item.href,
+                "data-test": (_a = item.dataTest) != null ? _a : `suite-nav-${item.label.toLowerCase().replace(/\s+/g, "-")}`,
+                "aria-current": active ? "page" : void 0,
+                className: cn(
+                  "suite-bottom-nav__item relative flex min-h-[60px] min-w-0 flex-col items-center justify-center gap-1 px-1 pb-1.5 pt-2 text-[10px] font-medium leading-none text-ph-mutedtext transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ph-brand motion-reduce:transition-none",
+                  active && "font-semibold text-ph-brand"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "suite-bottom-nav__icon relative z-10 inline-flex items-center justify-center",
+                        active && "suite-bottom-nav__icon--active"
+                      ),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        Icon,
+                        {
+                          className: "h-6 w-6",
+                          strokeWidth: active ? 2.25 : 1.75,
+                          "aria-hidden": true
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "relative z-10 max-w-full truncate", children: item.label })
+                ]
+              },
+              item.href
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/suite/lib/apps.ts
+var SUITE_APPS2 = [
+  {
+    slug: "shellstack",
+    name: "ShellStack",
+    description: "Organisation and billing",
+    icon: "/icon-shellstack.svg",
+    landing: "/home",
+    baseUrlEnv: "NEXT_PUBLIC_SHELLSTACK_URL",
+    baseUrlFallback: "http://localhost:3002"
+  },
+  {
+    slug: "tides",
+    name: "Tides",
+    description: "Projects and tasks",
+    icon: "/tides-icon.svg",
+    landing: "/today",
+    baseUrlEnv: "NEXT_PUBLIC_TIDES_URL",
+    baseUrlFallback: "http://localhost:3001"
+  },
+  {
+    slug: "turtletime",
+    name: "TurtleTime",
+    description: "Time tracking",
+    icon: "/turtletime-icon.svg",
+    landing: "/tracker",
+    baseUrlEnv: "NEXT_PUBLIC_TURTLETIME_URL",
+    baseUrlFallback: "http://localhost:3000"
+  },
+  {
+    slug: "kraken",
+    name: "Kraken",
+    description: "Documents and knowledge",
+    icon: "/kraken-icon.svg",
+    landing: "/today",
+    baseUrlEnv: "NEXT_PUBLIC_KRAKEN_URL",
+    baseUrlFallback: "http://localhost:3003"
+  }
+];
+var SUITE_APP_MAP = Object.fromEntries(SUITE_APPS2.map((app) => [app.slug, app]));
+function suiteAppBaseUrl(slug) {
+  const def = SUITE_APP_MAP[slug];
+  const fromEnv = typeof process !== "undefined" ? process.env[def.baseUrlEnv] : void 0;
+  return (fromEnv || def.baseUrlFallback).replace(/\/$/, "");
+}
+
+// src/suite/components/today-calibrating.tsx
+var import_iconoir_react7 = require("iconoir-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function TodayCalibrating({
+  onRetry,
+  retrying = false,
+  className,
+  spinner: Spinner,
+  variant = "ring",
+  retrySpinnerClassName = "text-ph-brand"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative flex min-h-[14rem] flex-col items-center justify-center overflow-hidden rounded-2xl border border-ph-border bg-ph-surface px-5 py-8 text-center shadow-sm",
+        className
+      ),
+      "data-test": "today-calibrating",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_35%,rgba(251,191,36,0.12),transparent_55%)]",
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative mb-6 flex h-24 w-24 items-center justify-center", children: [
+          variant === "ring" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              Spinner,
+              {
+                size: "lg",
+                className: "absolute inset-0 m-auto opacity-40",
+                label: "Loading today"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "span",
+              {
+                className: "bg-ph-muted/30 absolute inset-2 animate-ping rounded-full",
+                "aria-hidden": true
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "relative flex h-14 w-14 items-center justify-center rounded-2xl border border-ph-border bg-ph-surface text-ph-ink shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_iconoir_react7.SunLight,
+            {
+              className: cn("h-9 w-9", variant === "pulse" && "animate-pulse"),
+              strokeWidth: 2,
+              "aria-hidden": true
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { className: "relative text-base font-semibold tracking-tight text-ph-ink sm:text-lg md:text-xl", children: "Calibrating your day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "relative mt-1.5 max-w-sm text-sm sm:text-[15px] leading-relaxed text-ph-subtle", children: "Pulling together tasks, time and updates from your workspace\u2026" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative mt-5 flex gap-1.5", "aria-hidden": true, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "span",
+          {
+            className: "h-1.5 w-5 animate-pulse rounded-full bg-ph-muted",
+            style: { animationDelay: `${i * 120}ms` }
+          },
+          i
+        )) }),
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: onRetry,
+            disabled: retrying,
+            className: "relative mt-6 inline-flex items-center gap-2 rounded-xl border border-ph-border bg-ph-canvas px-4 py-2 text-sm font-medium text-ph-ink transition hover:bg-ph-muted disabled:opacity-60",
+            children: [
+              retrying ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Spinner, { size: "sm", className: retrySpinnerClassName }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_iconoir_react7.Refresh, { className: "h-4 w-4", "aria-hidden": true }),
+              "Try again"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/suite/components/theme-provider.tsx
+var import_react6 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var SuiteThemeContext = (0, import_react6.createContext)(null);
+function systemTheme(fallback) {
+  if (typeof window === "undefined") return fallback;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function resolveTheme(theme, fallback) {
+  return theme === "system" ? systemTheme(fallback) : theme;
+}
+function applyTheme(theme, config) {
+  const resolved = resolveTheme(theme, config.fallbackTheme);
+  if (typeof document === "undefined") return resolved;
+  document.documentElement.setAttribute(
+    "data-theme",
+    resolved === "dark" ? config.darkThemeId : config.lightThemeId
+  );
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  if (config.themeColorLight && config.themeColorDark) {
+    const meta = document.getElementById(
+      "theme-color-meta"
+    );
+    if (meta) {
+      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
+    }
+  }
+  return resolved;
+}
+function readStoredTheme(storageKey) {
+  if (typeof window === "undefined") return "system";
+  const stored = localStorage.getItem(storageKey);
+  if (stored === "light" || stored === "dark" || stored === "system")
+    return stored;
+  return "system";
+}
+function SuiteThemeProvider({
+  config,
+  children
+}) {
+  const [state, setState] = (0, import_react6.useState)(() => {
+    const theme2 = readStoredTheme(config.storageKey);
+    if (typeof document === "undefined") {
+      return { theme: theme2, resolvedTheme: config.fallbackTheme };
+    }
+    const domTheme = document.documentElement.getAttribute("data-theme");
+    const resolvedTheme2 = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme2, config.fallbackTheme);
+    return { theme: theme2, resolvedTheme: resolvedTheme2 };
+  });
+  const { theme, resolvedTheme } = state;
+  (0, import_react6.useEffect)(() => {
+    if (theme !== "system") return;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const update = () => {
+      const resolved = applyTheme("system", config);
+      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
+    };
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, [theme, config]);
+  const setTheme = (0, import_react6.useCallback)(
+    (next) => {
+      const resolved = applyTheme(next, config);
+      setState({ theme: next, resolvedTheme: resolved });
+      localStorage.setItem(config.storageKey, next);
+    },
+    [config]
+  );
+  const toggleTheme = (0, import_react6.useCallback)(() => {
+    setState((prev) => {
+      const next = resolveTheme(prev.theme, config.fallbackTheme) === "dark" ? "light" : "dark";
+      const resolved = applyTheme(next, config);
+      localStorage.setItem(config.storageKey, next);
+      return { theme: next, resolvedTheme: resolved };
+    });
+  }, [config]);
+  const value = (0, import_react6.useMemo)(
+    () => ({ theme, resolvedTheme, setTheme, toggleTheme }),
+    [theme, resolvedTheme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SuiteThemeContext.Provider, { value, children });
+}
+function useSuiteTheme() {
+  const ctx = (0, import_react6.useContext)(SuiteThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
+
+// src/suite/components/ai-panel.tsx
+var import_react7 = require("react");
+var import_iconoir_react8 = require("iconoir-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function SuiteAiPanel({
+  presets,
+  emptyState,
+  fetchStatus,
+  complete,
+  brandIcon: BrandIcon,
+  spinner: Spinner
+}) {
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [prompt, setPrompt] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [answer, setAnswer] = (0, import_react7.useState)("");
+  const [error, setError] = (0, import_react7.useState)("");
+  const [copied, setCopied] = (0, import_react7.useState)(false);
+  async function ask(text) {
+    const trimmed = text.trim();
+    if (!trimmed || loading) return;
+    setLoading(true);
+    setError("");
+    setAnswer("");
+    setCopied(false);
+    try {
+      const status = await fetchStatus();
+      if (!status.configured) {
+        setError("ShellStack AI is not configured for this workspace yet.");
+        return;
+      }
+      const result = await complete({ prompt: trimmed });
+      setAnswer(result.text);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "The AI request failed. Try again."
+      );
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function copyAnswer() {
+    if (!answer) return;
+    try {
+      await navigator.clipboard.writeText(answer);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1500);
+    } catch (e) {
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "button",
+      {
+        type: "button",
+        "data-test": "ai-panel-launcher",
+        onClick: () => setOpen(true),
+        className: "fixed bottom-5 right-5 z-30 flex items-center gap-2 rounded-full border border-ph-border bg-ph-surface px-4 py-2.5 text-sm font-medium text-ph-ink shadow-ph hover:bg-ph-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+        "aria-label": "Open ShellStack AI",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BrandIcon, { className: "h-4 w-4 text-ph-brand" }),
+          "Ask AI"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fixed inset-0 z-40", role: "dialog", "aria-modal": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "absolute inset-0 bg-black/25",
+          onClick: () => setOpen(false),
+          "aria-label": "Close AI panel"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("aside", { className: "absolute inset-y-0 right-0 flex w-full max-w-md flex-col border-l border-ph-border bg-ph-surface shadow-2xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BrandIcon, { className: "h-4 w-4 text-ph-brand" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-ph-ink", children: "ShellStack AI" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setOpen(false),
+              className: "rounded p-1 hover:bg-ph-muted",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_iconoir_react8.Xmark, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap gap-1.5 border-b border-ph-border px-4 py-2", children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setPrompt(preset.prompt);
+              void ask(preset.prompt);
+            },
+            disabled: loading,
+            className: "rounded-md border border-ph-border px-2 py-1 text-xs text-ph-ink hover:bg-ph-muted disabled:opacity-50",
+            children: preset.label
+          },
+          preset.label
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex-1 space-y-3 overflow-y-auto p-4", children: [
+          error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "bg-ph-danger/10 rounded-lg px-3 py-2 text-sm text-ph-danger", children: error }),
+          loading && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 text-sm text-ph-mutedtext", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "h-4 w-4 animate-spin" }),
+            "Thinking\u2026"
+          ] }),
+          answer && !loading && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rounded-lg bg-ph-muted px-3 py-2 text-sm text-ph-ink", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "whitespace-pre-wrap", children: answer }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: () => void copyAnswer(),
+                className: "mt-2 inline-flex items-center gap-1 text-xs text-ph-mutedtext hover:text-ph-ink",
+                children: [
+                  copied ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_iconoir_react8.Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_iconoir_react8.Copy, { className: "h-3 w-3" }),
+                  copied ? "Copied" : "Copy"
+                ]
+              }
+            )
+          ] }),
+          !answer && !loading && !error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-8 text-center text-xs text-ph-mutedtext", children: emptyState })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-t border-ph-border p-3", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "textarea",
+            {
+              value: prompt,
+              onChange: (e) => setPrompt(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  void ask(prompt);
+                }
+              },
+              placeholder: "Ask anything\u2026",
+              rows: 2,
+              disabled: loading,
+              className: "flex-1 resize-none rounded-lg border border-ph-border bg-ph-canvas p-2 text-sm text-ph-ink outline-none focus:ring-1 focus:ring-ph-brand"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => void ask(prompt),
+              disabled: loading || !prompt.trim(),
+              className: "self-end rounded-lg bg-ph-brand px-3 py-2 text-sm font-medium text-white disabled:opacity-50",
+              children: "Ask"
+            }
+          )
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/suite/lib/motion.tsx
+var import_react8 = require("motion/react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function SuiteMotionProvider({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react8.LazyMotion, { features: import_react8.domAnimation, strict: true, children });
+}
+var SUITE_SPRINGS = {
+  /** Snappy panel/sheet entrances — small overshoot. */
+  fast: { type: "spring", stiffness: 400, damping: 32, mass: 0.8 },
+  /** Gentle scrims, fades, list staggers. */
+  subtle: { type: "spring", stiffness: 260, damping: 26, mass: 1 },
+  /** Press/tap feedback — quick settle, no wobble. */
+  press: { type: "spring", stiffness: 600, damping: 35, mass: 0.5 }
+};
+
+// src/suite/components/suite-layout.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var WIDTHS = {
+  full: "max-w-none",
+  wide: "max-w-7xl",
+  content: "max-w-6xl",
+  narrow: "max-w-4xl"
+};
+function SuiteBreadcrumbs({ items, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("nav", { "aria-label": "Breadcrumb", className, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ol", { className: "flex min-w-0 items-center gap-1.5", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { className: "flex min-w-0 items-center gap-1.5", children: [
+      index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "select-none text-ph-border", "aria-hidden": "true", children: "/" }) : null,
+      item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "a",
+        {
+          href: item.href,
+          className: "truncate transition hover:text-ph-ink",
+          children: item.label
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "span",
+        {
+          className: cn(
+            "truncate",
+            isLast ? "font-medium text-ph-ink" : "text-ph-subtle"
+          ),
+          "aria-current": isLast ? "page" : void 0,
+          children: item.label
+        }
+      )
+    ] }, index);
+  }) }) });
+}
+function SuitePage({
+  children,
+  width = "wide",
+  inset = true,
+  className,
+  as: Component = "div",
+  dataTest,
+  id,
+  role,
+  "aria-live": ariaLive
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    Component,
+    {
+      id,
+      "data-test": dataTest,
+      role,
+      "aria-live": ariaLive,
+      className: cn(
+        "mx-auto flex w-full min-w-0 flex-col",
+        WIDTHS[width],
+        // Tight inset keeps page titles aligned without excessive whitespace.
+        inset && "px-4 pb-6 pt-4 sm:px-6 sm:pb-7 sm:pt-5 lg:px-8",
+        className
+      ),
+      children
+    }
+  );
+}
+function SuitePageHeader({
+  title,
+  description,
+  eyebrow,
+  actions,
+  className,
+  titleClassName,
+  dataTest,
+  /** Optional icon rendered before the title. */
+  icon,
+  /** Use the animated sun/moon icon from the Today page. */
+  todayIcon,
+  todayIconClassName,
+  /** Small badge/pill next to the title (e.g. "Beta", org name). */
+  badge,
+  /** Breadcrumb line rendered above the title. */
+  breadcrumb
+}) {
+  const resolvedIcon = todayIcon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    TodayTimeIcon,
+    {
+      className: cn(
+        "h-6 w-6 sm:h-7 sm:w-7 text-amber-500",
+        todayIconClassName
+      )
+    }
+  ) : icon;
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "header",
+    {
+      "data-test": dataTest,
+      className: cn(
+        "flex items-start justify-between gap-4 pb-4 sm:pb-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 items-start gap-3", children: [
+          resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "div",
+            {
+              className: "hidden shrink-0 pt-1 sm:block",
+              "aria-hidden": "true",
+              children: resolvedIcon
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 flex-col gap-1", children: [
+            eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: eyebrow }) : null,
+            breadcrumb ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mb-0.5 flex min-w-0 items-center gap-1.5 text-xs text-ph-subtle", children: breadcrumb }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "h1",
+                {
+                  className: cn(
+                    "font-display text-[1.625rem] font-bold leading-tight tracking-tight text-ph-ink sm:text-[2.25rem]",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ),
+              badge ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "rounded-md bg-ph-muted px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-ph-subtle", children: badge }) : null
+            ] }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mt-1 max-w-2xl text-pretty text-sm leading-5 text-ph-subtle", children: description }) : null
+          ] })
+        ] }),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex shrink-0 items-center gap-2 pt-1", children: actions }) : null
+      ]
+    }
+  );
+}
+function SuiteToolbar({
+  children,
+  className,
+  label = "Page tools",
+  dataTest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": label,
+      "data-test": dataTest,
+      className: cn("flex min-w-0 flex-wrap items-center gap-2", className),
+      children
+    }
+  );
+}
+function SuiteTabList({
+  children,
+  className,
+  label,
+  dataTest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "nav",
+    {
+      "aria-label": label,
+      "data-test": dataTest,
+      className: cn(
+        "flex min-w-0 flex-wrap gap-2 [&_a]:min-h-[48px] [&_button]:min-h-[48px] sm:[&_a]:min-h-[44px] sm:[&_button]:min-h-[44px]",
+        className
+      ),
+      children
+    }
+  );
+}
+function SuiteSectionHeader({
+  title,
+  description,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex min-w-0 flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "font-display text-balance text-lg font-semibold tracking-tight text-ph-ink sm:text-xl", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mt-1 max-w-2xl text-pretty text-sm leading-5 text-ph-subtle", children: description }) : null
+        ] }),
+        action ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex min-h-[44px] shrink-0 items-center", children: action }) : null
+      ]
+    }
+  );
+}
+
+// src/suite/components/suite-skeleton.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function SuiteSkeleton({
+  className,
+  lines = 1,
+  circle,
+  width
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn("space-y-2", circle ? "flex flex-col items-center" : ""),
+      "aria-hidden": true,
+      children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "div",
+        {
+          className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
+          style: { animationDelay: `${index * 80}ms` },
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "div",
+            {
+              className: cn(
+                "ph-skeleton",
+                circle ? "h-10 w-10 rounded-full" : "h-3",
+                className
+              ),
+              style: !circle ? {
+                width: width != null ? width : `${70 + index % 3 * 15}%`
+              } : void 0
+            }
+          )
+        },
+        index
+      ))
+    }
+  );
+}
+function SuiteSkeletonCard({
+  className,
+  rows = 3,
+  header = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      className: cn(
+        "ph-skeleton-card animate-[skeleton-stagger_0.5s_ease-out_both] rounded-2xl border border-ph-border/70 bg-ph-surface p-6 shadow-sm",
+        className
+      ),
+      "aria-hidden": true,
+      children: [
+        header ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          "div",
+          {
+            className: "mb-5 flex items-center gap-3 animate-[skeleton-stagger_0.5s_ease-out_both]",
+            style: { animationDelay: "100ms" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-xl" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-4 w-1/3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+              ] })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "div",
+          {
+            className: "animate-[skeleton-stagger_0.5s_ease-out_both]",
+            style: { animationDelay: `${200 + index * 80}ms` },
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "div",
+              {
+                className: "ph-skeleton h-3",
+                style: { width: `${70 + index % 3 * 15}%` }
+              }
+            )
+          },
+          index
+        )) })
+      ]
+    }
+  );
+}
+function SuiteSkeletonList({
+  className,
+  items = 4
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("space-y-3", className), "aria-hidden": true, children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: "animate-[skeleton-stagger_0.6s_ease-out_both]",
+      style: { animationDelay: `${index * 100}ms` },
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3 rounded-xl border border-ph-border/60 bg-ph-surface p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-10 w-10 rounded-lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-3.5 w-3/4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ph-skeleton h-3 w-1/2" })
+        ] })
+      ] })
+    },
+    index
+  )) });
+}
+function SuiteEmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  size = "md"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-2xl border border-ph-border/80 bg-ph-surface text-center",
+        size === "sm" ? "px-5 py-8" : "px-6 py-12 sm:px-10 sm:py-16",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden opacity-60", "aria-hidden": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute -left-10 -top-10 h-40 w-40 rounded-full bg-ph-brand/10 blur-3xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute -bottom-10 -right-10 h-40 w-40 rounded-full bg-ph-accent/10 blur-3xl" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto mb-4 inline-flex items-center justify-center rounded-2xl bg-ph-muted p-3 shadow-sm ring-1 ring-black/[0.06]", children: icon }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "h3",
+            {
+              className: cn(
+                "font-semibold text-ph-ink",
+                size === "sm" ? "text-base" : "text-lg"
+              ),
+              children: title
+            }
+          ),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mx-auto mt-2 max-w-sm text-sm leading-relaxed text-ph-subtle", children: description }) : null,
+          action ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: action }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/suite/components/suite-settings-mobile-nav.tsx
+var import_react9 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function SuiteSettingsMobileNav({
+  items,
+  activeHref,
+  onSelect,
+  dataTest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "nav",
+    {
+      "data-test": dataTest,
+      "aria-label": "Settings sections",
+      className: "-mx-4 px-4 lg:hidden",
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
+        const Icon = item.icon;
+        const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
+        const iconNode = (0, import_react9.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          Icon,
+          {
+            className: cn(
+              "h-4 w-4 shrink-0 transition",
+              active ? "text-ph-surface" : "text-ph-mutedtext"
+            ),
+            "aria-hidden": true
+          }
+        );
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-test": item.testId,
+            onClick: () => onSelect(item.href),
+            "aria-current": active ? "page" : void 0,
+            className: cn(
+              "group relative flex shrink-0 snap-start items-center gap-2 rounded-full px-3.5 py-2.5 text-sm font-medium transition",
+              "min-h-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ph-brand",
+              active ? "bg-ph-ink text-ph-surface shadow-sm" : "bg-ph-surface text-ph-subtle ring-1 ring-ph-border hover:bg-ph-muted hover:text-ph-ink"
+            ),
+            children: [
+              iconNode,
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "whitespace-nowrap", children: item.label }),
+              active ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "absolute inset-x-0 -bottom-3 h-0.5 rounded-full bg-ph-ink lg:hidden" }) : null
+            ]
+          },
+          item.href
+        );
+      }) })
+    }
+  );
+}
+
+// src/suite/components/suite-sidebar.tsx
+var import_link2 = __toESM(require("next/link"));
+
+// src/components/ui/Tooltip.tsx
+var import_react10 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var TooltipDelayContext = (0, import_react10.createContext)(0);
+function tooltipPosition(trigger, side, align, offset) {
+  const horizontal = align === "start" ? trigger.left : align === "end" ? trigger.right : trigger.left + trigger.width / 2;
+  const vertical = align === "start" ? trigger.top : align === "end" ? trigger.bottom : trigger.top + trigger.height / 2;
+  if (side === "top")
+    return {
+      left: horizontal,
+      top: trigger.top - offset,
+      transform: "translate(-50%, -100%)"
+    };
+  if (side === "bottom")
+    return {
+      left: horizontal,
+      top: trigger.bottom + offset,
+      transform: "translate(-50%, 0)"
+    };
+  if (side === "left")
+    return {
+      left: trigger.left - offset,
+      top: vertical,
+      transform: "translate(-100%, -50%)"
+    };
+  return {
+    left: trigger.right + offset,
+    top: vertical,
+    transform: "translate(0, -50%)"
+  };
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  sideOffset = 7,
+  className,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  delayDuration
+}) {
+  const providerDelay = (0, import_react10.useContext)(TooltipDelayContext);
+  const generatedId = (0, import_react10.useId)().replace(/:/g, "");
+  const triggerRef = (0, import_react10.useRef)(null);
+  const timerRef = (0, import_react10.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react10.useState)(defaultOpen);
+  const [position, setPosition] = (0, import_react10.useState)(null);
+  const isOpen = open != null ? open : internalOpen;
+  const triggerId = children.props.id;
+  const tooltipId = triggerId ? `${triggerId}-tooltip` : `ph-tooltip-${generatedId}`;
+  function setOpen(next) {
+    if (open === void 0) setInternalOpen(next);
+    onOpenChange == null ? void 0 : onOpenChange(next);
+  }
+  function clearTimer() {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }
+  function updatePosition() {
+    if (!triggerRef.current) return;
+    setPosition(
+      tooltipPosition(
+        triggerRef.current.getBoundingClientRect(),
+        side,
+        align,
+        sideOffset
+      )
+    );
+  }
+  function show(immediate) {
+    clearTimer();
+    updatePosition();
+    const delay = immediate ? 0 : delayDuration != null ? delayDuration : providerDelay;
+    if (!delay) setOpen(true);
+    else timerRef.current = setTimeout(() => setOpen(true), delay);
+  }
+  function hide() {
+    clearTimer();
+    setOpen(false);
+  }
+  (0, import_react10.useEffect)(() => {
+    if (!isOpen) return;
+    const reposition = () => updatePosition();
+    window.addEventListener("resize", reposition);
+    window.addEventListener("scroll", reposition, true);
+    return () => {
+      window.removeEventListener("resize", reposition);
+      window.removeEventListener("scroll", reposition, true);
+    };
+  });
+  (0, import_react10.useEffect)(() => () => clearTimer(), []);
+  const describedBy = [children.props["aria-describedby"], tooltipId].filter(Boolean).join(" ");
+  const trigger = (0, import_react10.cloneElement)(children, { "aria-describedby": describedBy });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "span",
+      {
+        ref: triggerRef,
+        className: "inline-flex",
+        onMouseEnter: () => show(false),
+        onMouseLeave: hide,
+        onFocusCapture: () => show(true),
+        onBlurCapture: hide,
+        onKeyDown: (event) => {
+          if (event.key === "Escape") hide();
+        },
+        children: trigger
+      }
+    ),
+    isOpen && position && typeof document !== "undefined" ? (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        "span",
+        {
+          style: __spreadValues({ position: "fixed" }, position),
+          className: "pointer-events-none z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            "span",
+            {
+              id: tooltipId,
+              role: "tooltip",
+              "data-side": side,
+              className: cn2("ph-tooltip-content", className),
+              children: content
+            }
+          )
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+
+// src/suite/components/suite-sidebar.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function renderNode(node, collapsed) {
+  if (typeof node === "function") return node(collapsed);
+  return node;
+}
+function SuiteSidebar({
+  appSwitcher,
+  contextSwitcher,
+  navItems,
+  secondaryNav,
+  userMenu,
+  notificationBell,
+  footerExtras,
+  collapsed = false,
+  className,
+  surface = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex h-full w-full min-w-0 flex-col text-ph-ink",
+        surface ? "bg-ph-surface" : "bg-ph-canvas",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex shrink-0 border-b border-ph-border",
+              surface ? "bg-ph-surface" : "bg-ph-canvas",
+              collapsed ? "flex-col items-center gap-1 px-1 py-2" : "h-14 items-center justify-between gap-2 px-3"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("min-w-0", collapsed ? "shrink-0" : "flex-1"), children: renderNode(appSwitcher, collapsed) }),
+              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "shrink-0", children: renderNode(notificationBell, collapsed) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex min-h-0 flex-1 flex-col overflow-y-auto",
+              surface ? "bg-ph-surface" : "bg-ph-canvas",
+              collapsed ? "px-1.5 py-2" : "p-2"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                "nav",
+                {
+                  "aria-label": "Pages",
+                  className: "shrink-0 space-y-0.5",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("mb-3", collapsed && "flex justify-center"), children: renderNode(contextSwitcher, collapsed) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "space-y-0.5", children: navItems.map((item) => {
+                      const Icon = item.icon;
+                      const active = Boolean(item.active);
+                      const link = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                        import_link2.default,
+                        {
+                          href: item.href,
+                          "data-test": "nav-link",
+                          "aria-current": active ? "page" : void 0,
+                          onClick: item.onClick,
+                          className: cn(
+                            "group relative flex items-center gap-2.5 rounded-[var(--ph-radius-app)] text-sm font-medium transition-colors",
+                            active ? "bg-ph-muted" : "text-ph-subtle hover:bg-ph-muted hover:text-ph-ink",
+                            collapsed ? "mx-auto size-10 shrink-0 justify-center gap-0 px-0 py-0" : "w-full px-2.5 py-2"
+                          ),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                              "span",
+                              {
+                                className: cn(
+                                  "relative flex h-4 w-4 shrink-0 items-center justify-center",
+                                  item.iconClassName
+                                ),
+                                "aria-hidden": true,
+                                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                                  Icon,
+                                  {
+                                    className: "h-full w-full",
+                                    strokeWidth: active ? 2 : 1.75
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                              "span",
+                              {
+                                className: cn(
+                                  "relative truncate",
+                                  active ? "text-ph-ink" : "text-ph-subtle group-hover:text-ph-ink",
+                                  collapsed && "sr-only"
+                                ),
+                                children: item.label
+                              }
+                            ),
+                            !collapsed && item.badge ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "relative ml-auto shrink-0", children: item.badge }) : null
+                          ]
+                        },
+                        item.label
+                      );
+                      return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Tooltip, { content: item.label, side: "right", children: link }, item.label) : link;
+                    }) })
+                  ]
+                }
+              ),
+              secondaryNav ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                "div",
+                {
+                  className: "min-h-0 flex-1",
+                  "data-test": "suite-sidebar-secondary-nav",
+                  children: secondaryNav
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "div",
+          {
+            className: cn(
+              "shrink-0 border-t border-ph-border",
+              surface ? "bg-ph-surface" : "bg-ph-canvas",
+              collapsed ? "p-1.5" : "p-3"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2",
+                  collapsed && "justify-center"
+                ),
+                children: [
+                  renderNode(userMenu, collapsed),
+                  !collapsed && footerExtras ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "ml-auto shrink-0", children: renderNode(footerExtras, collapsed) }) : null
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/suite/components/suite-app-layout.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function SuiteAppLayout({
+  sidebar,
+  children,
+  mobileHeader,
+  bottomNav,
+  sidebarWidth = 240,
+  collapsed = false,
+  onStartResize,
+  onResetWidth,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { "data-test": "app-shell", className: cn("min-h-screen", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "hidden lg:flex h-screen overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "aside",
+        {
+          className: "relative flex shrink-0 flex-col border-r border-ph-border transition-[width] duration-200 ease-out",
+          style: { width: `${sidebarWidth}px` },
+          children: [
+            sidebar,
+            onStartResize ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              "div",
+              {
+                role: "separator",
+                "aria-orientation": "vertical",
+                "aria-label": "Resize sidebar",
+                onPointerDown: onStartResize,
+                onDoubleClick: onResetWidth,
+                className: "absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize transition-colors hover:bg-[color-mix(in_oklab,var(--ph-accent)_30%,transparent)]"
+              }
+            ) : null
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("main", { className: "min-w-0 flex-1 overflow-y-auto bg-ph-canvas", children })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex min-h-screen flex-col lg:hidden", children: [
+      mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "shrink-0", children: mobileHeader }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("main", { className: "min-w-0 flex-1 overflow-y-auto bg-ph-canvas", children }),
+      bottomNav ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "shrink-0", children: bottomNav }) : null
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  APP_ACCENTS,
+  APP_GLYPHS,
+  AnimatedMoon,
+  AnimatedSun,
+  AppSwitcher,
+  AppSwitcherChevron,
+  AppSwitcherMark,
+  CommandPaletteHost,
+  DeferredChrome,
+  SUITE_APPS,
+  SUITE_APP_MAP,
+  SUITE_GLYPHS,
+  SUITE_ICON_NAMES,
+  SUITE_SPRINGS,
+  SourceAppGlyph,
+  SuiteAiPanel,
+  SuiteAppIcon,
+  SuiteAppLayout,
+  SuiteAppStrip,
+  SuiteBottomNav,
+  SuiteBreadcrumbs,
+  SuiteEmptyState,
+  SuiteIcon,
+  SuiteMobileDrawer,
+  SuiteMobileHeader,
+  SuiteMotionProvider,
+  SuiteNotificationBell,
+  SuitePage,
+  SuitePageHeader,
+  SuiteSectionHeader,
+  SuiteSettingsMobileNav,
+  SuiteSidebar,
+  SuiteSkeleton,
+  SuiteSkeletonCard,
+  SuiteSkeletonList,
+  SuiteTabList,
+  SuiteThemeProvider,
+  SuiteToolbar,
+  SuiteUserMenu,
+  TodayCalibrating,
+  TodayEmptyState,
+  TodayHero,
+  TodayPageFrame,
+  TodayPanel,
+  TodaySection,
+  TodayTimeIcon,
+  TodayTopBar,
+  appSwitcherMarkClass,
+  appSwitcherMenuItemClass,
+  appSwitcherTriggerClass,
+  cn,
+  getTodayGreeting,
+  m,
+  sourceToSuiteApp,
+  suiteAppBaseUrl,
+  suiteAppLabel,
+  useIdleMount,
+  useSuiteTheme
+});