@k2b/ui 0.9.0 → 0.10.0

package/dist/ssr/chat/ChatPrimitives.js

@@ -20,24 +20,24 @@ var _tmpl$ = "<span class=\"k2b-chat-progress-dots\" aria-hidden=\"true\"><span>
   _tmpl$11 = ["<a class=\"k2b-chat-message__attachment\"", " role=\"listitem\"", " target=\"_blank\" rel=\"noopener noreferrer\"", ">", "</a>"],
   _tmpl$12 = ["<span class=\"k2b-chat-message__status\"", "><i", " aria-hidden=\"true\"></i>", "</span>"],
   _tmpl$13 = ["<time", ">", "</time>"],
-  _tmpl$14 = ["<button type=\"button\"", "", "><i", " aria-hidden=\"true\"></i></button>"],
-  _tmpl$15 = ["<span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">", "</span>"],
-  _tmpl$16 = ["<span class=\"k2b-chat-activity__copy\"><strong>", "</strong>", "</span>"],
-  _tmpl$17 = ["<span class=\"k2b-chat-activity__trailing\">", "</span>"],
-  _tmpl$18 = "<i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\"></i>",
-  _tmpl$19 = ["<i", "></i>"],
-  _tmpl$20 = ["<small>", "</small>"],
-  _tmpl$21 = ["<details class=\"", "\"", " style=\"", "\"", "><summary class=\"k2b-chat-activity__row\">", "</summary><div class=\"k2b-chat-activity__body\">", "</div></details>"],
-  _tmpl$22 = ["<div class=\"", "\"", " style=\"", "\"", "><div class=\"k2b-chat-activity__row\">", "</div></div>"],
-  _tmpl$23 = "<i class=\"ti ti-brain\" aria-hidden=\"true\"></i>",
-  _tmpl$24 = ["<div><dt>", "</dt><dd>", "</dd></div>"],
-  _tmpl$25 = ["<div class=\"k2b-chat-context__tooltip\"><strong>", "</strong>", "<dl>", "<div><dt>", "</dt><dd>", "</dd></div><div><dt>", "</dt><dd>", "</dd></div>", "<div><dt>", "</dt><dd>", "</dd></div>", "</dl>", "</div>"];
+  _tmpl$14 = ["<span class=\"k2b-chat-activity__leading\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$15 = ["<span class=\"k2b-chat-activity__copy\"><strong>", "</strong>", "</span>"],
+  _tmpl$16 = ["<span class=\"k2b-chat-activity__trailing\">", "</span>"],
+  _tmpl$17 = "<i class=\"ti ti-chevron-right k2b-chat-activity__chevron\" aria-hidden=\"true\"></i>",
+  _tmpl$18 = ["<i", "></i>"],
+  _tmpl$19 = ["<small>", "</small>"],
+  _tmpl$20 = ["<details class=\"", "\"", " style=\"", "\"", "><summary class=\"k2b-chat-activity__row\">", "</summary><div class=\"k2b-chat-activity__body\">", "</div></details>"],
+  _tmpl$21 = ["<div class=\"", "\"", " style=\"", "\"", "><div class=\"k2b-chat-activity__row\">", "</div></div>"],
+  _tmpl$22 = "<i class=\"ti ti-brain\" aria-hidden=\"true\"></i>",
+  _tmpl$23 = ["<div><dt>", "</dt><dd>", "</dd></div>"],
+  _tmpl$24 = ["<dl>", "<div><dt>", "</dt><dd>", "</dd></div><div><dt>", "</dt><dd>", "</dd></div>", "<div><dt>", "</dt><dd>", "</dd></div>", "</dl>"];
 import { createSignal, For, onCleanup, Show } from "solid-js";
 import { Button } from "../actions/Button";
 import { Dropdown } from "../actions/Dropdown";
+import { Tooltip } from "../feedback/Tooltip";
 import { useUiMessages } from "../intl/messages";
 import { ProgressBar } from "../surfaces/ProgressBar";
-import { ChatContextPopup } from "./ChatContextPopup";
+import { ChatContextPanel, ChatContextPopup } from "./ChatContextPopup";
 import { executeChatAction } from "./chat-behavior";
 const roleLabel = (role, messages) => {
   if (role === "assistant") return messages.assistant;
@@ -210,7 +210,31 @@ export function ChatMessage(props) {
             get each() {
               return actions();
             },
-            children: action => _$ssr(_tmpl$14, _$ssrAttribute("aria-label", _$escape(action.label, true), false) + _$ssrAttribute("aria-pressed", _$escape(action.pressed, true), false) + _$ssrAttribute("data-pressed-tone", _$escape(action.pressedTone, true), false) + _$ssrAttribute("title", _$escape(action.label, true), false) + _$ssrAttribute("data-danger", action.variant === "danger" ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", action.disabled || Boolean(busyActionId()), true), _$ssrAttribute("class", _$escape(actionIcon(action), true), false))
+            children: action => _$createComponent(Tooltip.Trigger, {
+              type: "button",
+              get ["aria-label"]() {
+                return action.label;
+              },
+              get ["aria-pressed"]() {
+                return action.pressed;
+              },
+              get ["data-pressed-tone"]() {
+                return action.pressedTone;
+              },
+              get content() {
+                return action.label;
+              },
+              get ["data-danger"]() {
+                return action.variant === "danger" ? "true" : undefined;
+              },
+              get disabled() {
+                return action.disabled || Boolean(busyActionId());
+              },
+              onClick: () => void runAction(action),
+              get children() {
+                return _$ssr(_tmpl$1, _$ssrAttribute("class", _$escape(actionIcon(action), true), false));
+              }
+            })
           })));
         }
       })), _$escape(_$createComponent(Show, {
@@ -220,7 +244,6 @@ export function ChatMessage(props) {
         get children() {
           return _$createComponent(Dropdown.Root, {
             position: "bottom-left",
-            width: "12rem",
             get label() {
               return messages().messageActions;
             },
@@ -248,34 +271,34 @@ export function ChatMessage(props) {
     }
   })));
 }
-const ActivityContent = props => [_$ssr(_tmpl$15, _$escape(_$createComponent(Show, {
+const ActivityContent = props => [_$ssr(_tmpl$14, _$escape(_$createComponent(Show, {
   get when() {
     return props.leading;
   },
   get fallback() {
-    return _$ssr(_tmpl$19, _$ssrAttribute("class", _$escape(props.icon ?? "ti ti-sparkles", true), false));
+    return _$ssr(_tmpl$18, _$ssrAttribute("class", _$escape(props.icon ?? "ti ti-sparkles", true), false));
   },
   get children() {
     return props.leading;
   }
-}))), _$ssr(_tmpl$16, _$escape(props.label), _$escape(_$createComponent(Show, {
+}))), _$ssr(_tmpl$15, _$escape(props.label), _$escape(_$createComponent(Show, {
   get when() {
     return props.description;
   },
-  children: description => _$ssr(_tmpl$20, _$escape(description()))
+  children: description => _$ssr(_tmpl$19, _$escape(description()))
 }))), _$createComponent(Show, {
   get when() {
     return props.trailing;
   },
   get children() {
-    return _$ssr(_tmpl$17, _$escape(props.trailing));
+    return _$ssr(_tmpl$16, _$escape(props.trailing));
   }
 }), _$createComponent(Show, {
   get when() {
     return props.disclosure;
   },
   get children() {
-    return _$ssr(_tmpl$18);
+    return _$ssr(_tmpl$17);
   }
 })];
 export function ChatActivity(props) {
@@ -290,10 +313,10 @@ export function ChatActivity(props) {
       return props.renderBody || props.children;
     },
     get fallback() {
-      return _$ssr(_tmpl$22, `k2b-chat-activity ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-tone", _$escape(tone(), true), false) + _$ssrAttribute("data-accent", props.accent ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-busy", props.busy ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-chat-anchor", props.anchorId !== undefined ? _$escape(String(props.anchorId), true) : _$escape(undefined, true), false), _$ssrStyle(style()), _$ssrAttribute("aria-busy", props.busy ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(ActivityContent, props)));
+      return _$ssr(_tmpl$21, `k2b-chat-activity ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-tone", _$escape(tone(), true), false) + _$ssrAttribute("data-accent", props.accent ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-busy", props.busy ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-chat-anchor", props.anchorId !== undefined ? _$escape(String(props.anchorId), true) : _$escape(undefined, true), false), _$ssrStyle(style()), _$ssrAttribute("aria-busy", props.busy ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(ActivityContent, props)));
     },
     get children() {
-      return _$ssr(_tmpl$21, `k2b-chat-activity ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-tone", _$escape(tone(), true), false) + _$ssrAttribute("data-accent", props.accent ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-busy", props.busy ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-body-inset", props.bodyInset === false ? "false" : _$escape(undefined, true), false) + _$ssrAttribute("data-chat-anchor", props.anchorId !== undefined ? _$escape(String(props.anchorId), true) : _$escape(undefined, true), false), _$ssrStyle(style()), _$ssrAttribute("open", open(), true) + _$ssrAttribute("aria-busy", props.busy ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(ActivityContent, _$mergeProps(props, {
+      return _$ssr(_tmpl$20, `k2b-chat-activity ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-tone", _$escape(tone(), true), false) + _$ssrAttribute("data-accent", props.accent ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-busy", props.busy ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-body-inset", props.bodyInset === false ? "false" : _$escape(undefined, true), false) + _$ssrAttribute("data-chat-anchor", props.anchorId !== undefined ? _$escape(String(props.anchorId), true) : _$escape(undefined, true), false), _$ssrStyle(style()), _$ssrAttribute("open", open(), true) + _$ssrAttribute("aria-busy", props.busy ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(ActivityContent, _$mergeProps(props, {
         disclosure: true
       }))), props.renderBody ? _$escape(_$createComponent(Show, {
         get when() {
@@ -343,62 +366,69 @@ export function ChatContextUsage(props) {
   };
   return _$createComponent(ChatContextPopup, {
     get content() {
-      return _$ssr(_tmpl$25, _$escape(messages().lastRequestContext), _$escape(_$createComponent(Show, {
-        get when() {
-          return percent() !== null;
+      return _$createComponent(ChatContextPanel, {
+        get title() {
+          return messages().lastRequestContext;
         },
         get children() {
-          return _$createComponent(ProgressBar, {
-            get value() {
-              return percent() ?? 0;
+          return [_$createComponent(Show, {
+            get when() {
+              return percent() !== null;
             },
-            size: "xs",
-            get tone() {
-              return (percent() ?? 0) >= 85 ? "danger" : "info";
+            get children() {
+              return _$createComponent(ProgressBar, {
+                get value() {
+                  return percent() ?? 0;
+                },
+                size: "xs",
+                get tone() {
+                  return (percent() ?? 0) >= 85 ? "danger" : "info";
+                },
+                get label() {
+                  return messages().contextWindowUsed;
+                }
+              });
+            }
+          }), _$ssr(_tmpl$24, _$escape(_$createComponent(Show, {
+            get when() {
+              return props.modelLabel;
             },
-            get label() {
-              return messages().contextWindowUsed;
+            children: model => _$ssr(_tmpl$23, _$escape(messages().model), _$escape(model()))
+          })), _$escape(messages().input), _$escape(formattedUsageValue(usage().input)), _$escape(messages().output), _$escape(formattedUsageValue(usage().output)), _$escape(_$createComponent(Show, {
+            get when() {
+              return loopUsage().reported;
+            },
+            get children() {
+              return _$ssr(_tmpl$23, _$escape(messages().loopTotal), _$escape(formattedUsageValue(loopUsage().total)));
             }
-          });
-        }
-      })), _$escape(_$createComponent(Show, {
-        get when() {
-          return props.modelLabel;
-        },
-        children: model => _$ssr(_tmpl$24, _$escape(messages().model), _$escape(model()))
-      })), _$escape(messages().input), _$escape(formattedUsageValue(usage().input)), _$escape(messages().output), _$escape(formattedUsageValue(usage().output)), _$escape(_$createComponent(Show, {
-        get when() {
-          return loopUsage().reported;
-        },
-        get children() {
-          return _$ssr(_tmpl$24, _$escape(messages().loopTotal), _$escape(formattedUsageValue(loopUsage().total)));
-        }
-      })), _$escape(messages().window), windowSize() > 0 ? _$escape(formatNumber(windowSize())) : _$escape(messages().notConfigured), _$escape(_$createComponent(Show, {
-        get when() {
-          return remaining() !== null;
-        },
-        get children() {
-          return _$ssr(_tmpl$24, _$escape(messages().remaining), remaining() === null ? _$escape(messages().unknown) : _$escape(formatNumber(remaining())));
+          })), _$escape(messages().window), windowSize() > 0 ? _$escape(formatNumber(windowSize())) : _$escape(messages().notConfigured), _$escape(_$createComponent(Show, {
+            get when() {
+              return remaining() !== null;
+            },
+            get children() {
+              return _$ssr(_tmpl$23, _$escape(messages().remaining), remaining() === null ? _$escape(messages().unknown) : _$escape(formatNumber(remaining())));
+            }
+          }))), _$createComponent(Show, {
+            get when() {
+              return props.action;
+            },
+            children: action => _$createComponent(Button, {
+              size: "xs",
+              variant: "subtle",
+              get disabled() {
+                return action().disabled || busy();
+              },
+              onClick: () => void run(),
+              get ["aria-busy"]() {
+                return busy();
+              },
+              get children() {
+                return [_$ssr(_tmpl$1, _$ssrAttribute("class", busy() ? "ti ti-loader-2 k2b-spin" : _$escape(action().icon, true), false)), action().label];
+              }
+            })
+          })];
         }
-      })), _$escape(_$createComponent(Show, {
-        get when() {
-          return props.action;
-        },
-        children: action => _$createComponent(Button, {
-          size: "xs",
-          variant: "subtle",
-          get disabled() {
-            return action().disabled || busy();
-          },
-          onClick: () => void run(),
-          get ["aria-busy"]() {
-            return busy();
-          },
-          get children() {
-            return [_$ssr(_tmpl$1, _$ssrAttribute("class", busy() ? "ti ti-loader-2 k2b-spin" : _$escape(action().icon, true), false)), action().label];
-          }
-        })
-      })));
+      });
     },
     type: "button",
     get ["class"]() {
@@ -411,7 +441,7 @@ export function ChatContextUsage(props) {
       return accessibleLabel();
     },
     get children() {
-      return [_$ssr(_tmpl$23), _$ssr(_tmpl$0, percent() === null ? "–" : `${_$escape(percent())}%`)];
+      return [_$ssr(_tmpl$22), _$ssr(_tmpl$0, percent() === null ? "–" : `${_$escape(percent())}%`)];
     }
   });
 }

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

package/dist/ssr/chat/index.js

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

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

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

package/dist/ssr/content/Chart.js

@@ -1,17 +1,19 @@
-import { createComponent as _$createComponent } from "solid-js/web";
-import { ssr as _$ssr } from "solid-js/web";
 import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
 import { ssrStyle as _$ssrStyle } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = "<span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span>",
-  _tmpl$2 = ["<span", " role=\"tooltip\" popover=\"manual\" data-instant=\"true\" class=\"k2b-tooltip k2b-chart__tooltip\"></span>"],
-  _tmpl$3 = ["<div class=\"k2b-chart__controls\"><button type=\"button\" class=\"k2b-button k2b-icon-button\" data-variant=\"secondary\"", " title=\"", "\"><i class=\"ti ti-plus\" aria-hidden=\"true\"></i></button><button type=\"button\" class=\"k2b-button k2b-icon-button\" data-variant=\"secondary\"", " title=\"", "\"><i class=\"ti ti-minus\" aria-hidden=\"true\"></i></button><button type=\"button\" class=\"k2b-button k2b-icon-button\" data-variant=\"secondary\"", " title=\"", "\"><i class=\"ti ti-focus-centered\" aria-hidden=\"true\"></i></button></div>"],
-  _tmpl$4 = ["<div class=\"", "\"", " style=\"", "\" role=\"group\"", "><div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div>", "", "</div>"],
-  _tmpl$5 = ["<div class=\"", "\" style=\"", "\">", "</div>"];
+var _tmpl$ = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
+  _tmpl$2 = "<span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span>",
+  _tmpl$3 = ["<span", " role=\"tooltip\" popover=\"manual\" data-instant=\"true\" class=\"k2b-tooltip k2b-chart__tooltip\"></span>"],
+  _tmpl$4 = ["<div class=\"k2b-chart__controls\">", "", "", "</div>"],
+  _tmpl$5 = ["<div class=\"", "\"", " style=\"", "\" role=\"group\"", "><div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div>", "", "</div>"],
+  _tmpl$6 = ["<div class=\"", "\" style=\"", "\">", "</div>"];
 import { charts } from "@k2b/stdlib";
 import { createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
 import { isServer } from "solid-js/web";
+import { IconButton } from "../actions/Button";
 import { useLocale } from "../intl/locale";
 import { useUiMessages } from "../intl/messages";
 import { createChartInspection } from "./chart-inspection";
@@ -424,27 +426,36 @@ const Chart = props => {
   const chartStyle = () => props.style ?? (props.kind === "stateTimeline" ? {
     height: `${stateTimelineHeight(props.rows.length, props.legend !== false)}px`
   } : undefined);
+  const control = (label, shortcut, icon, action) => _$createComponent(IconButton, {
+    variant: "secondary",
+    label: label,
+    tooltip: `${label} (${shortcut})`,
+    onClick: action,
+    get children() {
+      return _$ssr(_tmpl$, `ti ${_$escape(icon, true)}`);
+    }
+  });
   return _$createComponent(Show, {
     get when() {
       return !isEmpty(props);
     },
     get fallback() {
-      return _$ssr(_tmpl$5, `k2b-chart k2b-chart__empty ${_$escape(props.class ?? "", true)}`, _$ssrStyle(chartStyle()), _$escape(labels().empty ?? messages().noData));
+      return _$ssr(_tmpl$6, `k2b-chart k2b-chart__empty ${_$escape(props.class ?? "", true)}`, _$ssrStyle(chartStyle()), _$escape(labels().empty ?? messages().noData));
     },
     get children() {
-      return _$ssr(_tmpl$4, `k2b-chart ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-chart-kind", _$escape(props.kind, true), false) + _$ssrAttribute("data-drag", draggable() ? dragging() ? "active" : "idle" : _$escape(undefined, true), false) + _$ssrAttribute("data-crosshair", !draggable() && interactiveLine() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-interactive", interactive() ? "true" : _$escape(undefined, true), false), _$ssrStyle(chartStyle()), _$ssrAttribute("aria-label", interactiveMap() ? _$escape(labels().interactiveMap ?? messages().interactiveMap, true) : interactiveTimeline() ? _$escape(labels().interactiveTimeline ?? messages().interactiveTimeline, true) : interactiveLine() ? _$escape(labels().interactiveLine ?? messages().interactiveLineChart, true) : interactive() ? _$escape(labels().interactiveChart ?? messages().interactiveChart, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-description", interactive() ? _$escape(messages().interactiveChart, true) : _$escape(undefined, true), false) + _$ssrAttribute("tabindex", interactive() ? 0 : _$escape(undefined, true), false), _$ssrAttribute("data-stretch", !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$5, `k2b-chart ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-chart-kind", _$escape(props.kind, true), false) + _$ssrAttribute("data-drag", draggable() ? dragging() ? "active" : "idle" : _$escape(undefined, true), false) + _$ssrAttribute("data-crosshair", !draggable() && interactiveLine() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-interactive", interactive() ? "true" : _$escape(undefined, true), false), _$ssrStyle(chartStyle()), _$ssrAttribute("aria-label", interactiveMap() ? _$escape(labels().interactiveMap ?? messages().interactiveMap, true) : interactiveTimeline() ? _$escape(labels().interactiveTimeline ?? messages().interactiveTimeline, true) : interactiveLine() ? _$escape(labels().interactiveLine ?? messages().interactiveLineChart, true) : interactive() ? _$escape(labels().interactiveChart ?? messages().interactiveChart, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-description", interactive() ? _$escape(messages().interactiveChart, true) : _$escape(undefined, true), false) + _$ssrAttribute("tabindex", interactive() ? 0 : _$escape(undefined, true), false), _$ssrAttribute("data-stretch", !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$escape(_$createComponent(Show, {
         get when() {
           return interactive();
         },
         get children() {
-          return [_$ssr(_tmpl$), _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(chartTooltipId, true), false))];
+          return [_$ssr(_tmpl$2), _$ssr(_tmpl$3, _$ssrAttribute("id", _$escape(chartTooltipId, true), false))];
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return draggable();
         },
         get children() {
-          return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(labels().zoomIn ?? messages().zoomIn, true), false), `${_$escape(labels().zoomIn ?? messages().zoomIn, true)} (+)`, _$ssrAttribute("aria-label", _$escape(labels().zoomOut ?? messages().zoomOut, true), false), `${_$escape(labels().zoomOut ?? messages().zoomOut, true)} (-)`, _$ssrAttribute("aria-label", interactiveMap() ? _$escape(labels().resetMap ?? messages().resetMapView, true) : _$escape(labels().resetTimeline ?? messages().resetTimelineView, true), false), `${interactiveMap() ? _$escape(labels().resetMap ?? messages().resetMapView, true) : _$escape(labels().resetTimeline ?? messages().resetTimelineView, true)} (0)`);
+          return _$ssr(_tmpl$4, _$escape(control(labels().zoomIn ?? messages().zoomIn, "+", "ti-plus", () => zoom(1))), _$escape(control(labels().zoomOut ?? messages().zoomOut, "-", "ti-minus", () => zoom(-1))), _$escape(control(interactiveMap() ? labels().resetMap ?? messages().resetMapView : labels().resetTimeline ?? messages().resetTimelineView, "0", "ti-focus-centered", reset)));
         }
       })));
     }