@k2b/ui 0.9.1 → 0.11.0

package/dist/browser/chat/ChatPrimitives.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/ChatPrimitives.tsx"],"sourcesContent":["import { createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { type UiMessages, useUiMessages } from \"../intl/messages\";\nimport { ProgressBar } from \"../surfaces/ProgressBar\";\nimport { ChatContextPopup } from \"./ChatContextPopup\";\nimport { executeChatAction } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatContextUsageData, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageProps = {\n  role: ChatRole;\n  children?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  onActionError?: (error: unknown) => void;\n  class?: string;\n};\n\nexport type ChatActivityProps = {\n  label: string;\n  description?: string;\n  icon?: string;\n  /** Optional host-owned leading visual rendered instead of the icon. */\n  leading?: JSX.Element;\n  /** Optional identity accent for the leading visual. Semantic tones still take precedence. */\n  accent?: string;\n  tone?: ChatActivityTone;\n  /** Marks the activity as running with the shared accent sweep. */\n  busy?: boolean;\n  trailing?: JSX.Element;\n  /** Controlled disclosure state. Omit to keep native details behavior. */\n  open?: boolean;\n  /** Reports disclosure changes when `open` is controlled by the host. */\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  /** Set to false when the body is a peer list that should align with the activity row. */\n  bodyInset?: boolean;\n  anchorId?: string | number;\n  children?: JSX.Element;\n  /** Mount expensive details only while expanded. */\n  renderBody?: () => JSX.Element;\n  class?: string;\n};\n\nexport type ChatContextUsageProps = ChatContextUsageData & {\n  action?: ChatAction;\n  onActionError?: (error: unknown) => void;\n  /** Host-owned number formatting. The default is locale-independent and SSR-stable. */\n  formatNumber?: (value: number) => string;\n  class?: string;\n};\n\nconst roleLabel = (role: ChatRole, messages: UiMessages): string => {\n  if (role === \"assistant\") return messages.assistant;\n  if (role === \"user\") return messages.user;\n  if (role === \"tool\") return messages.tool;\n  return messages.system;\n};\n\nconst statusLabel = (status: ChatMessageStatus | undefined, messages: UiMessages): string | null => {\n  if (status === \"pending\") return messages.waiting;\n  if (status === \"streaming\") return messages.generating;\n  if (status === \"error\") return messages.failed;\n  return null;\n};\n\nconst statusIcon = (status: ChatMessageStatus | undefined): string => {\n  if (status === \"pending\") return \"ti ti-clock\";\n  return \"ti ti-alert-circle\";\n};\n\nconst ChatProgressDots = () => (\n  <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n    <span />\n    <span />\n    <span />\n  </span>\n);\n\nconst attachmentIcon = (attachment: ChatAttachment): string =>\n  attachment.icon ?? (attachment.kind === \"image\" ? \"ti ti-photo\" : attachment.kind === \"resource\" ? \"ti ti-link\" : \"ti ti-file\");\n\nconst finiteNonNegative = (value: number | undefined): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst finiteUsageValue = (value: number | undefined): number | null =>\n  typeof value === \"number\" && Number.isFinite(value) && value >= 0 ? value : null;\n\nconst normalizedUsage = (usage: ChatContextUsageData[\"usage\"]) => {\n  const input = finiteUsageValue(usage?.input);\n  const output = finiteUsageValue(usage?.output);\n  const explicitTotal = finiteUsageValue(usage?.total);\n  const total = explicitTotal ?? (input !== null || output !== null ? (input ?? 0) + (output ?? 0) : null);\n  return { input, output, total, reported: total !== null };\n};\n\nconst formatStableInteger = (value: number): string => {\n  const digits = String(Math.round(finiteNonNegative(value)));\n  return digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n};\n\nexport const formatChatTokens = (tokens: number): string => {\n  const value = finiteNonNegative(tokens);\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;\n  return String(Math.round(value));\n};\n\nconst dateTime = (value: string | Date | undefined): string | null => {\n  if (!value) return null;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : null;\n};\n\nexport function ChatMessage(props: ChatMessageProps): JSX.Element {\n  const messages = useUiMessages();\n  const [busyActionId, setBusyActionId] = createSignal<string | null>(null);\n  const [completedActionId, setCompletedActionId] = createSignal<string | null>(null);\n  let completedTimer: ReturnType<typeof setTimeout> | undefined;\n  const status = () => statusLabel(props.status, messages());\n  const timestamp = () => dateTime(props.createdAt);\n  // Locale and timezone are application policy. Requiring an explicit visible\n  // label keeps SSR and hydration byte-stable while `createdAt` still supplies\n  // the semantic machine-readable timestamp.\n  const time = () => props.timeLabel ?? null;\n  const actions = () => props.actions ?? [];\n  const actionDisplay = () =>\n    props.actionDisplay === \"auto\" || !props.actionDisplay ? (props.role === \"user\" ? \"menu\" : \"inline\") : props.actionDisplay;\n  const hasMeta = () => props.status === \"streaming\" || status() !== null || Boolean(time()) || actions().length > 0;\n\n  const runAction = async (action: ChatAction) => {\n    if (action.disabled || busyActionId()) return;\n    setBusyActionId(action.id);\n    try {\n      await executeChatAction(action);\n      setCompletedActionId(action.id);\n      if (completedTimer) clearTimeout(completedTimer);\n      completedTimer = setTimeout(() => setCompletedActionId(null), 1400);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusyActionId(null);\n    }\n  };\n\n  const actionIcon = (action: ChatAction) =>\n    busyActionId() === action.id\n      ? \"ti ti-loader-2 k2b-spin\"\n      : completedActionId() === action.id\n        ? \"ti ti-check\"\n        : (action.icon ?? \"ti ti-dots\");\n\n  onCleanup(() => {\n    if (completedTimer) clearTimeout(completedTimer);\n  });\n\n  const menuItems = (): readonly DropdownItem[] =>\n    actions().map((action) => ({\n      icon: actionIcon(action),\n      label: action.label,\n      variant: action.variant,\n      disabled: action.disabled || Boolean(busyActionId()),\n      action: () => void runAction(action),\n    }));\n\n  return (\n    <article\n      class={`k2b-chat-message ${props.class ?? \"\"}`}\n      data-role={props.role}\n      data-status={props.status ?? \"complete\"}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      aria-busy={props.status === \"pending\" || props.status === \"streaming\" ? \"true\" : undefined}\n    >\n      <span class=\"k2b-sr-only\">{props.label ?? roleLabel(props.role, messages())}: </span>\n      <Show when={(props.attachments?.length ?? 0) > 0}>\n        <div class=\"k2b-chat-message__attachments\" role=\"list\" aria-label={messages().attachments}>\n          <For each={props.attachments}>\n            {(attachment) => {\n              // A preview that no longer loads, such as a deleted file, falls back to the attachment icon; a new URL tries again.\n              const [failedPreviewUrl, setFailedPreviewUrl] = createSignal<string>();\n              const content = () => (\n                <>\n                  <Show\n                    when={attachment.kind === \"image\" && attachment.previewUrl && attachment.previewUrl !== failedPreviewUrl()}\n                    fallback={<i class={attachmentIcon(attachment)} aria-hidden=\"true\" />}\n                  >\n                    <img\n                      src={attachment.previewUrl}\n                      alt={attachment.alt ?? attachment.name}\n                      onError={() => setFailedPreviewUrl(attachment.previewUrl)}\n                    />\n                  </Show>\n                  <Show when={attachment.kind !== \"image\"}>\n                    <span>{attachment.name}</span>\n                  </Show>\n                </>\n              );\n              return (\n                <Show\n                  when={attachment.href}\n                  fallback={\n                    <div class=\"k2b-chat-message__attachment\" data-kind={attachment.kind} role=\"listitem\" title={attachment.name}>\n                      {content()}\n                    </div>\n                  }\n                >\n                  {(href) => (\n                    <a\n                      class=\"k2b-chat-message__attachment\"\n                      data-kind={attachment.kind}\n                      role=\"listitem\"\n                      title={attachment.name}\n                      href={href()}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={messages().openInNewTab({ name: attachment.name })}\n                    >\n                      {content()}\n                    </a>\n                  )}\n                </Show>\n              );\n            }}\n          </For>\n        </div>\n      </Show>\n\n      <Show when={props.children !== undefined && props.children !== null && props.children !== \"\"}>\n        <div class=\"k2b-chat-message__bubble\">\n          <div class=\"k2b-chat-message__content\">{props.children}</div>\n        </div>\n      </Show>\n\n      <Show when={hasMeta()}>\n        <footer class=\"k2b-chat-message__meta\">\n          <Show\n            when={props.status === \"streaming\"}\n            fallback={\n              <Show when={status()}>\n                {(label) => (\n                  <span class=\"k2b-chat-message__status\" role={props.status === \"error\" ? \"alert\" : \"status\"}>\n                    <i class={statusIcon(props.status)} aria-hidden=\"true\" />\n                    {label()}\n                  </span>\n                )}\n              </Show>\n            }\n          >\n            <span class=\"k2b-chat-message__status k2b-chat-message__status--streaming\" role=\"status\" aria-label={messages().generating}>\n              <ChatProgressDots />\n            </span>\n          </Show>\n          <Show when={time()}>{(label) => <time dateTime={timestamp() ?? undefined}>{label()}</time>}</Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"inline\"}>\n            <span class=\"k2b-chat-message__actions\" role=\"group\" aria-label={messages().messageActions}>\n              <For each={actions()}>\n                {(action) => (\n                  <button\n                    type=\"button\"\n                    aria-label={action.label}\n                    aria-pressed={action.pressed}\n                    data-pressed-tone={action.pressedTone}\n                    title={action.label}\n                    data-danger={action.variant === \"danger\" ? \"true\" : undefined}\n                    disabled={action.disabled || Boolean(busyActionId())}\n                    onClick={() => void runAction(action)}\n                  >\n                    <i class={actionIcon(action)} aria-hidden=\"true\" />\n                  </button>\n                )}\n              </For>\n            </span>\n          </Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"menu\"}>\n            <Dropdown.Root position=\"bottom-left\" width=\"12rem\" label={messages().messageActions} items={menuItems()}>\n              <Dropdown.Trigger\n                appearance=\"plain\"\n                class=\"k2b-chat-message__menu\"\n                label={messages().messageActions}\n                title={messages().messageActions}\n              >\n                <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </Show>\n        </footer>\n      </Show>\n    </article>\n  );\n}\n\nconst ActivityContent = (props: ChatActivityProps & { disclosure?: boolean }) => (\n  <>\n    <span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">\n      <Show when={props.leading} fallback={<i class={props.icon ?? \"ti ti-sparkles\"} />}>\n        {props.leading}\n      </Show>\n    </span>\n    <span class=\"k2b-chat-activity__copy\">\n      <strong>{props.label}</strong>\n      <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-chat-activity__trailing\">{props.trailing}</span>\n    </Show>\n    <Show when={props.disclosure}>\n      <i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\" />\n    </Show>\n  </>\n);\n\nexport function ChatActivity(props: ChatActivityProps): JSX.Element {\n  const [expanded, setExpanded] = createSignal(props.defaultOpen ?? false);\n  const open = () => props.open ?? expanded();\n  const tone = () => props.tone ?? \"neutral\";\n  const style = () => (props.accent ? { \"--k2b-chat-activity-accent\": props.accent } : undefined);\n  return (\n    <Show\n      when={props.renderBody || props.children}\n      fallback={\n        <div\n          class={`k2b-chat-activity ${props.class ?? \"\"}`}\n          data-tone={tone()}\n          data-accent={props.accent ? \"true\" : undefined}\n          data-busy={props.busy ? \"true\" : undefined}\n          data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n          style={style()}\n          aria-busy={props.busy ? \"true\" : undefined}\n        >\n          <div class=\"k2b-chat-activity__row\">\n            <ActivityContent {...props} />\n          </div>\n        </div>\n      }\n    >\n      <details\n        class={`k2b-chat-activity ${props.class ?? \"\"}`}\n        data-tone={tone()}\n        data-accent={props.accent ? \"true\" : undefined}\n        data-busy={props.busy ? \"true\" : undefined}\n        data-body-inset={props.bodyInset === false ? \"false\" : undefined}\n        data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n        style={style()}\n        open={open()}\n        onToggle={(event) => {\n          setExpanded(event.currentTarget.open);\n          props.onOpenChange?.(event.currentTarget.open);\n        }}\n        aria-busy={props.busy ? \"true\" : undefined}\n      >\n        <summary class=\"k2b-chat-activity__row\">\n          <ActivityContent {...props} disclosure />\n        </summary>\n        <div class=\"k2b-chat-activity__body\">\n          {props.renderBody ? <Show when={open() ? props.renderBody : undefined}>{(render) => render()()}</Show> : props.children}\n        </div>\n      </details>\n    </Show>\n  );\n}\n\nexport function ChatContextUsage(props: ChatContextUsageProps): JSX.Element {\n  const [busy, setBusy] = createSignal(false);\n  const run = async () => {\n    const action = props.action;\n    if (!action || action.disabled || busy()) return;\n    setBusy(true);\n    try {\n      await executeChatAction(action);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  const messages = useUiMessages();\n  const formatNumber = (value: number) => (props.formatNumber ?? formatStableInteger)(value);\n  const formattedUsageValue = (value: number | null): string => (value === null ? messages().unknown : formatNumber(value));\n  const usage = () => normalizedUsage(props.usage);\n  const loopUsage = () => normalizedUsage(props.loopUsage);\n  const total = () => usage().total ?? 0;\n  const windowSize = () => finiteNonNegative(props.contextWindow);\n  const reported = () => usage().reported;\n  const percent = () => (reported() && windowSize() > 0 ? Math.min(100, Math.round((total() / windowSize()) * 100)) : null);\n  const remaining = () => (reported() && windowSize() > 0 ? Math.max(0, windowSize() - total()) : null);\n  const accessibleLabel = () => {\n    if (!reported()) {\n      return windowSize() > 0\n        ? messages().contextUsageUnavailableWithWindow({ window: formatNumber(windowSize()) })\n        : messages().contextUsageUnavailable;\n    }\n    return percent() === null\n      ? messages().tokensUsed({ total: formatNumber(total()) })\n      : messages().tokensUsedPercent({ total: formatNumber(total()), percent: percent()! });\n  };\n\n  return (\n    <ChatContextPopup\n      content={\n        <div class=\"k2b-chat-context__tooltip\">\n          <strong>{messages().lastRequestContext}</strong>\n          <Show when={percent() !== null}>\n            <ProgressBar\n              value={percent() ?? 0}\n              size=\"xs\"\n              tone={(percent() ?? 0) >= 85 ? \"danger\" : \"info\"}\n              label={messages().contextWindowUsed}\n            />\n          </Show>\n          <dl>\n            <Show when={props.modelLabel}>\n              {(model) => (\n                <div>\n                  <dt>{messages().model}</dt>\n                  <dd>{model()}</dd>\n                </div>\n              )}\n            </Show>\n            <div>\n              <dt>{messages().input}</dt>\n              <dd>{formattedUsageValue(usage().input)}</dd>\n            </div>\n            <div>\n              <dt>{messages().output}</dt>\n              <dd>{formattedUsageValue(usage().output)}</dd>\n            </div>\n            <Show when={loopUsage().reported}>\n              <div>\n                <dt>{messages().loopTotal}</dt>\n                <dd>{formattedUsageValue(loopUsage().total)}</dd>\n              </div>\n            </Show>\n            <div>\n              <dt>{messages().window}</dt>\n              <dd>{windowSize() > 0 ? formatNumber(windowSize()) : messages().notConfigured}</dd>\n            </div>\n            <Show when={remaining() !== null}>\n              <div>\n                <dt>{messages().remaining}</dt>\n                <dd>{remaining() === null ? messages().unknown : formatNumber(remaining()!)}</dd>\n              </div>\n            </Show>\n          </dl>\n          <Show when={props.action}>\n            {(action) => (\n              <Button size=\"xs\" variant=\"subtle\" disabled={action().disabled || busy()} onClick={() => void run()} aria-busy={busy()}>\n                <i class={busy() ? \"ti ti-loader-2 k2b-spin\" : action().icon} aria-hidden=\"true\" />\n                {action().label}\n              </Button>\n            )}\n          </Show>\n        </div>\n      }\n      type=\"button\"\n      class={`k2b-chat-context ${props.class ?? \"\"}`}\n      data-warning={reported() && (percent() ?? 0) >= 85 ? \"true\" : undefined}\n      aria-label={accessibleLabel()}\n    >\n      <i class=\"ti ti-brain\" aria-hidden=\"true\" />\n      <span>{percent() === null ? \"–\" : `${percent()}%`}</span>\n    </ChatContextPopup>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/ChatPrimitives.tsx"],"sourcesContent":["import { createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Dropdown, type DropdownItem } from \"../actions/Dropdown\";\nimport { Tooltip } from \"../feedback/Tooltip\";\nimport { type UiMessages, useUiMessages } from \"../intl/messages\";\nimport { ProgressBar } from \"../surfaces/ProgressBar\";\nimport { ChatContextPanel, ChatContextPopup } from \"./ChatContextPopup\";\nimport { executeChatAction } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatContextUsageData, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageProps = {\n  role: ChatRole;\n  children?: JSX.Element;\n  label?: string;\n  createdAt?: string | Date;\n  timeLabel?: string;\n  status?: ChatMessageStatus;\n  attachments?: readonly ChatAttachment[];\n  actions?: readonly ChatAction[];\n  actionDisplay?: \"auto\" | \"inline\" | \"menu\";\n  anchorId?: string | number;\n  onActionError?: (error: unknown) => void;\n  class?: string;\n};\n\nexport type ChatActivityProps = {\n  label: string;\n  description?: string;\n  icon?: string;\n  /** Optional host-owned leading visual rendered instead of the icon. */\n  leading?: JSX.Element;\n  /** Optional identity accent for the leading visual. Semantic tones still take precedence. */\n  accent?: string;\n  tone?: ChatActivityTone;\n  /** Marks the activity as running with the shared accent sweep. */\n  busy?: boolean;\n  trailing?: JSX.Element;\n  /** Controlled disclosure state. Omit to keep native details behavior. */\n  open?: boolean;\n  /** Reports disclosure changes when `open` is controlled by the host. */\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n  /** Set to false when the body is a peer list that should align with the activity row. */\n  bodyInset?: boolean;\n  anchorId?: string | number;\n  children?: JSX.Element;\n  /** Mount expensive details only while expanded. */\n  renderBody?: () => JSX.Element;\n  class?: string;\n};\n\nexport type ChatContextUsageProps = ChatContextUsageData & {\n  action?: ChatAction;\n  onActionError?: (error: unknown) => void;\n  /** Host-owned number formatting. The default is locale-independent and SSR-stable. */\n  formatNumber?: (value: number) => string;\n  class?: string;\n};\n\nconst roleLabel = (role: ChatRole, messages: UiMessages): string => {\n  if (role === \"assistant\") return messages.assistant;\n  if (role === \"user\") return messages.user;\n  if (role === \"tool\") return messages.tool;\n  return messages.system;\n};\n\nconst statusLabel = (status: ChatMessageStatus | undefined, messages: UiMessages): string | null => {\n  if (status === \"pending\") return messages.waiting;\n  if (status === \"streaming\") return messages.generating;\n  if (status === \"error\") return messages.failed;\n  return null;\n};\n\nconst statusIcon = (status: ChatMessageStatus | undefined): string => {\n  if (status === \"pending\") return \"ti ti-clock\";\n  return \"ti ti-alert-circle\";\n};\n\nconst ChatProgressDots = () => (\n  <span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\">\n    <span />\n    <span />\n    <span />\n  </span>\n);\n\nconst attachmentIcon = (attachment: ChatAttachment): string =>\n  attachment.icon ?? (attachment.kind === \"image\" ? \"ti ti-photo\" : attachment.kind === \"resource\" ? \"ti ti-link\" : \"ti ti-file\");\n\nconst finiteNonNegative = (value: number | undefined): number =>\n  typeof value === \"number\" && Number.isFinite(value) ? Math.max(0, value) : 0;\n\nconst finiteUsageValue = (value: number | undefined): number | null =>\n  typeof value === \"number\" && Number.isFinite(value) && value >= 0 ? value : null;\n\nconst normalizedUsage = (usage: ChatContextUsageData[\"usage\"]) => {\n  const input = finiteUsageValue(usage?.input);\n  const output = finiteUsageValue(usage?.output);\n  const explicitTotal = finiteUsageValue(usage?.total);\n  const total = explicitTotal ?? (input !== null || output !== null ? (input ?? 0) + (output ?? 0) : null);\n  return { input, output, total, reported: total !== null };\n};\n\nconst formatStableInteger = (value: number): string => {\n  const digits = String(Math.round(finiteNonNegative(value)));\n  return digits.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n};\n\nexport const formatChatTokens = (tokens: number): string => {\n  const value = finiteNonNegative(tokens);\n  if (value >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (value >= 1_000) return `${(value / 1_000).toFixed(1)}k`;\n  return String(Math.round(value));\n};\n\nconst dateTime = (value: string | Date | undefined): string | null => {\n  if (!value) return null;\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isFinite(date.getTime()) ? date.toISOString() : null;\n};\n\nexport function ChatMessage(props: ChatMessageProps): JSX.Element {\n  const messages = useUiMessages();\n  const [busyActionId, setBusyActionId] = createSignal<string | null>(null);\n  const [completedActionId, setCompletedActionId] = createSignal<string | null>(null);\n  let completedTimer: ReturnType<typeof setTimeout> | undefined;\n  const status = () => statusLabel(props.status, messages());\n  const timestamp = () => dateTime(props.createdAt);\n  // Locale and timezone are application policy. Requiring an explicit visible\n  // label keeps SSR and hydration byte-stable while `createdAt` still supplies\n  // the semantic machine-readable timestamp.\n  const time = () => props.timeLabel ?? null;\n  const actions = () => props.actions ?? [];\n  const actionDisplay = () =>\n    props.actionDisplay === \"auto\" || !props.actionDisplay ? (props.role === \"user\" ? \"menu\" : \"inline\") : props.actionDisplay;\n  const hasMeta = () => props.status === \"streaming\" || status() !== null || Boolean(time()) || actions().length > 0;\n\n  const runAction = async (action: ChatAction) => {\n    if (action.disabled || busyActionId()) return;\n    setBusyActionId(action.id);\n    try {\n      await executeChatAction(action);\n      setCompletedActionId(action.id);\n      if (completedTimer) clearTimeout(completedTimer);\n      completedTimer = setTimeout(() => setCompletedActionId(null), 1400);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusyActionId(null);\n    }\n  };\n\n  const actionIcon = (action: ChatAction) =>\n    busyActionId() === action.id\n      ? \"ti ti-loader-2 k2b-spin\"\n      : completedActionId() === action.id\n        ? \"ti ti-check\"\n        : (action.icon ?? \"ti ti-dots\");\n\n  onCleanup(() => {\n    if (completedTimer) clearTimeout(completedTimer);\n  });\n\n  const menuItems = (): readonly DropdownItem[] =>\n    actions().map((action) => ({\n      icon: actionIcon(action),\n      label: action.label,\n      variant: action.variant,\n      disabled: action.disabled || Boolean(busyActionId()),\n      action: () => void runAction(action),\n    }));\n\n  return (\n    <article\n      class={`k2b-chat-message ${props.class ?? \"\"}`}\n      data-role={props.role}\n      data-status={props.status ?? \"complete\"}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      aria-busy={props.status === \"pending\" || props.status === \"streaming\" ? \"true\" : undefined}\n    >\n      <span class=\"k2b-sr-only\">{props.label ?? roleLabel(props.role, messages())}: </span>\n      <Show when={(props.attachments?.length ?? 0) > 0}>\n        <div class=\"k2b-chat-message__attachments\" role=\"list\" aria-label={messages().attachments}>\n          <For each={props.attachments}>\n            {(attachment) => {\n              // A preview that no longer loads, such as a deleted file, falls back to the attachment icon; a new URL tries again.\n              const [failedPreviewUrl, setFailedPreviewUrl] = createSignal<string>();\n              const content = () => (\n                <>\n                  <Show\n                    when={attachment.kind === \"image\" && attachment.previewUrl && attachment.previewUrl !== failedPreviewUrl()}\n                    fallback={<i class={attachmentIcon(attachment)} aria-hidden=\"true\" />}\n                  >\n                    <img\n                      src={attachment.previewUrl}\n                      alt={attachment.alt ?? attachment.name}\n                      onError={() => setFailedPreviewUrl(attachment.previewUrl)}\n                    />\n                  </Show>\n                  <Show when={attachment.kind !== \"image\"}>\n                    <span>{attachment.name}</span>\n                  </Show>\n                </>\n              );\n              return (\n                <Show\n                  when={attachment.href}\n                  fallback={\n                    <div class=\"k2b-chat-message__attachment\" data-kind={attachment.kind} role=\"listitem\" title={attachment.name}>\n                      {content()}\n                    </div>\n                  }\n                >\n                  {(href) => (\n                    <a\n                      class=\"k2b-chat-message__attachment\"\n                      data-kind={attachment.kind}\n                      role=\"listitem\"\n                      title={attachment.name}\n                      href={href()}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={messages().openInNewTab({ name: attachment.name })}\n                    >\n                      {content()}\n                    </a>\n                  )}\n                </Show>\n              );\n            }}\n          </For>\n        </div>\n      </Show>\n\n      <Show when={props.children !== undefined && props.children !== null && props.children !== \"\"}>\n        <div class=\"k2b-chat-message__bubble\">\n          <div class=\"k2b-chat-message__content\">{props.children}</div>\n        </div>\n      </Show>\n\n      <Show when={hasMeta()}>\n        <footer class=\"k2b-chat-message__meta\">\n          <Show\n            when={props.status === \"streaming\"}\n            fallback={\n              <Show when={status()}>\n                {(label) => (\n                  <span class=\"k2b-chat-message__status\" role={props.status === \"error\" ? \"alert\" : \"status\"}>\n                    <i class={statusIcon(props.status)} aria-hidden=\"true\" />\n                    {label()}\n                  </span>\n                )}\n              </Show>\n            }\n          >\n            <span class=\"k2b-chat-message__status k2b-chat-message__status--streaming\" role=\"status\" aria-label={messages().generating}>\n              <ChatProgressDots />\n            </span>\n          </Show>\n          <Show when={time()}>{(label) => <time dateTime={timestamp() ?? undefined}>{label()}</time>}</Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"inline\"}>\n            <span class=\"k2b-chat-message__actions\" role=\"group\" aria-label={messages().messageActions}>\n              <For each={actions()}>\n                {(action) => (\n                  <Tooltip.Trigger\n                    type=\"button\"\n                    aria-label={action.label}\n                    aria-pressed={action.pressed}\n                    data-pressed-tone={action.pressedTone}\n                    content={action.label}\n                    data-danger={action.variant === \"danger\" ? \"true\" : undefined}\n                    disabled={action.disabled || Boolean(busyActionId())}\n                    onClick={() => void runAction(action)}\n                  >\n                    <i class={actionIcon(action)} aria-hidden=\"true\" />\n                  </Tooltip.Trigger>\n                )}\n              </For>\n            </span>\n          </Show>\n          <Show when={actions().length > 0 && actionDisplay() === \"menu\"}>\n            <Dropdown.Root position=\"bottom-left\" label={messages().messageActions} items={menuItems()}>\n              <Dropdown.Trigger\n                appearance=\"plain\"\n                class=\"k2b-chat-message__menu\"\n                label={messages().messageActions}\n                title={messages().messageActions}\n              >\n                <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </Show>\n        </footer>\n      </Show>\n    </article>\n  );\n}\n\nconst ActivityContent = (props: ChatActivityProps & { disclosure?: boolean }) => (\n  <>\n    <span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">\n      <Show when={props.leading} fallback={<i class={props.icon ?? \"ti ti-sparkles\"} />}>\n        {props.leading}\n      </Show>\n    </span>\n    <span class=\"k2b-chat-activity__copy\">\n      <strong>{props.label}</strong>\n      <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n    </span>\n    <Show when={props.trailing}>\n      <span class=\"k2b-chat-activity__trailing\">{props.trailing}</span>\n    </Show>\n    <Show when={props.disclosure}>\n      <i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\" />\n    </Show>\n  </>\n);\n\nexport function ChatActivity(props: ChatActivityProps): JSX.Element {\n  const [expanded, setExpanded] = createSignal(props.defaultOpen ?? false);\n  const open = () => props.open ?? expanded();\n  const tone = () => props.tone ?? \"neutral\";\n  const style = () => (props.accent ? { \"--k2b-chat-activity-accent\": props.accent } : undefined);\n  return (\n    <Show\n      when={props.renderBody || props.children}\n      fallback={\n        <div\n          class={`k2b-chat-activity ${props.class ?? \"\"}`}\n          data-tone={tone()}\n          data-accent={props.accent ? \"true\" : undefined}\n          data-busy={props.busy ? \"true\" : undefined}\n          data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n          style={style()}\n          aria-busy={props.busy ? \"true\" : undefined}\n        >\n          <div class=\"k2b-chat-activity__row\">\n            <ActivityContent {...props} />\n          </div>\n        </div>\n      }\n    >\n      <details\n        class={`k2b-chat-activity ${props.class ?? \"\"}`}\n        data-tone={tone()}\n        data-accent={props.accent ? \"true\" : undefined}\n        data-busy={props.busy ? \"true\" : undefined}\n        data-body-inset={props.bodyInset === false ? \"false\" : undefined}\n        data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n        style={style()}\n        open={open()}\n        onToggle={(event) => {\n          setExpanded(event.currentTarget.open);\n          props.onOpenChange?.(event.currentTarget.open);\n        }}\n        aria-busy={props.busy ? \"true\" : undefined}\n      >\n        <summary class=\"k2b-chat-activity__row\">\n          <ActivityContent {...props} disclosure />\n        </summary>\n        <div class=\"k2b-chat-activity__body\">\n          {props.renderBody ? <Show when={open() ? props.renderBody : undefined}>{(render) => render()()}</Show> : props.children}\n        </div>\n      </details>\n    </Show>\n  );\n}\n\nexport function ChatContextUsage(props: ChatContextUsageProps): JSX.Element {\n  const [busy, setBusy] = createSignal(false);\n  const run = async () => {\n    const action = props.action;\n    if (!action || action.disabled || busy()) return;\n    setBusy(true);\n    try {\n      await executeChatAction(action);\n    } catch (error) {\n      props.onActionError?.(error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  const messages = useUiMessages();\n  const formatNumber = (value: number) => (props.formatNumber ?? formatStableInteger)(value);\n  const formattedUsageValue = (value: number | null): string => (value === null ? messages().unknown : formatNumber(value));\n  const usage = () => normalizedUsage(props.usage);\n  const loopUsage = () => normalizedUsage(props.loopUsage);\n  const total = () => usage().total ?? 0;\n  const windowSize = () => finiteNonNegative(props.contextWindow);\n  const reported = () => usage().reported;\n  const percent = () => (reported() && windowSize() > 0 ? Math.min(100, Math.round((total() / windowSize()) * 100)) : null);\n  const remaining = () => (reported() && windowSize() > 0 ? Math.max(0, windowSize() - total()) : null);\n  const accessibleLabel = () => {\n    if (!reported()) {\n      return windowSize() > 0\n        ? messages().contextUsageUnavailableWithWindow({ window: formatNumber(windowSize()) })\n        : messages().contextUsageUnavailable;\n    }\n    return percent() === null\n      ? messages().tokensUsed({ total: formatNumber(total()) })\n      : messages().tokensUsedPercent({ total: formatNumber(total()), percent: percent()! });\n  };\n\n  return (\n    <ChatContextPopup\n      content={\n        <ChatContextPanel title={messages().lastRequestContext}>\n          <Show when={percent() !== null}>\n            <ProgressBar\n              value={percent() ?? 0}\n              size=\"xs\"\n              tone={(percent() ?? 0) >= 85 ? \"danger\" : \"info\"}\n              label={messages().contextWindowUsed}\n            />\n          </Show>\n          <dl>\n            <Show when={props.modelLabel}>\n              {(model) => (\n                <div>\n                  <dt>{messages().model}</dt>\n                  <dd>{model()}</dd>\n                </div>\n              )}\n            </Show>\n            <div>\n              <dt>{messages().input}</dt>\n              <dd>{formattedUsageValue(usage().input)}</dd>\n            </div>\n            <div>\n              <dt>{messages().output}</dt>\n              <dd>{formattedUsageValue(usage().output)}</dd>\n            </div>\n            <Show when={loopUsage().reported}>\n              <div>\n                <dt>{messages().loopTotal}</dt>\n                <dd>{formattedUsageValue(loopUsage().total)}</dd>\n              </div>\n            </Show>\n            <div>\n              <dt>{messages().window}</dt>\n              <dd>{windowSize() > 0 ? formatNumber(windowSize()) : messages().notConfigured}</dd>\n            </div>\n            <Show when={remaining() !== null}>\n              <div>\n                <dt>{messages().remaining}</dt>\n                <dd>{remaining() === null ? messages().unknown : formatNumber(remaining()!)}</dd>\n              </div>\n            </Show>\n          </dl>\n          <Show when={props.action}>\n            {(action) => (\n              <Button size=\"xs\" variant=\"subtle\" disabled={action().disabled || busy()} onClick={() => void run()} aria-busy={busy()}>\n                <i class={busy() ? \"ti ti-loader-2 k2b-spin\" : action().icon} aria-hidden=\"true\" />\n                {action().label}\n              </Button>\n            )}\n          </Show>\n        </ChatContextPanel>\n      }\n      type=\"button\"\n      class={`k2b-chat-context ${props.class ?? \"\"}`}\n      data-warning={reported() && (percent() ?? 0) >= 85 ? \"true\" : undefined}\n      aria-label={accessibleLabel()}\n    >\n      <i class=\"ti ti-brain\" aria-hidden=\"true\" />\n      <span>{percent() === null ? \"–\" : `${percent()}%`}</span>\n    </ChatContextPopup>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/chat/index.js

@@ -1,4 +1,4 @@
-import { ChatContextPopup } from "./ChatContextPopup";
+import { ChatContextPanel, ChatContextPopup } from "./ChatContextPopup";
 import { ChatTasks } from "./ChatTasks";
 import { ChatComposer } from "./ChatComposer";
 import { ChatActivity, ChatContextUsage, ChatMessage } from "./ChatPrimitives";
@@ -16,7 +16,8 @@ export const Chat = Object.assign(ChatRoot, {
   Activity: ChatActivity,
   Composer: ChatComposer,
   ContextUsage: ChatContextUsage,
-  ContextPopup: ChatContextPopup
+  ContextPopup: ChatContextPopup,
+  ContextPanel: ChatContextPanel
 });
 export { reconcileChatMentions } from "./composer-document";
 //# sourceMappingURL=index.js.map

package/dist/browser/chat/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/index.ts"],"sourcesContent":["export type { ChatContextPopupProps } from \"./ChatContextPopup\";\n\nimport { ChatContextPopup } from \"./ChatContextPopup\";\nimport { ChatTasks } from \"./ChatTasks\";\n\nexport type { ChatTask, ChatTasksProps } from \"./ChatTasks\";\n\nimport { ChatComposer } from \"./ChatComposer\";\nimport { ChatActivity, ChatContextUsage, ChatMessage } from \"./ChatPrimitives\";\nimport { ChatRoot } from \"./ChatRoot\";\nimport { ChatTimeline } from \"./ChatTimeline\";\n\nexport type { ChatCommand, ChatCommandContext, ChatComposerProps, ChatFileSelection, ChatPasteHandler } from \"./ChatComposer\";\nexport type { ChatActivityProps, ChatContextUsageProps, ChatMessageProps } from \"./ChatPrimitives\";\nexport { formatChatTokens } from \"./ChatPrimitives\";\nexport type { ChatRootProps } from \"./ChatRoot\";\nexport type { ChatActivityItem, ChatMessageItem, ChatTimelineItem, ChatTimelineProps } from \"./ChatTimeline\";\nexport type {\n  ChatAction,\n  ChatActivityTone,\n  ChatAttachment,\n  ChatComposerState,\n  ChatContextUsageData,\n  ChatMention,\n  ChatMessageStatus,\n  ChatModelOption,\n  ChatRole,\n  ChatSubmitInput,\n  ChatSubmitIntent,\n  ChatUsage,\n} from \"./types\";\n\n/**\n * Portable, controlled chat surface. Applications own storage, streaming,\n * authorization, rich message rendering, and domain actions.\n */\nexport const Chat = Object.assign(ChatRoot, {\n  Tasks: ChatTasks,\n  Timeline: ChatTimeline,\n  Message: ChatMessage,\n  Activity: ChatActivity,\n  Composer: ChatComposer,\n  ContextUsage: ChatContextUsage,\n  ContextPopup: ChatContextPopup,\n});\n\nexport { reconcileChatMentions } from \"./composer-document\";\n"],"mappings":"AAEA,SAAS,gBAAgB,QAAQ,oBAAoB;AACrD,SAAS,SAAS,QAAQ,aAAa;AAIvC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,YAAY,EAAE,gBAAgB,EAAE,WAAW,QAAQ,kBAAkB;AAC9E,SAAS,QAAQ,QAAQ,YAAY;AACrC,SAAS,YAAY,QAAQ,gBAAgB;AAI7C,SAAS,gBAAgB,QAAQ,kBAAkB;AAkBnD;AACA;AACA;AACA;AACA,OAAO,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;EAC1C,KAAK,EAAE,SAAS;EAChB,QAAQ,EAAE,YAAY;EACtB,OAAO,EAAE,WAAW;EACpB,QAAQ,EAAE,YAAY;EACtB,QAAQ,EAAE,YAAY;EACtB,YAAY,EAAE,gBAAgB;EAC9B,YAAY,EAAE;AAChB,CAAC,CAAC;AAEF,SAAS,qBAAqB,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/index.ts"],"sourcesContent":["export type { ChatContextPanelProps, ChatContextPopupProps } from \"./ChatContextPopup\";\n\nimport { ChatContextPanel, ChatContextPopup } from \"./ChatContextPopup\";\nimport { ChatTasks } from \"./ChatTasks\";\n\nexport type { ChatTask, ChatTasksProps } from \"./ChatTasks\";\n\nimport { ChatComposer } from \"./ChatComposer\";\nimport { ChatActivity, ChatContextUsage, ChatMessage } from \"./ChatPrimitives\";\nimport { ChatRoot } from \"./ChatRoot\";\nimport { ChatTimeline } from \"./ChatTimeline\";\n\nexport type { ChatCommand, ChatCommandContext, ChatComposerProps, ChatFileSelection, ChatPasteHandler } from \"./ChatComposer\";\nexport type { ChatActivityProps, ChatContextUsageProps, ChatMessageProps } from \"./ChatPrimitives\";\nexport { formatChatTokens } from \"./ChatPrimitives\";\nexport type { ChatRootProps } from \"./ChatRoot\";\nexport type { ChatActivityItem, ChatMessageItem, ChatTimelineItem, ChatTimelineProps } from \"./ChatTimeline\";\nexport type {\n  ChatAction,\n  ChatActivityTone,\n  ChatAttachment,\n  ChatComposerState,\n  ChatContextUsageData,\n  ChatMention,\n  ChatMessageStatus,\n  ChatModelOption,\n  ChatRole,\n  ChatSubmitInput,\n  ChatSubmitIntent,\n  ChatUsage,\n} from \"./types\";\n\n/**\n * Portable, controlled chat surface. Applications own storage, streaming,\n * authorization, rich message rendering, and domain actions.\n */\nexport const Chat = Object.assign(ChatRoot, {\n  Tasks: ChatTasks,\n  Timeline: ChatTimeline,\n  Message: ChatMessage,\n  Activity: ChatActivity,\n  Composer: ChatComposer,\n  ContextUsage: ChatContextUsage,\n  ContextPopup: ChatContextPopup,\n  ContextPanel: ChatContextPanel,\n});\n\nexport { reconcileChatMentions } from \"./composer-document\";\n"],"mappings":"AAEA,SAAS,gBAAgB,EAAE,gBAAgB,QAAQ,oBAAoB;AACvE,SAAS,SAAS,QAAQ,aAAa;AAIvC,SAAS,YAAY,QAAQ,gBAAgB;AAC7C,SAAS,YAAY,EAAE,gBAAgB,EAAE,WAAW,QAAQ,kBAAkB;AAC9E,SAAS,QAAQ,QAAQ,YAAY;AACrC,SAAS,YAAY,QAAQ,gBAAgB;AAI7C,SAAS,gBAAgB,QAAQ,kBAAkB;AAkBnD;AACA;AACA;AACA;AACA,OAAO,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;EAC1C,KAAK,EAAE,SAAS;EAChB,QAAQ,EAAE,YAAY;EACtB,OAAO,EAAE,WAAW;EACpB,QAAQ,EAAE,YAAY;EACtB,QAAQ,EAAE,YAAY;EACtB,YAAY,EAAE,gBAAgB;EAC9B,YAAY,EAAE,gBAAgB;EAC9B,YAAY,EAAE;AAChB,CAAC,CAAC;AAEF,SAAS,qBAAqB,QAAQ,qBAAqB","ignoreList":[]}

package/dist/browser/content/Chart.js

@@ -4,24 +4,26 @@ import { memo as _$memo } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
 import { style as _$style } from "solid-js/web";
-import { className as _$className } from "solid-js/web";
-import { getNextMarker as _$getNextMarker } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
-import { getNextElement as _$getNextElement } from "solid-js/web";
 import { addEventListener as _$addEventListener } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-chart__anchor aria-hidden=true>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<span role=tooltip popover=manual data-instant=true class="k2b-tooltip k2b-chart__tooltip">`),
-  _tmpl$3 = /*#__PURE__*/_$template(`<div class=k2b-chart__controls><button type=button class="k2b-button k2b-icon-button"data-variant=secondary><i class="ti ti-plus"aria-hidden=true></i></button><button type=button class="k2b-button k2b-icon-button"data-variant=secondary><i class="ti ti-minus"aria-hidden=true></i></button><button type=button class="k2b-button k2b-icon-button"data-variant=secondary><i class="ti ti-focus-centered"aria-hidden=true>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<div role=group><div class=k2b-chart__svg></div><!$><!/><!$><!/>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<div>`);
+import { createComponent as _$createComponent } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<span class=k2b-chart__anchor aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span role=tooltip popover=manual data-instant=true class="k2b-tooltip k2b-chart__tooltip">`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-chart__controls><!$><!/><!$><!/><!$><!/>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div role=group><div class=k2b-chart__svg></div><!$><!/><!$><!/>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div>`);
 import { charts } from "@k2b/stdlib";
 import { createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
 import { isServer } from "solid-js/web";
+import { IconButton } from "../actions/Button";
 import { useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
 import { createChartInspection } from "./chart-inspection";
@@ -434,134 +436,125 @@ const Chart = props => {
   const chartStyle = () => props.style ?? (props.kind === "stateTimeline" ? {
     height: `${stateTimelineHeight(props.rows.length, props.legend !== false)}px`
   } : undefined);
+  const control = (label, shortcut, icon, action) => _$createComponent(IconButton, {
+    variant: "secondary",
+    label: label,
+    tooltip: `${label} (${shortcut})`,
+    onClick: action,
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      _$className(_el$, `ti ${icon}`);
+      return _el$;
+    }
+  });
   return _$createComponent(Show, {
     get when() {
       return !isEmpty(props);
     },
     get fallback() {
       return (() => {
-        var _el$11 = _$getNextElement(_tmpl$5);
+        var _el$15 = _$getNextElement(_tmpl$6);
         var _ref$4 = containerRef;
-        typeof _ref$4 === "function" ? _$use(_ref$4, _el$11) : containerRef = _el$11;
-        _$insert(_el$11, () => labels().empty ?? messages().noData);
+        typeof _ref$4 === "function" ? _$use(_ref$4, _el$15) : containerRef = _el$15;
+        _$insert(_el$15, () => labels().empty ?? messages().noData);
         _$effect(_p$ => {
-          var _v$19 = `k2b-chart k2b-chart__empty ${props.class ?? ""}`,
-            _v$20 = chartStyle();
-          _v$19 !== _p$.e && _$className(_el$11, _p$.e = _v$19);
-          _p$.t = _$style(_el$11, _v$20, _p$.t);
+          var _v$13 = `k2b-chart k2b-chart__empty ${props.class ?? ""}`,
+            _v$14 = chartStyle();
+          _v$13 !== _p$.e && _$className(_el$15, _p$.e = _v$13);
+          _p$.t = _$style(_el$15, _v$14, _p$.t);
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$11;
+        return _el$15;
       })();
     },
     get children() {
-      var _el$ = _$getNextElement(_tmpl$4),
-        _el$2 = _el$.firstChild,
-        _el$9 = _el$2.nextSibling,
-        [_el$0, _co$] = _$getNextMarker(_el$9.nextSibling),
-        _el$1 = _el$0.nextSibling,
-        [_el$10, _co$2] = _$getNextMarker(_el$1.nextSibling);
-      _el$.$$keydown = handleKeyDown;
-      _el$.addEventListener("wheel", handleWheel);
-      _el$.$$focusout = closeChartTooltip;
-      _$addEventListener(_el$, "focusin", inspection.focus, true);
-      _$addEventListener(_el$, "pointerleave", inspection.leave);
-      _$addEventListener(_el$, "click", inspection.click, true);
-      _el$.addEventListener("pointercancel", stopDragging);
-      _el$.$$pointerup = stopDragging;
-      _el$.$$pointermove = handlePointerMove;
-      _el$.$$pointerdown = handlePointerDown;
+      var _el$2 = _$getNextElement(_tmpl$5),
+        _el$3 = _el$2.firstChild,
+        _el$11 = _el$3.nextSibling,
+        [_el$12, _co$4] = _$getNextMarker(_el$11.nextSibling),
+        _el$13 = _el$12.nextSibling,
+        [_el$14, _co$5] = _$getNextMarker(_el$13.nextSibling);
+      _el$2.$$keydown = handleKeyDown;
+      _el$2.addEventListener("wheel", handleWheel);
+      _el$2.$$focusout = closeChartTooltip;
+      _$addEventListener(_el$2, "focusin", inspection.focus, true);
+      _$addEventListener(_el$2, "pointerleave", inspection.leave);
+      _$addEventListener(_el$2, "click", inspection.click, true);
+      _el$2.addEventListener("pointercancel", stopDragging);
+      _el$2.$$pointerup = stopDragging;
+      _el$2.$$pointermove = handlePointerMove;
+      _el$2.$$pointerdown = handlePointerDown;
       var _ref$ = containerRef;
-      typeof _ref$ === "function" ? _$use(_ref$, _el$) : containerRef = _el$;
-      _$insert(_el$, _$createComponent(Show, {
+      typeof _ref$ === "function" ? _$use(_ref$, _el$2) : containerRef = _el$2;
+      _$insert(_el$2, _$createComponent(Show, {
         get when() {
           return interactive();
         },
         get children() {
           return [(() => {
-            var _el$3 = _$getNextElement(_tmpl$);
+            var _el$4 = _$getNextElement(_tmpl$2);
             var _ref$2 = lineAnchorRef;
-            typeof _ref$2 === "function" ? _$use(_ref$2, _el$3) : lineAnchorRef = _el$3;
-            return _el$3;
+            typeof _ref$2 === "function" ? _$use(_ref$2, _el$4) : lineAnchorRef = _el$4;
+            return _el$4;
           })(), (() => {
-            var _el$4 = _$getNextElement(_tmpl$2);
+            var _el$5 = _$getNextElement(_tmpl$3);
             var _ref$3 = chartTooltipRef;
-            typeof _ref$3 === "function" ? _$use(_ref$3, _el$4) : chartTooltipRef = _el$4;
-            _$setAttribute(_el$4, "id", chartTooltipId);
-            return _el$4;
+            typeof _ref$3 === "function" ? _$use(_ref$3, _el$5) : chartTooltipRef = _el$5;
+            _$setAttribute(_el$5, "id", chartTooltipId);
+            return _el$5;
           })()];
         }
-      }), _el$0, _co$);
-      _$insert(_el$, _$createComponent(Show, {
+      }), _el$12, _co$4);
+      _$insert(_el$2, _$createComponent(Show, {
         get when() {
           return draggable();
         },
         get children() {
-          var _el$5 = _$getNextElement(_tmpl$3),
-            _el$6 = _el$5.firstChild,
-            _el$7 = _el$6.nextSibling,
-            _el$8 = _el$7.nextSibling;
-          _el$6.$$click = () => zoom(1);
-          _el$7.$$click = () => zoom(-1);
-          _el$8.$$click = reset;
-          _$effect(_p$ => {
-            var _v$ = labels().zoomIn ?? messages().zoomIn,
-              _v$2 = `${labels().zoomIn ?? messages().zoomIn} (+)`,
-              _v$3 = labels().zoomOut ?? messages().zoomOut,
-              _v$4 = `${labels().zoomOut ?? messages().zoomOut} (-)`,
-              _v$5 = interactiveMap() ? labels().resetMap ?? messages().resetMapView : labels().resetTimeline ?? messages().resetTimelineView,
-              _v$6 = `${interactiveMap() ? labels().resetMap ?? messages().resetMapView : labels().resetTimeline ?? messages().resetTimelineView} (0)`;
-            _v$ !== _p$.e && _$setAttribute(_el$6, "aria-label", _p$.e = _v$);
-            _v$2 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$2);
-            _v$3 !== _p$.a && _$setAttribute(_el$7, "aria-label", _p$.a = _v$3);
-            _v$4 !== _p$.o && _$setAttribute(_el$7, "title", _p$.o = _v$4);
-            _v$5 !== _p$.i && _$setAttribute(_el$8, "aria-label", _p$.i = _v$5);
-            _v$6 !== _p$.n && _$setAttribute(_el$8, "title", _p$.n = _v$6);
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined,
-            a: undefined,
-            o: undefined,
-            i: undefined,
-            n: undefined
-          });
-          _$runHydrationEvents();
-          return _el$5;
+          var _el$6 = _$getNextElement(_tmpl$4),
+            _el$7 = _el$6.firstChild,
+            [_el$8, _co$] = _$getNextMarker(_el$7.nextSibling),
+            _el$9 = _el$8.nextSibling,
+            [_el$0, _co$2] = _$getNextMarker(_el$9.nextSibling),
+            _el$1 = _el$0.nextSibling,
+            [_el$10, _co$3] = _$getNextMarker(_el$1.nextSibling);
+          _$insert(_el$6, () => control(labels().zoomIn ?? messages().zoomIn, "+", "ti-plus", () => zoom(1)), _el$8, _co$);
+          _$insert(_el$6, () => control(labels().zoomOut ?? messages().zoomOut, "-", "ti-minus", () => zoom(-1)), _el$0, _co$2);
+          _$insert(_el$6, () => control(interactiveMap() ? labels().resetMap ?? messages().resetMapView : labels().resetTimeline ?? messages().resetTimelineView, "0", "ti-focus-centered", reset), _el$10, _co$3);
+          return _el$6;
         }
-      }), _el$10, _co$2);
+      }), _el$14, _co$5);
       _$effect(_p$ => {
-        var _v$7 = `k2b-chart ${props.class ?? ""}`,
-          _v$8 = props.kind,
-          _v$9 = draggable() ? dragging() ? "active" : "idle" : undefined,
-          _v$0 = !draggable() && interactiveLine() ? "true" : undefined,
-          _v$1 = interactive() ? "true" : undefined,
-          _v$10 = chartStyle(),
-          _v$11 = interactiveMap() ? labels().interactiveMap ?? messages().interactiveMap : interactiveTimeline() ? labels().interactiveTimeline ?? messages().interactiveTimeline : interactiveLine() ? labels().interactiveLine ?? messages().interactiveLineChart : interactive() ? labels().interactiveChart ?? messages().interactiveChart : undefined,
-          _v$12 = interactive() ? messages().interactiveChart : undefined,
-          _v$13 = interactive() ? 0 : undefined,
-          _v$14 = !preservesAspectRatio(props.kind) ? "true" : undefined,
-          _v$15 = `${size().width}px`,
-          _v$16 = `${size().height}px`,
-          _v$17 = `${size().width} / ${size().height}`,
-          _v$18 = isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup();
-        _v$7 !== _p$.e && _$className(_el$, _p$.e = _v$7);
-        _v$8 !== _p$.t && _$setAttribute(_el$, "data-chart-kind", _p$.t = _v$8);
-        _v$9 !== _p$.a && _$setAttribute(_el$, "data-drag", _p$.a = _v$9);
-        _v$0 !== _p$.o && _$setAttribute(_el$, "data-crosshair", _p$.o = _v$0);
-        _v$1 !== _p$.i && _$setAttribute(_el$, "data-interactive", _p$.i = _v$1);
-        _p$.n = _$style(_el$, _v$10, _p$.n);
-        _v$11 !== _p$.s && _$setAttribute(_el$, "aria-label", _p$.s = _v$11);
-        _v$12 !== _p$.h && _$setAttribute(_el$, "aria-description", _p$.h = _v$12);
-        _v$13 !== _p$.r && _$setAttribute(_el$, "tabindex", _p$.r = _v$13);
-        _v$14 !== _p$.d && _$setAttribute(_el$2, "data-stretch", _p$.d = _v$14);
-        _v$15 !== _p$.l && _$setStyleProperty(_el$2, "--k2b-chart-width", _p$.l = _v$15);
-        _v$16 !== _p$.u && _$setStyleProperty(_el$2, "--k2b-chart-height", _p$.u = _v$16);
-        _v$17 !== _p$.c && _$setStyleProperty(_el$2, "aspect-ratio", _p$.c = _v$17);
-        _v$18 !== _p$.w && _$setProperty(_el$2, "innerHTML", _p$.w = _v$18);
+        var _v$ = `k2b-chart ${props.class ?? ""}`,
+          _v$2 = props.kind,
+          _v$3 = draggable() ? dragging() ? "active" : "idle" : undefined,
+          _v$4 = !draggable() && interactiveLine() ? "true" : undefined,
+          _v$5 = interactive() ? "true" : undefined,
+          _v$6 = chartStyle(),
+          _v$7 = interactiveMap() ? labels().interactiveMap ?? messages().interactiveMap : interactiveTimeline() ? labels().interactiveTimeline ?? messages().interactiveTimeline : interactiveLine() ? labels().interactiveLine ?? messages().interactiveLineChart : interactive() ? labels().interactiveChart ?? messages().interactiveChart : undefined,
+          _v$8 = interactive() ? messages().interactiveChart : undefined,
+          _v$9 = interactive() ? 0 : undefined,
+          _v$0 = !preservesAspectRatio(props.kind) ? "true" : undefined,
+          _v$1 = `${size().width}px`,
+          _v$10 = `${size().height}px`,
+          _v$11 = `${size().width} / ${size().height}`,
+          _v$12 = isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup();
+        _v$ !== _p$.e && _$className(_el$2, _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$2, "data-chart-kind", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$2, "data-drag", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$2, "data-crosshair", _p$.o = _v$4);
+        _v$5 !== _p$.i && _$setAttribute(_el$2, "data-interactive", _p$.i = _v$5);
+        _p$.n = _$style(_el$2, _v$6, _p$.n);
+        _v$7 !== _p$.s && _$setAttribute(_el$2, "aria-label", _p$.s = _v$7);
+        _v$8 !== _p$.h && _$setAttribute(_el$2, "aria-description", _p$.h = _v$8);
+        _v$9 !== _p$.r && _$setAttribute(_el$2, "tabindex", _p$.r = _v$9);
+        _v$0 !== _p$.d && _$setAttribute(_el$3, "data-stretch", _p$.d = _v$0);
+        _v$1 !== _p$.l && _$setStyleProperty(_el$3, "--k2b-chart-width", _p$.l = _v$1);
+        _v$10 !== _p$.u && _$setStyleProperty(_el$3, "--k2b-chart-height", _p$.u = _v$10);
+        _v$11 !== _p$.c && _$setStyleProperty(_el$3, "aspect-ratio", _p$.c = _v$11);
+        _v$12 !== _p$.w && _$setProperty(_el$3, "innerHTML", _p$.w = _v$12);
         return _p$;
       }, {
         e: undefined,
@@ -580,7 +573,7 @@ const Chart = props => {
         w: undefined
       });
       _$runHydrationEvents();
-      return _el$;
+      return _el$2;
     }
   });
 };