@alfadocs/ui-kit-debug 1.4.11 → 1.4.13

package/dist/_chunks/{marketplace-app-shell-BxOiy25s.js.map → marketplace-app-shell-BhRH7Zi4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"marketplace-app-shell-BxOiy25s.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={`${name} by Alfadocs`.trim()}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\">\n              by\n            </span>\n            {/* Real Alfadocs wordmark SVG. The Neg SVG's first <g> is the\n                \"Alfadocs\" lettering; the second <g> is the four-pillar mark\n                (x≈3–146). viewBox=\"168 0 637 125\" windows to the lettering\n                only — no mark, no hand-typed wordmark. */}\n            <AlfadocsLogoNeg\n              aria-hidden\n              viewBox=\"168 0 637 125\"\n              className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}
+{"version":3,"file":"marketplace-app-shell-BhRH7Zi4.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={`${name} by Alfadocs`.trim()}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\">\n              by\n            </span>\n            {/* Real Alfadocs wordmark SVG. The Neg SVG's first <g> is the\n                \"Alfadocs\" lettering; the second <g> is the four-pillar mark\n                (x≈3–146). viewBox=\"168 0 637 125\" windows to the lettering\n                only — no mark, no hand-typed wordmark. */}\n            <AlfadocsLogoNeg\n              aria-hidden\n              viewBox=\"168 0 637 125\"\n              className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}

package/dist/_chunks/{notes-panel-BoyzMHI_.js → notes-panel-Bz83SO4-.js}

@@ -3,7 +3,7 @@ import { forwardRef as se, useRef as a, useState as S, useId as oe, useCallback
 import { c as pe } from "./index-D2ZczOXr.js";
 import { useTranslation as fe } from "react-i18next";
 import { u as me } from "./registry-DvAUVLHh.js";
-import { C as ge } from "./clinical-note-card-D63x_AkK.js";
+import { C as ge } from "./clinical-note-card-ByzQ86uz.js";
 import { R as he } from "./rich-text-editor-DGtn_4sb.js";
 import { T as be } from "./text-area-Bt3p7Pt0.js";
 import { B as ve } from "./button-BvNtqHAS.js";
@@ -348,4 +348,4 @@ const Se = se(
 export {
   Se as N
 };
-//# sourceMappingURL=notes-panel-BoyzMHI_.js.map
+//# sourceMappingURL=notes-panel-Bz83SO4-.js.map

package/dist/_chunks/{notes-panel-BoyzMHI_.js.map → notes-panel-Bz83SO4-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notes-panel-BoyzMHI_.js","sources":["../../src/components/notes-panel/notes-panel.agent.ts","../../src/components/notes-panel/notes-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NotesPanel.                                            */\n/*                                                                        */\n/* The Notes tool: a composer over a note timeline. The agent reads the   */\n/* timeline STRUCTURE (note ids + pinned / flagged / clinical flags —     */\n/* never the note body or author, both PHI), composes and commits a new   */\n/* note, and toggles a note's pinned / flagged state. `add_note` carries  */\n/* the `phi` safety class: a note body is patient-identifiable clinical   */\n/* content, so the host gates it behind the same confirm-before-act as a  */\n/* destructive write and never auto-confirms. A clinical submission also  */\n/* requires the host's `practice_add_clinical_note` permission (the       */\n/* handle drops it when the gate is closed).                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotesPanelHandle } from './notes-panel';\n\nexport const notesPanelAgent: AgentAdapter<NotesPanelHandle> = {\n  id: 'notes-panel',\n  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles\n  // with no dedicated capability in the closed vocabulary.\n  capabilities: ['submit'],\n  state: {\n    notes: {\n      type: 'Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>',\n      descriptionKey: 'ui.agent.notesPanel.state.notes',\n      description:\n        'Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).',\n      read: (handle) => handle.getNotes(),\n    },\n    canAddClinical: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notesPanel.state.canAddClinical',\n      description:\n        'Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).',\n      read: (handle) => handle.canAddClinical(),\n    },\n    currentNoteId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.notesPanel.state.currentNoteId',\n      description:\n        'Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.',\n      read: (handle) => handle.getCurrentNoteId(),\n    },\n  },\n  actions: {\n    add_note: {\n      // Writes a clinical/admin note body — patient-identifiable content. PHI.\n      safety: 'phi',\n      argsType: '{ content: string; clinical: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          content: {\n            type: 'string',\n            description:\n              'Note body. Rich HTML for the rich composer, else plain text.',\n          },\n          clinical: {\n            type: 'boolean',\n            description:\n              'Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed.',\n          },\n        },\n        required: ['content', 'clinical'],\n      },\n      openWorld: true,\n      descriptionKey: 'ui.agent.notesPanel.actions.addNote',\n      description:\n        'Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).',\n      examples: [\n        {\n          args: { content: 'Patient reported improvement.', clinical: true },\n          note: 'Add a clinical note.',\n        },\n      ],\n      invoke: (handle, args: { content: string; clinical: boolean }) => {\n        handle.addNote(args);\n      },\n    },\n    toggle_pin: {\n      // Re-orders the timeline (pinned notes lead) — reversible view write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.togglePin',\n      description: 'Toggle the pinned state of the note with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.togglePin(args.id);\n      },\n    },\n    toggle_flag: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.toggleFlag',\n      description: 'Toggle the flagged state of the note with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.toggleFlag(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notes-panel',\n      description: 'Marks the NotesPanel region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific notes panel from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notesPanelAgent } from './notes-panel.agent';\nimport { ClinicalNoteCard } from '../clinical-note-card';\nimport type { ClinicalNoteCardProps } from '../clinical-note-card';\nimport { RichTextEditor } from '../rich-text-editor';\nimport type {\n  RichTextEditorHandle,\n  RichTextEditorProps,\n  RichTextEditorToolbar,\n  RedactorFactory,\n} from '../rich-text-editor';\nimport { TextArea } from '../text-area';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { NotebookPen } from 'lucide-react';\nimport { PanelHeader } from '../panel-header';\n\n/* ------------------------------------------------------------------ */\n/* NotesPanel — the Notes tool for the Control Room rail.              */\n/*                                                                    */\n/* A composer over an elevated ClinicalNoteCard timeline. Drops       */\n/* into a ControlRoomRail tool `panel`, the patient profile, or the   */\n/* care-plan editor — anywhere notes about the open entity belong.    */\n/* The composer is the kit RichTextEditor by default (degrades to a   */\n/* textarea where Redactor is absent), carries a permission-gated     */\n/* \"clinical note\" toggle, and forwards the editor's AI affordances.  */\n/* The note attaches to whatever entity the host is showing — the     */\n/* host owns the attachment; the panel only emits content + clinical. */\n/* Pinned notes lead; pin / flag are inline per-note toggles.         */\n/* ------------------------------------------------------------------ */\n\n/**\n * One note in the panel — the data subset of `ClinicalNoteCard`.\n *\n * `aria-label` names the card for assistive tech. Set it whenever a row is not\n * a clinical note: the card's fallback name is \"Clinical note\", so an entry\n * that is something else (a dated event, an import) is announced as one.\n */\nexport type NotesPanelNote = Pick<\n  ClinicalNoteCardProps,\n  | 'id'\n  | 'dateIso'\n  | 'createdAtIso'\n  | 'author'\n  | 'clinical'\n  | 'attachedTo'\n  | 'content'\n  | 'contentFormat'\n  | 'pinned'\n  | 'flagged'\n  | 'aria-label'\n>;\n\n/**\n * Curated agent handle for NotesPanel. Reads the note timeline's STRUCTURE\n * (ids + pinned / flagged / clinical flags — never the note body or author,\n * both PHI) and drives the composer + per-note toggles. See\n * `notes-panel.agent.ts`.\n */\nexport interface NotesPanelHandle {\n  /** Timeline snapshot — ids + flags only, never note content (PHI). */\n  getNotes: () => Array<{\n    id?: string;\n    pinned: boolean;\n    flagged: boolean;\n    clinical: boolean;\n  }>;\n  /** Whether the composer is mounted (onAddNote is wired). */\n  canAddNote: () => boolean;\n  /** Whether clinical notes may be written (the permission gate). */\n  canAddClinical: () => boolean;\n  /** Id of the note the host has addressed, or null when none is. */\n  getCurrentNoteId: () => string | null;\n  /** Commit a new note with explicit content (mirrors the composer's submit). */\n  addNote: (submission: NotesPanelSubmission) => void;\n  /** Toggle a note's pinned state (mirrors onTogglePin). */\n  togglePin: (id: string) => void;\n  /** Toggle a note's flagged state (mirrors onToggleFlag). */\n  toggleFlag: (id: string) => void;\n}\n\n/** Payload handed to `onAddNote` when the composer commits. */\nexport interface NotesPanelSubmission {\n  /** The note body — rich HTML (`composer='rich'`) or plain text. */\n  content: string;\n  /** Whether the \"clinical note\" toggle was set. */\n  clinical: boolean;\n}\n\nexport interface NotesPanelProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific notes panel.\n   */\n  id?: string;\n  /** Notes to render, newest-first by convention. Pinned notes lead. */\n  notes: NotesPanelNote[];\n  /** Commit a new note. Omit to hide the composer (read-only timeline). */\n  onAddNote?: (submission: NotesPanelSubmission) => void;\n  /**\n   * The note the reader ASKED for, addressed by id from somewhere else in the\n   * record — a marker in a chart, a row in a grid, an agent. The panel marks\n   * it, scrolls it to the middle of its own scroll region and moves focus to\n   * it, and renders it unclamped so the thing that was asked for is readable\n   * in full without a second click.\n   *\n   * Opening a panel is not the same as answering a question: a rail's\n   * `setActiveTool` moves no focus and announces nothing, so a control whose\n   * name promises \"in the notes panel\" produces no perceivable change for a\n   * keyboard or screen-reader reader unless the panel lands them on the note.\n   * That is what this prop is for; without it, a host has to reach into the\n   * panel's DOM to do the same job.\n   *\n   * Marked on three channels, never colour alone (WCAG 1.4.1): a solid\n   * inline-start bar the other notes do not have, a tinted gutter, and\n   * `aria-current` plus a visually-hidden sentence naming the mark.\n   *\n   * Ids that match no note are ignored. To address the SAME note twice — the\n   * reader pressing the same marker again after scrolling away — bump\n   * `currentNoteKey` alongside it; this prop alone is a value, not a request.\n   */\n  currentNoteId?: string;\n  /**\n   * Bump on every address to re-scroll and re-focus the note in `currentNoteId`\n   * even when the id has not changed.\n   *\n   * Addressing is a request, not a value: a reader who presses the same marker\n   * a second time (having scrolled away, or having moved focus off the note) is\n   * asking to be taken back, and a control whose name promises the notes panel\n   * must do something perceivable every time it is pressed. Without this the\n   * second press is inert — the panel is already showing that note, so nothing\n   * re-runs. Hosts increment a counter in the same handler that opens the tool.\n   */\n  currentNoteKey?: string | number;\n\n  /* ----- Composer ----- */\n  /**\n   * `'rich'` (default) mounts the kit `RichTextEditor` (Redactor; degrades to a\n   * textarea where Redactor is absent). `'plain'` keeps a simple `TextArea` for\n   * lightweight surfaces / deterministic tests.\n   */\n  composer?: 'rich' | 'plain';\n  /** Toolbar preset for the rich composer. Defaults to `'standard'`. */\n  editorToolbar?: RichTextEditorToolbar;\n  /** Inject the Redactor factory for the rich composer (else `window.$R`). */\n  redactor?: RedactorFactory;\n  /** Consumer image-upload endpoint for the rich composer. */\n  imageUploadUrl?: string;\n\n  /* ----- Clinical flag (permission-gated) ----- */\n  /** Show the \"clinical note\" toggle in the composer. Default `true`. */\n  showClinicalToggle?: boolean;\n  /**\n   * Permission gate — when `false` the clinical toggle is disabled and shows\n   * `clinicalGatedReason` on hover/focus. Mirrors platform's\n   * `practice_add_clinical_note` permission. Default `true`.\n   */\n  canAddClinicalNote?: boolean;\n  /** Tooltip shown when the clinical toggle is gated off. */\n  clinicalGatedReason?: string;\n  /** Initial state of the clinical toggle. Default `false`. */\n  defaultClinical?: boolean;\n\n  /* ----- AI assistance (forwarded to RichTextEditor) ----- */\n  onRequestAiDraft?: RichTextEditorProps['onRequestAiDraft'];\n  aiDraftFormat?: RichTextEditorProps['aiDraftFormat'];\n  aiPrivacyNotice?: RichTextEditorProps['aiPrivacyNotice'];\n  onDictate?: RichTextEditorProps['onDictate'];\n  onProofread?: RichTextEditorProps['onProofread'];\n  onAutoFormat?: RichTextEditorProps['onAutoFormat'];\n\n  /* ----- Per-note actions ----- */\n  /** Toggle a note's pinned state — renders an inline pin button per note. */\n  onTogglePin?: (id: string) => void;\n  /** Toggle a note's flagged state — renders an inline flag button per note. */\n  onToggleFlag?: (id: string) => void;\n\n  /* ----- Labels / chrome ----- */\n  /** Panel heading. Defaults to the localised \"Notes\". */\n  title?: string;\n  /** Composer placeholder. */\n  composerPlaceholder?: string;\n  /** Save-button label. */\n  addNoteLabel?: string;\n  /** Rendered when there are no notes. */\n  emptyState?: ReactNode;\n  /** Accessible name for the panel region (defaults to `title`). */\n  'aria-label'?: string;\n}\n\n/* The timeline row. The addressed note wears a solid inline-start bar the\n   others do not — a shape channel, so the mark is not colour alone. Every row\n   reserves the bar's width in `transparent`, so marking one shifts nothing. */\nconst noteItemVariants = cva(\n  'ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]',\n  {\n    variants: {\n      current: {\n        true: 'ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { current: false },\n  },\n);\n\n/** Strip tags / entities to test whether a rich draft holds real content. */\nfunction hasRichContent(html: string): boolean {\n  if (!html) return false;\n  if (/<img\\b/i.test(html)) return true;\n  return (\n    html\n      .replace(/<[^>]*>/g, '')\n      .replace(/&nbsp;/gi, ' ')\n      .trim().length > 0\n  );\n}\n\nexport const NotesPanel = forwardRef<HTMLElement, NotesPanelProps>(\n  function NotesPanel(\n    {\n      id,\n      notes,\n      onAddNote,\n      currentNoteId,\n      currentNoteKey,\n      composer = 'rich',\n      editorToolbar = 'standard',\n      redactor,\n      imageUploadUrl,\n      showClinicalToggle = true,\n      canAddClinicalNote = true,\n      clinicalGatedReason,\n      defaultClinical = false,\n      onRequestAiDraft,\n      aiDraftFormat,\n      aiPrivacyNotice,\n      onDictate,\n      onProofread,\n      onAutoFormat,\n      onTogglePin,\n      onToggleFlag,\n      title,\n      composerPlaceholder,\n      addNoteLabel,\n      emptyState,\n      className,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [draft, setDraft] = useState('');\n    const [clinical, setClinical] = useState(defaultClinical);\n\n    const heading = title ?? t('notesPanel.title', { defaultValue: 'Notes' });\n    const headingId = useId();\n    const placeholder =\n      composerPlaceholder ??\n      t('notesPanel.placeholder', { defaultValue: 'Add a note…' });\n    const composerLabel = t('notesPanel.composerLabel', {\n      defaultValue: 'New note',\n    });\n\n    // Live content check: plain reads the draft directly; rich strips the draft\n    // (debounced) for the disabled state but commits from the editor handle.\n    const hasContent =\n      composer === 'rich' ? hasRichContent(draft) : draft.trim().length > 0;\n\n    const commit = useCallback(() => {\n      if (!onAddNote) return;\n      if (composer === 'rich') {\n        const html = editorRef.current?.getHTML() ?? draft;\n        if (!hasRichContent(html)) return;\n        onAddNote({ content: html, clinical });\n        editorRef.current?.clear();\n      } else {\n        const text = draft.trim();\n        if (!text) return;\n        onAddNote({ content: text, clinical });\n      }\n      setDraft('');\n      setClinical(defaultClinical);\n    }, [composer, draft, clinical, defaultClinical, onAddNote]);\n\n    // Pinned notes lead; order within each group is preserved.\n    const ordered = [...notes].sort(\n      (a, b) => Number(b.pinned ?? false) - Number(a.pinned ?? false),\n    );\n\n    /* ----- The addressed note (see `currentNoteId`) ----- */\n    const currentItemRef = useRef<HTMLLIElement>(null);\n    useEffect(() => {\n      if (!currentNoteId) return;\n      // `center`, not `nearest`: nearest parks the note flush against the edge\n      // of the scroll region, which is the least readable place to land.\n      currentItemRef.current?.scrollIntoView({ block: 'center' });\n      currentItemRef.current?.focus();\n      // `currentNoteKey` is in the deps so a REPEAT address of the same note\n      // re-runs — see the prop doc. Addressing is a request, not a value.\n    }, [currentNoteId, currentNoteKey]);\n\n    /* ----- Agent handle (structural reads + composer / toggles) ----- */\n    const notesRef = useRef(notes);\n    notesRef.current = notes;\n    const onAddNoteRef = useRef(onAddNote);\n    onAddNoteRef.current = onAddNote;\n    const onTogglePinRef = useRef(onTogglePin);\n    onTogglePinRef.current = onTogglePin;\n    const onToggleFlagRef = useRef(onToggleFlag);\n    onToggleFlagRef.current = onToggleFlag;\n    const canAddClinicalRef = useRef(canAddClinicalNote);\n    canAddClinicalRef.current = canAddClinicalNote;\n    const currentNoteIdRef = useRef(currentNoteId);\n    currentNoteIdRef.current = currentNoteId;\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n\n    const handle = useMemo<NotesPanelHandle>(\n      () => ({\n        // Ids + flags only — never the note body or author (both PHI).\n        getNotes: () =>\n          notesRef.current.map((n) => ({\n            id: n.id,\n            pinned: !!n.pinned,\n            flagged: !!n.flagged,\n            clinical: !!n.clinical,\n          })),\n        canAddNote: () => !!onAddNoteRef.current,\n        canAddClinical: () => canAddClinicalRef.current,\n        getCurrentNoteId: () => currentNoteIdRef.current ?? null,\n        addNote: (submission) => {\n          // A clinical submission requires the permission gate to be open.\n          if (submission.clinical && !canAddClinicalRef.current) return;\n          onAddNoteRef.current?.(submission);\n        },\n        togglePin: (noteId) => onTogglePinRef.current?.(noteId),\n        toggleFlag: (noteId) => onToggleFlagRef.current?.(noteId),\n      }),\n      [],\n    );\n    useAgentRegistration(notesPanelAgent, handle, id);\n\n    return (\n      <section\n        ref={rootRef}\n        data-component=\"notes-panel\"\n        data-component-id={id}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel}\n        className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {/* Shared rail header — pins to the top of the panel's scroll region\n            while the composer + note timeline scroll beneath it. The rail\n            injects the favourite / close actions via PanelHeaderActionsProvider. */}\n        <PanelHeader\n          title={heading}\n          icon={<NotebookPen aria-hidden=\"true\" />}\n          headingId={ariaLabel ? undefined : headingId}\n          sticky\n          divider\n        />\n\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]\">\n          {onAddNote ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {composer === 'rich' ? (\n                <RichTextEditor\n                  ref={editorRef}\n                  ariaLabel={composerLabel}\n                  placeholder={placeholder}\n                  toolbar={editorToolbar}\n                  minHeight=\"sm\"\n                  redactor={redactor}\n                  imageUploadUrl={imageUploadUrl}\n                  onChange={({ html }) => setDraft(html)}\n                  onRequestAiDraft={onRequestAiDraft}\n                  aiDraftFormat={aiDraftFormat}\n                  aiPrivacyNotice={aiPrivacyNotice}\n                  onDictate={onDictate}\n                  onProofread={onProofread}\n                  onAutoFormat={onAutoFormat}\n                />\n              ) : (\n                <TextArea\n                  value={draft}\n                  onChange={(event) => setDraft(event.target.value)}\n                  placeholder={placeholder}\n                  autoResize\n                  minRows={2}\n                  maxRows={6}\n                  aria-label={composerLabel}\n                />\n              )}\n              <div\n                className={[\n                  'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n                  showClinicalToggle ? 'ds:justify-between' : 'ds:justify-end',\n                ].join(' ')}\n              >\n                {showClinicalToggle ? (\n                  <Checkbox\n                    size=\"sm\"\n                    label={t('notesPanel.clinicalToggle', {\n                      defaultValue: 'Clinical note',\n                    })}\n                    checked={clinical}\n                    onCheckedChange={(next) => setClinical(next === true)}\n                    disabled={!canAddClinicalNote}\n                    disabledReason={\n                      canAddClinicalNote\n                        ? undefined\n                        : (clinicalGatedReason ??\n                          t('notesPanel.clinicalGated', {\n                            defaultValue:\n                              'You do not have permission to write clinical notes.',\n                          }))\n                    }\n                  />\n                ) : null}\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={commit}\n                  disabled={!hasContent}\n                >\n                  {addNoteLabel ??\n                    t('notesPanel.add', { defaultValue: 'Add note' })}\n                </Button>\n              </div>\n            </div>\n          ) : null}\n\n          {ordered.length > 0 ? (\n            <ul className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0\">\n              {ordered.map((note, index) => {\n                const isCurrent =\n                  currentNoteId != null && note.id === currentNoteId;\n                return (\n                  <li\n                    key={note.id ?? index}\n                    ref={isCurrent ? currentItemRef : undefined}\n                    // Focus lands on the row, not inside the card, so the\n                    // sentence below and `aria-current` are read out before the\n                    // note — and the rail's own Escape still bubbles.\n                    tabIndex={isCurrent ? -1 : undefined}\n                    aria-current={isCurrent ? 'true' : undefined}\n                    className={noteItemVariants({ current: isCurrent })}\n                  >\n                    {isCurrent ? (\n                      <span className=\"ds:sr-only\">\n                        {t('notesPanel.current', {\n                          defaultValue: 'Current note',\n                        })}\n                      </span>\n                    ) : null}\n                    {/* Elevated card per note; the list gap (not a separator)\n                    spaces them. Bodies clamp to five lines with read-more —\n                    except the addressed one, which is what the reader came\n                    for and opens in full. */}\n                    <ClinicalNoteCard\n                      surface=\"elevated\"\n                      truncate={!isCurrent}\n                      {...note}\n                      onTogglePin={\n                        onTogglePin && note.id\n                          ? () => onTogglePin(note.id as string)\n                          : undefined\n                      }\n                      onToggleFlag={\n                        onToggleFlag && note.id\n                          ? () => onToggleFlag(note.id as string)\n                          : undefined\n                      }\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          ) : (\n            (emptyState ?? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('notesPanel.empty', { defaultValue: 'No notes yet.' })}\n              </p>\n            ))\n          )}\n        </div>\n      </section>\n    );\n  },\n);\n"],"names":["notesPanelAgent","handle","args","noteItemVariants","cva","hasRichContent","html","NotesPanel","forwardRef","id","notes","onAddNote","currentNoteId","currentNoteKey","composer","editorToolbar","redactor","imageUploadUrl","showClinicalToggle","canAddClinicalNote","clinicalGatedReason","defaultClinical","onRequestAiDraft","aiDraftFormat","aiPrivacyNotice","onDictate","onProofread","onAutoFormat","onTogglePin","onToggleFlag","title","composerPlaceholder","addNoteLabel","emptyState","className","ariaLabel","rest","ref","t","useTranslation","editorRef","useRef","draft","setDraft","useState","clinical","setClinical","heading","headingId","useId","placeholder","composerLabel","hasContent","commit","useCallback","_a","_b","text","ordered","a","b","currentItemRef","useEffect","notesRef","onAddNoteRef","onTogglePinRef","onToggleFlagRef","canAddClinicalRef","currentNoteIdRef","rootRef","useImperativeHandle","useMemo","n","submission","noteId","useAgentRegistration","jsxs","jsx","PanelHeader","NotebookPen","RichTextEditor","TextArea","event","Checkbox","next","Button","note","index","isCurrent","ClinicalNoteCard"],"mappings":"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"}
+{"version":3,"file":"notes-panel-Bz83SO4-.js","sources":["../../src/components/notes-panel/notes-panel.agent.ts","../../src/components/notes-panel/notes-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — NotesPanel.                                            */\n/*                                                                        */\n/* The Notes tool: a composer over a note timeline. The agent reads the   */\n/* timeline STRUCTURE (note ids + pinned / flagged / clinical flags —     */\n/* never the note body or author, both PHI), composes and commits a new   */\n/* note, and toggles a note's pinned / flagged state. `add_note` carries  */\n/* the `phi` safety class: a note body is patient-identifiable clinical   */\n/* content, so the host gates it behind the same confirm-before-act as a  */\n/* destructive write and never auto-confirms. A clinical submission also  */\n/* requires the host's `practice_add_clinical_note` permission (the       */\n/* handle drops it when the gate is closed).                              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotesPanelHandle } from './notes-panel';\n\nexport const notesPanelAgent: AgentAdapter<NotesPanelHandle> = {\n  id: 'notes-panel',\n  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles\n  // with no dedicated capability in the closed vocabulary.\n  capabilities: ['submit'],\n  state: {\n    notes: {\n      type: 'Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>',\n      descriptionKey: 'ui.agent.notesPanel.state.notes',\n      description:\n        'Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).',\n      read: (handle) => handle.getNotes(),\n    },\n    canAddClinical: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notesPanel.state.canAddClinical',\n      description:\n        'Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).',\n      read: (handle) => handle.canAddClinical(),\n    },\n    currentNoteId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.notesPanel.state.currentNoteId',\n      description:\n        'Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.',\n      read: (handle) => handle.getCurrentNoteId(),\n    },\n  },\n  actions: {\n    add_note: {\n      // Writes a clinical/admin note body — patient-identifiable content. PHI.\n      safety: 'phi',\n      argsType: '{ content: string; clinical: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          content: {\n            type: 'string',\n            description:\n              'Note body. Rich HTML for the rich composer, else plain text.',\n          },\n          clinical: {\n            type: 'boolean',\n            description:\n              'Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed.',\n          },\n        },\n        required: ['content', 'clinical'],\n      },\n      openWorld: true,\n      descriptionKey: 'ui.agent.notesPanel.actions.addNote',\n      description:\n        'Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).',\n      examples: [\n        {\n          args: { content: 'Patient reported improvement.', clinical: true },\n          note: 'Add a clinical note.',\n        },\n      ],\n      invoke: (handle, args: { content: string; clinical: boolean }) => {\n        handle.addNote(args);\n      },\n    },\n    toggle_pin: {\n      // Re-orders the timeline (pinned notes lead) — reversible view write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.togglePin',\n      description: 'Toggle the pinned state of the note with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.togglePin(args.id);\n      },\n    },\n    toggle_flag: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.notesPanel.actions.toggleFlag',\n      description: 'Toggle the flagged state of the note with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.toggleFlag(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notes-panel',\n      description: 'Marks the NotesPanel region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific notes panel from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notesPanelAgent } from './notes-panel.agent';\nimport { ClinicalNoteCard } from '../clinical-note-card';\nimport type { ClinicalNoteCardProps } from '../clinical-note-card';\nimport { RichTextEditor } from '../rich-text-editor';\nimport type {\n  RichTextEditorHandle,\n  RichTextEditorProps,\n  RichTextEditorToolbar,\n  RedactorFactory,\n} from '../rich-text-editor';\nimport { TextArea } from '../text-area';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { NotebookPen } from 'lucide-react';\nimport { PanelHeader } from '../panel-header';\n\n/* ------------------------------------------------------------------ */\n/* NotesPanel — the Notes tool for the Control Room rail.              */\n/*                                                                    */\n/* A composer over an elevated ClinicalNoteCard timeline. Drops       */\n/* into a ControlRoomRail tool `panel`, the patient profile, or the   */\n/* care-plan editor — anywhere notes about the open entity belong.    */\n/* The composer is the kit RichTextEditor by default (degrades to a   */\n/* textarea where Redactor is absent), carries a permission-gated     */\n/* \"clinical note\" toggle, and forwards the editor's AI affordances.  */\n/* The note attaches to whatever entity the host is showing — the     */\n/* host owns the attachment; the panel only emits content + clinical. */\n/* Pinned notes lead; pin / flag are inline per-note toggles.         */\n/* ------------------------------------------------------------------ */\n\n/**\n * One note in the panel — the data subset of `ClinicalNoteCard`.\n *\n * `aria-label` names the card for assistive tech. Set it whenever a row is not\n * a clinical note: the card's fallback name is \"Clinical note\", so an entry\n * that is something else (a dated event, an import) is announced as one.\n */\nexport type NotesPanelNote = Pick<\n  ClinicalNoteCardProps,\n  | 'id'\n  | 'dateIso'\n  | 'createdAtIso'\n  | 'author'\n  | 'clinical'\n  | 'attachedTo'\n  | 'content'\n  | 'contentFormat'\n  | 'pinned'\n  | 'flagged'\n  | 'aria-label'\n>;\n\n/**\n * Curated agent handle for NotesPanel. Reads the note timeline's STRUCTURE\n * (ids + pinned / flagged / clinical flags — never the note body or author,\n * both PHI) and drives the composer + per-note toggles. See\n * `notes-panel.agent.ts`.\n */\nexport interface NotesPanelHandle {\n  /** Timeline snapshot — ids + flags only, never note content (PHI). */\n  getNotes: () => Array<{\n    id?: string;\n    pinned: boolean;\n    flagged: boolean;\n    clinical: boolean;\n  }>;\n  /** Whether the composer is mounted (onAddNote is wired). */\n  canAddNote: () => boolean;\n  /** Whether clinical notes may be written (the permission gate). */\n  canAddClinical: () => boolean;\n  /** Id of the note the host has addressed, or null when none is. */\n  getCurrentNoteId: () => string | null;\n  /** Commit a new note with explicit content (mirrors the composer's submit). */\n  addNote: (submission: NotesPanelSubmission) => void;\n  /** Toggle a note's pinned state (mirrors onTogglePin). */\n  togglePin: (id: string) => void;\n  /** Toggle a note's flagged state (mirrors onToggleFlag). */\n  toggleFlag: (id: string) => void;\n}\n\n/** Payload handed to `onAddNote` when the composer commits. */\nexport interface NotesPanelSubmission {\n  /** The note body — rich HTML (`composer='rich'`) or plain text. */\n  content: string;\n  /** Whether the \"clinical note\" toggle was set. */\n  clinical: boolean;\n}\n\nexport interface NotesPanelProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific notes panel.\n   */\n  id?: string;\n  /** Notes to render, newest-first by convention. Pinned notes lead. */\n  notes: NotesPanelNote[];\n  /** Commit a new note. Omit to hide the composer (read-only timeline). */\n  onAddNote?: (submission: NotesPanelSubmission) => void;\n  /**\n   * The note the reader ASKED for, addressed by id from somewhere else in the\n   * record — a marker in a chart, a row in a grid, an agent. The panel marks\n   * it, scrolls it to the middle of its own scroll region and moves focus to\n   * it, and renders it unclamped so the thing that was asked for is readable\n   * in full without a second click.\n   *\n   * Opening a panel is not the same as answering a question: a rail's\n   * `setActiveTool` moves no focus and announces nothing, so a control whose\n   * name promises \"in the notes panel\" produces no perceivable change for a\n   * keyboard or screen-reader reader unless the panel lands them on the note.\n   * That is what this prop is for; without it, a host has to reach into the\n   * panel's DOM to do the same job.\n   *\n   * Marked on three channels, never colour alone (WCAG 1.4.1): a solid\n   * inline-start bar the other notes do not have, a tinted gutter, and\n   * `aria-current` plus a visually-hidden sentence naming the mark.\n   *\n   * Ids that match no note are ignored. To address the SAME note twice — the\n   * reader pressing the same marker again after scrolling away — bump\n   * `currentNoteKey` alongside it; this prop alone is a value, not a request.\n   */\n  currentNoteId?: string;\n  /**\n   * Bump on every address to re-scroll and re-focus the note in `currentNoteId`\n   * even when the id has not changed.\n   *\n   * Addressing is a request, not a value: a reader who presses the same marker\n   * a second time (having scrolled away, or having moved focus off the note) is\n   * asking to be taken back, and a control whose name promises the notes panel\n   * must do something perceivable every time it is pressed. Without this the\n   * second press is inert — the panel is already showing that note, so nothing\n   * re-runs. Hosts increment a counter in the same handler that opens the tool.\n   */\n  currentNoteKey?: string | number;\n\n  /* ----- Composer ----- */\n  /**\n   * `'rich'` (default) mounts the kit `RichTextEditor` (Redactor; degrades to a\n   * textarea where Redactor is absent). `'plain'` keeps a simple `TextArea` for\n   * lightweight surfaces / deterministic tests.\n   */\n  composer?: 'rich' | 'plain';\n  /** Toolbar preset for the rich composer. Defaults to `'standard'`. */\n  editorToolbar?: RichTextEditorToolbar;\n  /** Inject the Redactor factory for the rich composer (else `window.$R`). */\n  redactor?: RedactorFactory;\n  /** Consumer image-upload endpoint for the rich composer. */\n  imageUploadUrl?: string;\n\n  /* ----- Clinical flag (permission-gated) ----- */\n  /** Show the \"clinical note\" toggle in the composer. Default `true`. */\n  showClinicalToggle?: boolean;\n  /**\n   * Permission gate — when `false` the clinical toggle is disabled and shows\n   * `clinicalGatedReason` on hover/focus. Mirrors platform's\n   * `practice_add_clinical_note` permission. Default `true`.\n   */\n  canAddClinicalNote?: boolean;\n  /** Tooltip shown when the clinical toggle is gated off. */\n  clinicalGatedReason?: string;\n  /** Initial state of the clinical toggle. Default `false`. */\n  defaultClinical?: boolean;\n\n  /* ----- AI assistance (forwarded to RichTextEditor) ----- */\n  onRequestAiDraft?: RichTextEditorProps['onRequestAiDraft'];\n  aiDraftFormat?: RichTextEditorProps['aiDraftFormat'];\n  aiPrivacyNotice?: RichTextEditorProps['aiPrivacyNotice'];\n  onDictate?: RichTextEditorProps['onDictate'];\n  onProofread?: RichTextEditorProps['onProofread'];\n  onAutoFormat?: RichTextEditorProps['onAutoFormat'];\n\n  /* ----- Per-note actions ----- */\n  /** Toggle a note's pinned state — renders an inline pin button per note. */\n  onTogglePin?: (id: string) => void;\n  /** Toggle a note's flagged state — renders an inline flag button per note. */\n  onToggleFlag?: (id: string) => void;\n\n  /* ----- Labels / chrome ----- */\n  /** Panel heading. Defaults to the localised \"Notes\". */\n  title?: string;\n  /** Composer placeholder. */\n  composerPlaceholder?: string;\n  /** Save-button label. */\n  addNoteLabel?: string;\n  /** Rendered when there are no notes. */\n  emptyState?: ReactNode;\n  /** Accessible name for the panel region (defaults to `title`). */\n  'aria-label'?: string;\n}\n\n/* The timeline row. The addressed note wears a solid inline-start bar the\n   others do not — a shape channel, so the mark is not colour alone. Every row\n   reserves the bar's width in `transparent`, so marking one shifts nothing. */\nconst noteItemVariants = cva(\n  'ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]',\n  {\n    variants: {\n      current: {\n        true: 'ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]',\n        false: 'ds:border-transparent',\n      },\n    },\n    defaultVariants: { current: false },\n  },\n);\n\n/** Strip tags / entities to test whether a rich draft holds real content. */\nfunction hasRichContent(html: string): boolean {\n  if (!html) return false;\n  if (/<img\\b/i.test(html)) return true;\n  return (\n    html\n      .replace(/<[^>]*>/g, '')\n      .replace(/&nbsp;/gi, ' ')\n      .trim().length > 0\n  );\n}\n\nexport const NotesPanel = forwardRef<HTMLElement, NotesPanelProps>(\n  function NotesPanel(\n    {\n      id,\n      notes,\n      onAddNote,\n      currentNoteId,\n      currentNoteKey,\n      composer = 'rich',\n      editorToolbar = 'standard',\n      redactor,\n      imageUploadUrl,\n      showClinicalToggle = true,\n      canAddClinicalNote = true,\n      clinicalGatedReason,\n      defaultClinical = false,\n      onRequestAiDraft,\n      aiDraftFormat,\n      aiPrivacyNotice,\n      onDictate,\n      onProofread,\n      onAutoFormat,\n      onTogglePin,\n      onToggleFlag,\n      title,\n      composerPlaceholder,\n      addNoteLabel,\n      emptyState,\n      className,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const editorRef = useRef<RichTextEditorHandle>(null);\n    const [draft, setDraft] = useState('');\n    const [clinical, setClinical] = useState(defaultClinical);\n\n    const heading = title ?? t('notesPanel.title', { defaultValue: 'Notes' });\n    const headingId = useId();\n    const placeholder =\n      composerPlaceholder ??\n      t('notesPanel.placeholder', { defaultValue: 'Add a note…' });\n    const composerLabel = t('notesPanel.composerLabel', {\n      defaultValue: 'New note',\n    });\n\n    // Live content check: plain reads the draft directly; rich strips the draft\n    // (debounced) for the disabled state but commits from the editor handle.\n    const hasContent =\n      composer === 'rich' ? hasRichContent(draft) : draft.trim().length > 0;\n\n    const commit = useCallback(() => {\n      if (!onAddNote) return;\n      if (composer === 'rich') {\n        const html = editorRef.current?.getHTML() ?? draft;\n        if (!hasRichContent(html)) return;\n        onAddNote({ content: html, clinical });\n        editorRef.current?.clear();\n      } else {\n        const text = draft.trim();\n        if (!text) return;\n        onAddNote({ content: text, clinical });\n      }\n      setDraft('');\n      setClinical(defaultClinical);\n    }, [composer, draft, clinical, defaultClinical, onAddNote]);\n\n    // Pinned notes lead; order within each group is preserved.\n    const ordered = [...notes].sort(\n      (a, b) => Number(b.pinned ?? false) - Number(a.pinned ?? false),\n    );\n\n    /* ----- The addressed note (see `currentNoteId`) ----- */\n    const currentItemRef = useRef<HTMLLIElement>(null);\n    useEffect(() => {\n      if (!currentNoteId) return;\n      // `center`, not `nearest`: nearest parks the note flush against the edge\n      // of the scroll region, which is the least readable place to land.\n      currentItemRef.current?.scrollIntoView({ block: 'center' });\n      currentItemRef.current?.focus();\n      // `currentNoteKey` is in the deps so a REPEAT address of the same note\n      // re-runs — see the prop doc. Addressing is a request, not a value.\n    }, [currentNoteId, currentNoteKey]);\n\n    /* ----- Agent handle (structural reads + composer / toggles) ----- */\n    const notesRef = useRef(notes);\n    notesRef.current = notes;\n    const onAddNoteRef = useRef(onAddNote);\n    onAddNoteRef.current = onAddNote;\n    const onTogglePinRef = useRef(onTogglePin);\n    onTogglePinRef.current = onTogglePin;\n    const onToggleFlagRef = useRef(onToggleFlag);\n    onToggleFlagRef.current = onToggleFlag;\n    const canAddClinicalRef = useRef(canAddClinicalNote);\n    canAddClinicalRef.current = canAddClinicalNote;\n    const currentNoteIdRef = useRef(currentNoteId);\n    currentNoteIdRef.current = currentNoteId;\n\n    const rootRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLElement, []);\n\n    const handle = useMemo<NotesPanelHandle>(\n      () => ({\n        // Ids + flags only — never the note body or author (both PHI).\n        getNotes: () =>\n          notesRef.current.map((n) => ({\n            id: n.id,\n            pinned: !!n.pinned,\n            flagged: !!n.flagged,\n            clinical: !!n.clinical,\n          })),\n        canAddNote: () => !!onAddNoteRef.current,\n        canAddClinical: () => canAddClinicalRef.current,\n        getCurrentNoteId: () => currentNoteIdRef.current ?? null,\n        addNote: (submission) => {\n          // A clinical submission requires the permission gate to be open.\n          if (submission.clinical && !canAddClinicalRef.current) return;\n          onAddNoteRef.current?.(submission);\n        },\n        togglePin: (noteId) => onTogglePinRef.current?.(noteId),\n        toggleFlag: (noteId) => onToggleFlagRef.current?.(noteId),\n      }),\n      [],\n    );\n    useAgentRegistration(notesPanelAgent, handle, id);\n\n    return (\n      <section\n        ref={rootRef}\n        data-component=\"notes-panel\"\n        data-component-id={id}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel}\n        className={['ds:flex ds:flex-col', className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {/* Shared rail header — pins to the top of the panel's scroll region\n            while the composer + note timeline scroll beneath it. The rail\n            injects the favourite / close actions via PanelHeaderActionsProvider. */}\n        <PanelHeader\n          title={heading}\n          icon={<NotebookPen aria-hidden=\"true\" />}\n          headingId={ariaLabel ? undefined : headingId}\n          sticky\n          divider\n        />\n\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]\">\n          {onAddNote ? (\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {composer === 'rich' ? (\n                <RichTextEditor\n                  ref={editorRef}\n                  ariaLabel={composerLabel}\n                  placeholder={placeholder}\n                  toolbar={editorToolbar}\n                  minHeight=\"sm\"\n                  redactor={redactor}\n                  imageUploadUrl={imageUploadUrl}\n                  onChange={({ html }) => setDraft(html)}\n                  onRequestAiDraft={onRequestAiDraft}\n                  aiDraftFormat={aiDraftFormat}\n                  aiPrivacyNotice={aiPrivacyNotice}\n                  onDictate={onDictate}\n                  onProofread={onProofread}\n                  onAutoFormat={onAutoFormat}\n                />\n              ) : (\n                <TextArea\n                  value={draft}\n                  onChange={(event) => setDraft(event.target.value)}\n                  placeholder={placeholder}\n                  autoResize\n                  minRows={2}\n                  maxRows={6}\n                  aria-label={composerLabel}\n                />\n              )}\n              <div\n                className={[\n                  'ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n                  showClinicalToggle ? 'ds:justify-between' : 'ds:justify-end',\n                ].join(' ')}\n              >\n                {showClinicalToggle ? (\n                  <Checkbox\n                    size=\"sm\"\n                    label={t('notesPanel.clinicalToggle', {\n                      defaultValue: 'Clinical note',\n                    })}\n                    checked={clinical}\n                    onCheckedChange={(next) => setClinical(next === true)}\n                    disabled={!canAddClinicalNote}\n                    disabledReason={\n                      canAddClinicalNote\n                        ? undefined\n                        : (clinicalGatedReason ??\n                          t('notesPanel.clinicalGated', {\n                            defaultValue:\n                              'You do not have permission to write clinical notes.',\n                          }))\n                    }\n                  />\n                ) : null}\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  onClick={commit}\n                  disabled={!hasContent}\n                >\n                  {addNoteLabel ??\n                    t('notesPanel.add', { defaultValue: 'Add note' })}\n                </Button>\n              </div>\n            </div>\n          ) : null}\n\n          {ordered.length > 0 ? (\n            <ul className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0\">\n              {ordered.map((note, index) => {\n                const isCurrent =\n                  currentNoteId != null && note.id === currentNoteId;\n                return (\n                  <li\n                    key={note.id ?? index}\n                    ref={isCurrent ? currentItemRef : undefined}\n                    // Focus lands on the row, not inside the card, so the\n                    // sentence below and `aria-current` are read out before the\n                    // note — and the rail's own Escape still bubbles.\n                    tabIndex={isCurrent ? -1 : undefined}\n                    aria-current={isCurrent ? 'true' : undefined}\n                    className={noteItemVariants({ current: isCurrent })}\n                  >\n                    {isCurrent ? (\n                      <span className=\"ds:sr-only\">\n                        {t('notesPanel.current', {\n                          defaultValue: 'Current note',\n                        })}\n                      </span>\n                    ) : null}\n                    {/* Elevated card per note; the list gap (not a separator)\n                    spaces them. Bodies clamp to five lines with read-more —\n                    except the addressed one, which is what the reader came\n                    for and opens in full. */}\n                    <ClinicalNoteCard\n                      surface=\"elevated\"\n                      truncate={!isCurrent}\n                      {...note}\n                      onTogglePin={\n                        onTogglePin && note.id\n                          ? () => onTogglePin(note.id as string)\n                          : undefined\n                      }\n                      onToggleFlag={\n                        onToggleFlag && note.id\n                          ? () => onToggleFlag(note.id as string)\n                          : undefined\n                      }\n                    />\n                  </li>\n                );\n              })}\n            </ul>\n          ) : (\n            (emptyState ?? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('notesPanel.empty', { defaultValue: 'No notes yet.' })}\n              </p>\n            ))\n          )}\n        </div>\n      </section>\n    );\n  },\n);\n"],"names":["notesPanelAgent","handle","args","noteItemVariants","cva","hasRichContent","html","NotesPanel","forwardRef","id","notes","onAddNote","currentNoteId","currentNoteKey","composer","editorToolbar","redactor","imageUploadUrl","showClinicalToggle","canAddClinicalNote","clinicalGatedReason","defaultClinical","onRequestAiDraft","aiDraftFormat","aiPrivacyNotice","onDictate","onProofread","onAutoFormat","onTogglePin","onToggleFlag","title","composerPlaceholder","addNoteLabel","emptyState","className","ariaLabel","rest","ref","t","useTranslation","editorRef","useRef","draft","setDraft","useState","clinical","setClinical","heading","headingId","useId","placeholder","composerLabel","hasContent","commit","useCallback","_a","_b","text","ordered","a","b","currentItemRef","useEffect","notesRef","onAddNoteRef","onTogglePinRef","onToggleFlagRef","canAddClinicalRef","currentNoteIdRef","rootRef","useImperativeHandle","useMemo","n","submission","noteId","useAgentRegistration","jsxs","jsx","PanelHeader","NotebookPen","RichTextEditor","TextArea","event","Checkbox","next","Button","note","index","isCurrent","ClinicalNoteCard"],"mappings":"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"}