@orangecheck/app-design 1.4.1 → 1.5.0

package/dist/components.d.mts

@@ -7,7 +7,7 @@ export { A as ApiRow, a as ApiTable, b as AppCard, c as AppCardProps, d as AppGr
 import { ExplorerKind, Network } from './format.mjs';
 import { j as ProtocolSlug } from './index-DmfyPYe5.mjs';
 import { S as Statement } from './status-badge-BJ9Sdsx8.mjs';
-export { A as AnchorState, a as AnchorStatus, b as ArtifactView, B as BlockCountdown, c as BlockHeight, C as ChosenFile, D as DropZone, F as FilterChips, d as FilterOption, e as FormSection, M as Meter, S as SectionStatus, f as StateBadge, g as StateDef, h as StateTone, T as ToolGrid, i as ToolItem, j as createStateBadge } from './tools-DFIxIj5p.mjs';
+export { A as AnchorState, a as AnchorStatus, b as ArtifactView, B as BlockCountdown, c as BlockHeight, C as ChosenFile, D as DropZone, F as FilterChips, d as FilterOption, e as FormSection, M as Meter, S as SectionStatus, f as StateBadge, g as StateDef, h as StateTone, T as ToolGrid, i as ToolItem, j as createStateBadge } from './tools-Bg1gi2HO.mjs';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -609,6 +609,35 @@ declare function ErrorPage({ code, title, detail, actions, home, protocol, art,
     className?: string;
 }): react.JSX.Element;
 
+declare function CountdownRing({ period, remaining, warnAt, size, showSeconds, className, }: {
+    period: number;
+    remaining?: number;
+    warnAt?: number;
+    size?: number;
+    showSeconds?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function PlanCard({ name, subtitle, price, period, footnote, features, action, badge, badgeTone, highlight, className, }: {
+    name: ReactNode;
+    subtitle?: ReactNode;
+    price: ReactNode;
+    period?: ReactNode;
+    footnote?: ReactNode;
+    features?: ReactNode[];
+    action?: ReactNode;
+    badge?: ReactNode;
+    badgeTone?: 'neutral' | 'brand' | 'success' | 'muted';
+    highlight?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function LockedPreview({ title, description, action, children, className, }: {
+    title: ReactNode;
+    description?: ReactNode;
+    action: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
 declare function SectionHeading({ eyebrow, title, lead, id, onInk, level, as, align, reveal, className, }: {
     eyebrow?: ReactNode;
     title: ReactNode;
@@ -758,7 +787,10 @@ declare function TextLink({ href: written, children, external, className, }: {
 
 interface SearchResult {
     id: string;
-    href: string;
+    href?: string;
+    run?: () => void;
+    icon?: ReactNode;
+    meta?: ReactNode;
     title: ReactNode;
     section?: ReactNode;
     excerpt?: ReactNode;
@@ -774,7 +806,7 @@ declare const SearchButton: react.ForwardRefExoticComponent<{
     onClick?: () => void;
     className?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
-declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, className, }: {
+interface SearchDialogProps {
     onQuery: SearchQuery;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -787,6 +819,9 @@ declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect,
     defaultQuery?: string;
     debounceMs?: number;
     className?: string;
-}): react.JSX.Element;
+    browse?: boolean;
+}
+declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
+declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, Container, CopyButton, type CopyButtonProps, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, LoadingBlock, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };

package/dist/components.d.ts

@@ -7,7 +7,7 @@ export { A as ApiRow, a as ApiTable, b as AppCard, c as AppCardProps, d as AppGr
 import { ExplorerKind, Network } from './format.js';
 import { j as ProtocolSlug } from './index-DmfyPYe5.js';
 import { S as Statement } from './status-badge-Bt8x3RhO.js';
-export { A as AnchorState, a as AnchorStatus, b as ArtifactView, B as BlockCountdown, c as BlockHeight, C as ChosenFile, D as DropZone, F as FilterChips, d as FilterOption, e as FormSection, M as Meter, S as SectionStatus, f as StateBadge, g as StateDef, h as StateTone, T as ToolGrid, i as ToolItem, j as createStateBadge } from './tools-BggNN5DV.js';
+export { A as AnchorState, a as AnchorStatus, b as ArtifactView, B as BlockCountdown, c as BlockHeight, C as ChosenFile, D as DropZone, F as FilterChips, d as FilterOption, e as FormSection, M as Meter, S as SectionStatus, f as StateBadge, g as StateDef, h as StateTone, T as ToolGrid, i as ToolItem, j as createStateBadge } from './tools-Bw7RhO92.js';
 
 declare function Eyebrow({ className, onInk, ...props }: HTMLAttributes<HTMLParagraphElement> & {
     onInk?: boolean;
@@ -609,6 +609,35 @@ declare function ErrorPage({ code, title, detail, actions, home, protocol, art,
     className?: string;
 }): react.JSX.Element;
 
+declare function CountdownRing({ period, remaining, warnAt, size, showSeconds, className, }: {
+    period: number;
+    remaining?: number;
+    warnAt?: number;
+    size?: number;
+    showSeconds?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function PlanCard({ name, subtitle, price, period, footnote, features, action, badge, badgeTone, highlight, className, }: {
+    name: ReactNode;
+    subtitle?: ReactNode;
+    price: ReactNode;
+    period?: ReactNode;
+    footnote?: ReactNode;
+    features?: ReactNode[];
+    action?: ReactNode;
+    badge?: ReactNode;
+    badgeTone?: 'neutral' | 'brand' | 'success' | 'muted';
+    highlight?: boolean;
+    className?: string;
+}): react.JSX.Element;
+declare function LockedPreview({ title, description, action, children, className, }: {
+    title: ReactNode;
+    description?: ReactNode;
+    action: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
 declare function SectionHeading({ eyebrow, title, lead, id, onInk, level, as, align, reveal, className, }: {
     eyebrow?: ReactNode;
     title: ReactNode;
@@ -758,7 +787,10 @@ declare function TextLink({ href: written, children, external, className, }: {
 
 interface SearchResult {
     id: string;
-    href: string;
+    href?: string;
+    run?: () => void;
+    icon?: ReactNode;
+    meta?: ReactNode;
     title: ReactNode;
     section?: ReactNode;
     excerpt?: ReactNode;
@@ -774,7 +806,7 @@ declare const SearchButton: react.ForwardRefExoticComponent<{
     onClick?: () => void;
     className?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
-declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, className, }: {
+interface SearchDialogProps {
     onQuery: SearchQuery;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -787,6 +819,9 @@ declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect,
     defaultQuery?: string;
     debounceMs?: number;
     className?: string;
-}): react.JSX.Element;
+    browse?: boolean;
+}
+declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
+declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, Container, CopyButton, type CopyButtonProps, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, LoadingBlock, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+export { Accent, type ActivityItem, ActivityList, BrowserFrame, type CheckState, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SignMessage, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type VerifyCheck, VerifyReport, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };

package/dist/components.js

@@ -564,7 +564,7 @@ var JS_TAG = /<\/?(?=[A-Za-z])/y;
 var JS_TAG_NAME = /[A-Za-z][\w$.:-]*/y;
 var JS_PUNCT = /=>|\.\.\.|[{}()[\];,.<>=+\-*/%!?:&|^~#]/y;
 var JSX_BEFORE = /* @__PURE__ */ new Set(["(", ",", "=", "?", ":", "{", "[", ";", ">", "&&", "||", "=>", "return"]);
-function scanJs(src, emit, jsx35) {
+function scanJs(src, emit, jsx36) {
   let i = 0;
   let prev = "";
   let tagDepth = 0;
@@ -590,7 +590,7 @@ function scanJs(src, emit, jsx35) {
       sig('"');
       continue;
     }
-    if (jsx35 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
+    if (jsx36 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
       const name = at(JS_TAG_NAME, src, i + m.length);
       if (name) {
         emit(m);
@@ -602,7 +602,7 @@ function scanJs(src, emit, jsx35) {
         continue;
       }
     }
-    if (jsx35 && tagDepth > 0 && braceInTag === 0) {
+    if (jsx36 && tagDepth > 0 && braceInTag === 0) {
       if (src.startsWith("/>", i) || src[i] === ">") {
         const close = src[i] === ">" ? ">" : "/>";
         emit(close);
@@ -622,7 +622,7 @@ function scanJs(src, emit, jsx35) {
         continue;
       }
       if (src[i] === "{") braceInTag = 1;
-    } else if (jsx35 && tagDepth > 0 && braceInTag > 0) {
+    } else if (jsx36 && tagDepth > 0 && braceInTag > 0) {
       if (src[i] === "{") braceInTag++;
       else if (src[i] === "}") braceInTag--;
     }
@@ -2506,6 +2506,131 @@ function ErrorPage({
     art !== null ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: "oca-enter hidden justify-center md:col-span-5 md:flex [--enter-delay:120ms]", children: art ?? /* @__PURE__ */ jsxRuntime.jsx(MarkOutline, { className: "w-full max-w-[20rem] text-oca-hairline-strong" }) }) : null
   ] }) });
 }
+function onSecond(tick) {
+  const id = setInterval(tick, 1e3);
+  return () => clearInterval(id);
+}
+var nowSeconds = () => Math.floor(Date.now() / 1e3);
+function CountdownRing({
+  period,
+  remaining,
+  warnAt = 5,
+  size = 18,
+  showSeconds = true,
+  className
+}) {
+  const now = react.useSyncExternalStore(onSecond, nowSeconds, () => null);
+  const left = remaining ?? (now === null ? null : period - now % period);
+  const share = left === null ? 1 : Math.max(0, Math.min(1, left / period));
+  const warn = left !== null && left <= warnAt;
+  const r = size / 2 - 1.5;
+  const c = 2 * Math.PI * r;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      role: "timer",
+      "aria-label": left === null ? void 0 : `${left} second${left === 1 ? "" : "s"} left`,
+      className: cn("inline-flex items-center gap-1.5", warn ? "text-destructive" : "text-muted-foreground", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": true, width: size, height: size, viewBox: `0 0 ${size} ${size}`, className: "-rotate-90", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: size / 2, cy: size / 2, r, fill: "none", stroke: "var(--border)", strokeWidth: 2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r,
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeDasharray: c,
+              strokeDashoffset: c * (1 - share),
+              className: cn(left !== null && left < period && "transition-[stroke-dashoffset] duration-1000 ease-linear motion-reduce:transition-none")
+            }
+          )
+        ] }),
+        showSeconds && left !== null ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[0.8125rem] oca-tabular", children: [
+          left,
+          "s"
+        ] }) : null
+      ]
+    }
+  );
+}
+function PlanCard({
+  name,
+  subtitle,
+  price,
+  period,
+  footnote,
+  features = [],
+  action,
+  badge,
+  badgeTone = "neutral",
+  highlight: highlight2 = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: cn(
+        "flex h-full flex-col gap-5 rounded-[1.25rem] border bg-card p-6",
+        highlight2 ? "border-foreground shadow-sm ring-1 ring-foreground" : "border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[1.0625rem] font-medium leading-snug", children: name }),
+            badge ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: badgeTone, children: badge }) : null
+          ] }),
+          subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.875rem] leading-snug text-muted-foreground", children: subtitle }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex flex-wrap items-baseline gap-x-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oca-display-3 oca-tabular", children: price }),
+            period ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.9375rem] text-muted-foreground", children: period }) : null
+          ] }),
+          footnote ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.8125rem] text-muted-foreground", children: footnote }) : null
+        ] }),
+        features.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2.5 text-[0.9375rem]", children: features.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { "aria-hidden": true, className: "mt-1 size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", children: f })
+        ] }, i)) }) : null,
+        action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-col pt-1 [&>*]:w-full", children: action }) : null
+      ]
+    }
+  );
+}
+function LockedPreview({
+  title,
+  description,
+  action,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
+    children ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        inert: true,
+        "aria-hidden": true,
+        "data-oca-locked": "",
+        className: "pointer-events-none max-h-[28rem] select-none overflow-hidden [mask-image:linear-gradient(to_bottom,#000_25%,transparent_85%)]",
+        children
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mx-auto flex max-w-md flex-col items-center gap-4 rounded-[1.25rem] border border-border bg-card px-6 py-7 text-center shadow-sm", children && "-mt-40"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex size-10 items-center justify-center rounded-full bg-muted text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "size-[1.125rem]" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[1.0625rem] font-medium leading-snug", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.9375rem] leading-snug text-muted-foreground", children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-2", children: action })
+    ] })
+  ] });
+}
 function IsoCheck({ size = 360, settle = false, shadow = true, tilt = false, title, className }) {
   const ref = react.useRef(null);
   react.useEffect(() => {
@@ -3966,6 +4091,7 @@ function SearchDialog({
   idle,
   defaultQuery = "",
   debounceMs = 120,
+  browse = false,
   className
 }) {
   const [own, setOwn] = react.useState(false);
@@ -4002,7 +4128,7 @@ function SearchDialog({
   }, [hotkey]);
   react.useEffect(() => {
     const q = query.trim();
-    if (!q) {
+    if (!q && !(browse && open)) {
       setGroups([]);
       setState("idle");
       return;
@@ -4024,14 +4150,15 @@ function SearchDialog({
       clearTimeout(t);
       ctl.abort();
     };
-  }, [query, debounceMs]);
+  }, [query, debounceMs, browse, open]);
   react.useEffect(() => {
     listRef.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }, [active]);
   const choose = (r) => {
     setOpen(false);
-    if (onSelect) onSelect(r);
-    else window.location.assign(r.href);
+    if (r.run) r.run();
+    else if (onSelect) onSelect(r);
+    else if (r.href) window.location.assign(r.href);
   };
   const optionId = (i) => `${listId}-o${i}`;
   const showList = state === "done" && flat.length > 0;
@@ -4102,25 +4229,28 @@ function SearchDialog({
                   index++;
                   const i = index;
                   const on = i === active;
+                  const Option = r.href ? "a" : "div";
                   return /* @__PURE__ */ jsxRuntime.jsxs(
-                    "a",
+                    Option,
                     {
                       id: optionId(i),
-                      href: r.href,
+                      ...r.href ? { href: r.href } : {},
                       role: "option",
                       "aria-selected": on,
                       tabIndex: -1,
                       onMouseMove: () => setActive(i),
                       onClick: (e) => {
-                        if (e.metaKey || e.ctrlKey || e.shiftKey) return;
+                        if (r.href && (e.metaKey || e.ctrlKey || e.shiftKey)) return;
                         e.preventDefault();
                         choose(r);
                       },
                       className: cn(
                         "flex items-start gap-3 rounded-xl px-3 py-2.5 transition-colors",
-                        on ? "bg-accent" : "hover:bg-accent"
+                        on ? "bg-accent" : "hover:bg-accent",
+                        !r.href && "cursor-pointer"
                       ),
                       children: [
+                        r.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "mt-0.5 flex size-5 shrink-0 items-center justify-center text-muted-foreground [&_svg]:size-[1.0625rem]", children: r.icon }) : null,
                         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.9375rem] font-medium text-foreground", children: r.title }),
                           r.section ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-[0.8125rem] text-muted-foreground", children: r.section }) : null,
@@ -4132,6 +4262,7 @@ function SearchDialog({
                             }
                           ) : r.excerpt ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-2 text-[0.875rem] leading-snug text-muted-foreground", children: r.excerpt }) : null
                         ] }),
+                        r.meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-[0.8125rem] text-muted-foreground", children: r.meta }) : null,
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownLeft, { "aria-hidden": true, className: cn("mt-1 size-4 shrink-0 text-muted-foreground", !on && "invisible") })
                       ]
                     },
@@ -4140,11 +4271,11 @@ function SearchDialog({
                 })
               ] }, gi)) }),
               state === "idle" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-6 text-[0.9375rem] text-muted-foreground", children: idle ?? "Type a word: a protocol, a function, an error." }) : null,
-              state === "done" && flat.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { role: "status", className: "px-3 py-6 text-[0.9375rem] text-muted-foreground", children: [
+              state === "done" && flat.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "px-3 py-6 text-[0.9375rem] text-muted-foreground", children: query.trim() ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 "No results for \u201C",
                 query.trim(),
                 "\u201D."
-              ] }) : null,
+              ] }) : "Nothing here yet." }) : null,
               state === "error" ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", className: "px-3 py-6 text-[0.9375rem] text-muted-foreground", children: "Search is not available right now. Try again in a moment." }) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: "hidden shrink-0 items-center gap-4 border-t border-border px-5 py-2.5 text-[0.75rem] text-muted-foreground sm:flex", children: [
@@ -4169,6 +4300,13 @@ function SearchDialog({
     ] }) })
   ] });
 }
+function CommandDialog({
+  label = "Commands",
+  placeholder = "Search, or run a command",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SearchDialog, { ...props, label, placeholder, button: false, browse: true });
+}
 function pretty(content) {
   try {
     return JSON.stringify(JSON.parse(content), null, 2);
@@ -4597,6 +4735,13 @@ function BlockCountdown({
     ] }) : null
   ] });
 }
+var METER_FILL = {
+  ink: "bg-foreground",
+  brand: "bg-oca-orange-deep",
+  good: "bg-success",
+  caution: "bg-warning",
+  bad: "bg-destructive"
+};
 function Meter({
   value,
   max,
@@ -4631,7 +4776,7 @@ function Meter({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn("h-full shrink-0 rounded-full", tone === "brand" ? "bg-oca-orange-deep" : "bg-foreground"),
+              className: cn("h-full shrink-0 rounded-full", METER_FILL[tone]),
               style: { width: `${v * 100}%` }
             }
           ),
@@ -4761,9 +4906,11 @@ exports.CardGrid = CardGrid;
 exports.Closing = Closing;
 exports.CodeBlock = CodeBlock;
 exports.CodeTabs = CodeTabs;
+exports.CommandDialog = CommandDialog;
 exports.ComparisonTable = ComparisonTable;
 exports.Container = Container;
 exports.CopyButton = CopyButton;
+exports.CountdownRing = CountdownRing;
 exports.DataTable = DataTable;
 exports.Diagram = Diagram;
 exports.Display = Display;
@@ -4792,6 +4939,7 @@ exports.Lead = Lead;
 exports.LegalDocument = LegalDocument;
 exports.LinkCard = LinkCard;
 exports.LoadingBlock = LoadingBlock;
+exports.LockedPreview = LockedPreview;
 exports.MdxTable = MdxTable;
 exports.Meter = Meter;
 exports.Monogram = Monogram;
@@ -4801,6 +4949,7 @@ exports.PackageCard = PackageCard;
 exports.PageHeader = PageHeader;
 exports.PageHero = PageHero;
 exports.PhoneFrame = PhoneFrame;
+exports.PlanCard = PlanCard;
 exports.ProgressSteps = ProgressSteps;
 exports.ProofStrip = ProofStrip;
 exports.Prose = Prose;