@orangecheck/app-design 1.7.0 → 1.8.0

package/dist/index.d.mts

@@ -2,12 +2,12 @@ export { APP_ATTRIBUTE, APP_ID, appColors, appFonts, darkPalette, lightPalette }
 export { Accordion, AccordionItem, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, CardProps, CardTitle, Checkbox, ConfirmOptions, Density, DensityProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, FieldControlProps, FieldProps, Input, InputProps, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useDensity, useTimedOut } from './primitives.mjs';
 export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-BBbCO6ZA.mjs';
 export { AppIcon, AppIconProps, Crowd, CrowdProps, HalftoneCanvas, HalftoneCanvasProps, HalftoneSphere, HalftoneSphereProps, IsoCheck, IsoCheckProps, Lockup, LockupProps, MARK_FACES, Mark, MarkProps, SPHERE_GRADIENT, Tone, portraitTone } from './brand.mjs';
-export { Accent, ActivityItem, ActivityList, BrowserFrame, ChartFrame, ChartTone, CheckState, ChoiceCard, ChoiceGroup, Closing, Column, CommandDialog, Container, CopyButton, CopyButtonProps, CountdownRing, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LegendItem, ListCard, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchDialogProps, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SectionTitle, SignMessage, SourceNote, SourceNoteProps, Sparkline, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, ValueTone, VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView } from './components.mjs';
+export { Accent, ActivityItem, ActivityList, Avatar, BrowserFrame, ChartFrame, ChartTone, CheckState, ChoiceCard, ChoiceGroup, Closing, Column, CommandDialog, Container, CopyButton, CopyButtonProps, CountdownRing, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LegendItem, ListCard, ListRow, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchDialogProps, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SectionTitle, SignMessage, SourceNote, SourceNoteProps, Sparkline, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, ValueTone, VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView } from './components.mjs';
 export { D as DocHeader, a as DocLayout, P as PageHero, b as PageHeroProps, T as TocItem, u as useActiveHeading } from './hero-Dn37il-9.mjs';
 export { A as ApiRow, a as ApiTable, b as AppCard, c as AppCardProps, d as AppGrid, B as Breadcrumbs, C as Callout, e as CardGrid, f as CodeBlock, g as CodeBlockProps, h as CodeTab, i as CodeTabs, j as ComparisonColumn, k as ComparisonRow, l as ComparisonTable, m as Crumb, D as Diagram, n as DocsHeading, o as DocsPager, I as InstallTabs, L as LinkCard, M as MdxTable, p as MermaidLike, q as MermaidLoader, O as OnThisPage, P as PagerLink, r as ProtocolGrid, s as ProtocolHero, t as ProtocolNav, S as SpecCard, u as SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-B9G1BNXI.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-CKO8IseL.mjs';
 export { AccountCta, DOCS_HEADER_NAV, DocsNav, DocsNavItem, DocsNavSection, DocsShell, DocsShellProps, FamilyMenu, OchkIoFooter, ShellContext, ShellPlace, SignInFrame, SiteBanner, SiteFooter, SiteFooterProps, SiteHeader, SiteHeaderProps, SkipLink, useShellPlace } from './chrome.mjs';
-export { A as AccountMenu, a as AccountMenuItem, b as AppShell, c as AppShellProps, O as OCHK_APP_ACCOUNT, S as SessionAccountView, d as SessionState, e as ShellNavGroup, f as ShellNavItem, g as ShellSection, T as ThemeToggle, h as ToolColumn, i as ToolShell, j as ToolShellProps, u as useSignInHref } from './tool-shell-DQFEMLLe.mjs';
+export { A as AccountMenu, a as AccountMenuItem, b as AppShell, c as AppShellProps, O as OCHK_APP_ACCOUNT, P as PaneHeader, S as SessionAccountView, d as SessionState, e as ShellNavGroup, f as ShellNavItem, g as ShellSection, T as ThemeToggle, h as ToolColumn, i as ToolShell, j as ToolShellProps, u as useSignInHref } from './tool-shell-Dxw5o2rH.mjs';
 export { D as DOCS_HREF, F as FAMILY, a as FAMILY_GROUPS, b as FamilyGroup, c as FamilySite, d as FamilySlug, e as FooterColumn, G as GET_AN_ACCOUNT, L as LEGAL_LINKS, N as NavItem, O as OCHK_APP, f as OCHK_IO, g as OCHK_IO_FOOTER, h as OCHK_IO_NAV, P as PROTOCOLS, i as PROTOCOL_ORDER, j as ProtocolSite, k as ProtocolSlug, S as SELF_HOSTED_LEGAL_LINKS, l as SIGN_IN_LABEL, m as SiteStatus, n as familyByGroup, o as familySite, p as protocolSite } from './index-Bkl49Vgy.mjs';
 export { CODE_LANGS, CodeLine, CodeMeta, DiffMark, LineMarks, RehypeCodeOptions, TOKEN_CLASS, Token, TokenKind, escapeHtml, grammarOf, highlight, highlightToHtml, linesToHtml, parseCodeMeta, parseLineRanges, readDiff, rehypeCode } from './code.mjs';
 export { ExplorerKind, Network, blocksToDuration, explorerUrl, formatBlockHeight, formatBytes, formatUtc, shortenMiddle } from './format.mjs';

package/dist/index.d.ts

@@ -2,12 +2,12 @@ export { APP_ATTRIBUTE, APP_ID, appColors, appFonts, darkPalette, lightPalette }
 export { Accordion, AccordionItem, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, CardProps, CardTitle, Checkbox, ConfirmOptions, Density, DensityProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, FieldControlProps, FieldProps, Input, InputProps, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useDensity, useTimedOut } from './primitives.js';
 export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-CHHxtFkP.js';
 export { AppIcon, AppIconProps, Crowd, CrowdProps, HalftoneCanvas, HalftoneCanvasProps, HalftoneSphere, HalftoneSphereProps, IsoCheck, IsoCheckProps, Lockup, LockupProps, MARK_FACES, Mark, MarkProps, SPHERE_GRADIENT, Tone, portraitTone } from './brand.js';
-export { Accent, ActivityItem, ActivityList, BrowserFrame, ChartFrame, ChartTone, CheckState, ChoiceCard, ChoiceGroup, Closing, Column, CommandDialog, Container, CopyButton, CopyButtonProps, CountdownRing, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LegendItem, ListCard, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchDialogProps, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SectionTitle, SignMessage, SourceNote, SourceNoteProps, Sparkline, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, ValueTone, VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView } from './components.js';
+export { Accent, ActivityItem, ActivityList, Avatar, BrowserFrame, ChartFrame, ChartTone, CheckState, ChoiceCard, ChoiceGroup, Closing, Column, CommandDialog, Container, CopyButton, CopyButtonProps, CountdownRing, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LegendItem, ListCard, ListRow, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchDialogProps, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SectionTitle, SignMessage, SourceNote, SourceNoteProps, Sparkline, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, ValueTone, VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView } from './components.js';
 export { D as DocHeader, a as DocLayout, P as PageHero, b as PageHeroProps, T as TocItem, u as useActiveHeading } from './hero-Dn37il-9.js';
 export { A as ApiRow, a as ApiTable, b as AppCard, c as AppCardProps, d as AppGrid, B as Breadcrumbs, C as Callout, e as CardGrid, f as CodeBlock, g as CodeBlockProps, h as CodeTab, i as CodeTabs, j as ComparisonColumn, k as ComparisonRow, l as ComparisonTable, m as Crumb, D as Diagram, n as DocsHeading, o as DocsPager, I as InstallTabs, L as LinkCard, M as MdxTable, p as MermaidLike, q as MermaidLoader, O as OnThisPage, P as PagerLink, r as ProtocolGrid, s as ProtocolHero, t as ProtocolNav, S as SpecCard, u as SpecCardProps, v as SpecFileKind, w as Step, x as Steps, V as VerifyBox, y as languageName, z as useHeadings } from './docs-BWWnm5Jv.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-CzjFPng4.js';
 export { AccountCta, DOCS_HEADER_NAV, DocsNav, DocsNavItem, DocsNavSection, DocsShell, DocsShellProps, FamilyMenu, OchkIoFooter, ShellContext, ShellPlace, SignInFrame, SiteBanner, SiteFooter, SiteFooterProps, SiteHeader, SiteHeaderProps, SkipLink, useShellPlace } from './chrome.js';
-export { A as AccountMenu, a as AccountMenuItem, b as AppShell, c as AppShellProps, O as OCHK_APP_ACCOUNT, S as SessionAccountView, d as SessionState, e as ShellNavGroup, f as ShellNavItem, g as ShellSection, T as ThemeToggle, h as ToolColumn, i as ToolShell, j as ToolShellProps, u as useSignInHref } from './tool-shell-CnZ3NUSi.js';
+export { A as AccountMenu, a as AccountMenuItem, b as AppShell, c as AppShellProps, O as OCHK_APP_ACCOUNT, P as PaneHeader, S as SessionAccountView, d as SessionState, e as ShellNavGroup, f as ShellNavItem, g as ShellSection, T as ThemeToggle, h as ToolColumn, i as ToolShell, j as ToolShellProps, u as useSignInHref } from './tool-shell-Cg51cRHJ.js';
 export { D as DOCS_HREF, F as FAMILY, a as FAMILY_GROUPS, b as FamilyGroup, c as FamilySite, d as FamilySlug, e as FooterColumn, G as GET_AN_ACCOUNT, L as LEGAL_LINKS, N as NavItem, O as OCHK_APP, f as OCHK_IO, g as OCHK_IO_FOOTER, h as OCHK_IO_NAV, P as PROTOCOLS, i as PROTOCOL_ORDER, j as ProtocolSite, k as ProtocolSlug, S as SELF_HOSTED_LEGAL_LINKS, l as SIGN_IN_LABEL, m as SiteStatus, n as familyByGroup, o as familySite, p as protocolSite } from './index-Bkl49Vgy.js';
 export { CODE_LANGS, CodeLine, CodeMeta, DiffMark, LineMarks, RehypeCodeOptions, TOKEN_CLASS, Token, TokenKind, escapeHtml, grammarOf, highlight, highlightToHtml, linesToHtml, parseCodeMeta, parseLineRanges, readDiff, rehypeCode } from './code.js';
 export { ExplorerKind, Network, blocksToDuration, explorerUrl, formatBlockHeight, formatBytes, formatUtc, shortenMiddle } from './format.js';

package/dist/index.js

@@ -21,7 +21,7 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var QRCode = require('qrcode');
-var Link6 = require('next/link');
+var Link7 = require('next/link');
 var router = require('next/compat/router');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -56,7 +56,7 @@ var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitiv
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
-var Link6__default = /*#__PURE__*/_interopDefault(Link6);
+var Link7__default = /*#__PURE__*/_interopDefault(Link7);
 
 // src/tokens/palette.ts
 var lightPalette = {
@@ -906,7 +906,8 @@ var DropdownMenuItem = react.forwardRef(function DropdownMenuItem2({ className,
     {
       ref,
       className: cn(
-        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none",
+        // A thumb's 44px on a phone.
+        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none max-md:h-11",
         "data-[highlighted]:bg-accent data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:text-muted-foreground",
         destructive && "text-destructive [&_svg]:text-destructive",
         className
@@ -2202,7 +2203,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, emit2, jsx53) {
+function scanJs(src, emit2, jsx54) {
   let i = 0;
   let prev = "";
   let tagDepth = 0;
@@ -2228,7 +2229,7 @@ function scanJs(src, emit2, jsx53) {
       sig('"');
       continue;
     }
-    if (jsx53 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
+    if (jsx54 && 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) {
         emit2(m);
@@ -2240,7 +2241,7 @@ function scanJs(src, emit2, jsx53) {
         continue;
       }
     }
-    if (jsx53 && tagDepth > 0 && braceInTag === 0) {
+    if (jsx54 && tagDepth > 0 && braceInTag === 0) {
       if (src.startsWith("/>", i) || src[i] === ">") {
         const close = src[i] === ">" ? ">" : "/>";
         emit2(close);
@@ -2260,7 +2261,7 @@ function scanJs(src, emit2, jsx53) {
         continue;
       }
       if (src[i] === "{") braceInTag = 1;
-    } else if (jsx53 && tagDepth > 0 && braceInTag > 0) {
+    } else if (jsx54 && tagDepth > 0 && braceInTag > 0) {
       if (src[i] === "{") braceInTag++;
       else if (src[i] === "}") braceInTag--;
     }
@@ -2977,6 +2978,7 @@ function Notice({
   title,
   children,
   action,
+  icon,
   role,
   className
 }) {
@@ -2993,7 +2995,17 @@ function Notice({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 gap-3", children: [
-          kind !== "neutral" ? /* @__PURE__ */ jsxRuntime.jsx(
+          icon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "mt-0.5 shrink-0 [&_svg]:size-[1.125rem]",
+                kind === "brand" ? "text-oca-accent-ink" : kind === "danger" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: icon
+            }
+          ) : kind !== "neutral" ? /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               "aria-hidden": true,
@@ -4010,7 +4022,7 @@ function ErrorPage({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "oca-lead oca-enter [--enter-delay:150ms]", children: detail ?? words.detail }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oca-enter flex flex-wrap gap-3 [--enter-delay:230ms]", children: actions ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         server ? /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => window.location.reload(), children: "Try again" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: server ? "secondary" : "primary", children: /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: homeHref, children: "Go home" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: server ? "secondary" : "primary", children: /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: homeHref, children: "Go home" }) })
       ] }) })
     ] }),
     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
@@ -4451,7 +4463,7 @@ function TextLink({
   const internal = href.startsWith("/") && !href.startsWith("/api/") && !href.startsWith("/.well-known/");
   const offsite = external ?? /^https?:\/\//.test(href);
   if (internal && !offsite) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href, className: cn(LINK, className), children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href, className: cn(LINK, className), children });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("a", { href, className: cn(LINK, className), ...offsite ? { target: "_blank", rel: "noreferrer" } : {}, children: [
     children,
@@ -4585,7 +4597,7 @@ function ProtocolGrid({
         ] }),
         p.status !== "live" ? /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: p.status }) : null
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "oca-display-3", children: link === "docs" && inDocs ? /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: `/${p.slug}`, className: STRETCH, children: p.label }) : /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "oca-display-3", children: link === "docs" && inDocs ? /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: `/${p.slug}`, className: STRETCH, children: p.label }) : /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: link === "tool" ? p.toolHref : link === "docs" ? `${DOCS_HREF}/${p.slug}` : p.pageHref,
@@ -4645,7 +4657,7 @@ function AppGrid({
 }
 var isInternal = (href) => href.startsWith("/") || href.startsWith("#");
 function DocLink({ href, className, children, ...rest }) {
-  return isInternal(href) ? /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href, className, ...rest, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, ...rest, children });
+  return isInternal(href) ? /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href, className, ...rest, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className, ...rest, children });
 }
 function Breadcrumbs({ items, action, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-h-11 items-center justify-between gap-4 sm:min-h-0", className), children: [
@@ -5475,6 +5487,66 @@ function ListCard({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: cn("divide-y divide-border overflow-clip rounded-[1.25rem] border border-border bg-card", className), ...props });
 }
+var ROW_LOOK = {
+  // In a ListCard: full width, the card's hairlines between rows.
+  card: { box: "px-5", hover: "hover:bg-accent/60", current: "bg-accent" },
+  // In a pane's list (threads, contacts): rounded, lifted when current.
+  pane: { box: "rounded-xl px-3", hover: "hover:bg-accent", current: "bg-card shadow-sm ring-1 ring-border" }
+};
+function ListRow({
+  title,
+  meta,
+  description,
+  leading,
+  trailing,
+  actions,
+  revealActions = "always",
+  href,
+  onSelect,
+  current: current2 = false,
+  unread = false,
+  variant = "card",
+  as: Tag = "li",
+  className
+}) {
+  const tight = useDensity() === "compact";
+  const look = ROW_LOOK[variant];
+  const interactive = href !== void 0 || onSelect !== void 0;
+  const cls = cn(
+    "flex min-h-11 w-full min-w-0 items-center gap-3 text-left outline-none transition-colors",
+    "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+    look.box,
+    variant === "pane" ? "py-2" : tight ? "py-3" : "py-4",
+    interactive && !current2 && look.hover,
+    current2 && look.current,
+    actions && "pr-14"
+  );
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    leading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0", children: leading }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-baseline justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate text-[0.9375rem] text-foreground", unread ? "font-semibold" : "font-medium"), children: title }),
+        meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oca-tabular shrink-0 text-[0.8125rem] text-muted-foreground", children: meta }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate text-[0.875rem]", unread ? "text-foreground" : "text-muted-foreground"), children: description }) : null
+    ] }),
+    trailing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-2", children: trailing }) : null
+  ] });
+  const aria = current2 ? { "aria-current": "true" } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { className: cn("group/row relative", className), children: [
+    href !== void 0 ? href.startsWith("/") ? /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, ...aria, children: body }) : onSelect ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSelect, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: body }),
+    actions ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "absolute right-2 top-1/2 flex -translate-y-1/2 items-center",
+          revealActions === "hover" && "transition-opacity md:opacity-0 md:focus-within:opacity-100 md:group-hover/row:opacity-100 md:has-[[data-state=open]]:opacity-100"
+        ),
+        children: actions
+      }
+    ) : null
+  ] });
+}
 var ChoiceSize = react.createContext("md");
 var COLUMNS = { 1: "", 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3" };
 function ChoiceGroup({
@@ -5541,6 +5613,54 @@ function ChoiceCard({
     }
   );
 }
+var SIZES2 = {
+  "2xs": "size-7 text-[0.6875rem] [&_svg]:size-3.5",
+  xs: "size-8 text-[0.75rem] [&_svg]:size-4",
+  sm: "size-9 text-[0.8125rem] [&_svg]:size-4",
+  md: "size-11 text-[0.9375rem] [&_svg]:size-5",
+  lg: "size-14 text-[1.1875rem] [&_svg]:size-6"
+};
+function personInitials(name) {
+  return name.trim().split(/\s+/).slice(0, 2).map((w) => w.match(/[\p{L}\p{N}]/u)?.[0] ?? "").join("").toLocaleUpperCase();
+}
+function avatarHue(seed) {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0) % 360;
+}
+function Avatar({
+  seed,
+  name,
+  src,
+  size = "sm",
+  className
+}) {
+  const [failed, setFailed] = react.useState(null);
+  const box = cn("inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", SIZES2[size], className);
+  if (src && failed !== src) {
+    return (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", "aria-hidden": true, className: cn(box, "object-cover"), onError: () => setFailed(src) })
+    );
+  }
+  const initials = name ? personInitials(name) : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(box, "font-medium leading-none"),
+      style: {
+        "--oca-avatar-h": avatarHue(seed),
+        backgroundColor: "hsl(var(--oca-avatar-h) 60% var(--oca-avatar-bg-l))",
+        color: "hsl(var(--oca-avatar-h) 45% var(--oca-avatar-fg-l))"
+      },
+      children: initials || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRound, {})
+    }
+  );
+}
 function useMacKeys() {
   const [mac, setMac] = react.useState(true);
   react.useEffect(() => {
@@ -6368,7 +6488,7 @@ function ToolGrid({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: "oca-title-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-                Link6__default.default,
+                Link7__default.default,
                 {
                   href: t.href,
                   className: "outline-none after:absolute after:inset-0 after:rounded-[1.25rem] after:content-['']",
@@ -6465,7 +6585,7 @@ function SideNav({ groups, onNavigate }) {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Pages", className: "flex flex-col gap-5", children: groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
     g.label ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-1 text-[0.8125rem] text-muted-foreground", children: g.label }) : null,
     g.items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
-      Link6__default.default,
+      Link7__default.default,
       {
         href: it.href,
         onClick: onNavigate,
@@ -6500,7 +6620,7 @@ function SectionSwitch({
       children: sections.map((sec) => {
         const on = sec.id === current2.id;
         return /* @__PURE__ */ jsxRuntime.jsx(
-          Link6__default.default,
+          Link7__default.default,
           {
             href: sec.href,
             onClick: onNavigate,
@@ -6573,7 +6693,7 @@ function TabBar({ items }) {
           style: { gridTemplateColumns: `repeat(${shown.length + (overflow ? 1 : 0)}, minmax(0, 1fr))` },
           children: [
             shown.map((it) => /* @__PURE__ */ jsxRuntime.jsx(
-              Link6__default.default,
+              Link7__default.default,
               {
                 href: it.href,
                 "aria-current": it.active ? "page" : void 0,
@@ -6593,7 +6713,7 @@ function TabBar({ items }) {
               /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "bottom", className: "pb-[calc(1.5rem+env(safe-area-inset-bottom))]", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "px-1 text-[1.0625rem] font-medium", children: "More" }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 grid grid-cols-3 gap-2", children: rest.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  Link6__default.default,
+                  Link7__default.default,
                   {
                     href: it.href,
                     onClick: () => setMore(false),
@@ -6707,7 +6827,7 @@ function SidebarShell({
                 footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-col gap-3", children: footer }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: home, "aria-label": "Home", className: "rounded-lg p-1", children: /* @__PURE__ */ jsxRuntime.jsx(Lockup, { size: 22 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: home, "aria-label": "Home", className: "rounded-lg p-1", children: /* @__PURE__ */ jsxRuntime.jsx(Lockup, { size: 22 }) }),
             familyMenu,
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: account })
           ] }),
@@ -6732,7 +6852,7 @@ function SidebarShell({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-[90rem]", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "sticky top-0 hidden h-dvh w-[17rem] shrink-0 flex-col gap-6 overflow-y-auto px-4 py-6 lg:flex", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: home, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(Lockup, { size: 26 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: home, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(Lockup, { size: 26 }) }),
               familyMenu
             ] }),
             switcher,
@@ -6753,7 +6873,7 @@ function SidebarShell({
 function RailItem({ item }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Link6__default.default,
+      Link7__default.default,
       {
         href: item.href,
         "aria-current": item.active ? "page" : void 0,
@@ -6808,6 +6928,9 @@ function RailShell({ nav = [], persistent = [], page: pageOverride, header, acco
     tabs ? /* @__PURE__ */ jsxRuntime.jsx(TabBar, { items: tabs }) : null
   ] }) }) });
 }
+function PaneHeader({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: cn("flex h-14 shrink-0 items-center gap-3 border-b border-border px-4 md:px-5", className), children });
+}
 function AccountMenu({
   name,
   detail,
@@ -6844,7 +6967,7 @@ function AccountMenu({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
       items.map(
-        (it, i) => it === "separator" ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}, `sep-${i}`) : it.href ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, destructive: it.destructive, children: /* @__PURE__ */ jsxRuntime.jsxs(Link6__default.default, { href: it.href, children: [
+        (it, i) => it === "separator" ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}, `sep-${i}`) : it.href ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, destructive: it.destructive, children: /* @__PURE__ */ jsxRuntime.jsxs(Link7__default.default, { href: it.href, children: [
           it.icon,
           it.label
         ] }) }, it.label) : /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onSelect: it.onSelect, destructive: it.destructive, children: [
@@ -6893,7 +7016,7 @@ function NavLink({
   if (item.external) {
     return /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: item.label });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: item.label });
+  return /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: item.label });
 }
 function NavRow({ item, onNavigate }) {
   const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -6904,7 +7027,7 @@ function NavRow({ item, onNavigate }) {
     "flex flex-col gap-0.5 rounded-xl px-3 py-2 transition-colors hover:bg-accent",
     item.active && "bg-muted hover:bg-muted dark:bg-white/[0.06]"
   );
-  return item.external ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: body }) : /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: body });
+  return item.external ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: body }) : /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: body });
 }
 var seeAll = (item) => typeof item.label === "string" ? `All ${item.label.toLowerCase()}` : "See all";
 function NavDropdown({ item }) {
@@ -6996,7 +7119,7 @@ function SiteHeader({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-w-0 items-center gap-1", tool ? "md:gap-1" : "justify-self-start"), children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Link6__default.default, { href: home, className: "-ml-1 min-w-0 rounded-lg p-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Link7__default.default, { href: home, className: "-ml-1 min-w-0 rounded-lg p-1", children: [
                 brandNode,
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " home" })
               ] }),
@@ -7098,7 +7221,7 @@ function SiteBanner({
 var FOOT_LINK = "inline-flex min-h-11 items-center transition-colors hover:text-foreground md:min-h-0";
 function LegalRow({ links }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-x-6 gap-y-2 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Legal", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-x-5", children: links.map((l, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: l.href.startsWith("/") ? /* @__PURE__ */ jsxRuntime.jsx(Link6__default.default, { href: l.href, className: FOOT_LINK, children: l.label }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: l.href, className: FOOT_LINK, children: l.label }) }, `${i}:${l.label}`)) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Legal", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-x-5", children: links.map((l, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: l.href.startsWith("/") ? /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: l.href, className: FOOT_LINK, children: l.label }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: l.href, className: FOOT_LINK, children: l.label }) }, `${i}:${l.label}`)) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
@@ -7241,12 +7364,12 @@ function SignInFrame({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col px-4 pb-8 pt-5 sm:px-8 lg:px-14 lg:pt-8", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Link6__default.default, { href: homeHref, className: "w-fit rounded-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Link7__default.default, { href: homeHref, className: "w-fit rounded-lg", children: [
               brand ?? /* @__PURE__ */ jsxRuntime.jsx(ProductLockup, { size: 28, product: product ?? (protocol2 ? protocolSite(protocol2).label : void 0) }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " home" })
             ] }),
             back === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-              Link6__default.default,
+              Link7__default.default,
               {
                 href: homeHref,
                 className: "text-[0.9375rem] text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
@@ -7341,7 +7464,7 @@ function DocsNav({
         const on = pathOf(item.href) === here;
         const badge = typeof item.badge === "string" && STATUS_WORDS.has(item.badge) ? /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: item.badge }) : item.badge ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "muted", children: item.badge }) : null;
         return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Link6__default.default,
+          Link7__default.default,
           {
             href: item.href,
             ref: on ? activeRef : void 0,
@@ -7753,6 +7876,7 @@ exports.AppGrid = AppGrid;
 exports.AppIcon = AppIcon;
 exports.AppShell = AppShell;
 exports.ArtifactView = ArtifactView;
+exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.BlockCountdown = BlockCountdown;
 exports.BlockHeight = BlockHeight;
@@ -7844,6 +7968,7 @@ exports.Lead = Lead;
 exports.LegalDocument = LegalDocument;
 exports.LinkCard = LinkCard;
 exports.ListCard = ListCard;
+exports.ListRow = ListRow;
 exports.LoadingBlock = LoadingBlock;
 exports.LockedPreview = LockedPreview;
 exports.Lockup = Lockup;
@@ -7866,6 +7991,7 @@ exports.PackageCard = PackageCard;
 exports.PageHeader = PageHeader;
 exports.PageHero = PageHero;
 exports.Pagination = Pagination;
+exports.PaneHeader = PaneHeader;
 exports.Panel = Panel;
 exports.PhoneFrame = PhoneFrame;
 exports.PlanCard = PlanCard;