@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/home/index.cjs

@@ -0,0 +1,854 @@
+"use client";
+'use strict';
+
+var chunkXZIYRKLW_cjs = require('../chunk-XZIYRKLW.cjs');
+var chunkPCB2BPN3_cjs = require('../chunk-PCB2BPN3.cjs');
+var chunk54Q3RNJU_cjs = require('../chunk-54Q3RNJU.cjs');
+var chunkOB5F4577_cjs = require('../chunk-OB5F4577.cjs');
+require('../chunk-PPCATBOY.cjs');
+require('../chunk-C54XEN5T.cjs');
+var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function CreateTile({
+  label,
+  ariaLabel,
+  onSelect,
+  help,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(
+        "flex min-h-40 w-full cursor-pointer flex-col items-center justify-center gap-1 rounded-lg bg-muted p-4 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      onClick: onSelect,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect?.();
+        }
+      },
+      role: "button",
+      tabIndex: 0,
+      "aria-label": ariaLabel ?? label,
+      "data-slot": "create-tile",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex flex-col items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-6", "aria-hidden": "true" }),
+          label
+        ] }),
+        help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-64 px-4 text-center text-xs leading-snug text-muted-foreground", children: help })
+      ]
+    }
+  );
+}
+function Greeting({
+  eyebrow,
+  title,
+  description,
+  actions,
+  className,
+  testId,
+  eyebrowTestId,
+  titleTestId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background", "data-slot": "greeting", "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn(
+        "mx-auto flex max-w-6xl flex-wrap items-end justify-between gap-x-4 gap-y-3 px-4 pb-4 pt-8 sm:px-8",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-testid": eyebrowTestId, children: eyebrow }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: "mt-1 break-words text-xl font-semibold tracking-tight text-foreground sm:text-2xl",
+              "data-testid": titleTestId,
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+        ] }),
+        actions
+      ]
+    }
+  ) });
+}
+function RecentList({
+  icon,
+  title,
+  count,
+  onOpen,
+  openHref,
+  action,
+  rows,
+  caption,
+  empty,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: ui.cn("flex min-w-0 flex-col gap-1", className),
+      "data-slot": "recent-list",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk54Q3RNJU_cjs.SectionHeader,
+          {
+            icon,
+            title,
+            count,
+            onOpen,
+            openHref,
+            openTestId: testId && `${testId}-open`,
+            action
+          }
+        ),
+        rows.length === 0 ? empty?.onSelect ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunk54Q3RNJU_cjs.EmptyStrip,
+          {
+            icon: empty.icon,
+            label: empty.label,
+            description: empty.description,
+            onSelect: empty.onSelect,
+            testId: testId && `${testId}-empty-action`
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 py-3 text-sm text-muted-foreground", children: empty?.description ?? empty?.label }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sr-only", "data-testid": testId && `${testId}-caption`, children: caption }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: "relative flex items-center rounded-md transition-colors [&:hover]:bg-muted has-[:focus-visible]:bg-muted",
+              "data-slot": "recent-row",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  chunkOB5F4577_cjs.ActionLink,
+                  {
+                    href: row.href,
+                    onSelect: row.onSelect,
+                    title: row.title,
+                    className: ui.cn(
+                      "flex min-w-0 flex-1 items-start gap-3 rounded-md px-3 py-2 text-left focus-visible:outline-none",
+                      row.onSelect && "cursor-pointer",
+                      "pointer-coarse:min-h-11"
+                    ),
+                    "data-testid": testId && `${testId}-row`,
+                    children: [
+                      row.leading,
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: row.title }),
+                          !row.trailing && row.time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: row.time })
+                        ] }),
+                        row.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: row.subtitle })
+                      ] })
+                    ]
+                  }
+                ),
+                row.trailing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 pr-3", children: row.trailing }) : null
+              ]
+            },
+            row.id
+          )) })
+        ] })
+      ]
+    }
+  );
+}
+function FactsStrip({
+  icon,
+  title,
+  count,
+  onOpen,
+  action,
+  groups,
+  empty,
+  className,
+  testId
+}) {
+  const filled = groups.filter((g) => g.rows.length > 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: ui.cn("flex min-w-0 flex-col gap-1", className),
+      "data-slot": "facts-strip",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk54Q3RNJU_cjs.SectionHeader,
+          {
+            icon,
+            title,
+            count,
+            onOpen,
+            openTestId: testId && `${testId}-open`,
+            action
+          }
+        ),
+        filled.length === 0 ? empty && /* @__PURE__ */ jsxRuntime.jsx(
+          chunk54Q3RNJU_cjs.EmptyStrip,
+          {
+            icon: empty.icon,
+            label: empty.label,
+            description: empty.description,
+            onSelect: empty.onSelect,
+            testId: empty.testId
+          }
+        ) : filled.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-1 pt-1 text-right text-xs text-muted-foreground", children: group.caption }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { children: group.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: row.onSelect,
+              title: row.title,
+              className: "flex w-full min-w-0 items-center gap-3 rounded-md px-3 py-2 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:bg-muted pointer-coarse:min-h-11",
+              "data-testid": group.rowTestId ?? (testId && `${testId}-row`),
+              children: [
+                row.leading,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-foreground", children: row.title }),
+                row.time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: row.time })
+              ]
+            }
+          ) }, row.id)) })
+        ] }, group.caption))
+      ]
+    }
+  );
+}
+var DEFAULT_GETTING_STARTED_STRIP_LABELS = {
+  allSet: (firstName) => `You\u2019re all set${firstName ? `, ${firstName}` : ""}!`,
+  finished: (stepCount) => `You\u2019ve finished the ${stepCount} getting-started steps \u2014 explore away.`,
+  done: "Done",
+  welcome: (firstName) => `Welcome, ${firstName}`,
+  getStarted: "Get started with ARBI",
+  replayDone: "Nicely done \u2014 that\u2019s the tour again",
+  almostThere: "Almost there",
+  dismiss: "Dismiss getting started"
+};
+function circleClasses(done, isCurrent) {
+  if (done) return "border-primary bg-primary text-primary-foreground";
+  if (isCurrent) return "border-primary bg-accent text-accent-foreground";
+  return "border-border text-muted-foreground";
+}
+function Journey({
+  steps,
+  currentStepId,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      className: "hidden min-w-0 shrink items-center overflow-x-auto sm:flex",
+      "data-slot": "journey",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "getting-started-stepper" }),
+      children: steps.map((step, i) => {
+        const isCurrent = step.id === currentStepId;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex shrink-0 items-center",
+            "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(testId, step.id, {
+              testId: `getting-started-stepper-${step.id}`
+            }),
+            "data-done": step.done,
+            "data-current": isCurrent,
+            children: [
+              i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: ui.cn(
+                    "h-0 w-3 shrink-0 border-t-2 border-solid transition-colors duration-500",
+                    steps[i - 1].done ? "border-primary" : "border-border"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: ui.cn(
+                      "flex size-6 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold tabular-nums transition-colors",
+                      circleClasses(step.done, isCurrent)
+                    ),
+                    children: i + 1
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: ui.cn(
+                      "text-sm font-medium",
+                      step.done ? "text-muted-foreground line-through" : isCurrent ? "text-foreground" : "text-muted-foreground"
+                    ),
+                    children: step.title
+                  }
+                ),
+                isCurrent && !step.done && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                  "\u2014 ",
+                  step.description
+                ] })
+              ] })
+            ]
+          },
+          step.id
+        );
+      })
+    }
+  );
+}
+function GettingStartedStrip({
+  steps,
+  currentStepId,
+  firstName,
+  isReplay = false,
+  isComplete = false,
+  onDismiss,
+  logo,
+  labels,
+  className,
+  testId,
+  testIds
+}) {
+  const l = { ...DEFAULT_GETTING_STARTED_STRIP_LABELS, ...labels };
+  if (isComplete && !isReplay) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn("flex min-w-0 items-center gap-3", className),
+        "data-slot": "getting-started-strip",
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "getting-started" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PartyPopper, { className: "size-5 shrink-0 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "p",
+            {
+              className: "min-w-0 shrink truncate text-base",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.complete, { testId: "getting-started-complete" }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: l.allSet(firstName) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-1.5 text-muted-foreground", children: "\xB7" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.finished(steps.length) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Journey, { steps, currentStepId, testId: testIds?.stepper }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: "shrink-0 rounded-md bg-muted px-3 py-1.5 text-sm font-medium text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.done, { testId: "getting-started-done" }),
+              children: l.done
+            }
+          )
+        ]
+      }
+    );
+  }
+  const greeting = firstName ? l.welcome(firstName) : l.getStarted;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex min-w-0 items-center gap-3", className),
+      "data-slot": "getting-started-strip",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "getting-started" }),
+      children: [
+        logo,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-base font-semibold text-foreground", children: greeting }),
+        /* @__PURE__ */ jsxRuntime.jsx(Journey, { steps, currentStepId, testId: testIds?.stepper }),
+        !currentStepId && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-muted-foreground", children: isReplay ? l.replayDone : l.almostThere }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            className: "shrink-0 rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:p-3",
+            "aria-label": l.dismiss,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.dismiss, { testId: "getting-started-dismiss" }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ActionMenuDialog({
+  open,
+  onOpenChange,
+  icon,
+  title,
+  description,
+  items,
+  onPick,
+  testId,
+  itemTestId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.DialogContent,
+    {
+      presentation: "sheet",
+      className: "sm:max-w-lg",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "action-menu-dialog" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunk54Q3RNJU_cjs.QuickActionDialogHeader, { icon, title, description }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3 pt-1", role: "menu", "aria-label": title, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            onClick: () => onPick(item.id),
+            "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(itemTestId, item.id, {
+              testId: `action-menu-item-${item.id}`
+            }),
+            className: ui.cn(
+              "flex min-h-32 flex-col items-center justify-center gap-2 rounded-lg border border-border bg-card p-3 text-center transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:border-primary [&:hover]:bg-muted"
+            ),
+            children: [
+              item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: item.icon }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: item.label }),
+              item.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: item.description })
+            ]
+          },
+          item.id
+        )) })
+      ]
+    }
+  ) });
+}
+function CardHeaderBar({
+  icon,
+  title,
+  subtitle,
+  bgColor = "bg-primary",
+  badge,
+  titleBadge = false,
+  titleBadgeColor,
+  actionButton,
+  variant = "filled",
+  accentClass,
+  titleTrailing,
+  className,
+  testId,
+  testIds
+}) {
+  const plain = variant === "plain";
+  const titleTestId = chunkMHVNT4J3_cjs.testIdOr(testIds?.title, { testId: "card-header-title" });
+  const containerBg = plain ? ui.cn("bg-muted", accentClass && ["border-b", accentClass]) : bgColor;
+  const titleColor = plain ? "text-foreground" : "text-primary-foreground";
+  const subtitleColor = plain ? "text-muted-foreground" : "text-primary-foreground opacity-80";
+  const iconColor = plain ? "text-foreground" : "text-primary-foreground";
+  const heightClass = subtitle ? "h-14" : "h-12";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("relative w-full", heightClass, containerBg, className),
+      "data-slot": "card-header-bar",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "card-header" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: ui.cn(
+              "absolute left-4 top-1/2 flex -translate-y-1/2 items-center gap-2",
+              actionButton ? "right-16" : "right-4"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("-ml-1 flex shrink-0 items-center [&>svg]:size-8", iconColor), children: icon }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
+                titleBadge ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: ui.cn(
+                      "inline-flex items-center self-start rounded-md border px-2 py-0.5",
+                      plain ? "border-transparent bg-background" : "border-primary-foreground/30"
+                    ),
+                    style: titleBadgeColor ? { backgroundColor: titleBadgeColor } : void 0,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: ui.cn(
+                          "truncate text-base font-semibold capitalize leading-none",
+                          titleColor
+                        ),
+                        "data-testid": titleTestId,
+                        title,
+                        children: title
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: ui.cn(
+                        "truncate text-base font-semibold capitalize leading-none",
+                        titleColor
+                      ),
+                      "data-testid": titleTestId,
+                      title,
+                      children: title
+                    }
+                  ),
+                  titleTrailing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1", children: titleTrailing })
+                ] }),
+                badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: badge }),
+                subtitle && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: ui.cn("truncate text-sm", subtitleColor),
+                    "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.subtitle, { testId: "card-header-subtitle" }),
+                    title: subtitle,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: "# " }),
+                      subtitle
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        actionButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("absolute top-1/2 -translate-y-1/2", plain ? "right-2.5" : "right-4"), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: ui.cn(
+              "flex cursor-pointer items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11",
+              plain ? "p-1.5 hover:bg-foreground/5" : "size-8 bg-card hover:bg-card/90"
+            ),
+            onClick: actionButton.onClick,
+            "aria-label": actionButton.ariaLabel,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.actionButton, { testId: "card-header-action-button" }),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("[&>svg]:size-5", !plain && "text-foreground"), children: actionButton.icon })
+          }
+        ) })
+      ]
+    }
+  );
+}
+var DASHBOARD_QUIET_ACTION_CLASS = "h-8 gap-1.5 px-2 text-sm bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground pointer-coarse:h-11";
+function DashboardRoot({
+  testId,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dashboard",
+      "data-testid": testId,
+      className: ui.cn("flex flex-col gap-6", className),
+      children
+    }
+  );
+}
+function DashboardBand({
+  kind,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dashboard-band",
+      "data-kind": kind,
+      className: kind === "start" ? "mt-2" : "mt-4 flex flex-col gap-3",
+      children
+    }
+  );
+}
+function DashboardColumns({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dashboard-columns", className: "grid gap-8 @2xl:grid-cols-2", children });
+}
+function FactMark({ pinned }) {
+  return pinned ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "size-3.5 shrink-0 text-primary", "aria-label": "Pinned" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-1 size-1.5 shrink-0 rounded-full bg-muted-foreground/40", "aria-hidden": true });
+}
+function DashboardAction({ emphasis, icon, label, onClick, testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      variant: emphasis === "primary" ? "default" : "ghost",
+      size: "sm",
+      className: emphasis === "primary" ? "h-8 gap-1.5 px-3 text-sm pointer-coarse:h-11" : DASHBOARD_QUIET_ACTION_CLASS,
+      onClick,
+      "data-testid": testId,
+      children: [
+        icon,
+        label
+      ]
+    }
+  );
+}
+function PlainBandTitle({
+  title,
+  count,
+  hint
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", "data-slot": "band-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: hint })
+  ] });
+}
+function ProjectBandTitle({
+  name,
+  count,
+  nameTestId,
+  breakdown,
+  readout
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", "data-slot": "band-title", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold text-foreground", "data-testid": nameTestId, children: name }) }),
+      breakdown && /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "top", children: breakdown })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
+    readout
+  ] });
+}
+function ProjectBreakdown({ name, badge, meters, dailyCap }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-64 space-y-2.5", "data-slot": "project-breakdown", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground", children: name }),
+      badge
+    ] }),
+    meters && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2.5 border-t border-border/50 pt-2.5", children: [
+      meters,
+      dailyCap && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-6 text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: dailyCap.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium tabular-nums text-foreground", children: dailyCap.value })
+      ] })
+    ] })
+  ] });
+}
+function ProjectReadout({ plan, usageLabel = "Usage:", usage }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    plan && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "flex items-center whitespace-nowrap",
+        "data-testid": plan.testId,
+        "data-slot": "project-plan",
+        children: plan.badge
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+        "data-testid": usage.testId,
+        "data-slot": "project-usage",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: usageLabel }),
+          usage.node
+        ]
+      }
+    )
+  ] });
+}
+function GridWithSelectionBar({
+  className,
+  grid,
+  bar
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ui.cn("flex h-full min-h-0 flex-col", className),
+      "data-slot": "grid-with-selection-bar",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-0 flex-1", children: grid }),
+        bar
+      ]
+    }
+  );
+}
+function BulkDeleteButton({
+  count,
+  isCompact,
+  disabled,
+  onClick,
+  label = "Delete"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick,
+      disabled,
+      title: label,
+      className: "border-destructive/30 text-destructive hover:bg-destructive hover:text-destructive-foreground pointer-coarse:h-11",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+        isCompact ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1", children: [
+          label,
+          " ",
+          count > 0 ? `(${count})` : ""
+        ] })
+      ]
+    }
+  );
+}
+function GridCellRow({ testId, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "grid-cell-row", "data-testid": testId, className: "flex items-center", children });
+}
+function EmptyCellDash() {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", "aria-label": "None", children: "\u2014" });
+}
+function HomeFrame({
+  testId = "home-page",
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "home-frame", "data-testid": testId, className: "flex h-full flex-col", children });
+}
+function HomeMain({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      "data-slot": "home-main",
+      className: "min-h-0 min-w-sidebar flex-1 overflow-hidden bg-background",
+      children
+    }
+  );
+}
+function HomeCenteredScroll({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "home-scroll", className: "h-full overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-6xl", children }) });
+}
+function HomeCenteredColumn({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "home-column",
+      className: ui.cn("mx-auto h-full max-w-6xl px-4 pb-4 sm:px-8", className),
+      children
+    }
+  );
+}
+function HomeLoadError({
+  title,
+  body,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "home-load-error",
+      className: "flex h-full flex-col items-center justify-center p-8",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunkPCB2BPN3_cjs.Callout, { variant: "danger", title, body, testId }) })
+    }
+  );
+}
+
+Object.defineProperty(exports, "CollapsibleSection", {
+  enumerable: true,
+  get: function () { return chunkXZIYRKLW_cjs.CollapsibleSection; }
+});
+Object.defineProperty(exports, "DEFAULT_COLLAPSIBLE_SECTION_LABELS", {
+  enumerable: true,
+  get: function () { return chunkXZIYRKLW_cjs.DEFAULT_COLLAPSIBLE_SECTION_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_KEY_VALUE_ROW_LABELS", {
+  enumerable: true,
+  get: function () { return chunkXZIYRKLW_cjs.DEFAULT_KEY_VALUE_ROW_LABELS; }
+});
+Object.defineProperty(exports, "KeyValueContainer", {
+  enumerable: true,
+  get: function () { return chunkXZIYRKLW_cjs.KeyValueContainer; }
+});
+Object.defineProperty(exports, "KeyValueRow", {
+  enumerable: true,
+  get: function () { return chunkXZIYRKLW_cjs.KeyValueRow; }
+});
+Object.defineProperty(exports, "AddFilesFirst", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.AddFilesFirst; }
+});
+Object.defineProperty(exports, "DEFAULT_ADD_FILES_FIRST_LABELS", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.DEFAULT_ADD_FILES_FIRST_LABELS; }
+});
+Object.defineProperty(exports, "DEFAULT_SCOPE_PICKER_LABELS", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.DEFAULT_SCOPE_PICKER_LABELS; }
+});
+Object.defineProperty(exports, "EmptyStrip", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.EmptyStrip; }
+});
+Object.defineProperty(exports, "FoldSection", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.FoldSection; }
+});
+Object.defineProperty(exports, "QuickActionDialogHeader", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.QuickActionDialogHeader; }
+});
+Object.defineProperty(exports, "ScopePicker", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.ScopePicker; }
+});
+Object.defineProperty(exports, "SectionHeader", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.SectionHeader; }
+});
+Object.defineProperty(exports, "SectionLabel", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.SectionLabel; }
+});
+Object.defineProperty(exports, "StartTiles", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.StartTiles; }
+});
+Object.defineProperty(exports, "useScopeSelection", {
+  enumerable: true,
+  get: function () { return chunk54Q3RNJU_cjs.useScopeSelection; }
+});
+exports.ActionMenuDialog = ActionMenuDialog;
+exports.BulkDeleteButton = BulkDeleteButton;
+exports.CardHeaderBar = CardHeaderBar;
+exports.CreateTile = CreateTile;
+exports.DASHBOARD_QUIET_ACTION_CLASS = DASHBOARD_QUIET_ACTION_CLASS;
+exports.DEFAULT_GETTING_STARTED_STRIP_LABELS = DEFAULT_GETTING_STARTED_STRIP_LABELS;
+exports.DashboardAction = DashboardAction;
+exports.DashboardBand = DashboardBand;
+exports.DashboardColumns = DashboardColumns;
+exports.DashboardRoot = DashboardRoot;
+exports.EmptyCellDash = EmptyCellDash;
+exports.FactMark = FactMark;
+exports.FactsStrip = FactsStrip;
+exports.GettingStartedStrip = GettingStartedStrip;
+exports.Greeting = Greeting;
+exports.GridCellRow = GridCellRow;
+exports.GridWithSelectionBar = GridWithSelectionBar;
+exports.HomeCenteredColumn = HomeCenteredColumn;
+exports.HomeCenteredScroll = HomeCenteredScroll;
+exports.HomeFrame = HomeFrame;
+exports.HomeLoadError = HomeLoadError;
+exports.HomeMain = HomeMain;
+exports.PlainBandTitle = PlainBandTitle;
+exports.ProjectBandTitle = ProjectBandTitle;
+exports.ProjectBreakdown = ProjectBreakdown;
+exports.ProjectReadout = ProjectReadout;
+exports.RecentList = RecentList;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map