@k2b/ui 0.14.0 → 0.16.0

package/dist/ssr/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 { 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":[]}
+{"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  /** Spelled-out name for an expandable row whose visible text abbreviates, such as durations. */\n  ariaLabel?: 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\" aria-label={props.ariaLabel}>\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/ssr/chat/ChatTimeline.js

@@ -10,7 +10,7 @@ var _tmpl$ = ["<div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">",
   _tmpl$5 = ["<section class=\"", "\"", "><div class=\"k2b-chat-timeline__viewport\"", " data-initializing role=\"region\"", " tabindex=\"0\">", "<div class=\"k2b-chat-timeline__content\" role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\"", "><div class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\"></div>", "", "</div></div>", "</section>"],
   _tmpl$6 = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
   _tmpl$7 = ["<button type=\"button\" class=\"k2b-chat-timeline__retry\"", "><i class=\"ti ti-refresh\" aria-hidden=\"true\"></i></button>"];
-import { createEffect, createSignal, For, onCleanup, onMount, Show, untrack } from "solid-js";
+import { createEffect, createMemo, createSignal, For, onCleanup, onMount, Show, untrack } from "solid-js";
 import { useUiMessages } from "../intl/messages";
 import { createScrollFade } from "../layout/scroll-fade";
 import Placeholder from "../surfaces/Placeholder";
@@ -34,6 +34,10 @@ export function ChatTimeline(props) {
   const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());
   const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();
   const hasContent = () => props.items.length > 0;
+  const itemIds = createMemo(() => props.items.map(item => item.id), undefined, {
+    equals: (previous, next) => previous.length === next.length && previous.every((id, index) => id === next[index])
+  });
+  const itemsById = createMemo(() => new Map(props.items.map(item => [item.id, item])));
   const threshold = () => Math.max(0, props.followThreshold ?? 96);
   const cancelFollow = () => {
     if (followFrame !== undefined) cancelAnimationFrame(followFrame);
@@ -213,93 +217,112 @@ export function ChatTimeline(props) {
     get children() {
       return _$createComponent(For, {
         get each() {
-          return props.items;
+          return itemIds();
         },
-        children: item => _$createComponent(Show, {
-          get when() {
-            return item.kind === "message";
-          },
-          get fallback() {
-            return _$createComponent(ChatActivity, {
-              get label() {
-                return item.label;
-              },
-              get description() {
-                return item.description;
-              },
-              get icon() {
-                return item.icon;
-              },
-              get leading() {
-                return item.leading;
-              },
-              get accent() {
-                return item.accent;
-              },
-              get tone() {
-                return item.tone;
-              },
-              get busy() {
-                return item.busy;
-              },
-              get trailing() {
-                return item.trailing;
-              },
-              get defaultOpen() {
-                return item.defaultOpen;
-              },
-              get anchorId() {
-                return item.anchorId;
-              },
-              get ["class"]() {
-                return item.class;
-              },
-              get children() {
-                return item.content;
-              }
-            });
-          },
-          get children() {
-            return _$createComponent(ChatMessage, {
-              get role() {
-                return item.role;
-              },
-              get label() {
-                return item.label;
-              },
-              get createdAt() {
-                return item.createdAt;
-              },
-              get timeLabel() {
-                return item.timeLabel;
-              },
-              get status() {
-                return item.status;
-              },
-              get attachments() {
-                return item.attachments;
-              },
-              get actions() {
-                return item.actions;
-              },
-              get actionDisplay() {
-                return item.actionDisplay;
-              },
-              get anchorId() {
-                return item.anchorId;
-              },
-              get onActionError() {
-                return props.onActionError;
-              },
-              get ["class"]() {
-                return item.class;
-              },
-              get children() {
-                return item.content;
-              }
-            });
-          }
-        })
+        children: id => {
+          // A row is keyed by its id, so an updated record with the same id keeps its DOM and component state.
+          const item = () => itemsById().get(id);
+          const message = () => {
+            const value = item();
+            return value?.kind === "message" ? value : undefined;
+          };
+          const activity = () => {
+            const value = item();
+            return value?.kind === "activity" ? value : undefined;
+          };
+          return _$createComponent(Show, {
+            get when() {
+              return message() !== undefined;
+            },
+            get fallback() {
+              return _$createComponent(Show, {
+                get when() {
+                  return activity() !== undefined;
+                },
+                get children() {
+                  return _$createComponent(ChatActivity, {
+                    get label() {
+                      return activity().label;
+                    },
+                    get description() {
+                      return activity().description;
+                    },
+                    get icon() {
+                      return activity().icon;
+                    },
+                    get leading() {
+                      return activity().leading;
+                    },
+                    get accent() {
+                      return activity().accent;
+                    },
+                    get tone() {
+                      return activity().tone;
+                    },
+                    get busy() {
+                      return activity().busy;
+                    },
+                    get trailing() {
+                      return activity().trailing;
+                    },
+                    get defaultOpen() {
+                      return activity().defaultOpen;
+                    },
+                    get anchorId() {
+                      return activity().anchorId;
+                    },
+                    get ["class"]() {
+                      return activity().class;
+                    },
+                    get children() {
+                      return activity().content;
+                    }
+                  });
+                }
+              });
+            },
+            get children() {
+              return _$createComponent(ChatMessage, {
+                get role() {
+                  return message().role;
+                },
+                get label() {
+                  return message().label;
+                },
+                get createdAt() {
+                  return message().createdAt;
+                },
+                get timeLabel() {
+                  return message().timeLabel;
+                },
+                get status() {
+                  return message().status;
+                },
+                get attachments() {
+                  return message().attachments;
+                },
+                get actions() {
+                  return message().actions;
+                },
+                get actionDisplay() {
+                  return message().actionDisplay;
+                },
+                get anchorId() {
+                  return message().anchorId;
+                },
+                get onActionError() {
+                  return props.onActionError;
+                },
+                get ["class"]() {
+                  return message().class;
+                },
+                get children() {
+                  return message().content;
+                }
+              });
+            }
+          });
+        }
       });
     }
   })), _$escape(_$createComponent(Show, {

package/dist/ssr/chat/ChatTimeline.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade } from \"../layout/scroll-fade\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n  kind: \"message\";\n  id: string;\n  role: ChatRole;\n  content?: 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  class?: string;\n};\n\nexport type ChatActivityItem = {\n  kind: \"activity\";\n  id: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  leading?: JSX.Element;\n  accent?: string;\n  tone?: ChatActivityTone;\n  busy?: boolean;\n  trailing?: JSX.Element;\n  defaultOpen?: boolean;\n  anchorId?: string | number;\n  content?: JSX.Element;\n  class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n  scrollFade?: boolean;\n  items: readonly ChatTimelineItem[];\n  conversationKey?: string | null;\n  loading?: boolean;\n  hasMore?: boolean;\n  loadingOlder?: boolean;\n  onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  navigation?: JSX.Element;\n  onActionError?: (error: unknown) => void;\n  viewportRef?: (element: HTMLDivElement) => void;\n  contentRef?: (element: HTMLDivElement) => void;\n  scrollToAnchorRef?: (scrollToAnchor: (anchorId: string | number) => boolean) => void;\n  label?: string;\n  followThreshold?: number;\n  class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n  const messages = useUiMessages();\n  const [pinned, setPinned] = createSignal(true);\n  const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n  const [historyError, setHistoryError] = createSignal<string | null>(null);\n  let viewportRef: HTMLDivElement | undefined;\n  createScrollFade(\n    () => viewportRef,\n    () => props.scrollFade !== false,\n  );\n  let contentRef: HTMLDivElement | undefined;\n  let topSentinelRef: HTMLDivElement | undefined;\n  let followFrame: number | undefined;\n  let userScrollFrame: number | undefined;\n  let userScrollingAway = false;\n  let touchY: number | undefined;\n  let lastConversationKey: string | null | undefined;\n\n  const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n  const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n  const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n  const hasContent = () => props.items.length > 0;\n  const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n  const cancelFollow = () => {\n    if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n    followFrame = undefined;\n  };\n\n  props.scrollToAnchorRef?.((anchorId) => {\n    const anchor = Array.from(contentRef?.querySelectorAll<HTMLElement>(\"[data-chat-anchor]\") ?? []).find(\n      (element) => element.dataset.chatAnchor === String(anchorId),\n    );\n    if (!viewportRef || !anchor) return false;\n    cancelFollow();\n    setPinned(false);\n    viewportRef.scrollTop = Math.max(\n      0,\n      viewportRef.scrollTop + anchor.getBoundingClientRect().top - viewportRef.getBoundingClientRect().top - 16,\n    );\n    return true;\n  });\n\n  const noteUserScrollAway = () => {\n    userScrollingAway = true;\n    if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n    userScrollFrame = requestAnimationFrame(() => {\n      userScrollFrame = undefined;\n      userScrollingAway = false;\n    });\n  };\n\n  const scrollToLatest = () => {\n    if (!viewportRef) return;\n    setPinned(true);\n    viewportRef.scrollTop = viewportRef.scrollHeight;\n  };\n\n  const scheduleFollow = () => {\n    if (!pinned() || followFrame !== undefined) return;\n    followFrame = requestAnimationFrame(() => {\n      followFrame = undefined;\n      if (pinned()) scrollToLatest();\n    });\n  };\n\n  const loadOlder = async () => {\n    if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n    const viewport = viewportRef;\n    if (!viewport) return;\n    const previousScrollTop = viewport.scrollTop;\n    const previousScrollHeight = viewport.scrollHeight;\n    setHistoryError(null);\n    setLoadingOlderInternally(true);\n    let prepended = false;\n    try {\n      prepended = (await props.onLoadOlder()) !== false;\n    } catch (error) {\n      setHistoryError(error instanceof Error ? error.message : messages().couldNotLoadOlderMessages);\n    } finally {\n      setLoadingOlderInternally(false);\n    }\n    if (!prepended || viewportRef !== viewport) return;\n    queueMicrotask(() => {\n      requestAnimationFrame(() => {\n        if (viewportRef !== viewport) return;\n        viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n      });\n    });\n  };\n\n  const updatePinned = () => {\n    if (!viewportRef) return;\n    const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n    if (nearBottom) setPinned(true);\n    else if (userScrollingAway || followFrame === undefined) {\n      if (userScrollingAway) cancelFollow();\n      setPinned(false);\n    }\n    if (viewportRef.scrollTop <= threshold()) void loadOlder();\n  };\n\n  onMount(() => {\n    // Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.\n    viewportRef?.removeAttribute(\"data-initializing\");\n    scrollToLatest();\n    const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n    if (contentRef) resizeObserver?.observe(contentRef);\n    if (viewportRef) resizeObserver?.observe(viewportRef);\n\n    const historyObserver =\n      typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n            },\n            { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n          );\n    if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n\n    onCleanup(() => {\n      cancelFollow();\n      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n      resizeObserver?.disconnect();\n      historyObserver?.disconnect();\n    });\n  });\n\n  createEffect(() => {\n    const key = props.conversationKey;\n    if (key === lastConversationKey) return;\n    lastConversationKey = key;\n    setHistoryError(null);\n    setPinned(true);\n    queueMicrotask(scrollToLatest);\n  });\n\n  createEffect(() => {\n    props.items.length;\n    props.items.at(-1)?.id;\n    untrack(scheduleFollow);\n  });\n\n  return (\n    <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? messages().conversation}>\n      <div\n        ref={(element) => {\n          viewportRef = element;\n          props.viewportRef?.(element);\n        }}\n        class=\"k2b-chat-timeline__viewport\"\n        data-scroll-fade-mode={props.scrollFade !== false ? \"bottom\" : undefined}\n        data-initializing=\"\"\n        role=\"region\"\n        aria-label={messages().conversationMessages({ label: props.label ?? messages().conversation })}\n        tabIndex={0}\n        onWheel={(event) => {\n          if (event.deltaY < 0) noteUserScrollAway();\n        }}\n        onKeyDown={(event) => {\n          if (event.target !== event.currentTarget) return;\n          if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n            noteUserScrollAway();\n          }\n        }}\n        onTouchStart={(event) => {\n          touchY = event.touches[0]?.clientY;\n        }}\n        onTouchMove={(event) => {\n          const nextY = event.touches[0]?.clientY;\n          if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n          touchY = nextY;\n        }}\n        onTouchEnd={() => {\n          touchY = undefined;\n        }}\n        onScroll={updatePinned}\n      >\n        <Show when={props.navigation}>\n          <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n            {props.navigation}\n          </div>\n        </Show>\n        <div\n          ref={(element) => {\n            contentRef = element;\n            props.contentRef?.(element);\n          }}\n          class=\"k2b-chat-timeline__content\"\n          role=\"log\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n          aria-busy={props.loading ? \"true\" : undefined}\n        >\n          <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n          <Show when={hasHistoryControls()}>\n            <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n              <Show when={canLoadOlder()}>\n                <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n                  <i class=\"ti ti-history\" aria-hidden=\"true\" />\n                  {messages().loadOlderMessages}\n                </button>\n              </Show>\n              <Show when={loadingOlder()}>\n                <ChatActivity\n                  label={messages().loadingOlderMessages}\n                  icon=\"ti ti-history\"\n                  trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n                />\n              </Show>\n              <Show when={historyError()}>\n                {(message) => (\n                  <ChatActivity\n                    label={messages().couldNotLoadOlderMessages}\n                    description={message()}\n                    icon=\"ti ti-alert-circle\"\n                    tone=\"danger\"\n                    trailing={\n                      <button\n                        type=\"button\"\n                        class=\"k2b-chat-timeline__retry\"\n                        aria-label={messages().retryOlderMessages}\n                        onClick={() => void loadOlder()}\n                      >\n                        <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n                      </button>\n                    }\n                  />\n                )}\n              </Show>\n            </div>\n          </Show>\n          <Show\n            when={!props.loading && hasContent()}\n            fallback={\n              <Placeholder\n                class=\"k2b-chat-timeline__placeholder\"\n                state={props.loading ? \"loading\" : \"empty\"}\n                icon={props.loading ? undefined : \"ti ti-sparkles\"}\n                title={props.loading ? messages().loadingConversation : (props.emptyTitle ?? messages().startConversation)}\n                description={!props.loading ? props.emptyDescription : undefined}\n              />\n            }\n          >\n            <For each={props.items}>\n              {(item) => (\n                <Show\n                  when={item.kind === \"message\"}\n                  fallback={\n                    <ChatActivity\n                      label={(item as ChatActivityItem).label}\n                      description={(item as ChatActivityItem).description}\n                      icon={(item as ChatActivityItem).icon}\n                      leading={(item as ChatActivityItem).leading}\n                      accent={(item as ChatActivityItem).accent}\n                      tone={(item as ChatActivityItem).tone}\n                      busy={(item as ChatActivityItem).busy}\n                      trailing={(item as ChatActivityItem).trailing}\n                      defaultOpen={(item as ChatActivityItem).defaultOpen}\n                      anchorId={(item as ChatActivityItem).anchorId}\n                      class={(item as ChatActivityItem).class}\n                    >\n                      {(item as ChatActivityItem).content}\n                    </ChatActivity>\n                  }\n                >\n                  <ChatMessage\n                    role={(item as ChatMessageItem).role}\n                    label={(item as ChatMessageItem).label}\n                    createdAt={(item as ChatMessageItem).createdAt}\n                    timeLabel={(item as ChatMessageItem).timeLabel}\n                    status={(item as ChatMessageItem).status}\n                    attachments={(item as ChatMessageItem).attachments}\n                    actions={(item as ChatMessageItem).actions}\n                    actionDisplay={(item as ChatMessageItem).actionDisplay}\n                    anchorId={(item as ChatMessageItem).anchorId}\n                    onActionError={props.onActionError}\n                    class={(item as ChatMessageItem).class}\n                  >\n                    {(item as ChatMessageItem).content}\n                  </ChatMessage>\n                </Show>\n              )}\n            </For>\n          </Show>\n        </div>\n      </div>\n      <Show when={!pinned() && hasContent()}>\n        <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n          <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n          {messages().jumpToLatest}\n        </button>\n      </Show>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/ChatTimeline.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show, untrack } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade } from \"../layout/scroll-fade\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { ChatActivity, ChatMessage } from \"./ChatPrimitives\";\nimport { isChatNearBottom, restoredChatScrollTop } from \"./chat-behavior\";\nimport type { ChatAction, ChatActivityTone, ChatAttachment, ChatMessageStatus, ChatRole } from \"./types\";\n\nexport type ChatMessageItem = {\n  kind: \"message\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  role: ChatRole;\n  content?: 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  class?: string;\n};\n\nexport type ChatActivityItem = {\n  kind: \"activity\";\n  /** Unique within the timeline. A record with a known id updates its row in place instead of replacing it. */\n  id: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  leading?: JSX.Element;\n  accent?: string;\n  tone?: ChatActivityTone;\n  busy?: boolean;\n  trailing?: JSX.Element;\n  defaultOpen?: boolean;\n  anchorId?: string | number;\n  content?: JSX.Element;\n  class?: string;\n};\n\nexport type ChatTimelineItem = ChatMessageItem | ChatActivityItem;\n\nexport type ChatTimelineProps = {\n  scrollFade?: boolean;\n  items: readonly ChatTimelineItem[];\n  conversationKey?: string | null;\n  loading?: boolean;\n  hasMore?: boolean;\n  loadingOlder?: boolean;\n  onLoadOlder?: () => boolean | void | Promise<boolean | void>;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  navigation?: JSX.Element;\n  onActionError?: (error: unknown) => void;\n  viewportRef?: (element: HTMLDivElement) => void;\n  contentRef?: (element: HTMLDivElement) => void;\n  scrollToAnchorRef?: (scrollToAnchor: (anchorId: string | number) => boolean) => void;\n  label?: string;\n  followThreshold?: number;\n  class?: string;\n};\n\nexport function ChatTimeline(props: ChatTimelineProps): JSX.Element {\n  const messages = useUiMessages();\n  const [pinned, setPinned] = createSignal(true);\n  const [loadingOlderInternally, setLoadingOlderInternally] = createSignal(false);\n  const [historyError, setHistoryError] = createSignal<string | null>(null);\n  let viewportRef: HTMLDivElement | undefined;\n  createScrollFade(\n    () => viewportRef,\n    () => props.scrollFade !== false,\n  );\n  let contentRef: HTMLDivElement | undefined;\n  let topSentinelRef: HTMLDivElement | undefined;\n  let followFrame: number | undefined;\n  let userScrollFrame: number | undefined;\n  let userScrollingAway = false;\n  let touchY: number | undefined;\n  let lastConversationKey: string | null | undefined;\n\n  const loadingOlder = () => Boolean(props.loadingOlder || loadingOlderInternally());\n  const canLoadOlder = () => Boolean(props.onLoadOlder && props.hasMore && !loadingOlder());\n  const hasHistoryControls = () => loadingOlder() || historyError() !== null || canLoadOlder();\n  const hasContent = () => props.items.length > 0;\n  const itemIds = createMemo(() => props.items.map((item) => item.id), undefined, {\n    equals: (previous, next) => previous.length === next.length && previous.every((id, index) => id === next[index]),\n  });\n  const itemsById = createMemo(() => new Map(props.items.map((item) => [item.id, item])));\n  const threshold = () => Math.max(0, props.followThreshold ?? 96);\n\n  const cancelFollow = () => {\n    if (followFrame !== undefined) cancelAnimationFrame(followFrame);\n    followFrame = undefined;\n  };\n\n  props.scrollToAnchorRef?.((anchorId) => {\n    const anchor = Array.from(contentRef?.querySelectorAll<HTMLElement>(\"[data-chat-anchor]\") ?? []).find(\n      (element) => element.dataset.chatAnchor === String(anchorId),\n    );\n    if (!viewportRef || !anchor) return false;\n    cancelFollow();\n    setPinned(false);\n    viewportRef.scrollTop = Math.max(\n      0,\n      viewportRef.scrollTop + anchor.getBoundingClientRect().top - viewportRef.getBoundingClientRect().top - 16,\n    );\n    return true;\n  });\n\n  const noteUserScrollAway = () => {\n    userScrollingAway = true;\n    if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n    userScrollFrame = requestAnimationFrame(() => {\n      userScrollFrame = undefined;\n      userScrollingAway = false;\n    });\n  };\n\n  const scrollToLatest = () => {\n    if (!viewportRef) return;\n    setPinned(true);\n    viewportRef.scrollTop = viewportRef.scrollHeight;\n  };\n\n  const scheduleFollow = () => {\n    if (!pinned() || followFrame !== undefined) return;\n    followFrame = requestAnimationFrame(() => {\n      followFrame = undefined;\n      if (pinned()) scrollToLatest();\n    });\n  };\n\n  const loadOlder = async () => {\n    if (!props.onLoadOlder || !props.hasMore || loadingOlder()) return;\n    const viewport = viewportRef;\n    if (!viewport) return;\n    const previousScrollTop = viewport.scrollTop;\n    const previousScrollHeight = viewport.scrollHeight;\n    setHistoryError(null);\n    setLoadingOlderInternally(true);\n    let prepended = false;\n    try {\n      prepended = (await props.onLoadOlder()) !== false;\n    } catch (error) {\n      setHistoryError(error instanceof Error ? error.message : messages().couldNotLoadOlderMessages);\n    } finally {\n      setLoadingOlderInternally(false);\n    }\n    if (!prepended || viewportRef !== viewport) return;\n    queueMicrotask(() => {\n      requestAnimationFrame(() => {\n        if (viewportRef !== viewport) return;\n        viewport.scrollTop = restoredChatScrollTop(previousScrollTop, previousScrollHeight, viewport.scrollHeight);\n      });\n    });\n  };\n\n  const updatePinned = () => {\n    if (!viewportRef) return;\n    const nearBottom = isChatNearBottom(viewportRef.scrollHeight, viewportRef.scrollTop, viewportRef.clientHeight, threshold());\n    if (nearBottom) setPinned(true);\n    else if (userScrollingAway || followFrame === undefined) {\n      if (userScrollingAway) cancelFollow();\n      setPinned(false);\n    }\n    if (viewportRef.scrollTop <= threshold()) void loadOlder();\n  };\n\n  onMount(() => {\n    // Switch from CSS-only SSR anchoring to normal scroll coordinates before paint.\n    viewportRef?.removeAttribute(\"data-initializing\");\n    scrollToLatest();\n    const resizeObserver = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(() => scheduleFollow());\n    if (contentRef) resizeObserver?.observe(contentRef);\n    if (viewportRef) resizeObserver?.observe(viewportRef);\n\n    const historyObserver =\n      typeof IntersectionObserver === \"undefined\" || !topSentinelRef\n        ? null\n        : new IntersectionObserver(\n            (entries) => {\n              if (entries.some((entry) => entry.isIntersecting)) void loadOlder();\n            },\n            { root: viewportRef, rootMargin: \"160px 0px 0px\" },\n          );\n    if (topSentinelRef) historyObserver?.observe(topSentinelRef);\n\n    onCleanup(() => {\n      cancelFollow();\n      if (userScrollFrame !== undefined) cancelAnimationFrame(userScrollFrame);\n      resizeObserver?.disconnect();\n      historyObserver?.disconnect();\n    });\n  });\n\n  createEffect(() => {\n    const key = props.conversationKey;\n    if (key === lastConversationKey) return;\n    lastConversationKey = key;\n    setHistoryError(null);\n    setPinned(true);\n    queueMicrotask(scrollToLatest);\n  });\n\n  createEffect(() => {\n    props.items.length;\n    props.items.at(-1)?.id;\n    untrack(scheduleFollow);\n  });\n\n  return (\n    <section class={`k2b-chat-timeline ${props.class ?? \"\"}`} aria-label={props.label ?? messages().conversation}>\n      <div\n        ref={(element) => {\n          viewportRef = element;\n          props.viewportRef?.(element);\n        }}\n        class=\"k2b-chat-timeline__viewport\"\n        data-scroll-fade-mode={props.scrollFade !== false ? \"bottom\" : undefined}\n        data-initializing=\"\"\n        role=\"region\"\n        aria-label={messages().conversationMessages({ label: props.label ?? messages().conversation })}\n        tabIndex={0}\n        onWheel={(event) => {\n          if (event.deltaY < 0) noteUserScrollAway();\n        }}\n        onKeyDown={(event) => {\n          if (event.target !== event.currentTarget) return;\n          if (event.key === \"ArrowUp\" || event.key === \"PageUp\" || event.key === \"Home\" || (event.key === \" \" && event.shiftKey)) {\n            noteUserScrollAway();\n          }\n        }}\n        onTouchStart={(event) => {\n          touchY = event.touches[0]?.clientY;\n        }}\n        onTouchMove={(event) => {\n          const nextY = event.touches[0]?.clientY;\n          if (nextY !== undefined && touchY !== undefined && nextY > touchY) noteUserScrollAway();\n          touchY = nextY;\n        }}\n        onTouchEnd={() => {\n          touchY = undefined;\n        }}\n        onScroll={updatePinned}\n      >\n        <Show when={props.navigation}>\n          <div class=\"k2b-chat-timeline__navigation\" aria-live=\"off\">\n            {props.navigation}\n          </div>\n        </Show>\n        <div\n          ref={(element) => {\n            contentRef = element;\n            props.contentRef?.(element);\n          }}\n          class=\"k2b-chat-timeline__content\"\n          role=\"log\"\n          aria-live=\"polite\"\n          aria-relevant=\"additions text\"\n          aria-busy={props.loading ? \"true\" : undefined}\n        >\n          <div ref={topSentinelRef} class=\"k2b-chat-timeline__sentinel\" aria-hidden=\"true\" />\n          <Show when={hasHistoryControls()}>\n            <div class=\"k2b-chat-timeline__history\" aria-live=\"off\">\n              <Show when={canLoadOlder()}>\n                <button type=\"button\" class=\"k2b-chat-timeline__older\" onClick={() => void loadOlder()}>\n                  <i class=\"ti ti-history\" aria-hidden=\"true\" />\n                  {messages().loadOlderMessages}\n                </button>\n              </Show>\n              <Show when={loadingOlder()}>\n                <ChatActivity\n                  label={messages().loadingOlderMessages}\n                  icon=\"ti ti-history\"\n                  trailing={<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />}\n                />\n              </Show>\n              <Show when={historyError()}>\n                {(message) => (\n                  <ChatActivity\n                    label={messages().couldNotLoadOlderMessages}\n                    description={message()}\n                    icon=\"ti ti-alert-circle\"\n                    tone=\"danger\"\n                    trailing={\n                      <button\n                        type=\"button\"\n                        class=\"k2b-chat-timeline__retry\"\n                        aria-label={messages().retryOlderMessages}\n                        onClick={() => void loadOlder()}\n                      >\n                        <i class=\"ti ti-refresh\" aria-hidden=\"true\" />\n                      </button>\n                    }\n                  />\n                )}\n              </Show>\n            </div>\n          </Show>\n          <Show\n            when={!props.loading && hasContent()}\n            fallback={\n              <Placeholder\n                class=\"k2b-chat-timeline__placeholder\"\n                state={props.loading ? \"loading\" : \"empty\"}\n                icon={props.loading ? undefined : \"ti ti-sparkles\"}\n                title={props.loading ? messages().loadingConversation : (props.emptyTitle ?? messages().startConversation)}\n                description={!props.loading ? props.emptyDescription : undefined}\n              />\n            }\n          >\n            <For each={itemIds()}>\n              {(id) => {\n                // A row is keyed by its id, so an updated record with the same id keeps its DOM and component state.\n                const item = () => itemsById().get(id);\n                const message = () => {\n                  const value = item();\n                  return value?.kind === \"message\" ? value : undefined;\n                };\n                const activity = () => {\n                  const value = item();\n                  return value?.kind === \"activity\" ? value : undefined;\n                };\n                return (\n                  <Show\n                    when={message() !== undefined}\n                    fallback={\n                      <Show when={activity() !== undefined}>\n                        <ChatActivity\n                          label={activity()!.label}\n                          description={activity()!.description}\n                          icon={activity()!.icon}\n                          leading={activity()!.leading}\n                          accent={activity()!.accent}\n                          tone={activity()!.tone}\n                          busy={activity()!.busy}\n                          trailing={activity()!.trailing}\n                          defaultOpen={activity()!.defaultOpen}\n                          anchorId={activity()!.anchorId}\n                          class={activity()!.class}\n                        >\n                          {activity()!.content}\n                        </ChatActivity>\n                      </Show>\n                    }\n                  >\n                    <ChatMessage\n                      role={message()!.role}\n                      label={message()!.label}\n                      createdAt={message()!.createdAt}\n                      timeLabel={message()!.timeLabel}\n                      status={message()!.status}\n                      attachments={message()!.attachments}\n                      actions={message()!.actions}\n                      actionDisplay={message()!.actionDisplay}\n                      anchorId={message()!.anchorId}\n                      onActionError={props.onActionError}\n                      class={message()!.class}\n                    >\n                      {message()!.content}\n                    </ChatMessage>\n                  </Show>\n                );\n              }}\n            </For>\n          </Show>\n        </div>\n      </div>\n      <Show when={!pinned() && hasContent()}>\n        <button type=\"button\" class=\"k2b-chat-timeline__latest\" onClick={scrollToLatest}>\n          <i class=\"ti ti-arrow-down\" aria-hidden=\"true\" />\n          {messages().jumpToLatest}\n        </button>\n      </Show>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,QAAQ,UAAU;AACnH,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,WAAW,MAAM,yBAAyB;AACjD,SAAS,YAAY,EAAE,WAAW,QAAQ,kBAAkB;AAC5D,SAAS,gBAAgB,EAAE,qBAAqB,QAAQ,iBAAiB;AA4DzE,OAAO,SAAS,YAAY,CAAC,KAAwB,EAAe;EAClE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;EAC9C,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC/E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,YAAY,CAAgB,IAAI,CAAC;EACzE,IAAI,WAAuC;EAC3C,gBAAgB,CACd,MAAM,WAAW,EACjB,MAAM,KAAK,CAAC,UAAU,KAAK,KAC7B,CAAC;EACD,IAAI,UAAsC;EAC1C,IAAI,cAA0C;EAC9C,IAAI,WAA+B;EACnC,IAAI,eAAmC;EACvC,IAAI,iBAAiB,GAAG,KAAK;EAC7B,IAAI,MAA0B;EAC9B,IAAI,mBAA8C;EAElD,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,YAAY,IAAI,sBAAsB,CAAC,CAAC,CAAC;EAClF,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;EACzF,MAAM,kBAAkB,GAAG,MAAM,YAAY,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,IAAI,IAAI,YAAY,CAAC,CAAC;EAC5F,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;EAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,IAAK,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE;IAC9E,MAAM,EAAE,CAAC,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC;EACjH,CAAC,CAAC;EACF,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,IAAK,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;EACvF,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE,CAAC;EAEhE,MAAM,YAAY,GAAG,MAAM;IACzB,IAAI,WAAW,KAAK,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAChE,WAAW,GAAG,SAAS;EACzB,CAAC;EAED,KAAK,CAAC,iBAAiB,GAAI,QAAQ,IAAK;IACtC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAc,oBAAoB,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAClG,OAAO,IAAK,OAAO,CAAC,OAAO,CAAC,UAAU,KAAK,MAAM,CAAC,QAAQ,CAC7D,CAAC;IACD,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,OAAO,KAAK;IACzC,YAAY,CAAC,CAAC;IACd,SAAS,CAAC,KAAK,CAAC;IAChB,WAAW,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAC9B,CAAC,EACD,WAAW,CAAC,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,GAAG,EACzG,CAAC;IACD,OAAO,IAAI;EACb,CAAC,CAAC;EAEF,MAAM,kBAAkB,GAAG,MAAM;IAC/B,iBAAiB,GAAG,IAAI;IACxB,IAAI,eAAe,KAAK,SAAS,EAAE,oBAAoB,CAAC,eAAe,CAAC;IACxE,eAAe,GAAG,qBAAqB,CAAC,MAAM;MAC5C,eAAe,GAAG,SAAS;MAC3B,iBAAiB,GAAG,KAAK;IAC3B,CAAC,CAAC;EACJ,CAAC;EAED,MAAM,cAAc,GAAG,MAAM;IAC3B,IAAI,CAAC,WAAW,EAAE;IAClB,SAAS,CAAC,IAAI,CAAC;IACf,WAAW,CAAC,SAAS,GAAG,WAAW,CAAC,YAAY;EAClD,CAAC;EAED,MAAM,cAAc,GAAG,MAAM;IAC3B,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,WAAW,KAAK,SAAS,EAAE;IAC5C,WAAW,GAAG,qBAAqB,CAAC,MAAM;MACxC,WAAW,GAAG,SAAS;MACvB,IAAI,MAAM,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;IAChC,CAAC,CAAC;EACJ,CAAC;EAED,MAAM,SAAS,GAAG,YAAY;IAC5B,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,CAAC,EAAE;IAC5D,MAAM,QAAQ,GAAG,WAAW;IAC5B,IAAI,CAAC,QAAQ,EAAE;IACf,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS;IAC5C,MAAM,oBAAoB,GAAG,QAAQ,CAAC,YAAY;IAClD,eAAe,CAAC,IAAI,CAAC;IACrB,yBAAyB,CAAC,IAAI,CAAC;IAC/B,IAAI,SAAS,GAAG,KAAK;IACrB,IAAI;MACF,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK;IACnD,CAAC,CAAC,OAAO,KAAK,EAAE;MACd,eAAe,CAAC,KAAK,YAAY,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAChG,CAAC,SAAS;MACR,yBAAyB,CAAC,KAAK,CAAC;IAClC;IACA,IAAI,CAAC,SAAS,IAAI,WAAW,KAAK,QAAQ,EAAE;IAC5C,cAAc,CAAC,MAAM;MACnB,qBAAqB,CAAC,MAAM;QAC1B,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC9B,QAAQ,CAAC,SAAS,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,QAAQ,CAAC,YAAY,CAAC;MAC5G,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED,MAAM,YAAY,GAAG,MAAM;IACzB,IAAI,CAAC,WAAW,EAAE;IAClB,MAAM,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3H,IAAI,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,KAC3B,IAAI,iBAAiB,IAAI,WAAW,KAAK,SAAS,EAAE;MACvD,IAAI,iBAAiB,EAAE,YAAY,CAAC,CAAC;MACrC,SAAS,CAAC,KAAK,CAAC;IAClB;IACA,IAAI,WAAW,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;EAC5D,CAAC;EAED,OAAO,CAAC,MAAM;IACZ;IACA,WAAW,EAAE,eAAe,CAAC,mBAAmB,CAAC;IACjD,cAAc,CAAC,CAAC;IAChB,MAAM,cAAc,GAAG,OAAO,cAAc,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,cAAc,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC;IAChH,IAAI,UAAU,EAAE,cAAc,EAAE,OAAO,CAAC,UAAU,CAAC;IACnD,IAAI,WAAW,EAAE,cAAc,EAAE,OAAO,CAAC,WAAW,CAAC;IAErD,MAAM,eAAe,GACnB,OAAO,oBAAoB,KAAK,WAAW,IAAI,CAAC,cAAc,GAC1D,IAAI,GACJ,IAAI,oBAAoB,CACrB,OAAO,IAAK;MACX,IAAI,OAAO,CAAC,IAAI,CAAE,KAAK,IAAK,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;IACrE,CAAC,EACD;MAAE,IAAI,EAAE,WAAW;MAAE,UAAU,EAAE;IAAgB,CACnD,CAAC;IACP,IAAI,cAAc,EAAE,eAAe,EAAE,OAAO,CAAC,cAAc,CAAC;IAE5D,SAAS,CAAC,MAAM;MACd,YAAY,CAAC,CAAC;MACd,IAAI,eAAe,KAAK,SAAS,EAAE,oBAAoB,CAAC,eAAe,CAAC;MACxE,cAAc,EAAE,UAAU,CAAC,CAAC;MAC5B,eAAe,EAAE,UAAU,CAAC,CAAC;IAC/B,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,YAAY,CAAC,MAAM;IACjB,MAAM,GAAG,GAAG,KAAK,CAAC,eAAe;IACjC,IAAI,GAAG,KAAK,mBAAmB,EAAE;IACjC,mBAAmB,GAAG,GAAG;IACzB,eAAe,CAAC,IAAI,CAAC;IACrB,SAAS,CAAC,IAAI,CAAC;IACf,cAAc,CAAC,cAAc,CAAC;EAChC,CAAC,CAAC;EAEF,YAAY,CAAC,MAAM;IACjB,KAAK,CAAC,KAAK,CAAC,MAAM;IAClB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;IACtB,OAAO,CAAC,cAAc,CAAC;EACzB,CAAC,CAAC;EAEF,sBACkB,8BAAqB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,wCAAc,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,yDAOjF,KAAK,CAAC,UAAU,KAAK,KAAK,GAAG,QAAQ,YAAG,SAAS,uDAG5D,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC;EAAa,CAAC,CAAC,4CAwB7F,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,UAAU;IAAA;IAAA;MAAA,8BAEvB,KAAK,CAAC,UAAU;IAAA;EAAA,iCAYR,KAAK,CAAC,OAAO,GAAG,MAAM,YAAG,SAAS,4CAG5C,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,kBAAkB,CAAC,CAAC;IAAA;IAAA;MAAA,iDAE3B,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,YAAY,CAAC,CAAC;QAAA;QAAA;UAAA,+BAGrB,QAAQ,CAAC,CAAC,CAAC,iBAAiB;QAAA;MAAA,gCAGhC,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,YAAY,CAAC,CAAC;QAAA;QAAA;UAAA,yBACvB,YAAY;YAAA,IACX,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB;YAAA;YACtC,IAAI;YAAA,IACJ,QAAQ;cAAA;YAAA;UAAA;QAAA;MAAA,gCAGX,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,YAAY,CAAC,CAAC;QAAA;QAAA,UACtB,OAAO,sBACN,YAAY;UAAA,IACX,KAAK;YAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,yBAAyB;UAAA;UAAA,IAC3C,WAAW;YAAA,OAAE,OAAO,CAAC,CAAC;UAAA;UACtB,IAAI;UACJ,IAAI;UAAA,IACJ,QAAQ;YAAA,4DAIQ,QAAQ,CAAC,CAAC,CAAC,kBAAkB;UAAA;QAAA;MAOhD;IAAA;EAAA,gCAIN,IAAI;IAAA,IACH,IAAI;MAAA,OAAE,gBAAC,KAAK,CAAC,OAAO,OAAI,UAAU,CAAC,CAAC;IAAA;IAAA,IACpC,QAAQ;MAAA,yBACL,WAAW;QAAA;QAAA,IAEV,KAAK;UAAA,OAAE,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO;QAAA;QAAA,IAC1C,IAAI;UAAA,OAAE,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,gBAAgB;QAAA;QAAA,IAClD,KAAK;UAAA,OAAE,oBAAK,CAAC,OAAO,MAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,GAAI,KAAK,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,iBAAkB;QAAA;QAAA,IAC1G,WAAW;UAAA,OAAE,gBAAC,KAAK,CAAC,OAAO,MAAG,KAAK,CAAC,gBAAgB,GAAG,SAAS;QAAA;MAAA;IAAA;IAAA;MAAA,yBAInE,GAAG;QAAA,IAAC,IAAI;UAAA,OAAE,OAAO,CAAC,CAAC;QAAA;QAAA,UAChB,EAAE,IAAK;UACP;UACA,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;UACtC,MAAM,OAAO,GAAG,MAAM;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC;YACpB,OAAO,KAAK,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,SAAS;UACtD,CAAC;UACD,MAAM,QAAQ,GAAG,MAAM;YACrB,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC;YACpB,OAAO,KAAK,EAAE,IAAI,KAAK,UAAU,GAAG,KAAK,GAAG,SAAS;UACvD,CAAC;UACD,yBACG,IAAI;YAAA,IACH,IAAI;cAAA,OAAE,OAAO,CAAC,CAAC,KAAK,SAAS;YAAA;YAAA,IAC7B,QAAQ;cAAA,yBACL,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,QAAQ,CAAC,CAAC,KAAK,SAAS;gBAAA;gBAAA;kBAAA,yBACjC,YAAY;oBAAA,IACX,KAAK;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,KAAK;oBAAA;oBAAA,IACxB,WAAW;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,WAAW;oBAAA;oBAAA,IACpC,IAAI;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,IAAI;oBAAA;oBAAA,IACtB,OAAO;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,OAAO;oBAAA;oBAAA,IAC5B,MAAM;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,MAAM;oBAAA;oBAAA,IAC1B,IAAI;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,IAAI;oBAAA;oBAAA,IACtB,IAAI;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,IAAI;oBAAA;oBAAA,IACtB,QAAQ;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,QAAQ;oBAAA;oBAAA,IAC9B,WAAW;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,WAAW;oBAAA;oBAAA,IACpC,QAAQ;sBAAA,OAAE,QAAQ,CAAC,CAAC,CAAE,QAAQ;oBAAA;oBAAA;sBAAA,OACvB,QAAQ,CAAC,CAAC,CAAE,KAAK;oBAAA;oBAAA;sBAAA,OAEvB,QAAQ,CAAC,CAAC,CAAE,OAAO;oBAAA;kBAAA;gBAAA;cAAA;YAAA;YAAA;cAAA,yBAKzB,WAAW;gBAAA,IACV,IAAI;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,IAAI;gBAAA;gBAAA,IACrB,KAAK;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,KAAK;gBAAA;gBAAA,IACvB,SAAS;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,SAAS;gBAAA;gBAAA,IAC/B,SAAS;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,SAAS;gBAAA;gBAAA,IAC/B,MAAM;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,MAAM;gBAAA;gBAAA,IACzB,WAAW;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,WAAW;gBAAA;gBAAA,IACnC,OAAO;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,OAAO;gBAAA;gBAAA,IAC3B,aAAa;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,aAAa;gBAAA;gBAAA,IACvC,QAAQ;kBAAA,OAAE,OAAO,CAAC,CAAC,CAAE,QAAQ;gBAAA;gBAAA,IAC7B,aAAa;kBAAA,OAAE,KAAK,CAAC,aAAa;gBAAA;gBAAA;kBAAA,OAC3B,OAAO,CAAC,CAAC,CAAE,KAAK;gBAAA;gBAAA;kBAAA,OAEtB,OAAO,CAAC,CAAC,CAAE,OAAO;gBAAA;cAAA;YAAA;UAAA;QAI3B;MAAC;IAAA;EAAA,gCAKR,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,gBAAC,MAAM,CAAC,CAAC,OAAI,UAAU,CAAC,CAAC;IAAA;IAAA;MAAA,+BAGhC,QAAQ,CAAC,CAAC,CAAC,YAAY;IAAA;EAAA;AAKlC","ignoreList":[]}

package/dist/ssr/content/FileGrid.js

@@ -4,30 +4,44 @@ import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = ["<div class=\"", "\"", " role=\"grid\"", " aria-multiselectable=\"true\">", "</div>"],
+var _tmpl$ = ["<div class=\"", "\"", " role=\"grid\"", ">", "</div>"],
   _tmpl$2 = ["<div class=\"k2b-file-grid__preview\">", "</div>"],
   _tmpl$3 = ["<div class=\"k2b-file-grid__name\">", "</div>"],
   _tmpl$4 = ["<div class=\"k2b-file-grid__meta\">", "</div>"],
   _tmpl$5 = ["<div class=\"k2b-file-grid__actions\">", "</div>"],
   _tmpl$6 = ["<div role=\"row\" class=\"k2b-file-grid__row\">", "</div>"];
 import { For } from "solid-js";
-/** File presentation only; the host owns data, menus, leases and permissions. */
+/**
+ * File presentation only; the host owns data, menus, leases and permissions. Items the selection marks with
+ * `isDisabled` stay reachable by keyboard but cannot be selected or opened; say why in `renderMeta`.
+ */
 export function FileGrid(props) {
   let grid;
+  // Both clicks of a double-click belong to the item that took the first one. When that click replaced the rows,
+  // for example by opening a folder, the item now under the pointer ignores the rest of the gesture.
+  let pressed;
+  const ownsClick = event => {
+    if (event.detail > 1 && pressed !== event.currentTarget) pressed = null;else pressed = event.currentTarget;
+    return pressed !== null;
+  };
   const columns = () => grid ? Math.max(1, getComputedStyle(grid).gridTemplateColumns.split(" ").length) : 1;
   const nested = event => event.target instanceof Element && !!event.target.closest("button,a,input,label,select,textarea,summary,[contenteditable],[role=button],[role=menu]");
-  return _$ssr(_tmpl$, `k2b-file-grid ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false), _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$escape(_$createComponent(For, {
+  return _$ssr(_tmpl$, `k2b-file-grid ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false) + _$ssrAttribute("data-layout", _$escape(props.layout ?? "grid", true), false), _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-multiselectable", _$escape(props.selection.multiple, true), false), _$escape(_$createComponent(For, {
     get each() {
       return props.rows;
     },
     children: row => {
       const id = () => props.getRowId(row);
+      const disabled = () => props.selection.isDisabled(id());
       return _$ssr(_tmpl$6, _$ssrElement("div", _$mergeProps(() => props.itemProps?.(row), {
         role: "gridcell",
         "class": "k2b-file-grid__item",
         get ["aria-selected"]() {
           return props.selection.selected().has(id());
         },
+        get ["aria-disabled"]() {
+          return disabled() || undefined;
+        },
         get tabIndex() {
           return props.selection.focused() === id() ? 0 : -1;
         }

package/dist/ssr/content/FileGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/FileGrid.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport type { CollectionSelection } from \"./collection-selection\";\n\nexport type FileGridProps<T> = {\n  rows: readonly T[];\n  getRowId: (row: T) => string;\n  selection: CollectionSelection;\n  label: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  renderPreview: (row: T) => JSX.Element;\n  renderLabel: (row: T) => JSX.Element;\n  renderMeta?: (row: T) => JSX.Element;\n  renderActions?: (row: T) => JSX.Element;\n  onRowClick?: (row: T) => void;\n  onOpen: (row: T) => void;\n  onContextMenu?: (row: T) => void;\n  /** Extra attributes for one tile, for example drag-and-drop handlers or data attributes the host styles. */\n  itemProps?: (row: T) => JSX.HTMLAttributes<HTMLDivElement>;\n  class?: string;\n};\n\n/** File presentation only; the host owns data, menus, leases and permissions. */\nexport function FileGrid<T>(props: FileGridProps<T>) {\n  let grid: HTMLDivElement | undefined;\n  const columns = () => (grid ? Math.max(1, getComputedStyle(grid).gridTemplateColumns.split(\" \").length) : 1);\n  const nested = (event: Event) =>\n    event.target instanceof Element &&\n    !!event.target.closest(\"button,a,input,label,select,textarea,summary,[contenteditable],[role=button],[role=menu]\");\n  return (\n    <div\n      ref={grid}\n      class={`k2b-file-grid ${props.class ?? \"\"}`}\n      data-size={props.size ?? \"md\"}\n      role=\"grid\"\n      aria-label={props.label}\n      aria-multiselectable=\"true\"\n    >\n      <For each={props.rows}>\n        {(row) => {\n          const id = () => props.getRowId(row);\n          return (\n            <div role=\"row\" class=\"k2b-file-grid__row\">\n              <div\n                {...props.itemProps?.(row)}\n                role=\"gridcell\"\n                class=\"k2b-file-grid__item\"\n                aria-selected={props.selection.selected().has(id())}\n                ref={(element) => props.selection.register(id(), element)}\n                tabIndex={props.selection.focused() === id() ? 0 : -1}\n                onFocus={() => props.selection.markFocused(id())}\n                onClick={(event) => {\n                  if (!nested(event)) {\n                    props.selection.select(id(), event);\n                    props.onRowClick?.(row);\n                  }\n                }}\n                onDblClick={(event) => {\n                  if (!nested(event)) props.onOpen(row);\n                }}\n                onContextMenu={() => props.onContextMenu?.(row)}\n                onKeyDown={(event) => {\n                  if (nested(event)) return;\n                  if (props.selection.keyDown(event, id(), columns())) return;\n                  if (event.key === \"Enter\") {\n                    event.preventDefault();\n                    props.onOpen(row);\n                  }\n                }}\n              >\n                <div class=\"k2b-file-grid__preview\">{props.renderPreview(row)}</div>\n                <div class=\"k2b-file-grid__name\">{props.renderLabel(row)}</div>\n                <div class=\"k2b-file-grid__meta\">{props.renderMeta?.(row)}</div>\n                <div class=\"k2b-file-grid__actions\">{props.renderActions?.(row)}</div>\n              </div>\n            </div>\n          );\n        }}\n      </For>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,GAAG,QAAkB,UAAU;AAqBxC;AACA,OAAO,SAAS,QAAQ,CAAI,KAAuB,EAAE;EACnD,IAAI,IAAgC;EACpC,MAAM,OAAO,GAAG,MAAO,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAE;EAC5G,MAAM,MAAM,GAAI,KAAY,IAC1B,KAAK,CAAC,MAAM,YAAY,OAAO,IAC/B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,0FAA0F,CAAC;EACpH,qBAGW,0BAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,uCAChC,KAAK,CAAC,IAAI,IAAI,IAAI,uDAEjB,KAAK,CAAC,KAAK,4CAGtB,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UACjB,GAAG,IAAK;MACR,MAAM,EAAE,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;MACpC,6DAGU,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;QAC1B,IAAI,EAAC,UAAU;QAAA,SACT,qBAAqB;QAAA;UAAA,OACZ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAAA;QAAA,IAEnD,QAAQ;UAAA,OAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAAA;MAAA,6BAqBhB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,4BAC3B,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,4BACtB,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,4BACpB,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAIvE;EAAC;AAIT","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/FileGrid.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport type { CollectionSelection } from \"./collection-selection\";\n\nexport type FileGridProps<T> = {\n  rows: readonly T[];\n  getRowId: (row: T) => string;\n  selection: CollectionSelection;\n  label: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** `list` shows one compact row per item: preview, name, and meta beside each other. Defaults to `grid`. */\n  layout?: \"grid\" | \"list\";\n  renderPreview: (row: T) => JSX.Element;\n  renderLabel: (row: T) => JSX.Element;\n  renderMeta?: (row: T) => JSX.Element;\n  renderActions?: (row: T) => JSX.Element;\n  onRowClick?: (row: T) => void;\n  onOpen: (row: T) => void;\n  onContextMenu?: (row: T) => void;\n  /** Extra attributes for one tile, for example drag-and-drop handlers or data attributes the host styles. */\n  itemProps?: (row: T) => JSX.HTMLAttributes<HTMLDivElement>;\n  class?: string;\n};\n\n/**\n * File presentation only; the host owns data, menus, leases and permissions. Items the selection marks with\n * `isDisabled` stay reachable by keyboard but cannot be selected or opened; say why in `renderMeta`.\n */\nexport function FileGrid<T>(props: FileGridProps<T>) {\n  let grid: HTMLDivElement | undefined;\n  // Both clicks of a double-click belong to the item that took the first one. When that click replaced the rows,\n  // for example by opening a folder, the item now under the pointer ignores the rest of the gesture.\n  let pressed: EventTarget | null | undefined;\n  const ownsClick = (event: MouseEvent) => {\n    if (event.detail > 1 && pressed !== event.currentTarget) pressed = null;\n    else pressed = event.currentTarget;\n    return pressed !== null;\n  };\n  const columns = () => (grid ? Math.max(1, getComputedStyle(grid).gridTemplateColumns.split(\" \").length) : 1);\n  const nested = (event: Event) =>\n    event.target instanceof Element &&\n    !!event.target.closest(\"button,a,input,label,select,textarea,summary,[contenteditable],[role=button],[role=menu]\");\n  return (\n    <div\n      ref={grid}\n      class={`k2b-file-grid ${props.class ?? \"\"}`}\n      data-size={props.size ?? \"md\"}\n      data-layout={props.layout ?? \"grid\"}\n      role=\"grid\"\n      aria-label={props.label}\n      aria-multiselectable={props.selection.multiple}\n    >\n      <For each={props.rows}>\n        {(row) => {\n          const id = () => props.getRowId(row);\n          const disabled = () => props.selection.isDisabled(id());\n          return (\n            <div role=\"row\" class=\"k2b-file-grid__row\">\n              <div\n                {...props.itemProps?.(row)}\n                role=\"gridcell\"\n                class=\"k2b-file-grid__item\"\n                aria-selected={props.selection.selected().has(id())}\n                aria-disabled={disabled() || undefined}\n                ref={(element) => props.selection.register(id(), element)}\n                tabIndex={props.selection.focused() === id() ? 0 : -1}\n                onFocus={() => props.selection.markFocused(id())}\n                onClick={(event) => {\n                  if (!nested(event) && ownsClick(event) && !disabled()) {\n                    props.selection.select(id(), event);\n                    props.onRowClick?.(row);\n                  }\n                }}\n                onDblClick={(event) => {\n                  if (!nested(event) && pressed !== null && !disabled()) props.onOpen(row);\n                }}\n                onContextMenu={() => props.onContextMenu?.(row)}\n                onKeyDown={(event) => {\n                  if (nested(event)) return;\n                  if (props.selection.keyDown(event, id(), columns())) return;\n                  if (event.key === \"Enter\") {\n                    event.preventDefault();\n                    if (!disabled()) props.onOpen(row);\n                  }\n                }}\n              >\n                <div class=\"k2b-file-grid__preview\">{props.renderPreview(row)}</div>\n                <div class=\"k2b-file-grid__name\">{props.renderLabel(row)}</div>\n                <div class=\"k2b-file-grid__meta\">{props.renderMeta?.(row)}</div>\n                <div class=\"k2b-file-grid__actions\">{props.renderActions?.(row)}</div>\n              </div>\n            </div>\n          );\n        }}\n      </For>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,GAAG,QAAkB,UAAU;AAuBxC;AACA;AACA;AACA;AACA,OAAO,SAAS,QAAQ,CAAI,KAAuB,EAAE;EACnD,IAAI,IAAgC;EACpC;EACA;EACA,IAAI,OAAuC;EAC3C,MAAM,SAAS,GAAI,KAAiB,IAAK;IACvC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,KAAK,KAAK,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI,CAAC,KACnE,OAAO,GAAG,KAAK,CAAC,aAAa;IAClC,OAAO,OAAO,KAAK,IAAI;EACzB,CAAC;EACD,MAAM,OAAO,GAAG,MAAO,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAE;EAC5G,MAAM,MAAM,GAAI,KAAY,IAC1B,KAAK,CAAC,MAAM,YAAY,OAAO,IAC/B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,0FAA0F,CAAC;EACpH,qBAGW,0BAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,uCAChC,KAAK,CAAC,IAAI,IAAI,IAAI,yDAChB,KAAK,CAAC,MAAM,IAAI,MAAM,uDAEvB,KAAK,CAAC,KAAK,kEACD,KAAK,CAAC,SAAS,CAAC,QAAQ,4CAE7C,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,IAAI;IAAA;IAAA,UACjB,GAAG,IAAK;MACR,MAAM,EAAE,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;MACpC,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;MACvD,6DAGU,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;QAC1B,IAAI,EAAC,UAAU;QAAA,SACT,qBAAqB;QAAA;UAAA,OACZ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAAA;QAAA;UAAA,OACpC,QAAQ,CAAC,CAAC,IAAI,SAAS;QAAA;QAAA,IAEtC,QAAQ;UAAA,OAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAAA;MAAA,6BAqBhB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,4BAC3B,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,4BACtB,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,4BACpB,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAIvE;EAAC;AAIT","ignoreList":[]}