@alfadocs/ui-kit-debug 1.5.0 → 1.6.1

package/dist/_chunks/{chat-message-DHNUbjXA.js.map → chat-message-DBQu10rs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-message-DHNUbjXA.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Alia\n   * pattern to render a Astroid identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      role: {\n        user: 'ds:flex-row-reverse',\n        assistant: 'ds:flex-row',\n        system: 'ds:flex-col ds:items-center ds:text-center',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n  /**\n   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      actions,\n      body,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const resolvedBody =\n      body ?? (renderMarkdown ? renderBody(content) : content);\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <CircleAlert\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Alia's Astroid tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}
+{"version":3,"file":"chat-message-DBQu10rs.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CircleAlert, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Alia\n   * pattern to render a Astroid identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      role: {\n        user: 'ds:flex-row-reverse',\n        assistant: 'ds:flex-row',\n        system: 'ds:flex-col ds:items-center ds:text-center',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n  /**\n   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      actions,\n      body,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const resolvedBody =\n      body ?? (renderMarkdown ? renderBody(content) : content);\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <CircleAlert\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Alia's Astroid tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","CircleAlert","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":";;;;;;;;;;;;;AA0CA,MAAMA,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAEMC,IAAiBD;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,WACE;AAAA,QACF,QACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,MAAM,YAAA;AAAA,EAAY;AAEzC,GAcME,IAAe;AAErB,SAASC,EAASC,GAAwB;AACxC,QAAMC,IAAkB,CAAA;AACxB,MAAIC,IAAYF;AAChB,QAAMG,IAAU;AAChB,SAAOD,EAAU,SAAS,KAAG;AAC3B,UAAME,IAAQD,EAAQ,KAAKD,CAAS;AACpC,QAAI,CAACE,GAAO;AACV,MAAAH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,GAAW;AAC9C;AAAA,IACF;AACA,IAAIE,EAAM,QAAQ,KAChBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOC,EAAU,MAAM,GAAGE,EAAM,KAAK,EAAA,CAAG,GAElEA,EAAM,CAAC,MAAM,SACfH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,SACtBH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,IACpCA,EAAM,CAAC,MAAM,UAAaA,EAAM,CAAC,MAAM,SAChDH,EAAO,KAAK,EAAE,MAAM,QAAQ,OAAOG,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,CAAG,IAE7DH,EAAO,KAAK,EAAE,MAAM,KAAA,CAAM,GAE5BC,IAAYA,EAAU,MAAME,EAAM,QAAQA,EAAM,CAAC,EAAE,MAAM;AAAA,EAC3D;AACA,SAAOH;AACT;AAEA,SAASI,EAAaL,GAA0B;AAC9C,SAAOD,EAASC,CAAK,EAAE,IAAI,CAACM,GAAKC,MAC3BD,EAAI,SAAS,2BAAgB,UAAA,EAAgB,UAAAA,EAAI,SAARC,CAAc,IACvDD,EAAI,SAAS,SAEb,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAF,EAAI;AAAA,IAAA;AAAA,IAJAC;AAAA,EAAA,IAQPD,EAAI,SAAS,OAAa,gBAAAE,EAAC,UAAQD,CAAG,IACtCD,EAAI,SAAS,SACVR,EAAa,KAAKQ,EAAI,IAAI,IAK7B,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAMF,EAAI;AAAA,MACV,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MAET,UAAAA,EAAI;AAAA,IAAA;AAAA,IANAC;AAAA,EAAA,IAJA,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,IAcjC,gBAAAC,EAACC,GAAA,EAAkB,UAAAH,EAAI,MAAA,GAARC,CAAc,CACrC;AACH;AAMA,SAASG,EAAWV,GAA0B;AAC5C,SAAOW,EAAgBX,CAAK,EAAE,IAAI,CAACY,GAAKL,MAClCK,EAAI,SAAS,SACR,gBAAAJ,EAACK,KAAkB,MAAMD,EAAI,OAAO,UAAUA,EAAI,QAAlCL,CAAwC,sBAEzDE,GAAA,EAAkB,UAAAJ,EAAaO,EAAI,KAAK,KAA1BL,CAA4B,CACnD;AACH;AAkCO,MAAMO,IAAcC;AAAA,EACzB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GAKdC,IAAgBC,EAAQ,MAAM;AAClC,UAAI,CAACb,EAAW,QAAO;AACvB,YAAMc,IAAOd,aAAqB,OAAOA,IAAY,IAAI,KAAKA,CAAS;AACvE,aAAI,OAAO,MAAMc,EAAK,QAAA,CAAS,IAAU,OAClC,IAAI,KAAK,eAAeJ,EAAK,UAAU;AAAA,QAC5C,MAAM;AAAA,QACN,QAAQ;AAAA,MAAA,CACT,EAAE,OAAOI,CAAI;AAAA,IAChB,GAAG,CAACd,GAAWU,EAAK,QAAQ,CAAC,GAEvBK,IAAYN,EAAE,qBAAqBZ,CAAI,EAAE,GACzCmB,IAAeJ,IACjBH,EAAE,sBAAsB,EAAE,MAAMM,GAAW,MAAMH,EAAA,CAAe,IAChEH,EAAE,4BAA4B,EAAE,MAAMM,GAAW,GAE/CE,IACJZ,MAASH,IAAiBX,EAAWO,CAAO,IAAIA,IAE5CoB,IACA,CAACjB,KAAUA,MAAW,WAAiB,OACvCA,MAAW,YACN,gBAAAZ,EAAC8B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IACvDlB,MAAW,SACN,gBAAAZ,EAAC+B,GAAA,EAAM,eAAY,QAAO,WAAU,eAAc,IAEzD,gBAAA/B;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA,GAKVC,IAAarB,IAASQ,EAAE,uBAAuBR,CAAM,EAAE,IAAI;AAEjE,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACA,cAAYQ;AAAA,QACZ,kBAAe;AAAA,QAGf,aAAWnB;AAAA,QACX,eAAaI;AAAA,QACb,WAAW;AAAA,UACTzB,EAAY,EAAE,MAAAqB,GAAM,WAAAS,GAAW;AAAA;AAAA;AAAA;AAAA,UAI/B;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACT,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAV,MAAS,YAAYE,IACpBA,EAAO;AAAA;AAAA,YAELA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKP,gBAAAV;AAAA,cAACmC;AAAA,cAAA;AAAA,gBACC,MAAMzB,EAAO;AAAA,gBACb,KAAK0B,EAAa1B,EAAO,GAAG;AAAA,gBAC5B,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,cAGP;AAAA,UAEJ,gBAAAwB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKT;AAAA,gBACA1B,MAAS,SACL,iBACAA,MAAS,cACP,mBACA;AAAA,cAAA,EACN,KAAK,GAAG;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAR;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,WAAW;AAAA,sBACTX,EAAe,EAAE,MAAAmB,GAAM;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAAoB;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAGDL,KAAiBU,MAAezB,MAAS,WACzC,gBAAA0B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA;AAAA,oBAAA,EACA,KAAK,GAAG;AAAA,oBAET,UAAA;AAAA,sBAAAvB,IACC,gBAAAX;AAAA,wBAACqC;AAAA,wBAAA;AAAA,0BACC,OAAO1B;AAAA,0BACP,QAAO;AAAA,0BACP,gBAAgB,EAAE,MAAM,WAAW,QAAQ,UAAA;AAAA,0BAC3C,KAAI;AAAA,wBAAA;AAAA,sBAAA,IAEJ;AAAA,sBACHkB;AAAA;AAAA;AAAA;AAAA,wBAIC,gBAAAK;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BAEC,WAAW;AAAA,8BACT;AAAA,8BACA;AAAA,8BACA;AAAA,4BAAA,EACA,KAAK,GAAG;AAAA,4BAET,UAAA;AAAA,8BAAAL;AAAA,8BACD,gBAAA7B,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAiC,EAAA,CAAW;AAAA,4BAAA;AAAA,0BAAA;AAAA,0BARpCrB;AAAA,wBAAA;AAAA,0BAUL;AAAA,sBACHA,MAAW,WAAWE,IACrB,gBAAAd;AAAA,wBAACsC;AAAA,wBAAA;AAAA,0BACC,QAAO;AAAA,0BACP,MAAK;AAAA,0BACL,SAASxB;AAAA,0BACT,6BAAYyB,GAAA,EAAU;AAAA,0BAErB,YAAE,oBAAoB;AAAA,wBAAA;AAAA,sBAAA,IAEvB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,IAEJ;AAAA,gBACHxB,IACC,gBAAAf,EAAC,OAAA,EAAI,WAAU,uFACZ,aACH,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAM,EAAY,cAAc;"}

package/dist/_chunks/{code-block-BONe9fJi.js → code-block-BIkpRLkl.js}

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { forwardRef as u, useState as g, useCallback as x } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
-import { I as y } from "./icon-button-9c9Gp41m.js";
+import { I as y } from "./icon-button-DA2CAGHZ.js";
 import { C } from "./check-DrFSN__t.js";
 import { C as k } from "./copy-vRpqqHtY.js";
 function F(e) {
@@ -103,4 +103,4 @@ export {
   B as C,
   F as s
 };
-//# sourceMappingURL=code-block-BONe9fJi.js.map
+//# sourceMappingURL=code-block-BIkpRLkl.js.map

package/dist/_chunks/{code-block-BONe9fJi.js.map → code-block-BIkpRLkl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-block-BONe9fJi.js","sources":["../../src/components/_shared/code-block.tsx"],"sourcesContent":["/**\n * Shared fenced-code-block renderer for the chat markdown path.\n *\n * `splitCodeFences` slices a markdown string into plain-text and fenced-code\n * segments so `ChatMessage` / `StreamingText` can keep their existing inline\n * tokenizers for the text runs and render `<CodeBlock>` for the code runs.\n * It tolerates an UNTERMINATED trailing fence — the streaming case, where the\n * closing ``` has not arrived yet — so a prompt renders as a code block as it\n * streams in.\n *\n * `CodeBlock` renders the code in a scrollable monospace surface with a Copy\n * affordance (clipboard + a brief \"Copied\" confirmation, graceful no-op when\n * the clipboard API is unavailable). No `dangerouslySetInnerHTML`.\n */\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { IconButton } from '../button';\n\n/* ------------------------------------------------------------------ */\n/* splitCodeFences                                                      */\n/* ------------------------------------------------------------------ */\n\nexport type MarkdownSegment =\n  | { type: 'text'; value: string }\n  | { type: 'code'; lang?: string; value: string };\n\n/**\n * Split markdown into text + fenced-code segments. Matches an opening\n * ` ```lang\\n `, lazy content, then either a closing ` \\n``` ` on its own line\n * or end-of-input (the unterminated streaming case).\n */\nexport function splitCodeFences(input: string): MarkdownSegment[] {\n  const segments: MarkdownSegment[] = [];\n  // `\\n?` before the closing fence so an EMPTY block (```ts\\n```) closes\n  // correctly rather than swallowing its own closing backticks as content.\n  const fence = /```([^\\n`]*)\\n([\\s\\S]*?)(?:\\n?```|$)/g;\n  let last = 0;\n  let m: RegExpExecArray | null;\n  while ((m = fence.exec(input)) !== null) {\n    if (m.index > last) {\n      segments.push({ type: 'text', value: input.slice(last, m.index) });\n    }\n    segments.push({\n      type: 'code',\n      lang: m[1].trim() || undefined,\n      value: m[2],\n    });\n    last = fence.lastIndex;\n  }\n  if (last < input.length) {\n    segments.push({ type: 'text', value: input.slice(last) });\n  }\n  return segments;\n}\n\n/* ------------------------------------------------------------------ */\n/* CodeBlock                                                            */\n/* ------------------------------------------------------------------ */\n\nconst codeBlockVariants = cva(\n  [\n    'ds:my-[var(--spacing-sm)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--muted)]',\n  ].join(' '),\n);\n\nexport interface CodeBlockProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Raw code text. */\n  code: string;\n  /** Optional info string after the opening fence (e.g. `ts`, `bash`). */\n  language?: string;\n  /** Render the Copy affordance. Default `true`. */\n  showCopy?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ code, language, showCopy = true, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n\n    const canCopy =\n      showCopy &&\n      typeof navigator !== 'undefined' &&\n      typeof navigator.clipboard?.writeText === 'function';\n\n    const handleCopy = useCallback(() => {\n      navigator.clipboard\n        ?.writeText(code)\n        .then(() => {\n          setCopied(true);\n          setTimeout(() => setCopied(false), 2000);\n        })\n        .catch(() => {\n          // Clipboard blocked (insecure context / permissions) — graceful no-op.\n        });\n    }, [code]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"code-block\"\n        className={[codeBlockVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {language || canCopy ? (\n          <div\n            className={[\n              'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n              'ds:border-b ds:border-[color:var(--border)]',\n              'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n              'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <span\n              dir=\"ltr\"\n              className=\"type-meta ds:text-[color:var(--muted-foreground)]\"\n            >\n              {language ?? ''}\n            </span>\n            {canCopy ? (\n              <IconButton\n                icon={copied ? <Check /> : <Copy />}\n                aria-label={\n                  copied ? t('codeBlock.copied') : t('codeBlock.copy')\n                }\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleCopy}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex --\n            the scrollable <pre> must be keyboard-focusable so keyboard users\n            can scroll the overflow (axe scrollable-region-focusable); the\n            browser default focus ring satisfies WCAG 2.4.7. */}\n        <pre\n          tabIndex={0}\n          className=\"ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]\"\n        >\n          <code\n            dir=\"ltr\"\n            className={[\n              'ds:font-[family-name:var(--font-mono)]',\n              'ds:text-[length:var(--font-size-sm)] ds:leading-relaxed',\n              'ds:text-[color:var(--foreground)]',\n              'ds:whitespace-pre',\n            ].join(' ')}\n          >\n            {code}\n          </code>\n        </pre>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {/* Polite status so AT confirms the copy without moving focus. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {copied ? t('codeBlock.copied') : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["splitCodeFences","input","segments","fence","last","m","codeBlockVariants","cva","CodeBlock","forwardRef","code","language","showCopy","className","rest","ref","t","useTranslation","copied","setCopied","useState","canCopy","_a","handleCopy","useCallback","jsxs","jsx","IconButton","Check","Copy"],"mappings":"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"}
+{"version":3,"file":"code-block-BIkpRLkl.js","sources":["../../src/components/_shared/code-block.tsx"],"sourcesContent":["/**\n * Shared fenced-code-block renderer for the chat markdown path.\n *\n * `splitCodeFences` slices a markdown string into plain-text and fenced-code\n * segments so `ChatMessage` / `StreamingText` can keep their existing inline\n * tokenizers for the text runs and render `<CodeBlock>` for the code runs.\n * It tolerates an UNTERMINATED trailing fence — the streaming case, where the\n * closing ``` has not arrived yet — so a prompt renders as a code block as it\n * streams in.\n *\n * `CodeBlock` renders the code in a scrollable monospace surface with a Copy\n * affordance (clipboard + a brief \"Copied\" confirmation, graceful no-op when\n * the clipboard API is unavailable). No `dangerouslySetInnerHTML`.\n */\nimport { forwardRef, useCallback, useState, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { IconButton } from '../button';\n\n/* ------------------------------------------------------------------ */\n/* splitCodeFences                                                      */\n/* ------------------------------------------------------------------ */\n\nexport type MarkdownSegment =\n  | { type: 'text'; value: string }\n  | { type: 'code'; lang?: string; value: string };\n\n/**\n * Split markdown into text + fenced-code segments. Matches an opening\n * ` ```lang\\n `, lazy content, then either a closing ` \\n``` ` on its own line\n * or end-of-input (the unterminated streaming case).\n */\nexport function splitCodeFences(input: string): MarkdownSegment[] {\n  const segments: MarkdownSegment[] = [];\n  // `\\n?` before the closing fence so an EMPTY block (```ts\\n```) closes\n  // correctly rather than swallowing its own closing backticks as content.\n  const fence = /```([^\\n`]*)\\n([\\s\\S]*?)(?:\\n?```|$)/g;\n  let last = 0;\n  let m: RegExpExecArray | null;\n  while ((m = fence.exec(input)) !== null) {\n    if (m.index > last) {\n      segments.push({ type: 'text', value: input.slice(last, m.index) });\n    }\n    segments.push({\n      type: 'code',\n      lang: m[1].trim() || undefined,\n      value: m[2],\n    });\n    last = fence.lastIndex;\n  }\n  if (last < input.length) {\n    segments.push({ type: 'text', value: input.slice(last) });\n  }\n  return segments;\n}\n\n/* ------------------------------------------------------------------ */\n/* CodeBlock                                                            */\n/* ------------------------------------------------------------------ */\n\nconst codeBlockVariants = cva(\n  [\n    'ds:my-[var(--spacing-sm)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--muted)]',\n  ].join(' '),\n);\n\nexport interface CodeBlockProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Raw code text. */\n  code: string;\n  /** Optional info string after the opening fence (e.g. `ts`, `bash`). */\n  language?: string;\n  /** Render the Copy affordance. Default `true`. */\n  showCopy?: boolean;\n}\n\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ code, language, showCopy = true, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n\n    const canCopy =\n      showCopy &&\n      typeof navigator !== 'undefined' &&\n      typeof navigator.clipboard?.writeText === 'function';\n\n    const handleCopy = useCallback(() => {\n      navigator.clipboard\n        ?.writeText(code)\n        .then(() => {\n          setCopied(true);\n          setTimeout(() => setCopied(false), 2000);\n        })\n        .catch(() => {\n          // Clipboard blocked (insecure context / permissions) — graceful no-op.\n        });\n    }, [code]);\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"code-block\"\n        className={[codeBlockVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {language || canCopy ? (\n          <div\n            className={[\n              'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]',\n              'ds:border-b ds:border-[color:var(--border)]',\n              'ds:bg-[color-mix(in_srgb,var(--muted-foreground)_8%,transparent)]',\n              'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]',\n              'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n            ].join(' ')}\n          >\n            <span\n              dir=\"ltr\"\n              className=\"type-meta ds:text-[color:var(--muted-foreground)]\"\n            >\n              {language ?? ''}\n            </span>\n            {canCopy ? (\n              <IconButton\n                icon={copied ? <Check /> : <Copy />}\n                aria-label={\n                  copied ? t('codeBlock.copied') : t('codeBlock.copy')\n                }\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={handleCopy}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex --\n            the scrollable <pre> must be keyboard-focusable so keyboard users\n            can scroll the overflow (axe scrollable-region-focusable); the\n            browser default focus ring satisfies WCAG 2.4.7. */}\n        <pre\n          tabIndex={0}\n          className=\"ds:m-0 ds:overflow-x-auto ds:p-[var(--spacing-md)]\"\n        >\n          <code\n            dir=\"ltr\"\n            className={[\n              'ds:font-[family-name:var(--font-mono)]',\n              'ds:text-[length:var(--font-size-sm)] ds:leading-relaxed',\n              'ds:text-[color:var(--foreground)]',\n              'ds:whitespace-pre',\n            ].join(' ')}\n          >\n            {code}\n          </code>\n        </pre>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {/* Polite status so AT confirms the copy without moving focus. */}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {copied ? t('codeBlock.copied') : ''}\n        </span>\n      </div>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["splitCodeFences","input","segments","fence","last","m","codeBlockVariants","cva","CodeBlock","forwardRef","code","language","showCopy","className","rest","ref","t","useTranslation","copied","setCopied","useState","canCopy","_a","handleCopy","useCallback","jsxs","jsx","IconButton","Check","Copy"],"mappings":"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"}

package/dist/_chunks/{connection-status-NT8hUtYl.js → connection-status-DRZIcMqM.js}

@@ -3,8 +3,8 @@ import { forwardRef as k, useMemo as B } from "react";
 import { useTranslation as A } from "react-i18next";
 import { C as a } from "./card-DPmk26CL.js";
 import { B as C } from "./badge-sTusUqZD.js";
-import { B as u } from "./button-BvNtqHAS.js";
-import { D as d } from "./description-list-Ck7fKdt5.js";
+import { B as u } from "./button-nJaPh_HC.js";
+import { D as d } from "./description-list-CjJqR8WK.js";
 import { u as N } from "./registry-DvAUVLHh.js";
 const w = {
   id: "connection-status",
@@ -105,4 +105,4 @@ export {
   K as C,
   w as c
 };
-//# sourceMappingURL=connection-status-NT8hUtYl.js.map
+//# sourceMappingURL=connection-status-DRZIcMqM.js.map

package/dist/_chunks/{connection-status-NT8hUtYl.js.map → connection-status-DRZIcMqM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"connection-status-NT8hUtYl.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}
+{"version":3,"file":"connection-status-DRZIcMqM.js","sources":["../../src/components/connection-status/connection-status.agent.ts","../../src/components/connection-status/connection-status.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ConnectionStatus.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ConnectionStatusHandle } from './connection-status';\n\nexport const connectionStatusAgent: AgentAdapter<ConnectionStatusHandle> = {\n  id: 'connection-status',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    status: {\n      type: 'string',\n      descriptionKey: 'ui.agent.connectionStatus.state.status',\n      description:\n        \"Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.\",\n      read: (handle) => handle.getStatus(),\n    },\n  },\n  actions: {\n    connect: {\n      // Reaches an external service (OAuth handoff / server write), so it is\n      // both a `write` and `openWorld`.\n      safety: 'write',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.connect',\n      description:\n        'Begin connecting the external service — invokes the consumer-supplied onConnect handler.',\n      invoke: (handle) => {\n        handle.connect();\n      },\n    },\n    disconnect: {\n      // Tears down an established external connection — irreversible from the\n      // agent's perspective, so `destructive` + `openWorld`.\n      safety: 'destructive',\n      openWorld: true,\n      descriptionKey: 'ui.agent.connectionStatus.actions.disconnect',\n      description:\n        'Disconnect the external service — invokes the consumer-supplied onDisconnect handler.',\n      invoke: (handle) => {\n        handle.disconnect();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'connection-status',\n      description: 'Marks the ConnectionStatus wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import { forwardRef, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Card } from '../card';\nimport { Badge, type BadgeProps } from '../badge';\nimport { Button } from '../button';\nimport { DescriptionList } from '../description-list';\nimport { useAgentRegistration } from '../../agent';\nimport { connectionStatusAgent } from './connection-status.agent';\n\nexport type ConnectionStatusValue =\n  | 'connected'\n  | 'disconnected'\n  | 'pending'\n  | 'error';\n\n/** One read-only account row, shown under a connected service. */\nexport interface ConnectionStatusSummaryRow {\n  label: string;\n  value: string;\n}\n\n/** Agent-readiness curated handle for ConnectionStatus. */\nexport interface ConnectionStatusHandle {\n  getStatus: () => ConnectionStatusValue;\n  connect: () => void;\n  disconnect: () => void;\n}\n\nexport interface ConnectionStatusProps {\n  /** Service name — consumer-domain text (e.g. `\"Stripe\"`). */\n  service: string;\n  /** External-service connection state. */\n  status: ConnectionStatusValue;\n  /** Short explanatory line — consumer-domain text. */\n  description?: string;\n  /**\n   * Read-only account rows rendered via the kit DescriptionList. Consumer-domain\n   * text. Shown only when `status === 'connected'`.\n   */\n  summary?: ConnectionStatusSummaryRow[];\n  /** Called by the Connect action (disconnected / error states). */\n  onConnect?: () => void;\n  /** Called by the Disconnect action (connected state). */\n  onDisconnect?: () => void;\n  /** Disable the connect / disconnect action. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// Status → Badge tone. The status word itself is the Badge label, so the tone\n// is redundant colour reinforcement — the meaning is always conveyed by text\n// (constraint: status must never be communicated by colour alone).\nconst BADGE_TONE: Record<\n  ConnectionStatusValue,\n  NonNullable<BadgeProps['variant']>\n> = {\n  connected: 'success',\n  disconnected: 'neutral',\n  pending: 'warning',\n  error: 'error',\n};\n\n// Status → intrinsic-chrome i18n key for the status word.\nconst STATUS_LABEL_KEY: Record<ConnectionStatusValue, string> = {\n  connected: 'connectionStatus.statusConnected',\n  disconnected: 'connectionStatus.statusDisconnected',\n  pending: 'connectionStatus.statusPending',\n  error: 'connectionStatus.statusError',\n};\n\nexport const ConnectionStatus = forwardRef<\n  HTMLDivElement,\n  ConnectionStatusProps\n>(function ConnectionStatus(\n  {\n    service,\n    status,\n    description,\n    summary,\n    onConnect,\n    onDisconnect,\n    disabled = false,\n    id,\n    className,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n\n  const handle = useMemo<ConnectionStatusHandle>(\n    () => ({\n      getStatus: () => status,\n      connect: () => onConnect?.(),\n      disconnect: () => onDisconnect?.(),\n    }),\n    [status, onConnect, onDisconnect],\n  );\n  useAgentRegistration(connectionStatusAgent, handle, id);\n\n  // Footer action. The visual variant is delegated to Button's CVA (intent);\n  // pending shows a disabled affordance carrying the status word.\n  const action =\n    status === 'pending' ? (\n      <Button intent=\"primary\" disabled>\n        {t('connectionStatus.statusPending')}\n      </Button>\n    ) : status === 'connected' ? (\n      <Button intent=\"outline\" disabled={disabled} onClick={onDisconnect}>\n        {t('connectionStatus.disconnect')}\n      </Button>\n    ) : (\n      <Button intent=\"primary\" disabled={disabled} onClick={onConnect}>\n        {t('connectionStatus.connect')}\n      </Button>\n    );\n\n  const showSummary =\n    status === 'connected' && Array.isArray(summary) && summary.length > 0;\n\n  return (\n    <div ref={ref} data-component=\"connection-status\" data-component-id={id}>\n      <Card className={className} aria-label={ariaLabel}>\n        <Card.Header>\n          <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <span className=\"type-title-card ds:text-foreground\">\n              {service}\n            </span>\n            <Badge variant={BADGE_TONE[status]}>\n              {t(STATUS_LABEL_KEY[status])}\n            </Badge>\n          </div>\n        </Card.Header>\n        <Card.Body>\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {description ? (\n              <p className=\"type-body-sm ds:text-muted-foreground\">\n                {description}\n              </p>\n            ) : null}\n            {showSummary && summary ? (\n              <DescriptionList layout=\"inline\" density=\"compact\">\n                {summary.map((row) => (\n                  <DescriptionList.Row key={row.label}>\n                    <DescriptionList.Term>{row.label}</DescriptionList.Term>\n                    <DescriptionList.Detail>{row.value}</DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n            ) : null}\n          </div>\n        </Card.Body>\n        <Card.Footer>{action}</Card.Footer>\n      </Card>\n    </div>\n  );\n});\n\nConnectionStatus.displayName = 'ConnectionStatus';\n"],"names":["connectionStatusAgent","handle","BADGE_TONE","STATUS_LABEL_KEY","ConnectionStatus","forwardRef","service","status","description","summary","onConnect","onDisconnect","disabled","id","className","ariaLabel","ref","t","useTranslation","useMemo","useAgentRegistration","action","jsx","Button","showSummary","jsxs","Card","Badge","DescriptionList","row"],"mappings":"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"}

package/dist/_chunks/{contact-profile-card-BxHiG8e6.js → contact-profile-card-CE9OJKcl.js}

@@ -4,7 +4,7 @@ import { c as de } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import { B as F } from "./badge-sTusUqZD.js";
 import { C as T } from "./card-DPmk26CL.js";
-import { K as fe, a as ue } from "./key-value-pair-DGkGlgCF.js";
+import { K as fe, a as ue } from "./key-value-pair-BubG4fUa.js";
 import { L as d } from "./link-CPb_pZPr.js";
 import { u as me } from "./registry-DvAUVLHh.js";
 import { S as _ } from "./stethoscope-sZXGC43m.js";
@@ -330,4 +330,4 @@ export {
   Me as b,
   ve as c
 };
-//# sourceMappingURL=contact-profile-card-BxHiG8e6.js.map
+//# sourceMappingURL=contact-profile-card-CE9OJKcl.js.map

package/dist/_chunks/{contact-profile-card-BxHiG8e6.js.map → contact-profile-card-CE9OJKcl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"contact-profile-card-BxHiG8e6.js","sources":["../../node_modules/lucide-react/dist/esm/icons/banknote.mjs","../../src/components/contact-profile-card/contact-profile-card.agent.ts","../../src/components/contact-profile-card/contact-profile-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"20\", height: \"12\", x: \"2\", y: \"6\", rx: \"2\", key: \"9lu3g6\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"2\", key: \"1c9p78\" }],\n  [\"path\", { d: \"M6 12h.01M18 12h.01\", key: \"113zkx\" }]\n];\nconst Banknote = createLucideIcon(\"banknote\", __iconNode);\n\nexport { __iconNode, Banknote as default };\n//# sourceMappingURL=banknote.mjs.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { ContactProfileCardHandle } from './contact-profile-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — ContactProfileCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces the rendered profession field so an       */\n/* agent / MCP runtime can resolve \"what kind of practice is this?\"      */\n/* without re-parsing the DOM. No actions yet — the card is a passive   */\n/* presentation surface; navigation lives on the consumer's page.       */\n/* -------------------------------------------------------------------- */\n\nexport const contactProfileCardAgent: AgentAdapter<ContactProfileCardHandle> = {\n  id: 'contact-profile-card',\n  // Passive presentation surface — only exposes the rendered profession for\n  // introspection. No interactive capability is backed by the handle.\n  capabilities: [],\n  state: {\n    profession: {\n      type: 'string',\n      descriptionKey: 'ui.agent.contactProfileCard.state.profession',\n      description:\n        'Profession string the card is currently rendering — undefined when the consumer omitted it.',\n      read: (handle) => handle.getProfession(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'contact-profile-card',\n      description: 'Marks the ContactProfileCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Banknote,\n  ExternalLink,\n  Globe,\n  Heart,\n  Languages as LanguagesIcon,\n  Mail,\n  MapPin,\n  MessageCircle,\n  Phone,\n  ShieldCheck,\n  Stethoscope,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { contactProfileCardAgent } from './contact-profile-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* ContactProfileCard                                                    */\n/*                                                                        */\n/* Replaces the bespoke \"Profilo\" / \"Practice info\" cards that every     */\n/* AlfaDocs surface composes by hand (booking-website PracticeInfoCard,  */\n/* alfascribe operator pages, builders docs example, …). Composes Card  */\n/* + KeyValueList + KeyValuePair so the labels share a column (no       */\n/* zigzag values) and every row uses the same lucide icon family.       */\n/*                                                                        */\n/* The component is intentionally opinionated: every field is optional, */\n/* but the ORDER, ICONS, and LABELS are owned by the kit. Consumers     */\n/* pass the data; the kit owns the visual + i18n.                       */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the    */\n/* `contactProfileCard.*` namespace.                                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\n// Override the KVP icon colour at the card root so every inner row's\n// leading glyph paints with `--accent` (brand magenta/violet) instead\n// of the default `--muted-foreground`. The ContactProfileCard is a\n// marketing surface — muted icons read as disabled against the\n// otherwise saturated card chrome. Scoped via CSS custom property so\n// only this card's icons shift; standalone KVPs elsewhere keep\n// `--muted-foreground`.\nconst rootVariants = cva(\n  'ds:w-full ds:text-[color:var(--foreground)] ds:[--key-value-pair-icon-color:var(--accent)]',\n  {\n    variants: {\n      // Matches the kit's other `surface` props (Booking, ReviewsPanel).\n      // The card itself renders `<Card variant=\"elevated\">` so the\n      // `surface=\"flat\"` opt-out is rare — most consumers want the\n      // boundary.\n      surface: {\n        flat: '',\n        elevated: '',\n      },\n    },\n    defaultVariants: { surface: 'elevated' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface ContactProfileCardAddress {\n  /** Display text — already formatted by the consumer (street, postcode, city). */\n  line: string;\n  /** Optional lat/lng — drives the static-map link + the embedded thumbnail. */\n  lat?: number;\n  lng?: number;\n}\n\nexport interface ContactProfileCardHandle {\n  /** Resolved consumer-supplied data — useful for agent introspection. */\n  getProfession: () => string | undefined;\n}\n\nexport interface ContactProfileCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'children'\n> {\n  /**\n   * Override the localised \"Profilo\" / \"Profile\" heading. Most\n   * consumers leave this unset.\n   */\n  heading?: string;\n  /**\n   * Free-text intro paragraph rendered above the data rows (e.g.\n   * the practice's `bookingDescription` field). When omitted, the\n   * card jumps straight into the data rows.\n   */\n  description?: string;\n\n  /* ----- Identity rows ----- */\n\n  /** Street + postcode + city, with optional lat/lng for the map link. */\n  address?: ContactProfileCardAddress;\n  /** Phone number, displayed as-is. Compiled into a `tel:` link. */\n  phone?: string;\n  /**\n   * WhatsApp number — digits only (no `+`, no spaces). Compiled into\n   * a `https://wa.me/<number>` link with an optional pre-filled message.\n   */\n  whatsappNumber?: string;\n  /** Optional pre-filled WhatsApp message. Consumer-localised. */\n  whatsappMessage?: string;\n  /** Public-facing email. Compiled into a `mailto:` link. */\n  email?: string;\n  /** Practice website (already an absolute URL with protocol). */\n  website?: string;\n\n  /* ----- Embedded map thumbnail ----- */\n\n  /**\n   * Google Maps Static API key. When provided alongside `address.lat`\n   * and `address.lng`, renders a static-map thumbnail at the top of\n   * the card — a single one-shot `<img>` fetch, no JS SDK boot, no\n   * consent gate needed (the same pattern PracticeResults uses).\n   *\n   * Without it (or without coords), the card renders info rows only —\n   * the address row's \"Open in Google Maps\" link is still emitted as\n   * a real `<a>` so the spatial cue isn't lost.\n   *\n   * Additive — existing consumers that don't pass this prop see the\n   * same render as before.\n   */\n  googleMapsApiKey?: string;\n  /**\n   * Zoom level for the embedded map thumbnail. Default `14` —\n   * neighbourhood-level, shows the pin in context. Ignored when the\n   * thumbnail isn't rendered.\n   */\n  mapZoom?: number;\n\n  /* ----- Profile metadata ----- */\n\n  /**\n   * ISO 639-1 language codes the practice speaks. Rendered as\n   * `<Badge variant=\"neutral\">` chips. Each code is auto-resolved\n   * into the active locale's native language name via the kit's\n   * built-in `languages.<iso>` i18n bundle (18 ISO codes × 18\n   * locales). For example `languages={['it', 'en']}` with\n   * `i18n.language === 'it'` renders \"Italiano\" + \"Inglese\".\n   *\n   * Unknown / unbundled codes fall back to the uppercase ISO code\n   * (`'xyz'` → `'XYZ'`). To override a specific label — regional\n   * dialect, brand-voice variant, codes the kit doesn't ship — pass\n   * `languageLabels`.\n   */\n  languages?: string[];\n  /**\n   * Override map from ISO code → display label, applied on top of\n   * the kit's i18n auto-resolution. Only set when you need a\n   * consumer-specific label for a code — the typical case is\n   * regional dialect / brand-voice variants / non-ISO codes.\n   *\n   * Resolution order: `languageLabels[code]` > `t('languages.<code>')`\n   * > `code.toUpperCase()`.\n   */\n  languageLabels?: Record<string, string>;\n  /**\n   * Insurance / convention strings (consumer-supplied, free text).\n   * Rendered as `<Badge variant=\"info\">` chips.\n   */\n  insurances?: string[];\n  /**\n   * First-visit price in the smallest currency unit (cents / centesimi).\n   * Formatted via `Intl.NumberFormat`. Omit when the consumer doesn't\n   * want to show the price.\n   */\n  firstVisitPriceCents?: number;\n  /** ISO-4217 currency code for the price formatter. Defaults to `EUR`. */\n  currencyCode?: string;\n  /** Profession line — single value or already-joined comma list. */\n  profession?: string;\n  /** Show the \"expert for anxious patients\" row when true. */\n  specializedInFearPatients?: boolean;\n\n  /* ----- Telemetry hooks ----- */\n\n  /**\n   * Fires when the patient clicks the phone link. The kit emits a\n   * `track('practice_profile_card_phone_click')` event before\n   * invoking this — gate consumer-side analytics on the same event\n   * to avoid duplicate fires.\n   */\n  onPhoneClick?: () => void;\n  /** Fires when the patient clicks the WhatsApp link. */\n  onWhatsAppClick?: () => void;\n  /** Fires when the patient clicks the static-map link. */\n  onMapClick?: () => void;\n  /** Fires when the patient clicks the email mailto link. */\n  onEmailClick?: () => void;\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered above the heading — e.g. a `<Avatar>` for the operator\n   * variant, or a coloured chip strip. Optional.\n   */\n  headerSlot?: ReactNode;\n  /**\n   * Render an arbitrary map widget at the top of the card chrome —\n   * replaces the built-in static `<img>` thumbnail that\n   * `googleMapsApiKey` would otherwise produce. Use this when you\n   * want an interactive map inside the card boundary instead of a\n   * fixed image:\n   *\n   *   <ContactProfileCard\n   *     mapSlot={\n   *       <PracticeMap practice={practice} googleMapsApiKey={key} />\n   *     }\n   *     …\n   *   />\n   *\n   * When both `mapSlot` and `googleMapsApiKey` are provided, the slot\n   * wins (explicit > implicit). When neither is provided, no map area\n   * renders. The slot is unstyled — pass through any container chrome\n   * the consumer wants (e.g. a fixed height wrapper). The kit\n   * positions it where the static thumbnail would have lived.\n   */\n  mapSlot?: ReactNode;\n  /**\n   * Rendered at the end of the card body, below the rows. Use for\n   * a \"Book now\" `<Button>` or a \"View full profile\" link.\n   */\n  footerSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `'elevated'` (default) wraps the card in `<Card variant=\"elevated\">`\n   * for a defined surface — what most consumers want when the card\n   * stands alone on a page. `'flat'` drops the Card chrome so the\n   * content sits naked — use when an outer card / sheet already\n   * provides the boundary (e.g. embedded inside a `<Sheet>` or a\n   * parent `<Card.Body>`).\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/** Build the WhatsApp `wa.me` URL. Number must already be digits-only. */\nfunction buildWhatsAppHref(number: string, message?: string): string {\n  const base = `https://wa.me/${number}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/** Google Maps search query — works without an API key. */\nfunction buildMapHref(address: ContactProfileCardAddress): string {\n  const q = encodeURIComponent(address.line);\n  return `https://www.google.com/maps/search/?api=1&query=${q}`;\n}\n\n/** Format price (cents → currency string) using the consumer's locale. */\nfunction formatPrice(cents: number, currency: string, locale: string): string {\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    }).format(cents / 100);\n  } catch {\n    // Locale or currency code rejected — fall back to a plain decimal.\n    return (cents / 100).toFixed(2);\n  }\n}\n\n/* -------------------------------------------------------------------- */\n/* MapThumbStrip — embedded Google Static Maps image                    */\n/*                                                                        */\n/* Full-width strip rendered at the top of the card when the consumer    */\n/* supplies both `address.lat`/`lng` and `googleMapsApiKey`. Same        */\n/* one-shot `<img>` strategy as PracticeResults' StaticMapThumb (no JS   */\n/* SDK boot → no consent gate needed), but full-card-width instead of   */\n/* a 12rem aside.                                                        */\n/* -------------------------------------------------------------------- */\n\ninterface MapThumbStripProps {\n  apiKey: string;\n  center: { lat: number; lng: number };\n  zoom: number;\n  altText: string;\n}\n\n/**\n * Resolve the kit's `--map-marker-color` token to a six-character hex\n * string (no leading `#`) for Google Static Maps' `markers=color:` URL\n * parameter, which requires a literal hex value at fetch time.\n *\n * SSR-safe: when `document` is undefined we fall back to the kit's\n * brand violet. Same helper as PracticeResults — keep in sync if you\n * touch one.\n */\nfunction getStaticMapMarkerHex(): string {\n  if (typeof document === 'undefined') return '4945a3';\n  const raw = getComputedStyle(document.documentElement)\n    .getPropertyValue('--map-marker-color')\n    .trim();\n  const match = /^#?([0-9a-fA-F]{6})$/.exec(raw);\n  return match ? match[1] : '4945a3';\n}\n\nfunction MapThumbStrip({ apiKey, center, zoom, altText }: MapThumbStripProps) {\n  // 640×192 keeps the asset under Google's 1MP free tier at scale=2\n  // (1280×384 actual) and matches the strip's 12rem height at a\n  // ~3.33:1 aspect ratio. Marker colour resolves from the kit's\n  // `--map-marker-color` token at runtime so the value still lives\n  // in `src/tokens/**` per the closed-palette constraint.\n  const markerHex = getStaticMapMarkerHex();\n  const src =\n    `https://maps.googleapis.com/maps/api/staticmap` +\n    `?center=${center.lat},${center.lng}` +\n    `&zoom=${zoom}` +\n    `&size=640x192&scale=2` +\n    `&markers=color:0x${markerHex}%7C${center.lat},${center.lng}` +\n    `&key=${encodeURIComponent(apiKey)}`;\n  return (\n    <img\n      src={src}\n      alt={altText}\n      loading=\"lazy\"\n      decoding=\"async\"\n      width={640}\n      height={192}\n      className=\"ds:block ds:inline-size-full ds:block-size-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]\"\n    />\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ContactProfileCard = forwardRef<\n  HTMLDivElement,\n  ContactProfileCardProps\n>(\n  (\n    {\n      heading,\n      description,\n      address,\n      phone,\n      whatsappNumber,\n      whatsappMessage,\n      email,\n      website,\n      languages,\n      languageLabels,\n      insurances,\n      firstVisitPriceCents,\n      currencyCode = 'EUR',\n      profession,\n      specializedInFearPatients,\n      googleMapsApiKey,\n      mapZoom = 14,\n      onPhoneClick,\n      onWhatsAppClick,\n      onMapClick,\n      onEmailClick,\n      headerSlot,\n      footerSlot,\n      mapSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const locale = i18n.language ?? 'en';\n\n    const resolvedHeading = heading ?? t('contactProfileCard.heading');\n    const resolvedAriaLabel = ariaLabel ?? resolvedHeading;\n\n    const formattedPrice = useMemo(() => {\n      if (firstVisitPriceCents == null) return undefined;\n      return formatPrice(firstVisitPriceCents, currencyCode, locale);\n    }, [firstVisitPriceCents, currencyCode, locale]);\n\n    // Compose the rows in display order. Each `row` carries the icon +\n    // localised label + the rendered value. Skipping a field is just\n    // omitting the row — `KeyValueList` collapses the subgrid cleanly.\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (address) {\n      rows.push({\n        key: 'address',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.address'),\n        value: (\n          <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <span>{address.line}</span>\n            {address.lat != null && address.lng != null ? (\n              <Link\n                href={buildMapHref(address)}\n                external\n                intent=\"default\"\n                onClick={onMapClick}\n              >\n                {t('contactProfileCard.openInGoogleMaps')}\n              </Link>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.phone'),\n        value: (\n          <Link\n            href={`tel:${normalisePhone(phone)}`}\n            intent=\"default\"\n            onClick={onPhoneClick}\n          >\n            {phone}\n          </Link>\n        ),\n      });\n    }\n\n    if (whatsappNumber) {\n      rows.push({\n        key: 'whatsapp',\n        icon: <MessageCircle aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.whatsapp'),\n        value: (\n          <Link\n            href={buildWhatsAppHref(whatsappNumber, whatsappMessage)}\n            external\n            intent=\"default\"\n            onClick={onWhatsAppClick}\n          >\n            {whatsappNumber}\n          </Link>\n        ),\n      });\n    }\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.email'),\n        value: (\n          <Link\n            href={`mailto:${email}`}\n            intent=\"default\"\n            onClick={onEmailClick}\n          >\n            {email}\n          </Link>\n        ),\n      });\n    }\n\n    if (website) {\n      rows.push({\n        key: 'website',\n        icon: <Globe aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.website'),\n        value: (\n          <Link href={website} external intent=\"default\">\n            {website}\n          </Link>\n        ),\n      });\n    }\n\n    if (languages && languages.length > 0) {\n      // Resolution order, highest to lowest:\n      //   1. consumer `languageLabels` override — for regional dialects,\n      //      brand-voice variants, or codes the kit doesn't ship.\n      //   2. kit i18n bundle (`languages.<iso>`) — auto-resolves the 18\n      //      ISO codes the kit ships into the active locale's native\n      //      language name. Retires consumer-side ISO→label plumbing.\n      //   3. uppercase fallback for unknown codes that the consumer\n      //      didn't override.\n      const resolveLabel = (code: string): string => {\n        if (languageLabels?.[code]) return languageLabels[code];\n        const key = `languages.${code}`;\n        if (i18n.exists(key)) return t(key);\n        return code.toUpperCase();\n      };\n      rows.push({\n        key: 'languages',\n        icon: <LanguagesIcon aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.languages'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {languages.map((code) => (\n              <Badge key={code} variant=\"neutral\">\n                {resolveLabel(code)}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (insurances && insurances.length > 0) {\n      rows.push({\n        key: 'insurances',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.insurances'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {insurances.map((ins) => (\n              <Badge key={ins} variant=\"info\">\n                {ins}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (formattedPrice) {\n      rows.push({\n        key: 'firstVisitPrice',\n        icon: <Banknote aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.firstVisitPrice'),\n        value: formattedPrice,\n      });\n    }\n\n    if (specializedInFearPatients) {\n      rows.push({\n        key: 'expertForAnxiousPatients',\n        icon: <Heart aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.expertForAnxiousPatients'),\n        value: t('contactProfileCard.value.yesShort'),\n      });\n    }\n\n    if (profession) {\n      rows.push({\n        key: 'profession',\n        icon: <Stethoscope aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.profession'),\n        value: profession,\n      });\n    }\n\n    // Imperative handle for agent integrations.\n    useAgentRegistration(\n      contactProfileCardAgent,\n      { getProfession: () => profession },\n      id,\n    );\n\n    // Embedded static-map thumbnail. Renders only when the consumer\n    // supplies BOTH a usable lat/lng pair AND a `googleMapsApiKey`.\n    // The d.ts-promised behaviour; without a key the strip is silently\n    // omitted and the address row's \"Open in Google Maps\" link still\n    // emits as the spatial-cue fallback.\n    const showMapThumb =\n      !!googleMapsApiKey &&\n      address?.lat !== undefined &&\n      address?.lng !== undefined;\n    const mapThumb = showMapThumb ? (\n      <MapThumbStrip\n        apiKey={googleMapsApiKey!}\n        center={{ lat: address!.lat!, lng: address!.lng! }}\n        zoom={mapZoom}\n        altText={t('contactProfileCard.map.alt', {\n          address: address!.line,\n          defaultValue: 'Map showing {{address}}',\n        })}\n      />\n    ) : null;\n\n    // Map area: explicit consumer slot wins over the implicit\n    // googleMapsApiKey-driven static thumbnail. 0.33.4 introduces the\n    // slot so consumers can embed an interactive <MapView> /\n    // <PracticeMap> wrapper inside the card chrome instead of the\n    // fixed static <img>. When neither is set the area renders as\n    // nothing. 0.33.6 moves the area from above the heading to below\n    // the data rows — the map reads as the spatial closer (\"here it\n    // is on the map\") rather than a stylised hero, and any CTA in\n    // footerSlot still lands at the very bottom.\n    const mapArea = mapSlot ?? mapThumb;\n\n    const body = (\n      <>\n        {description ? (\n          <p className=\"type-body-sm ds:m-0 ds:whitespace-pre-line\">\n            {description}\n          </p>\n        ) : null}\n        {rows.length > 0 ? (\n          <KeyValueList rowGap=\"md\">\n            {rows.map((row) => (\n              <KeyValuePair\n                key={row.key}\n                icon={row.icon}\n                label={row.label}\n                value={row.value}\n              />\n            ))}\n          </KeyValueList>\n        ) : null}\n        {mapArea}\n        {footerSlot}\n      </>\n    );\n\n    // `surface=\"flat\"` skips the Card wrapper — the consumer is\n    // already inside a Card / Sheet and doesn't want a double border.\n    const inner = (\n      <>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          {headerSlot}\n          <h2\n            id={headingId}\n            className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n          >\n            {resolvedHeading}\n          </h2>\n        </div>\n        {body}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"contact-profile-card\"\n        data-component-id={id}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {inner}\n            </Card.Body>\n          </Card>\n        ) : (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {inner}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nContactProfileCard.displayName = 'ContactProfileCard';\n\n// Helper export so consumers can mirror the kit's row order if they\n// need to compose a partial alternative (rare).\nexport const CONTACT_PROFILE_CARD_ROW_KEYS = [\n  'address',\n  'phone',\n  'whatsapp',\n  'email',\n  'website',\n  'languages',\n  'insurances',\n  'firstVisitPrice',\n  'expertForAnxiousPatients',\n  'profession',\n] as const;\n\n// Defensive icon export so consumers can render the same glyph\n// outside the card if they need it for consistency.\nexport const CONTACT_PROFILE_CARD_ROW_ICONS: Record<\n  (typeof CONTACT_PROFILE_CARD_ROW_KEYS)[number],\n  LucideIcon\n> = {\n  address: MapPin,\n  phone: Phone,\n  whatsapp: MessageCircle,\n  email: Mail,\n  website: Globe,\n  languages: LanguagesIcon,\n  insurances: ShieldCheck,\n  firstVisitPrice: Banknote,\n  expertForAnxiousPatients: Heart,\n  profession: Stethoscope,\n};\n\n// Re-exports of the rootVariants type for downstream typing.\nexport type ContactProfileCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n\n// ExternalLink is exported by lucide-react and used elsewhere in the\n// kit; re-exporting here so consumers don't have to add it as a\n// peer-dep import for icon parity in their own UIs.\nexport { ExternalLink };\n"],"names":["__iconNode","Banknote","createLucideIcon","contactProfileCardAgent","handle","rootVariants","cva","normalisePhone","raw","buildWhatsAppHref","number","message","base","buildMapHref","address","formatPrice","cents","currency","locale","getStaticMapMarkerHex","match","MapThumbStrip","apiKey","center","zoom","altText","markerHex","src","jsx","ContactProfileCard","forwardRef","heading","description","phone","whatsappNumber","whatsappMessage","email","website","languages","languageLabels","insurances","firstVisitPriceCents","currencyCode","profession","specializedInFearPatients","googleMapsApiKey","mapZoom","onPhoneClick","onWhatsAppClick","onMapClick","onEmailClick","headerSlot","footerSlot","mapSlot","surface","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedHeading","resolvedAriaLabel","formattedPrice","useMemo","rows","MapPin","jsxs","Link","Phone","MessageCircle","Mail","Globe","resolveLabel","code","key","LanguagesIcon","Badge","ShieldCheck","ins","Heart","Stethoscope","useAgentRegistration","mapThumb","mapArea","body","Fragment","KeyValueList","row","KeyValuePair","inner","Card","CONTACT_PROFILE_CARD_ROW_KEYS","CONTACT_PROFILE_CARD_ROW_ICONS"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"contact-profile-card-CE9OJKcl.js","sources":["../../node_modules/lucide-react/dist/esm/icons/banknote.mjs","../../src/components/contact-profile-card/contact-profile-card.agent.ts","../../src/components/contact-profile-card/contact-profile-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"20\", height: \"12\", x: \"2\", y: \"6\", rx: \"2\", key: \"9lu3g6\" }],\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"2\", key: \"1c9p78\" }],\n  [\"path\", { d: \"M6 12h.01M18 12h.01\", key: \"113zkx\" }]\n];\nconst Banknote = createLucideIcon(\"banknote\", __iconNode);\n\nexport { __iconNode, Banknote as default };\n//# sourceMappingURL=banknote.mjs.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { ContactProfileCardHandle } from './contact-profile-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — ContactProfileCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces the rendered profession field so an       */\n/* agent / MCP runtime can resolve \"what kind of practice is this?\"      */\n/* without re-parsing the DOM. No actions yet — the card is a passive   */\n/* presentation surface; navigation lives on the consumer's page.       */\n/* -------------------------------------------------------------------- */\n\nexport const contactProfileCardAgent: AgentAdapter<ContactProfileCardHandle> = {\n  id: 'contact-profile-card',\n  // Passive presentation surface — only exposes the rendered profession for\n  // introspection. No interactive capability is backed by the handle.\n  capabilities: [],\n  state: {\n    profession: {\n      type: 'string',\n      descriptionKey: 'ui.agent.contactProfileCard.state.profession',\n      description:\n        'Profession string the card is currently rendering — undefined when the consumer omitted it.',\n      read: (handle) => handle.getProfession(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'contact-profile-card',\n      description: 'Marks the ContactProfileCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Banknote,\n  ExternalLink,\n  Globe,\n  Heart,\n  Languages as LanguagesIcon,\n  Mail,\n  MapPin,\n  MessageCircle,\n  Phone,\n  ShieldCheck,\n  Stethoscope,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { contactProfileCardAgent } from './contact-profile-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* ContactProfileCard                                                    */\n/*                                                                        */\n/* Replaces the bespoke \"Profilo\" / \"Practice info\" cards that every     */\n/* AlfaDocs surface composes by hand (booking-website PracticeInfoCard,  */\n/* alfascribe operator pages, builders docs example, …). Composes Card  */\n/* + KeyValueList + KeyValuePair so the labels share a column (no       */\n/* zigzag values) and every row uses the same lucide icon family.       */\n/*                                                                        */\n/* The component is intentionally opinionated: every field is optional, */\n/* but the ORDER, ICONS, and LABELS are owned by the kit. Consumers     */\n/* pass the data; the kit owns the visual + i18n.                       */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the    */\n/* `contactProfileCard.*` namespace.                                    */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\n// Override the KVP icon colour at the card root so every inner row's\n// leading glyph paints with `--accent` (brand magenta/violet) instead\n// of the default `--muted-foreground`. The ContactProfileCard is a\n// marketing surface — muted icons read as disabled against the\n// otherwise saturated card chrome. Scoped via CSS custom property so\n// only this card's icons shift; standalone KVPs elsewhere keep\n// `--muted-foreground`.\nconst rootVariants = cva(\n  'ds:w-full ds:text-[color:var(--foreground)] ds:[--key-value-pair-icon-color:var(--accent)]',\n  {\n    variants: {\n      // Matches the kit's other `surface` props (Booking, ReviewsPanel).\n      // The card itself renders `<Card variant=\"elevated\">` so the\n      // `surface=\"flat\"` opt-out is rare — most consumers want the\n      // boundary.\n      surface: {\n        flat: '',\n        elevated: '',\n      },\n    },\n    defaultVariants: { surface: 'elevated' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport interface ContactProfileCardAddress {\n  /** Display text — already formatted by the consumer (street, postcode, city). */\n  line: string;\n  /** Optional lat/lng — drives the static-map link + the embedded thumbnail. */\n  lat?: number;\n  lng?: number;\n}\n\nexport interface ContactProfileCardHandle {\n  /** Resolved consumer-supplied data — useful for agent introspection. */\n  getProfession: () => string | undefined;\n}\n\nexport interface ContactProfileCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'children'\n> {\n  /**\n   * Override the localised \"Profilo\" / \"Profile\" heading. Most\n   * consumers leave this unset.\n   */\n  heading?: string;\n  /**\n   * Free-text intro paragraph rendered above the data rows (e.g.\n   * the practice's `bookingDescription` field). When omitted, the\n   * card jumps straight into the data rows.\n   */\n  description?: string;\n\n  /* ----- Identity rows ----- */\n\n  /** Street + postcode + city, with optional lat/lng for the map link. */\n  address?: ContactProfileCardAddress;\n  /** Phone number, displayed as-is. Compiled into a `tel:` link. */\n  phone?: string;\n  /**\n   * WhatsApp number — digits only (no `+`, no spaces). Compiled into\n   * a `https://wa.me/<number>` link with an optional pre-filled message.\n   */\n  whatsappNumber?: string;\n  /** Optional pre-filled WhatsApp message. Consumer-localised. */\n  whatsappMessage?: string;\n  /** Public-facing email. Compiled into a `mailto:` link. */\n  email?: string;\n  /** Practice website (already an absolute URL with protocol). */\n  website?: string;\n\n  /* ----- Embedded map thumbnail ----- */\n\n  /**\n   * Google Maps Static API key. When provided alongside `address.lat`\n   * and `address.lng`, renders a static-map thumbnail at the top of\n   * the card — a single one-shot `<img>` fetch, no JS SDK boot, no\n   * consent gate needed (the same pattern PracticeResults uses).\n   *\n   * Without it (or without coords), the card renders info rows only —\n   * the address row's \"Open in Google Maps\" link is still emitted as\n   * a real `<a>` so the spatial cue isn't lost.\n   *\n   * Additive — existing consumers that don't pass this prop see the\n   * same render as before.\n   */\n  googleMapsApiKey?: string;\n  /**\n   * Zoom level for the embedded map thumbnail. Default `14` —\n   * neighbourhood-level, shows the pin in context. Ignored when the\n   * thumbnail isn't rendered.\n   */\n  mapZoom?: number;\n\n  /* ----- Profile metadata ----- */\n\n  /**\n   * ISO 639-1 language codes the practice speaks. Rendered as\n   * `<Badge variant=\"neutral\">` chips. Each code is auto-resolved\n   * into the active locale's native language name via the kit's\n   * built-in `languages.<iso>` i18n bundle (18 ISO codes × 18\n   * locales). For example `languages={['it', 'en']}` with\n   * `i18n.language === 'it'` renders \"Italiano\" + \"Inglese\".\n   *\n   * Unknown / unbundled codes fall back to the uppercase ISO code\n   * (`'xyz'` → `'XYZ'`). To override a specific label — regional\n   * dialect, brand-voice variant, codes the kit doesn't ship — pass\n   * `languageLabels`.\n   */\n  languages?: string[];\n  /**\n   * Override map from ISO code → display label, applied on top of\n   * the kit's i18n auto-resolution. Only set when you need a\n   * consumer-specific label for a code — the typical case is\n   * regional dialect / brand-voice variants / non-ISO codes.\n   *\n   * Resolution order: `languageLabels[code]` > `t('languages.<code>')`\n   * > `code.toUpperCase()`.\n   */\n  languageLabels?: Record<string, string>;\n  /**\n   * Insurance / convention strings (consumer-supplied, free text).\n   * Rendered as `<Badge variant=\"info\">` chips.\n   */\n  insurances?: string[];\n  /**\n   * First-visit price in the smallest currency unit (cents / centesimi).\n   * Formatted via `Intl.NumberFormat`. Omit when the consumer doesn't\n   * want to show the price.\n   */\n  firstVisitPriceCents?: number;\n  /** ISO-4217 currency code for the price formatter. Defaults to `EUR`. */\n  currencyCode?: string;\n  /** Profession line — single value or already-joined comma list. */\n  profession?: string;\n  /** Show the \"expert for anxious patients\" row when true. */\n  specializedInFearPatients?: boolean;\n\n  /* ----- Telemetry hooks ----- */\n\n  /**\n   * Fires when the patient clicks the phone link. The kit emits a\n   * `track('practice_profile_card_phone_click')` event before\n   * invoking this — gate consumer-side analytics on the same event\n   * to avoid duplicate fires.\n   */\n  onPhoneClick?: () => void;\n  /** Fires when the patient clicks the WhatsApp link. */\n  onWhatsAppClick?: () => void;\n  /** Fires when the patient clicks the static-map link. */\n  onMapClick?: () => void;\n  /** Fires when the patient clicks the email mailto link. */\n  onEmailClick?: () => void;\n\n  /* ----- Slots ----- */\n\n  /**\n   * Rendered above the heading — e.g. a `<Avatar>` for the operator\n   * variant, or a coloured chip strip. Optional.\n   */\n  headerSlot?: ReactNode;\n  /**\n   * Render an arbitrary map widget at the top of the card chrome —\n   * replaces the built-in static `<img>` thumbnail that\n   * `googleMapsApiKey` would otherwise produce. Use this when you\n   * want an interactive map inside the card boundary instead of a\n   * fixed image:\n   *\n   *   <ContactProfileCard\n   *     mapSlot={\n   *       <PracticeMap practice={practice} googleMapsApiKey={key} />\n   *     }\n   *     …\n   *   />\n   *\n   * When both `mapSlot` and `googleMapsApiKey` are provided, the slot\n   * wins (explicit > implicit). When neither is provided, no map area\n   * renders. The slot is unstyled — pass through any container chrome\n   * the consumer wants (e.g. a fixed height wrapper). The kit\n   * positions it where the static thumbnail would have lived.\n   */\n  mapSlot?: ReactNode;\n  /**\n   * Rendered at the end of the card body, below the rows. Use for\n   * a \"Book now\" `<Button>` or a \"View full profile\" link.\n   */\n  footerSlot?: ReactNode;\n\n  /* ----- Styling ----- */\n\n  /**\n   * `'elevated'` (default) wraps the card in `<Card variant=\"elevated\">`\n   * for a defined surface — what most consumers want when the card\n   * stands alone on a page. `'flat'` drops the Card chrome so the\n   * content sits naked — use when an outer card / sheet already\n   * provides the boundary (e.g. embedded inside a `<Sheet>` or a\n   * parent `<Card.Body>`).\n   */\n  surface?: 'flat' | 'elevated';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/** Build the WhatsApp `wa.me` URL. Number must already be digits-only. */\nfunction buildWhatsAppHref(number: string, message?: string): string {\n  const base = `https://wa.me/${number}`;\n  if (!message) return base;\n  return `${base}?text=${encodeURIComponent(message)}`;\n}\n\n/** Google Maps search query — works without an API key. */\nfunction buildMapHref(address: ContactProfileCardAddress): string {\n  const q = encodeURIComponent(address.line);\n  return `https://www.google.com/maps/search/?api=1&query=${q}`;\n}\n\n/** Format price (cents → currency string) using the consumer's locale. */\nfunction formatPrice(cents: number, currency: string, locale: string): string {\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    }).format(cents / 100);\n  } catch {\n    // Locale or currency code rejected — fall back to a plain decimal.\n    return (cents / 100).toFixed(2);\n  }\n}\n\n/* -------------------------------------------------------------------- */\n/* MapThumbStrip — embedded Google Static Maps image                    */\n/*                                                                        */\n/* Full-width strip rendered at the top of the card when the consumer    */\n/* supplies both `address.lat`/`lng` and `googleMapsApiKey`. Same        */\n/* one-shot `<img>` strategy as PracticeResults' StaticMapThumb (no JS   */\n/* SDK boot → no consent gate needed), but full-card-width instead of   */\n/* a 12rem aside.                                                        */\n/* -------------------------------------------------------------------- */\n\ninterface MapThumbStripProps {\n  apiKey: string;\n  center: { lat: number; lng: number };\n  zoom: number;\n  altText: string;\n}\n\n/**\n * Resolve the kit's `--map-marker-color` token to a six-character hex\n * string (no leading `#`) for Google Static Maps' `markers=color:` URL\n * parameter, which requires a literal hex value at fetch time.\n *\n * SSR-safe: when `document` is undefined we fall back to the kit's\n * brand violet. Same helper as PracticeResults — keep in sync if you\n * touch one.\n */\nfunction getStaticMapMarkerHex(): string {\n  if (typeof document === 'undefined') return '4945a3';\n  const raw = getComputedStyle(document.documentElement)\n    .getPropertyValue('--map-marker-color')\n    .trim();\n  const match = /^#?([0-9a-fA-F]{6})$/.exec(raw);\n  return match ? match[1] : '4945a3';\n}\n\nfunction MapThumbStrip({ apiKey, center, zoom, altText }: MapThumbStripProps) {\n  // 640×192 keeps the asset under Google's 1MP free tier at scale=2\n  // (1280×384 actual) and matches the strip's 12rem height at a\n  // ~3.33:1 aspect ratio. Marker colour resolves from the kit's\n  // `--map-marker-color` token at runtime so the value still lives\n  // in `src/tokens/**` per the closed-palette constraint.\n  const markerHex = getStaticMapMarkerHex();\n  const src =\n    `https://maps.googleapis.com/maps/api/staticmap` +\n    `?center=${center.lat},${center.lng}` +\n    `&zoom=${zoom}` +\n    `&size=640x192&scale=2` +\n    `&markers=color:0x${markerHex}%7C${center.lat},${center.lng}` +\n    `&key=${encodeURIComponent(apiKey)}`;\n  return (\n    <img\n      src={src}\n      alt={altText}\n      loading=\"lazy\"\n      decoding=\"async\"\n      width={640}\n      height={192}\n      className=\"ds:block ds:inline-size-full ds:block-size-[12rem] ds:[object-fit:cover] ds:rounded-[var(--radius-md)]\"\n    />\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const ContactProfileCard = forwardRef<\n  HTMLDivElement,\n  ContactProfileCardProps\n>(\n  (\n    {\n      heading,\n      description,\n      address,\n      phone,\n      whatsappNumber,\n      whatsappMessage,\n      email,\n      website,\n      languages,\n      languageLabels,\n      insurances,\n      firstVisitPriceCents,\n      currencyCode = 'EUR',\n      profession,\n      specializedInFearPatients,\n      googleMapsApiKey,\n      mapZoom = 14,\n      onPhoneClick,\n      onWhatsAppClick,\n      onMapClick,\n      onEmailClick,\n      headerSlot,\n      footerSlot,\n      mapSlot,\n      surface = 'elevated',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const locale = i18n.language ?? 'en';\n\n    const resolvedHeading = heading ?? t('contactProfileCard.heading');\n    const resolvedAriaLabel = ariaLabel ?? resolvedHeading;\n\n    const formattedPrice = useMemo(() => {\n      if (firstVisitPriceCents == null) return undefined;\n      return formatPrice(firstVisitPriceCents, currencyCode, locale);\n    }, [firstVisitPriceCents, currencyCode, locale]);\n\n    // Compose the rows in display order. Each `row` carries the icon +\n    // localised label + the rendered value. Skipping a field is just\n    // omitting the row — `KeyValueList` collapses the subgrid cleanly.\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (address) {\n      rows.push({\n        key: 'address',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.address'),\n        value: (\n          <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <span>{address.line}</span>\n            {address.lat != null && address.lng != null ? (\n              <Link\n                href={buildMapHref(address)}\n                external\n                intent=\"default\"\n                onClick={onMapClick}\n              >\n                {t('contactProfileCard.openInGoogleMaps')}\n              </Link>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.phone'),\n        value: (\n          <Link\n            href={`tel:${normalisePhone(phone)}`}\n            intent=\"default\"\n            onClick={onPhoneClick}\n          >\n            {phone}\n          </Link>\n        ),\n      });\n    }\n\n    if (whatsappNumber) {\n      rows.push({\n        key: 'whatsapp',\n        icon: <MessageCircle aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.whatsapp'),\n        value: (\n          <Link\n            href={buildWhatsAppHref(whatsappNumber, whatsappMessage)}\n            external\n            intent=\"default\"\n            onClick={onWhatsAppClick}\n          >\n            {whatsappNumber}\n          </Link>\n        ),\n      });\n    }\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.email'),\n        value: (\n          <Link\n            href={`mailto:${email}`}\n            intent=\"default\"\n            onClick={onEmailClick}\n          >\n            {email}\n          </Link>\n        ),\n      });\n    }\n\n    if (website) {\n      rows.push({\n        key: 'website',\n        icon: <Globe aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.website'),\n        value: (\n          <Link href={website} external intent=\"default\">\n            {website}\n          </Link>\n        ),\n      });\n    }\n\n    if (languages && languages.length > 0) {\n      // Resolution order, highest to lowest:\n      //   1. consumer `languageLabels` override — for regional dialects,\n      //      brand-voice variants, or codes the kit doesn't ship.\n      //   2. kit i18n bundle (`languages.<iso>`) — auto-resolves the 18\n      //      ISO codes the kit ships into the active locale's native\n      //      language name. Retires consumer-side ISO→label plumbing.\n      //   3. uppercase fallback for unknown codes that the consumer\n      //      didn't override.\n      const resolveLabel = (code: string): string => {\n        if (languageLabels?.[code]) return languageLabels[code];\n        const key = `languages.${code}`;\n        if (i18n.exists(key)) return t(key);\n        return code.toUpperCase();\n      };\n      rows.push({\n        key: 'languages',\n        icon: <LanguagesIcon aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.languages'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {languages.map((code) => (\n              <Badge key={code} variant=\"neutral\">\n                {resolveLabel(code)}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (insurances && insurances.length > 0) {\n      rows.push({\n        key: 'insurances',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.insurances'),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {insurances.map((ins) => (\n              <Badge key={ins} variant=\"info\">\n                {ins}\n              </Badge>\n            ))}\n          </span>\n        ),\n      });\n    }\n\n    if (formattedPrice) {\n      rows.push({\n        key: 'firstVisitPrice',\n        icon: <Banknote aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.firstVisitPrice'),\n        value: formattedPrice,\n      });\n    }\n\n    if (specializedInFearPatients) {\n      rows.push({\n        key: 'expertForAnxiousPatients',\n        icon: <Heart aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.expertForAnxiousPatients'),\n        value: t('contactProfileCard.value.yesShort'),\n      });\n    }\n\n    if (profession) {\n      rows.push({\n        key: 'profession',\n        icon: <Stethoscope aria-hidden=\"true\" />,\n        label: t('contactProfileCard.label.profession'),\n        value: profession,\n      });\n    }\n\n    // Imperative handle for agent integrations.\n    useAgentRegistration(\n      contactProfileCardAgent,\n      { getProfession: () => profession },\n      id,\n    );\n\n    // Embedded static-map thumbnail. Renders only when the consumer\n    // supplies BOTH a usable lat/lng pair AND a `googleMapsApiKey`.\n    // The d.ts-promised behaviour; without a key the strip is silently\n    // omitted and the address row's \"Open in Google Maps\" link still\n    // emits as the spatial-cue fallback.\n    const showMapThumb =\n      !!googleMapsApiKey &&\n      address?.lat !== undefined &&\n      address?.lng !== undefined;\n    const mapThumb = showMapThumb ? (\n      <MapThumbStrip\n        apiKey={googleMapsApiKey!}\n        center={{ lat: address!.lat!, lng: address!.lng! }}\n        zoom={mapZoom}\n        altText={t('contactProfileCard.map.alt', {\n          address: address!.line,\n          defaultValue: 'Map showing {{address}}',\n        })}\n      />\n    ) : null;\n\n    // Map area: explicit consumer slot wins over the implicit\n    // googleMapsApiKey-driven static thumbnail. 0.33.4 introduces the\n    // slot so consumers can embed an interactive <MapView> /\n    // <PracticeMap> wrapper inside the card chrome instead of the\n    // fixed static <img>. When neither is set the area renders as\n    // nothing. 0.33.6 moves the area from above the heading to below\n    // the data rows — the map reads as the spatial closer (\"here it\n    // is on the map\") rather than a stylised hero, and any CTA in\n    // footerSlot still lands at the very bottom.\n    const mapArea = mapSlot ?? mapThumb;\n\n    const body = (\n      <>\n        {description ? (\n          <p className=\"type-body-sm ds:m-0 ds:whitespace-pre-line\">\n            {description}\n          </p>\n        ) : null}\n        {rows.length > 0 ? (\n          <KeyValueList rowGap=\"md\">\n            {rows.map((row) => (\n              <KeyValuePair\n                key={row.key}\n                icon={row.icon}\n                label={row.label}\n                value={row.value}\n              />\n            ))}\n          </KeyValueList>\n        ) : null}\n        {mapArea}\n        {footerSlot}\n      </>\n    );\n\n    // `surface=\"flat\"` skips the Card wrapper — the consumer is\n    // already inside a Card / Sheet and doesn't want a double border.\n    const inner = (\n      <>\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          {headerSlot}\n          <h2\n            id={headingId}\n            className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n          >\n            {resolvedHeading}\n          </h2>\n        </div>\n        {body}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={headingId}\n        data-component=\"contact-profile-card\"\n        data-component-id={id}\n        id={id}\n        className={rootVariants({ surface, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {inner}\n            </Card.Body>\n          </Card>\n        ) : (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            {inner}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nContactProfileCard.displayName = 'ContactProfileCard';\n\n// Helper export so consumers can mirror the kit's row order if they\n// need to compose a partial alternative (rare).\nexport const CONTACT_PROFILE_CARD_ROW_KEYS = [\n  'address',\n  'phone',\n  'whatsapp',\n  'email',\n  'website',\n  'languages',\n  'insurances',\n  'firstVisitPrice',\n  'expertForAnxiousPatients',\n  'profession',\n] as const;\n\n// Defensive icon export so consumers can render the same glyph\n// outside the card if they need it for consistency.\nexport const CONTACT_PROFILE_CARD_ROW_ICONS: Record<\n  (typeof CONTACT_PROFILE_CARD_ROW_KEYS)[number],\n  LucideIcon\n> = {\n  address: MapPin,\n  phone: Phone,\n  whatsapp: MessageCircle,\n  email: Mail,\n  website: Globe,\n  languages: LanguagesIcon,\n  insurances: ShieldCheck,\n  firstVisitPrice: Banknote,\n  expertForAnxiousPatients: Heart,\n  profession: Stethoscope,\n};\n\n// Re-exports of the rootVariants type for downstream typing.\nexport type ContactProfileCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\n\n// ExternalLink is exported by lucide-react and used elsewhere in the\n// kit; re-exporting here so consumers don't have to add it as a\n// peer-dep import for icon parity in their own UIs.\nexport { ExternalLink };\n"],"names":["__iconNode","Banknote","createLucideIcon","contactProfileCardAgent","handle","rootVariants","cva","normalisePhone","raw","buildWhatsAppHref","number","message","base","buildMapHref","address","formatPrice","cents","currency","locale","getStaticMapMarkerHex","match","MapThumbStrip","apiKey","center","zoom","altText","markerHex","src","jsx","ContactProfileCard","forwardRef","heading","description","phone","whatsappNumber","whatsappMessage","email","website","languages","languageLabels","insurances","firstVisitPriceCents","currencyCode","profession","specializedInFearPatients","googleMapsApiKey","mapZoom","onPhoneClick","onWhatsAppClick","onMapClick","onEmailClick","headerSlot","footerSlot","mapSlot","surface","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","resolvedHeading","resolvedAriaLabel","formattedPrice","useMemo","rows","MapPin","jsxs","Link","Phone","MessageCircle","Mail","Globe","resolveLabel","code","key","LanguagesIcon","Badge","ShieldCheck","ins","Heart","Stethoscope","useAgentRegistration","mapThumb","mapArea","body","Fragment","KeyValueList","row","KeyValuePair","inner","Card","CONTACT_PROFILE_CARD_ROW_KEYS","CONTACT_PROFILE_CARD_ROW_ICONS"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{control-room-rail-DDyPDBji.js → control-room-rail-IH1eBjrK.js}

@@ -1,9 +1,9 @@
 import { jsx as g, jsxs as I, Fragment as ro } from "react/jsx-runtime";
 import { useState as z, useCallback as f, useMemo as C, useRef as N, useContext as j, useId as so, useEffect as lo, createContext as io, forwardRef as ao } from "react";
 import { useTranslation as co } from "react-i18next";
-import { I as X } from "./icon-button-9c9Gp41m.js";
+import { I as X } from "./icon-button-DA2CAGHZ.js";
 import { a as uo } from "./panel-header-D313n_9-.js";
-import { T as po } from "./tool-rail-BF3F2Ihq.js";
+import { T as po } from "./tool-rail-CHyUmulN.js";
 import { u as fo } from "./use-persistent-state-nZwZAnE9.js";
 import { S as mo } from "./star-Bf9L2Uot.js";
 import { X as Ro } from "./x-B5YnXwCz.js";
@@ -330,4 +330,4 @@ export {
   Vo as d,
   jo as u
 };
-//# sourceMappingURL=control-room-rail-DDyPDBji.js.map
+//# sourceMappingURL=control-room-rail-IH1eBjrK.js.map