@orangecheck/app-design 1.4.0 → 1.4.1

package/dist/{docs-BB9gK4KF.d.ts → docs-ByUx4t-D.d.ts}

@@ -18,10 +18,11 @@ interface CodeBlockProps {
     highlight?: string | readonly number[];
     diff?: boolean;
     lineNumbers?: boolean;
+    wrap?: boolean;
     actions?: ReactNode;
     className?: string;
 }
-declare function CodeBlock({ code, html, children, trailingNewline, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, actions, className, }: CodeBlockProps): react.JSX.Element;
+declare function CodeBlock({ code, html, children, trailingNewline, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, wrap, actions, className, }: CodeBlockProps): react.JSX.Element;
 interface CodeTab {
     label: string;
     code: string;

package/dist/{docs-D-T-nHiu.d.mts → docs-CFE5mU_6.d.mts}

@@ -18,10 +18,11 @@ interface CodeBlockProps {
     highlight?: string | readonly number[];
     diff?: boolean;
     lineNumbers?: boolean;
+    wrap?: boolean;
     actions?: ReactNode;
     className?: string;
 }
-declare function CodeBlock({ code, html, children, trailingNewline, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, actions, className, }: CodeBlockProps): react.JSX.Element;
+declare function CodeBlock({ code, html, children, trailingNewline, lang, caption, copy, clearAfter, maxLines, highlight: marks, diff, lineNumbers, wrap, actions, className, }: CodeBlockProps): react.JSX.Element;
 interface CodeTab {
     label: string;
     code: string;

package/dist/index.d.mts

@@ -4,7 +4,7 @@ export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s
 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, CheckState, Closing, Column, Container, CopyButton, CopyButtonProps, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LoadingBlock, Monogram, Notice, PackageCard, PackageItem, PageHeader, PhoneFrame, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SignMessage, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, VerifyCheck, VerifyReport, 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-D-T-nHiu.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-CFE5mU_6.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 { 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, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps, u as useSignInHref } from './tool-shell-D8Q8XX11.mjs';

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s
 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, CheckState, Closing, Column, Container, CopyButton, CopyButtonProps, DataTable, Display, DisplayProps, EmptyLine, EmptyState, Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, KeyValueItem, KeyValueList, Lead, LegalBlock, LegalDocument, LegalSource, LoadingBlock, Monogram, Notice, PackageCard, PackageItem, PageHeader, PhoneFrame, ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, SatsProps, SatsTextOptions, ScrollStory, SearchButton, SearchDialog, SearchGroup, SearchQuery, SearchResult, Section, SectionHeading, SectionIntro, SectionProps, SignMessage, SplitBar, SplitSegment, StatCard, StatCardProps, StatGrid, StatGridProps, StepGrid, StepGridProps, StepItem, StepState, TextLink, Ticker, TruthRow, TruthStatus, TruthTable, UsdApprox, VerifyCheck, VerifyReport, 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-BB9gK4KF.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-ByUx4t-D.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 { 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, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps, u as useSignInHref } from './tool-shell-gmlj47Ie.js';

package/dist/index.js

@@ -6,6 +6,7 @@ var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
+var nextThemes = require('next-themes');
 var sonner = require('sonner');
 var jsxRuntime = require('react/jsx-runtime');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
@@ -22,7 +23,6 @@ var TabsPrimitive = require('@radix-ui/react-tabs');
 var QRCode = require('qrcode');
 var Link6 = require('next/link');
 var router = require('next/compat/router');
-var nextThemes = require('next-themes');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -208,10 +208,18 @@ function StatusDot({
     }
   );
 }
-function Toaster(props) {
+var TOAST_COLOURS = {
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)"
+};
+function Toaster({ style, ...props }) {
+  const { resolvedTheme } = nextThemes.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
     sonner.Toaster,
     {
+      theme: resolvedTheme === "dark" ? "dark" : resolvedTheme === "light" ? "light" : "system",
+      style: { ...TOAST_COLOURS, ...style },
       position: "bottom-right",
       toastOptions: {
         classNames: {
@@ -3035,7 +3043,8 @@ function Well({
   lines,
   maxLines,
   diff,
-  lineNumbers
+  lineNumbers,
+  wrap
 }) {
   const foldable = maxLines !== void 0 && lines > maxLines + 2;
   const [open, setOpen] = react.useState(false);
@@ -3054,7 +3063,8 @@ function Well({
             "data-diff": diff ? "" : void 0,
             "data-line-numbers": lineNumbers ? "" : void 0,
             className: cn(
-              "oca-code w-max min-w-full py-4 font-mono text-[0.875rem] leading-[1.625] text-oca-ink-muted [font-variant-ligatures:none]",
+              "oca-code py-4 font-mono text-[0.875rem] leading-[1.625] text-oca-ink-muted [font-variant-ligatures:none]",
+              wrap ? "whitespace-pre-wrap break-all" : "w-max min-w-full",
               !lined && "px-5"
             ),
             children: lined ? /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block", "data-lang": lang, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block", "data-lang": lang, children })
@@ -3096,6 +3106,7 @@ function CodeBlock({
   highlight: marks,
   diff,
   lineNumbers,
+  wrap,
   actions,
   className
 }) {
@@ -3127,6 +3138,7 @@ function CodeBlock({
         maxLines,
         diff: prepared ? prepared.diff : isDiff,
         lineNumbers,
+        wrap,
         children
       }
     )
@@ -3591,6 +3603,169 @@ var ErrorBoundary = class extends react.Component {
     ) });
   }
 };
+
+// src/family/index.ts
+var OCHK_IO = "https://ochk.io";
+var DOCS_HREF = `${OCHK_IO}/docs`;
+function protocol(slug, verb, line, kinds) {
+  return {
+    slug,
+    label: slug,
+    href: `${OCHK_IO}/${slug}`,
+    group: "protocol",
+    line,
+    status: "live",
+    verb,
+    pageHref: `${OCHK_IO}/${slug}`,
+    toolHref: `https://${slug}.ochk.io`,
+    specHref: `https://github.com/orangecheck/oc-${slug}-protocol`,
+    kinds
+  };
+}
+var PROTOCOLS = [
+  protocol("attest", "identity", "Show that an address holds bitcoin, and for how long.", "30078"),
+  protocol("lock", "confidentiality", "Encrypt to a Bitcoin address, so only its holder can open it.", "30078"),
+  protocol("vote", "legitimacy", "Polls weighed in sats, that anyone can tally.", "30080\u201330082"),
+  protocol("stamp", "provenance", "Prove who signed something, and when.", "30083"),
+  protocol("agent", "authority", "Give software scoped, revocable permission to act for you.", "30083\u201330086"),
+  protocol("pledge", "commitment", "Make a promise with bitcoin behind it, on a public record.", "30078")
+];
+var PROTOCOL_ORDER = PROTOCOLS.map((p) => p.slug);
+var FAMILY = [
+  {
+    slug: "home",
+    label: "ochk.io",
+    href: OCHK_IO,
+    group: "orangecheck",
+    line: "The open protocols, and the company behind them.",
+    status: "live"
+  },
+  {
+    slug: "me",
+    label: "ochk.app",
+    href: "https://ochk.app",
+    group: "orangecheck",
+    line: "One account, with Bitcoin behind it.",
+    status: "testing"
+  },
+  {
+    slug: "docs",
+    label: "docs",
+    href: DOCS_HREF,
+    group: "orangecheck",
+    line: "Specs, SDKs and guides for every protocol.",
+    status: "live"
+  },
+  ...PROTOCOLS,
+  {
+    slug: "vault",
+    label: "vault",
+    href: "https://vault.ochk.io",
+    group: "app",
+    line: "A password manager, encrypted in your browser.",
+    status: "live",
+    protocols: ["lock"]
+  },
+  {
+    slug: "chat",
+    label: "chat",
+    href: "https://chat.ochk.io",
+    group: "app",
+    line: "Messages only the holder of a Bitcoin address can read.",
+    status: "testing",
+    protocols: ["lock"]
+  },
+  {
+    slug: "cosign",
+    label: "cosign",
+    href: "https://cosign.ochk.io",
+    group: "app",
+    line: "Builders find co-founders and backers.",
+    status: "testing",
+    // Signs in with an orangecheck account and a wallet; uses none of the six directly.
+    protocols: []
+  },
+  {
+    slug: "me-demo",
+    // "demo", not the made-up app's own name, so nobody takes it for ours.
+    label: "demo",
+    href: "https://me-demo.ochk.io",
+    group: "app",
+    line: "Lumen Notes, a made-up app that signs in with orangecheck.",
+    status: "live"
+  },
+  {
+    slug: "globe",
+    label: "globe",
+    href: "https://globe.ochk.io",
+    group: "public-good",
+    line: "The Bitcoin network, live, on a globe.",
+    status: "live"
+  },
+  {
+    slug: "btc",
+    label: "btc",
+    href: "https://btc.ochk.io",
+    group: "public-good",
+    line: "A free desk for reading the Bitcoin market.",
+    status: "live"
+  }
+];
+var FAMILY_GROUPS = [
+  { id: "orangecheck", label: "orangecheck" },
+  { id: "protocol", label: "Protocols" },
+  { id: "app", label: "Apps" },
+  { id: "public-good", label: "Public goods" }
+];
+var BY_SLUG = new Map(FAMILY.map((s) => [s.slug, s]));
+function familySite(slug) {
+  return BY_SLUG.get(slug);
+}
+function protocolSite(slug) {
+  return BY_SLUG.get(slug);
+}
+function familyByGroup() {
+  return FAMILY_GROUPS.map((g) => ({ ...g, sites: FAMILY.filter((s) => s.group === g.id) }));
+}
+var LEGAL_LINKS = [
+  { href: `${OCHK_IO}/privacy`, label: "Privacy" },
+  { href: `${OCHK_IO}/terms`, label: "Terms" },
+  { href: `${OCHK_IO}/security`, label: "Security" },
+  { href: `${OCHK_IO}/trademark`, label: "Trademarks" },
+  { href: `${OCHK_IO}/contact`, label: "Contact" }
+];
+var SELF_HOSTED_LEGAL_LINKS = [
+  { href: "/privacy", label: "Privacy" },
+  { href: "/terms", label: "Terms" },
+  { href: "/security", label: "Security" },
+  { href: `${OCHK_IO}/trademark`, label: "Trademarks" },
+  { href: "/contact", label: "Contact" }
+];
+var OCHK_IO_NAV = [
+  {
+    href: `${OCHK_IO}/protocols`,
+    label: "Protocols",
+    children: PROTOCOLS.map((p) => ({ href: p.pageHref, label: p.label, description: p.line }))
+  },
+  { href: `${OCHK_IO}/apps`, label: "Apps" },
+  { href: DOCS_HREF, label: "Docs" },
+  { href: `${OCHK_IO}/trust`, label: "Trust" },
+  { href: `${OCHK_IO}/about`, label: "About" }
+];
+var OCHK_IO_FOOTER = [
+  {
+    heading: "Company",
+    links: [
+      { href: `${OCHK_IO}/about`, label: "About" },
+      { href: `${OCHK_IO}/trust`, label: "Trust" },
+      { href: "https://github.com/orangecheck", label: "GitHub", external: true }
+    ]
+  }
+];
+var SiteHomeContext = sharedContext("site-home", void 0);
+function useSiteHome() {
+  return react.useContext(SiteHomeContext);
+}
 var WORDS = {
   404: {
     name: "Not found",
@@ -3608,10 +3783,13 @@ function ErrorPage({
   title,
   detail,
   actions,
-  home = "/",
+  home,
+  protocol: protocol2,
   art,
   className
 }) {
+  const shellHome = useSiteHome();
+  const homeHref = home ?? (protocol2 ? protocolSite(protocol2).pageHref : shellHome ?? OCHK_IO);
   const words = WORDS[code] ?? (code >= 500 ? WORDS[500] : WORDS[404]);
   const server = code >= 500;
   return /* @__PURE__ */ jsxRuntime.jsx(Section, { space: "none", className: cn("flex min-h-[min(40rem,72dvh)] items-center py-16 md:py-24", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center gap-12 md:grid-cols-12", children: [
@@ -3625,7 +3803,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: home, children: "Go home" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, variant: server ? "secondary" : "primary", children: /* @__PURE__ */ jsxRuntime.jsx(Link6__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
@@ -3871,165 +4049,6 @@ function LegalDocument({ doc, className }) {
     }
   );
 }
-
-// src/family/index.ts
-var OCHK_IO = "https://ochk.io";
-var DOCS_HREF = `${OCHK_IO}/docs`;
-function protocol(slug, verb, line, kinds) {
-  return {
-    slug,
-    label: slug,
-    href: `${OCHK_IO}/${slug}`,
-    group: "protocol",
-    line,
-    status: "live",
-    verb,
-    pageHref: `${OCHK_IO}/${slug}`,
-    toolHref: `https://${slug}.ochk.io`,
-    specHref: `https://github.com/orangecheck/oc-${slug}-protocol`,
-    kinds
-  };
-}
-var PROTOCOLS = [
-  protocol("attest", "identity", "Show that an address holds bitcoin, and for how long.", "30078"),
-  protocol("lock", "confidentiality", "Encrypt to a Bitcoin address, so only its holder can open it.", "30078"),
-  protocol("vote", "legitimacy", "Polls weighed in sats, that anyone can tally.", "30080\u201330082"),
-  protocol("stamp", "provenance", "Prove who signed something, and when.", "30083"),
-  protocol("agent", "authority", "Give software scoped, revocable permission to act for you.", "30083\u201330086"),
-  protocol("pledge", "commitment", "Make a promise with bitcoin behind it, on a public record.", "30078")
-];
-var PROTOCOL_ORDER = PROTOCOLS.map((p) => p.slug);
-var FAMILY = [
-  {
-    slug: "home",
-    label: "ochk.io",
-    href: OCHK_IO,
-    group: "orangecheck",
-    line: "The open protocols, and the company behind them.",
-    status: "live"
-  },
-  {
-    slug: "me",
-    label: "ochk.app",
-    href: "https://ochk.app",
-    group: "orangecheck",
-    line: "One account, with Bitcoin behind it.",
-    status: "testing"
-  },
-  {
-    slug: "docs",
-    label: "docs",
-    href: DOCS_HREF,
-    group: "orangecheck",
-    line: "Specs, SDKs and guides for every protocol.",
-    status: "live"
-  },
-  ...PROTOCOLS,
-  {
-    slug: "vault",
-    label: "vault",
-    href: "https://vault.ochk.io",
-    group: "app",
-    line: "A password manager, encrypted in your browser.",
-    status: "live",
-    protocols: ["lock"]
-  },
-  {
-    slug: "chat",
-    label: "chat",
-    href: "https://chat.ochk.io",
-    group: "app",
-    line: "Messages only the holder of a Bitcoin address can read.",
-    status: "testing",
-    protocols: ["lock"]
-  },
-  {
-    slug: "cosign",
-    label: "cosign",
-    href: "https://cosign.ochk.io",
-    group: "app",
-    line: "Builders find co-founders and backers.",
-    status: "testing",
-    // Signs in with an orangecheck account and a wallet; uses none of the six directly.
-    protocols: []
-  },
-  {
-    slug: "me-demo",
-    // "demo", not the made-up app's own name, so nobody takes it for ours.
-    label: "demo",
-    href: "https://me-demo.ochk.io",
-    group: "app",
-    line: "Lumen Notes, a made-up app that signs in with orangecheck.",
-    status: "live"
-  },
-  {
-    slug: "globe",
-    label: "globe",
-    href: "https://globe.ochk.io",
-    group: "public-good",
-    line: "The Bitcoin network, live, on a globe.",
-    status: "live"
-  },
-  {
-    slug: "btc",
-    label: "btc",
-    href: "https://btc.ochk.io",
-    group: "public-good",
-    line: "A free desk for reading the Bitcoin market.",
-    status: "live"
-  }
-];
-var FAMILY_GROUPS = [
-  { id: "orangecheck", label: "orangecheck" },
-  { id: "protocol", label: "Protocols" },
-  { id: "app", label: "Apps" },
-  { id: "public-good", label: "Public goods" }
-];
-var BY_SLUG = new Map(FAMILY.map((s) => [s.slug, s]));
-function familySite(slug) {
-  return BY_SLUG.get(slug);
-}
-function protocolSite(slug) {
-  return BY_SLUG.get(slug);
-}
-function familyByGroup() {
-  return FAMILY_GROUPS.map((g) => ({ ...g, sites: FAMILY.filter((s) => s.group === g.id) }));
-}
-var LEGAL_LINKS = [
-  { href: `${OCHK_IO}/privacy`, label: "Privacy" },
-  { href: `${OCHK_IO}/terms`, label: "Terms" },
-  { href: `${OCHK_IO}/security`, label: "Security" },
-  { href: `${OCHK_IO}/trademark`, label: "Trademarks" },
-  { href: `${OCHK_IO}/contact`, label: "Contact" }
-];
-var SELF_HOSTED_LEGAL_LINKS = [
-  { href: "/privacy", label: "Privacy" },
-  { href: "/terms", label: "Terms" },
-  { href: "/security", label: "Security" },
-  { href: `${OCHK_IO}/trademark`, label: "Trademarks" },
-  { href: "/contact", label: "Contact" }
-];
-var OCHK_IO_NAV = [
-  {
-    href: `${OCHK_IO}/protocols`,
-    label: "Protocols",
-    children: PROTOCOLS.map((p) => ({ href: p.pageHref, label: p.label, description: p.line }))
-  },
-  { href: `${OCHK_IO}/apps`, label: "Apps" },
-  { href: DOCS_HREF, label: "Docs" },
-  { href: `${OCHK_IO}/trust`, label: "Trust" },
-  { href: `${OCHK_IO}/about`, label: "About" }
-];
-var OCHK_IO_FOOTER = [
-  {
-    heading: "Company",
-    links: [
-      { href: `${OCHK_IO}/about`, label: "About" },
-      { href: `${OCHK_IO}/trust`, label: "Trust" },
-      { href: "https://github.com/orangecheck", label: "GitHub", external: true }
-    ]
-  }
-];
 var InDocsContext = sharedContext("in-docs", false);
 function useInDocs() {
   return react.useContext(InDocsContext);
@@ -4846,6 +4865,7 @@ function SignMessage({
   error,
   submitLabel = "Confirm",
   secondary,
+  scheme = "bip322",
   onSignature,
   className
 }) {
@@ -4860,7 +4880,7 @@ function SignMessage({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" })
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { code: message, caption: "Message to sign" }),
+    /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { code: message, caption: "Message to sign", wrap: true }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "form",
       {
@@ -4876,7 +4896,9 @@ function SignMessage({
               label: "Signature",
               error,
               hint: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                "From your wallet\u2019s \u201Csign message\u201D (BIP-322), signed by",
+                "From your wallet\u2019s \u201Csign message\u201D (",
+                scheme === "legacy" ? "legacy, BIP-137" : "BIP-322",
+                "), signed by",
                 " ",
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all font-mono", children: address }),
                 "."
@@ -5388,7 +5410,7 @@ function FormSection({
       "aria-current": status === "current" ? "step" : void 0,
       className: cn("scroll-mt-24 rounded-[1.25rem] border border-border bg-card", className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cn("flex items-start gap-3.5", tight ? "px-5 pt-5" : "px-6 pt-6"), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: cn("flex flex-wrap items-start gap-x-3.5 gap-y-3", tight ? "px-5 pt-5" : "px-6 pt-6"), children: [
           n !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
@@ -5415,7 +5437,7 @@ function FormSection({
             ] }),
             hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.875rem] leading-snug text-muted-foreground", children: hint }) : null
           ] }),
-          action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: action }) : null
+          action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("shrink-0 max-sm:basis-full", n !== void 0 && "max-sm:pl-[2.625rem]"), children: action }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col", tight ? "gap-4 p-5" : "gap-5 p-6", n !== void 0 && (tight ? "sm:pl-[3.875rem]" : "sm:pl-[4.125rem]")), children })
       ]
@@ -5645,27 +5667,30 @@ function FilterChips({
       onChange(cur.includes(v) ? cur.filter((x) => x !== v) : [...cur, v]);
     } else onChange(v);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ScrollFade, { fade: "var(--background)", className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": label, className: "flex w-max items-center gap-2 py-0.5", children: options.map((o) => {
-    const on = isOn(o.value);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-pressed": on,
-        onClick: () => press(o.value),
-        className: cn(
-          "inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3.5 text-[0.875rem] transition-colors",
-          tight ? "h-8" : "h-9",
-          on ? "border-foreground bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-oca-hairline-strong hover:text-foreground"
-        ),
-        children: [
-          o.label,
-          o.count !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oca-tabular", children: o.count.toLocaleString("en-US") }) : null
-        ]
-      },
-      o.value
-    );
-  }) }) });
+  return (
+    // Wraps rather than scrolls: every filter stays in view on a phone.
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": label, className: cn("flex flex-wrap items-center gap-2 py-0.5", className), children: options.map((o) => {
+      const on = isOn(o.value);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": on,
+          onClick: () => press(o.value),
+          className: cn(
+            "inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3.5 text-[0.875rem] transition-colors",
+            tight ? "h-8" : "h-9",
+            on ? "border-foreground bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-oca-hairline-strong hover:text-foreground"
+          ),
+          children: [
+            o.label,
+            o.count !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oca-tabular", children: o.count.toLocaleString("en-US") }) : null
+          ]
+        },
+        o.value
+      );
+    }) })
+  );
 }
 function ToolGrid({
   tools,
@@ -6420,12 +6445,14 @@ function SignInFrame({
   error,
   fineprint,
   brand,
-  home = "/",
+  home,
+  protocol: protocol2,
   back,
   art,
   caption,
   className
 }) {
+  const homeHref = home ?? (protocol2 ? protocolSite(protocol2).pageHref : OCHK_IO);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",
     {
@@ -6434,14 +6461,14 @@ 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: home, className: "w-fit rounded-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Link6__default.default, { href: homeHref, className: "w-fit rounded-lg", children: [
               brand ?? /* @__PURE__ */ jsxRuntime.jsx(Lockup, { size: 28 }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " home" })
             ] }),
             back === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
               Link6__default.default,
               {
-                href: home,
+                href: homeHref,
                 className: "text-[0.9375rem] text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
                 children: "Back to home"
               }
@@ -6690,6 +6717,7 @@ function ToolShell({
   children
 }) {
   const p = protocolSite(protocol2);
+  const homeHref = home ?? p.pageHref;
   const app = variant === "app";
   const tabs = app ? null : tabsFor([{ items: [...tools] }]);
   const about = /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6719,7 +6747,7 @@ function ToolShell({
           SiteHeader,
           {
             variant: "tool",
-            home: home ?? p.pageHref,
+            home: homeHref,
             product: p.label,
             family: protocol2,
             nav: tools.map((t) => ({ href: t.href, label: t.label, active: t.active })),
@@ -6744,7 +6772,7 @@ function ToolShell({
             {
               id: "main-content",
               className: cn("min-w-0 flex-1", app ? "flex min-h-0 flex-col" : "px-4 pb-16 pt-8 md:px-8 md:pt-10"),
-              children: app ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-[72rem]", children })
+              children: /* @__PURE__ */ jsxRuntime.jsx(SiteHomeContext.Provider, { value: homeHref, children: app ? children : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-[72rem]", children }) })
             }
           )
         ] }),