@athenaintel/react 0.22.3 → 0.23.0

package/dist/chat/athena-chat-welcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"athena-chat-welcome.js","sources":["../../src/chat/athena-chat-welcome.tsx"],"sourcesContent":["import { ArrowRightIcon, FileTextIcon, PresentationIcon, SearchIcon } from 'lucide-react';\nimport { useCallback, type CSSProperties, type FC } from 'react';\nimport { useSendMessage } from '../composer/useSendMessage';\nimport { cn } from '../lib/utils';\nimport { usePrefersReducedMotion } from '../lib/use-prefers-reduced-motion';\n\nexport interface WelcomeSuggestion {\n  icon: React.ElementType;\n  title: string;\n  prompt: string;\n}\n\nexport const DEFAULT_WELCOME_SUGGESTIONS: WelcomeSuggestion[] = [\n  {\n    icon: SearchIcon,\n    title: 'Research a topic and draft a report',\n    prompt:\n      'Search the web for the latest developments in enterprise AI adoption, then create a document summarizing the key trends, market data, and strategic implications.',\n  },\n  {\n    icon: SearchIcon,\n    title: 'Compare recent AI model launches',\n    prompt:\n      'Search the web for the latest major AI model launches from OpenAI, Anthropic, and Google, then summarize the release dates, standout capabilities, and practical tradeoffs in a concise comparison table.',\n  },\n  {\n    icon: PresentationIcon,\n    title: 'Build a presentation from scratch',\n    prompt:\n      'Create a 5-slide investor update presentation covering market opportunity, product traction, key metrics, competitive positioning, and next steps.',\n  },\n  {\n    icon: FileTextIcon,\n    title: 'Set up a structured spreadsheet',\n    prompt:\n      'Create a project tracking spreadsheet with columns for task name, owner, priority, status, start date, due date, and completion percentage.',\n  },\n];\n\n/**\n * The empty state's entrance schedule: the greeting first, the suggestion\n * cards staggered behind it, the composer last. Every value is an inline\n * `animation-delay`, so a host reading the DOM sees the schedule as-is.\n */\nexport const WELCOME_GREETING_SUBTEXT_DELAY_MS = 60;\nexport const WELCOME_SUGGESTION_STAGGER_BASE_MS = 120;\nexport const WELCOME_SUGGESTION_STAGGER_STEP_MS = 70;\nexport const WELCOME_COMPOSER_ENTER_DELAY_MS = 360;\n\nexport function welcomeSuggestionDelayMs(index: number): number {\n  return WELCOME_SUGGESTION_STAGGER_BASE_MS + index * WELCOME_SUGGESTION_STAGGER_STEP_MS;\n}\n\n/** Gap between the last card and the composer, which always arrives last. */\nconst WELCOME_COMPOSER_AFTER_LAST_CARD_MS = 30;\n\n/**\n * When the composer enters: 360 ms behind the default four cards, and behind\n * the last card whenever a host supplies more (`welcomeSuggestions` is\n * unbounded), so the composer is always the final element to arrive.\n */\nexport function welcomeComposerDelayMs(suggestionCount: number): number {\n  if (suggestionCount <= 0) return WELCOME_COMPOSER_ENTER_DELAY_MS;\n  return Math.max(\n    WELCOME_COMPOSER_ENTER_DELAY_MS,\n    welcomeSuggestionDelayMs(suggestionCount - 1) + WELCOME_COMPOSER_AFTER_LAST_CARD_MS,\n  );\n}\n\n/** Fade + short rise; `fill-mode-both` holds the hidden start through a delay. */\nexport const WELCOME_ENTER_CLASS =\n  'animate-in fade-in slide-in-from-bottom-2 fill-mode-both animation-duration-300';\n\n/**\n * Inline entrance schedule for one element, or nothing under reduced motion\n * (no classes, no delay — the element is simply there).\n */\nexport function welcomeEntrance(\n  delayMs: number,\n  reducedMotion: boolean,\n): { className: string | undefined; style: CSSProperties | undefined } {\n  if (reducedMotion) return { className: undefined, style: undefined };\n  return { className: WELCOME_ENTER_CLASS, style: { animationDelay: `${delayMs}ms` } };\n}\n\nconst SuggestionCard: FC<{\n  suggestion: WelcomeSuggestion;\n  index: number;\n  reducedMotion: boolean;\n}> = ({ suggestion, index, reducedMotion }) => {\n  const Icon = suggestion.icon;\n  const sendMessage = useSendMessage();\n  const entrance = welcomeEntrance(welcomeSuggestionDelayMs(index), reducedMotion);\n\n  const handleClick = useCallback(() => {\n    void sendMessage(suggestion.prompt);\n  }, [sendMessage, suggestion.prompt]);\n\n  // Icon row above the title: the card reads the same at a 2-column width\n  // and in the one-row layout, where each card is about a quarter of the\n  // thread and a side-by-side icon would leave the title a few words wide.\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      className={cn(\n        'aui-thread-welcome-suggestion group flex flex-col items-start gap-2.5 rounded-xl border border-border/60 bg-card p-3.5 text-left shadow-sm transition-all duration-150 hover:border-border hover:bg-muted/40 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n        entrance.className,\n      )}\n      style={entrance.style}\n      data-welcome-suggestion={index}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground transition-colors group-hover:bg-primary/10 group-hover:text-primary\">\n          <Icon className=\"size-4\" />\n        </span>\n        <ArrowRightIcon className=\"size-3.5 shrink-0 text-muted-foreground/0 transition-all group-hover:text-muted-foreground\" />\n      </span>\n      <span className=\"text-[13px] font-medium leading-snug text-foreground\">\n        {suggestion.title}\n      </span>\n    </button>\n  );\n};\n\nexport interface AthenaChatWelcomeSuggestionsProps {\n  suggestions: readonly WelcomeSuggestion[];\n  className?: string;\n}\n\n/**\n * The suggestion cards, docked directly above the composer in the empty\n * state: equal-width in one row once the thread is 40rem wide, a two-column\n * grid below that (a container query on the thread root, so a chat embedded\n * in a narrow pane of a wide window wraps too). Cards stagger in at\n * 120 ms + 70 ms × index; none of it moves under reduced motion.\n */\nexport const AthenaChatWelcomeSuggestions: FC<AthenaChatWelcomeSuggestionsProps> = ({\n  suggestions,\n  className,\n}) => {\n  const reducedMotion = usePrefersReducedMotion();\n  if (suggestions.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        'aui-thread-welcome-suggestions grid w-full auto-rows-fr grid-cols-2 gap-2.5 @min-[40rem]:grid-flow-col @min-[40rem]:auto-cols-fr',\n        className,\n      )}\n      data-testid=\"athena-welcome-suggestions\"\n    >\n      {suggestions.map((suggestion, index) => (\n        <SuggestionCard\n          key={suggestion.title}\n          suggestion={suggestion}\n          index={index}\n          reducedMotion={reducedMotion}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport interface AthenaChatWelcomeProps {\n  welcomeMessage: string;\n  welcomeSubtext?: string;\n}\n\n/**\n * The greeting, centred in the viewport's free space while the thread is\n * empty. Fades and rises in; the subtext follows a beat later.\n */\nexport const AthenaChatWelcome: FC<AthenaChatWelcomeProps> = ({\n  welcomeMessage,\n  welcomeSubtext,\n}) => {\n  const reducedMotion = usePrefersReducedMotion();\n  const greeting = welcomeEntrance(0, reducedMotion);\n  const subtext = welcomeEntrance(WELCOME_GREETING_SUBTEXT_DELAY_MS, reducedMotion);\n  return (\n    <div className=\"aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col\">\n      <div className=\"aui-thread-welcome-center flex w-full grow flex-col items-center justify-center\">\n        <div className=\"aui-thread-welcome-message flex size-full flex-col justify-center px-4\">\n          <h2\n            className={cn(\n              'aui-thread-welcome-message-inner text-2xl font-semibold text-foreground',\n              greeting.className,\n            )}\n            style={greeting.style}\n          >\n            {welcomeMessage}\n          </h2>\n          {welcomeSubtext && (\n            <p\n              className={cn(\n                'aui-thread-welcome-message-inner text-lg text-muted-foreground',\n                subtext.className,\n              )}\n              style={subtext.style}\n            >\n              {welcomeSubtext}\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,8BAAmD;AAAA,EAC9D;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QACE;AAAA,EAAA;AAAA,EAEJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QACE;AAAA,EAAA;AAAA,EAEJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QACE;AAAA,EAAA;AAAA,EAEJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QACE;AAAA,EAAA;AAEN;AAOO,MAAM,oCAAoC;AAC1C,MAAM,qCAAqC;AAC3C,MAAM,qCAAqC;AAC3C,MAAM,kCAAkC;AAExC,SAAS,yBAAyB,OAAuB;AAC9D,SAAO,qCAAqC,QAAQ;AACtD;AAGA,MAAM,sCAAsC;AAOrC,SAAS,uBAAuB,iBAAiC;AACtE,MAAI,mBAAmB,EAAG,QAAO;AACjC,SAAO,KAAK;AAAA,IACV;AAAA,IACA,yBAAyB,kBAAkB,CAAC,IAAI;AAAA,EAAA;AAEpD;AAGO,MAAM,sBACX;AAMK,SAAS,gBACd,SACA,eACqE;AACrE,MAAI,cAAe,QAAO,EAAE,WAAW,QAAW,OAAO,OAAA;AACzD,SAAO,EAAE,WAAW,qBAAqB,OAAO,EAAE,gBAAgB,GAAG,OAAO,OAAK;AACnF;AAEA,MAAM,iBAID,CAAC,EAAE,YAAY,OAAO,oBAAoB;AAC7C,QAAM,OAAO,WAAW;AACxB,QAAM,cAAc,eAAA;AACpB,QAAM,WAAW,gBAAgB,yBAAyB,KAAK,GAAG,aAAa;AAE/E,QAAM,cAAc,YAAY,MAAM;AACpC,SAAK,YAAY,WAAW,MAAM;AAAA,EACpC,GAAG,CAAC,aAAa,WAAW,MAAM,CAAC;AAKnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA,SAAS;AAAA,MAAA;AAAA,MAEX,OAAO,SAAS;AAAA,MAChB,2BAAyB;AAAA,MAEzB,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,UAAA,oBAAC,UAAK,WAAU,sKACd,8BAAC,MAAA,EAAK,WAAU,UAAS,EAAA,CAC3B;AAAA,UACA,oBAAC,gBAAA,EAAe,WAAU,6FAAA,CAA6F;AAAA,QAAA,GACzH;AAAA,QACA,oBAAC,QAAA,EAAK,WAAU,wDACb,qBAAW,MAAA,CACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAcO,MAAM,+BAAsE,CAAC;AAAA,EAClF;AAAA,EACA;AACF,MAAM;AACJ,QAAM,gBAAgB,wBAAA;AACtB,MAAI,YAAY,WAAW,EAAG,QAAO;AACrC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MAEX,UAAA,YAAY,IAAI,CAAC,YAAY,UAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAHK,WAAW;AAAA,MAAA,CAKnB;AAAA,IAAA;AAAA,EAAA;AAGP;AAWO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AACF,MAAM;AACJ,QAAM,gBAAgB,wBAAA;AACtB,QAAM,WAAW,gBAAgB,GAAG,aAAa;AACjD,QAAM,UAAU,gBAAgB,mCAAmC,aAAa;AAChF,SACE,oBAAC,OAAA,EAAI,WAAU,gGACb,UAAA,oBAAC,OAAA,EAAI,WAAU,mFACb,UAAA,qBAAC,OAAA,EAAI,WAAU,0EACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS;AAAA,QAAA;AAAA,QAEX,OAAO,SAAS;AAAA,QAEf,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,kBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,QAAA;AAAA,QAEV,OAAO,QAAQ;AAAA,QAEd,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EAAA,CAEJ,GACF,GACF;AAEJ;"}

package/dist/chat/athena-composer-controls.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const tooltipIconButton = require("./tooltip-icon-button.cjs");
+const button = require("../ui/button.cjs");
+const AthenaComposerSendButton = ({
+  action,
+  onSend,
+  disabled,
+  title
+}) => {
+  const label = action === "queue" ? "Queue message" : "Send message";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltipIconButton.TooltipIconButton,
+    {
+      tooltip: title ?? label,
+      side: "bottom",
+      type: "button",
+      variant: "default",
+      size: "icon",
+      className: "aui-composer-send size-8 rounded-full disabled:opacity-30",
+      "aria-label": label,
+      "data-composer-action": action,
+      onClick: onSend,
+      disabled,
+      children: action === "queue" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListPlusIcon, { className: "aui-composer-send-icon size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+    }
+  );
+};
+const AthenaComposerStopButton = ({
+  onStop,
+  disabled,
+  title
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  button.Button,
+  {
+    type: "button",
+    variant: "default",
+    size: "icon",
+    className: "aui-composer-cancel size-8 rounded-full disabled:opacity-30",
+    "aria-label": "Stop generating",
+    "data-composer-action": "stop",
+    title,
+    onClick: onStop,
+    disabled,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+  }
+);
+const AthenaComposerMentionButton = ({
+  onClick,
+  disabled
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  tooltipIconButton.TooltipIconButton,
+  {
+    tooltip: "Mention an asset or tool",
+    side: "bottom",
+    type: "button",
+    variant: "ghost",
+    size: "icon",
+    className: "aui-composer-mention size-8 rounded-full text-muted-foreground hover:text-foreground disabled:opacity-30",
+    "aria-label": "Mention an asset or tool",
+    onClick,
+    disabled,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AtSignIcon, { className: "size-4" })
+  }
+);
+const ATHENA_COMPOSER_COMPONENTS = {
+  SendButton: AthenaComposerSendButton,
+  StopButton: AthenaComposerStopButton
+};
+exports.ATHENA_COMPOSER_COMPONENTS = ATHENA_COMPOSER_COMPONENTS;
+exports.AthenaComposerMentionButton = AthenaComposerMentionButton;
+exports.AthenaComposerSendButton = AthenaComposerSendButton;
+exports.AthenaComposerStopButton = AthenaComposerStopButton;
+//# sourceMappingURL=athena-composer-controls.cjs.map

package/dist/chat/athena-composer-controls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"athena-composer-controls.cjs","sources":["../../src/chat/athena-composer-controls.tsx"],"sourcesContent":["import { ArrowUpIcon, AtSignIcon, ListPlusIcon, SquareIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport type {\n  ComposerSendButtonProps,\n  ComposerStopButtonProps,\n} from '../chat-ui/messages/message-components';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { Button } from '../ui/button';\n\n/**\n * AthenaChat's composer rail controls, on the SDK's `aui-*` theming contract.\n *\n * Send is an ink circle with the arrow (a list-plus while a run is live and\n * the draft would queue); it reads as inert at 30% while there is nothing to\n * send. Stop is the same circle carrying a filled square. The `@` button\n * types the mention trigger for people who do not know the shortcut.\n */\nexport const AthenaComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled,\n  title,\n}) => {\n  const label = action === 'queue' ? 'Queue message' : 'Send message';\n  return (\n    <TooltipIconButton\n      tooltip={title ?? label}\n      side=\"bottom\"\n      type=\"button\"\n      variant=\"default\"\n      size=\"icon\"\n      className=\"aui-composer-send size-8 rounded-full disabled:opacity-30\"\n      aria-label={label}\n      data-composer-action={action}\n      onClick={onSend}\n      disabled={disabled}\n    >\n      {action === 'queue' ? (\n        <ListPlusIcon className=\"aui-composer-send-icon size-4\" />\n      ) : (\n        <ArrowUpIcon className=\"aui-composer-send-icon size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n};\n\nexport const AthenaComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled,\n  title,\n}) => (\n  <Button\n    type=\"button\"\n    variant=\"default\"\n    size=\"icon\"\n    className=\"aui-composer-cancel size-8 rounded-full disabled:opacity-30\"\n    aria-label=\"Stop generating\"\n    data-composer-action=\"stop\"\n    title={title}\n    onClick={onStop}\n    disabled={disabled}\n  >\n    <SquareIcon className=\"aui-composer-cancel-icon size-3 fill-current\" />\n  </Button>\n);\n\nexport interface AthenaComposerMentionButtonProps {\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nexport const AthenaComposerMentionButton: FC<AthenaComposerMentionButtonProps> = ({\n  onClick,\n  disabled,\n}) => (\n  <TooltipIconButton\n    tooltip=\"Mention an asset or tool\"\n    side=\"bottom\"\n    type=\"button\"\n    variant=\"ghost\"\n    size=\"icon\"\n    className=\"aui-composer-mention size-8 rounded-full text-muted-foreground hover:text-foreground disabled:opacity-30\"\n    aria-label=\"Mention an asset or tool\"\n    onClick={onClick}\n    disabled={disabled}\n  >\n    <AtSignIcon className=\"size-4\" />\n  </TooltipIconButton>\n);\n\nexport const ATHENA_COMPOSER_COMPONENTS = {\n  SendButton: AthenaComposerSendButton,\n  StopButton: AthenaComposerStopButton,\n};\n"],"names":["jsx","TooltipIconButton","ListPlusIcon","ArrowUpIcon","Button","SquareIcon","AtSignIcon"],"mappings":";;;;;;AAiBO,MAAM,2BAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,WAAW,UAAU,kBAAkB;AACrD,SACEA,2BAAAA;AAAAA,IAACC,kBAAAA;AAAAA,IAAA;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAY;AAAA,MACZ,wBAAsB;AAAA,MACtB,SAAS;AAAA,MACT;AAAA,MAEC,UAAA,WAAW,UACVD,2BAAAA,IAACE,YAAAA,cAAA,EAAa,WAAU,iCAAgC,IAExDF,2BAAAA,IAACG,YAAAA,aAAA,EAAY,WAAU,gCAAA,CAAgC;AAAA,IAAA;AAAA,EAAA;AAI/D;AAEO,MAAM,2BAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF,MACEH,2BAAAA;AAAAA,EAACI,OAAAA;AAAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,cAAW;AAAA,IACX,wBAAqB;AAAA,IACrB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IAEA,UAAAJ,2BAAAA,IAACK,YAAAA,YAAA,EAAW,WAAU,+CAAA,CAA+C;AAAA,EAAA;AACvE;AAQK,MAAM,8BAAoE,CAAC;AAAA,EAChF;AAAA,EACA;AACF,MACEL,2BAAAA;AAAAA,EAACC,kBAAAA;AAAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,cAAW;AAAA,IACX;AAAA,IACA;AAAA,IAEA,UAAAD,2BAAAA,IAACM,YAAAA,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,EAAA;AACjC;AAGK,MAAM,6BAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,YAAY;AACd;;;;;"}

package/dist/chat/athena-composer-controls.d.ts

@@ -0,0 +1,21 @@
+import type { FC } from 'react';
+import type { ComposerSendButtonProps, ComposerStopButtonProps } from '../chat-ui/messages/message-components';
+/**
+ * AthenaChat's composer rail controls, on the SDK's `aui-*` theming contract.
+ *
+ * Send is an ink circle with the arrow (a list-plus while a run is live and
+ * the draft would queue); it reads as inert at 30% while there is nothing to
+ * send. Stop is the same circle carrying a filled square. The `@` button
+ * types the mention trigger for people who do not know the shortcut.
+ */
+export declare const AthenaComposerSendButton: FC<ComposerSendButtonProps>;
+export declare const AthenaComposerStopButton: FC<ComposerStopButtonProps>;
+export interface AthenaComposerMentionButtonProps {
+    onClick: () => void;
+    disabled?: boolean;
+}
+export declare const AthenaComposerMentionButton: FC<AthenaComposerMentionButtonProps>;
+export declare const ATHENA_COMPOSER_COMPONENTS: {
+    SendButton: FC<ComposerSendButtonProps>;
+    StopButton: FC<ComposerStopButtonProps>;
+};

package/dist/chat/athena-composer-controls.js

@@ -0,0 +1,76 @@
+import { jsx } from "react/jsx-runtime";
+import { SquareIcon, ListPlusIcon, ArrowUpIcon, AtSignIcon } from "lucide-react";
+import { TooltipIconButton } from "./tooltip-icon-button.js";
+import { Button } from "../ui/button.js";
+const AthenaComposerSendButton = ({
+  action,
+  onSend,
+  disabled,
+  title
+}) => {
+  const label = action === "queue" ? "Queue message" : "Send message";
+  return /* @__PURE__ */ jsx(
+    TooltipIconButton,
+    {
+      tooltip: title ?? label,
+      side: "bottom",
+      type: "button",
+      variant: "default",
+      size: "icon",
+      className: "aui-composer-send size-8 rounded-full disabled:opacity-30",
+      "aria-label": label,
+      "data-composer-action": action,
+      onClick: onSend,
+      disabled,
+      children: action === "queue" ? /* @__PURE__ */ jsx(ListPlusIcon, { className: "aui-composer-send-icon size-4" }) : /* @__PURE__ */ jsx(ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+    }
+  );
+};
+const AthenaComposerStopButton = ({
+  onStop,
+  disabled,
+  title
+}) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    type: "button",
+    variant: "default",
+    size: "icon",
+    className: "aui-composer-cancel size-8 rounded-full disabled:opacity-30",
+    "aria-label": "Stop generating",
+    "data-composer-action": "stop",
+    title,
+    onClick: onStop,
+    disabled,
+    children: /* @__PURE__ */ jsx(SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+  }
+);
+const AthenaComposerMentionButton = ({
+  onClick,
+  disabled
+}) => /* @__PURE__ */ jsx(
+  TooltipIconButton,
+  {
+    tooltip: "Mention an asset or tool",
+    side: "bottom",
+    type: "button",
+    variant: "ghost",
+    size: "icon",
+    className: "aui-composer-mention size-8 rounded-full text-muted-foreground hover:text-foreground disabled:opacity-30",
+    "aria-label": "Mention an asset or tool",
+    onClick,
+    disabled,
+    children: /* @__PURE__ */ jsx(AtSignIcon, { className: "size-4" })
+  }
+);
+const ATHENA_COMPOSER_COMPONENTS = {
+  SendButton: AthenaComposerSendButton,
+  StopButton: AthenaComposerStopButton
+};
+export {
+  ATHENA_COMPOSER_COMPONENTS,
+  AthenaComposerMentionButton,
+  AthenaComposerSendButton,
+  AthenaComposerStopButton
+};
+//# sourceMappingURL=athena-composer-controls.js.map

package/dist/chat/athena-composer-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"athena-composer-controls.js","sources":["../../src/chat/athena-composer-controls.tsx"],"sourcesContent":["import { ArrowUpIcon, AtSignIcon, ListPlusIcon, SquareIcon } from 'lucide-react';\nimport type { FC } from 'react';\nimport type {\n  ComposerSendButtonProps,\n  ComposerStopButtonProps,\n} from '../chat-ui/messages/message-components';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { Button } from '../ui/button';\n\n/**\n * AthenaChat's composer rail controls, on the SDK's `aui-*` theming contract.\n *\n * Send is an ink circle with the arrow (a list-plus while a run is live and\n * the draft would queue); it reads as inert at 30% while there is nothing to\n * send. Stop is the same circle carrying a filled square. The `@` button\n * types the mention trigger for people who do not know the shortcut.\n */\nexport const AthenaComposerSendButton: FC<ComposerSendButtonProps> = ({\n  action,\n  onSend,\n  disabled,\n  title,\n}) => {\n  const label = action === 'queue' ? 'Queue message' : 'Send message';\n  return (\n    <TooltipIconButton\n      tooltip={title ?? label}\n      side=\"bottom\"\n      type=\"button\"\n      variant=\"default\"\n      size=\"icon\"\n      className=\"aui-composer-send size-8 rounded-full disabled:opacity-30\"\n      aria-label={label}\n      data-composer-action={action}\n      onClick={onSend}\n      disabled={disabled}\n    >\n      {action === 'queue' ? (\n        <ListPlusIcon className=\"aui-composer-send-icon size-4\" />\n      ) : (\n        <ArrowUpIcon className=\"aui-composer-send-icon size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n};\n\nexport const AthenaComposerStopButton: FC<ComposerStopButtonProps> = ({\n  onStop,\n  disabled,\n  title,\n}) => (\n  <Button\n    type=\"button\"\n    variant=\"default\"\n    size=\"icon\"\n    className=\"aui-composer-cancel size-8 rounded-full disabled:opacity-30\"\n    aria-label=\"Stop generating\"\n    data-composer-action=\"stop\"\n    title={title}\n    onClick={onStop}\n    disabled={disabled}\n  >\n    <SquareIcon className=\"aui-composer-cancel-icon size-3 fill-current\" />\n  </Button>\n);\n\nexport interface AthenaComposerMentionButtonProps {\n  onClick: () => void;\n  disabled?: boolean;\n}\n\nexport const AthenaComposerMentionButton: FC<AthenaComposerMentionButtonProps> = ({\n  onClick,\n  disabled,\n}) => (\n  <TooltipIconButton\n    tooltip=\"Mention an asset or tool\"\n    side=\"bottom\"\n    type=\"button\"\n    variant=\"ghost\"\n    size=\"icon\"\n    className=\"aui-composer-mention size-8 rounded-full text-muted-foreground hover:text-foreground disabled:opacity-30\"\n    aria-label=\"Mention an asset or tool\"\n    onClick={onClick}\n    disabled={disabled}\n  >\n    <AtSignIcon className=\"size-4\" />\n  </TooltipIconButton>\n);\n\nexport const ATHENA_COMPOSER_COMPONENTS = {\n  SendButton: AthenaComposerSendButton,\n  StopButton: AthenaComposerStopButton,\n};\n"],"names":[],"mappings":";;;;AAiBO,MAAM,2BAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,WAAW,UAAU,kBAAkB;AACrD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,SAAS;AAAA,MAClB,MAAK;AAAA,MACL,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAY;AAAA,MACZ,wBAAsB;AAAA,MACtB,SAAS;AAAA,MACT;AAAA,MAEC,UAAA,WAAW,UACV,oBAAC,cAAA,EAAa,WAAU,iCAAgC,IAExD,oBAAC,aAAA,EAAY,WAAU,gCAAA,CAAgC;AAAA,IAAA;AAAA,EAAA;AAI/D;AAEO,MAAM,2BAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,cAAW;AAAA,IACX,wBAAqB;AAAA,IACrB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IAEA,UAAA,oBAAC,YAAA,EAAW,WAAU,+CAAA,CAA+C;AAAA,EAAA;AACvE;AAQK,MAAM,8BAAoE,CAAC;AAAA,EAChF;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAU;AAAA,IACV,cAAW;AAAA,IACX;AAAA,IACA;AAAA,IAEA,UAAA,oBAAC,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,EAAA;AACjC;AAGK,MAAM,6BAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,YAAY;AACd;"}

package/dist/chat/composer-keyboard-hint.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const cnfast = require("cnfast");
+const COMPOSER_HINT_SEEN_STORAGE_KEY = "athena-sdk:composer-hint-seen";
+function readHintSeen() {
+  try {
+    return window.localStorage.getItem(COMPOSER_HINT_SEEN_STORAGE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeHintSeen() {
+  try {
+    window.localStorage.setItem(COMPOSER_HINT_SEEN_STORAGE_KEY, "1");
+  } catch {
+  }
+}
+function useComposerKeyboardHint() {
+  const [visible, setVisible] = react.useState(false);
+  const visibleRef = react.useRef(false);
+  const onFocus = react.useCallback(() => {
+    if (visibleRef.current || readHintSeen()) return;
+    visibleRef.current = true;
+    setVisible(true);
+  }, []);
+  const onSubmitted = react.useCallback(() => {
+    if (!visibleRef.current) return;
+    writeHintSeen();
+    visibleRef.current = false;
+    setVisible(false);
+  }, []);
+  return { visible, onFocus, onSubmitted };
+}
+const KEY_CLASS = "rounded border border-border/70 bg-muted/60 px-1 py-px font-sans text-[10px] text-foreground/70";
+const ComposerKeyboardHint = ({ visible, className }) => {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      className: cnfast.cn(
+        "aui-composer-hint animate-in fade-in fill-mode-both px-3 pt-1.5 text-[11px] leading-4 text-muted-foreground motion-reduce:animate-none",
+        className
+      ),
+      "data-testid": "athena-composer-keyboard-hint",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: KEY_CLASS, children: "Enter" }),
+        " to send · ",
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: KEY_CLASS, children: "Shift" }),
+        "+",
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: KEY_CLASS, children: "Enter" }),
+        " for a new line"
+      ]
+    }
+  );
+};
+exports.COMPOSER_HINT_SEEN_STORAGE_KEY = COMPOSER_HINT_SEEN_STORAGE_KEY;
+exports.ComposerKeyboardHint = ComposerKeyboardHint;
+exports.useComposerKeyboardHint = useComposerKeyboardHint;
+//# sourceMappingURL=composer-keyboard-hint.cjs.map

package/dist/chat/composer-keyboard-hint.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-keyboard-hint.cjs","sources":["../../src/chat/composer-keyboard-hint.tsx"],"sourcesContent":["import { useCallback, useRef, useState, type FC } from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * Browser-local marker that the viewer has seen the Enter / Shift+Enter hint.\n * Namespaced so a host page's own storage keys cannot collide with it.\n */\nexport const COMPOSER_HINT_SEEN_STORAGE_KEY = 'athena-sdk:composer-hint-seen';\n\nexport const COMPOSER_KEYBOARD_HINT_TEXT = 'Enter to send · Shift+Enter for a new line';\n\nfunction readHintSeen(): boolean {\n  try {\n    return window.localStorage.getItem(COMPOSER_HINT_SEEN_STORAGE_KEY) === '1';\n  } catch {\n    // Storage can be denied (sandboxed iframes, privacy modes); treat as\n    // unseen — the hint shows once more, which costs nothing.\n    return false;\n  }\n}\n\nfunction writeHintSeen(): void {\n  try {\n    window.localStorage.setItem(COMPOSER_HINT_SEEN_STORAGE_KEY, '1');\n  } catch {\n    // Same denial as above: the hint simply shows again next time.\n  }\n}\n\nexport interface ComposerKeyboardHintController {\n  /** Whether the hint is showing right now. */\n  visible: boolean;\n  /**\n   * Attach to the composer's focus (React `onFocus` on a wrapper receives\n   * the editor's focus, since it is delivered as `focusin`). Shows the hint\n   * the first time the composer is focused in a browser that has not seen it.\n   */\n  onFocus: () => void;\n  /** Call once a draft was sent: hides the hint and records it as seen. */\n  onSubmitted: () => void;\n}\n\n/**\n * The one-time \"Enter to send · Shift+Enter for a new line\" hint: appears\n * under the composer on its first focus in this browser and stays until the\n * first send, which records it as seen (`localStorage`) so it never returns.\n * A send made before the composer was ever focused (a suggestion card) leaves\n * the hint unshown and unrecorded, so typing later still gets the hint.\n */\nexport function useComposerKeyboardHint(): ComposerKeyboardHintController {\n  const [visible, setVisible] = useState(false);\n  // Mirrors `visible` for the handlers, which run outside render.\n  const visibleRef = useRef(false);\n\n  const onFocus = useCallback(() => {\n    if (visibleRef.current || readHintSeen()) return;\n    visibleRef.current = true;\n    setVisible(true);\n  }, []);\n\n  const onSubmitted = useCallback(() => {\n    if (!visibleRef.current) return;\n    writeHintSeen();\n    visibleRef.current = false;\n    setVisible(false);\n  }, []);\n\n  return { visible, onFocus, onSubmitted };\n}\n\nconst KEY_CLASS =\n  'rounded border border-border/70 bg-muted/60 px-1 py-px font-sans text-[10px] text-foreground/70';\n\nexport interface ComposerKeyboardHintProps {\n  visible: boolean;\n  className?: string;\n}\n\n/** The hint row under the composer surface; renders nothing while hidden. */\nexport const ComposerKeyboardHint: FC<ComposerKeyboardHintProps> = ({ visible, className }) => {\n  if (!visible) return null;\n  return (\n    <p\n      className={cn(\n        'aui-composer-hint animate-in fade-in fill-mode-both px-3 pt-1.5 text-[11px] leading-4 text-muted-foreground motion-reduce:animate-none',\n        className,\n      )}\n      data-testid=\"athena-composer-keyboard-hint\"\n    >\n      <kbd className={KEY_CLASS}>Enter</kbd> to send · <kbd className={KEY_CLASS}>Shift</kbd>+\n      <kbd className={KEY_CLASS}>Enter</kbd> for a new line\n    </p>\n  );\n};\n"],"names":["useState","useRef","useCallback","jsxs","cn","jsx"],"mappings":";;;;;AAOO,MAAM,iCAAiC;AAI9C,SAAS,eAAwB;AAC/B,MAAI;AACF,WAAO,OAAO,aAAa,QAAQ,8BAA8B,MAAM;AAAA,EACzE,QAAQ;AAGN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,gBAAsB;AAC7B,MAAI;AACF,WAAO,aAAa,QAAQ,gCAAgC,GAAG;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAsBO,SAAS,0BAA0D;AACxE,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAE5C,QAAM,aAAaC,MAAAA,OAAO,KAAK;AAE/B,QAAM,UAAUC,MAAAA,YAAY,MAAM;AAChC,QAAI,WAAW,WAAW,eAAgB;AAC1C,eAAW,UAAU;AACrB,eAAW,IAAI;AAAA,EACjB,GAAG,CAAA,CAAE;AAEL,QAAM,cAAcA,MAAAA,YAAY,MAAM;AACpC,QAAI,CAAC,WAAW,QAAS;AACzB,kBAAA;AACA,eAAW,UAAU;AACrB,eAAW,KAAK;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,SAAS,SAAS,YAAA;AAC7B;AAEA,MAAM,YACJ;AAQK,MAAM,uBAAsD,CAAC,EAAE,SAAS,gBAAgB;AAC7F,MAAI,CAAC,QAAS,QAAO;AACrB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,OAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,QAAWA,2BAAAA,IAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,QACvFA,2BAAAA,IAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;;;;"}

package/dist/chat/composer-keyboard-hint.d.ts

@@ -0,0 +1,33 @@
+import { type FC } from 'react';
+/**
+ * Browser-local marker that the viewer has seen the Enter / Shift+Enter hint.
+ * Namespaced so a host page's own storage keys cannot collide with it.
+ */
+export declare const COMPOSER_HINT_SEEN_STORAGE_KEY = "athena-sdk:composer-hint-seen";
+export declare const COMPOSER_KEYBOARD_HINT_TEXT = "Enter to send \u00B7 Shift+Enter for a new line";
+export interface ComposerKeyboardHintController {
+    /** Whether the hint is showing right now. */
+    visible: boolean;
+    /**
+     * Attach to the composer's focus (React `onFocus` on a wrapper receives
+     * the editor's focus, since it is delivered as `focusin`). Shows the hint
+     * the first time the composer is focused in a browser that has not seen it.
+     */
+    onFocus: () => void;
+    /** Call once a draft was sent: hides the hint and records it as seen. */
+    onSubmitted: () => void;
+}
+/**
+ * The one-time "Enter to send · Shift+Enter for a new line" hint: appears
+ * under the composer on its first focus in this browser and stays until the
+ * first send, which records it as seen (`localStorage`) so it never returns.
+ * A send made before the composer was ever focused (a suggestion card) leaves
+ * the hint unshown and unrecorded, so typing later still gets the hint.
+ */
+export declare function useComposerKeyboardHint(): ComposerKeyboardHintController;
+export interface ComposerKeyboardHintProps {
+    visible: boolean;
+    className?: string;
+}
+/** The hint row under the composer surface; renders nothing while hidden. */
+export declare const ComposerKeyboardHint: FC<ComposerKeyboardHintProps>;

package/dist/chat/composer-keyboard-hint.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
+import { cn } from "cnfast";
+const COMPOSER_HINT_SEEN_STORAGE_KEY = "athena-sdk:composer-hint-seen";
+function readHintSeen() {
+  try {
+    return window.localStorage.getItem(COMPOSER_HINT_SEEN_STORAGE_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function writeHintSeen() {
+  try {
+    window.localStorage.setItem(COMPOSER_HINT_SEEN_STORAGE_KEY, "1");
+  } catch {
+  }
+}
+function useComposerKeyboardHint() {
+  const [visible, setVisible] = useState(false);
+  const visibleRef = useRef(false);
+  const onFocus = useCallback(() => {
+    if (visibleRef.current || readHintSeen()) return;
+    visibleRef.current = true;
+    setVisible(true);
+  }, []);
+  const onSubmitted = useCallback(() => {
+    if (!visibleRef.current) return;
+    writeHintSeen();
+    visibleRef.current = false;
+    setVisible(false);
+  }, []);
+  return { visible, onFocus, onSubmitted };
+}
+const KEY_CLASS = "rounded border border-border/70 bg-muted/60 px-1 py-px font-sans text-[10px] text-foreground/70";
+const ComposerKeyboardHint = ({ visible, className }) => {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: cn(
+        "aui-composer-hint animate-in fade-in fill-mode-both px-3 pt-1.5 text-[11px] leading-4 text-muted-foreground motion-reduce:animate-none",
+        className
+      ),
+      "data-testid": "athena-composer-keyboard-hint",
+      children: [
+        /* @__PURE__ */ jsx("kbd", { className: KEY_CLASS, children: "Enter" }),
+        " to send · ",
+        /* @__PURE__ */ jsx("kbd", { className: KEY_CLASS, children: "Shift" }),
+        "+",
+        /* @__PURE__ */ jsx("kbd", { className: KEY_CLASS, children: "Enter" }),
+        " for a new line"
+      ]
+    }
+  );
+};
+export {
+  COMPOSER_HINT_SEEN_STORAGE_KEY,
+  ComposerKeyboardHint,
+  useComposerKeyboardHint
+};
+//# sourceMappingURL=composer-keyboard-hint.js.map

package/dist/chat/composer-keyboard-hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer-keyboard-hint.js","sources":["../../src/chat/composer-keyboard-hint.tsx"],"sourcesContent":["import { useCallback, useRef, useState, type FC } from 'react';\nimport { cn } from '../lib/utils';\n\n/**\n * Browser-local marker that the viewer has seen the Enter / Shift+Enter hint.\n * Namespaced so a host page's own storage keys cannot collide with it.\n */\nexport const COMPOSER_HINT_SEEN_STORAGE_KEY = 'athena-sdk:composer-hint-seen';\n\nexport const COMPOSER_KEYBOARD_HINT_TEXT = 'Enter to send · Shift+Enter for a new line';\n\nfunction readHintSeen(): boolean {\n  try {\n    return window.localStorage.getItem(COMPOSER_HINT_SEEN_STORAGE_KEY) === '1';\n  } catch {\n    // Storage can be denied (sandboxed iframes, privacy modes); treat as\n    // unseen — the hint shows once more, which costs nothing.\n    return false;\n  }\n}\n\nfunction writeHintSeen(): void {\n  try {\n    window.localStorage.setItem(COMPOSER_HINT_SEEN_STORAGE_KEY, '1');\n  } catch {\n    // Same denial as above: the hint simply shows again next time.\n  }\n}\n\nexport interface ComposerKeyboardHintController {\n  /** Whether the hint is showing right now. */\n  visible: boolean;\n  /**\n   * Attach to the composer's focus (React `onFocus` on a wrapper receives\n   * the editor's focus, since it is delivered as `focusin`). Shows the hint\n   * the first time the composer is focused in a browser that has not seen it.\n   */\n  onFocus: () => void;\n  /** Call once a draft was sent: hides the hint and records it as seen. */\n  onSubmitted: () => void;\n}\n\n/**\n * The one-time \"Enter to send · Shift+Enter for a new line\" hint: appears\n * under the composer on its first focus in this browser and stays until the\n * first send, which records it as seen (`localStorage`) so it never returns.\n * A send made before the composer was ever focused (a suggestion card) leaves\n * the hint unshown and unrecorded, so typing later still gets the hint.\n */\nexport function useComposerKeyboardHint(): ComposerKeyboardHintController {\n  const [visible, setVisible] = useState(false);\n  // Mirrors `visible` for the handlers, which run outside render.\n  const visibleRef = useRef(false);\n\n  const onFocus = useCallback(() => {\n    if (visibleRef.current || readHintSeen()) return;\n    visibleRef.current = true;\n    setVisible(true);\n  }, []);\n\n  const onSubmitted = useCallback(() => {\n    if (!visibleRef.current) return;\n    writeHintSeen();\n    visibleRef.current = false;\n    setVisible(false);\n  }, []);\n\n  return { visible, onFocus, onSubmitted };\n}\n\nconst KEY_CLASS =\n  'rounded border border-border/70 bg-muted/60 px-1 py-px font-sans text-[10px] text-foreground/70';\n\nexport interface ComposerKeyboardHintProps {\n  visible: boolean;\n  className?: string;\n}\n\n/** The hint row under the composer surface; renders nothing while hidden. */\nexport const ComposerKeyboardHint: FC<ComposerKeyboardHintProps> = ({ visible, className }) => {\n  if (!visible) return null;\n  return (\n    <p\n      className={cn(\n        'aui-composer-hint animate-in fade-in fill-mode-both px-3 pt-1.5 text-[11px] leading-4 text-muted-foreground motion-reduce:animate-none',\n        className,\n      )}\n      data-testid=\"athena-composer-keyboard-hint\"\n    >\n      <kbd className={KEY_CLASS}>Enter</kbd> to send · <kbd className={KEY_CLASS}>Shift</kbd>+\n      <kbd className={KEY_CLASS}>Enter</kbd> for a new line\n    </p>\n  );\n};\n"],"names":[],"mappings":";;;AAOO,MAAM,iCAAiC;AAI9C,SAAS,eAAwB;AAC/B,MAAI;AACF,WAAO,OAAO,aAAa,QAAQ,8BAA8B,MAAM;AAAA,EACzE,QAAQ;AAGN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,gBAAsB;AAC7B,MAAI;AACF,WAAO,aAAa,QAAQ,gCAAgC,GAAG;AAAA,EACjE,QAAQ;AAAA,EAER;AACF;AAsBO,SAAS,0BAA0D;AACxE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,aAAa,OAAO,KAAK;AAE/B,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,WAAW,WAAW,eAAgB;AAC1C,eAAW,UAAU;AACrB,eAAW,IAAI;AAAA,EACjB,GAAG,CAAA,CAAE;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,CAAC,WAAW,QAAS;AACzB,kBAAA;AACA,eAAW,UAAU;AACrB,eAAW,KAAK;AAAA,EAClB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,SAAS,SAAS,YAAA;AAC7B;AAEA,MAAM,YACJ;AAQK,MAAM,uBAAsD,CAAC,EAAE,SAAS,gBAAgB;AAC7F,MAAI,CAAC,QAAS,QAAO;AACrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,QAAW,oBAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,QACvF,oBAAC,OAAA,EAAI,WAAW,WAAW,UAAA,SAAK;AAAA,QAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5C;"}

package/dist/chat/message-time.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MESSAGE_CREATED_AT_KEY = "_created_at";
+function parseMessageTime(value) {
+  if (typeof value !== "string" || value.length === 0) return null;
+  const time = Date.parse(value);
+  return Number.isNaN(time) ? null : new Date(time);
+}
+function readMessageCreatedAt(custom) {
+  const value = custom == null ? void 0 : custom[MESSAGE_CREATED_AT_KEY];
+  return parseMessageTime(value) ? value : null;
+}
+function dayKey(date, timeZone) {
+  return new Intl.DateTimeFormat("en-CA", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function isSameCalendarDay(a, b, timeZone) {
+  return dayKey(a, timeZone) === dayKey(b, timeZone);
+}
+function previousDayKey(key) {
+  const [year, month, day] = key.split("-").map(Number);
+  return dayKey(new Date(Date.UTC(year, month - 1, day - 1)), "UTC");
+}
+function formatMessageTime(date, { locale, timeZone } = {}) {
+  return new Intl.DateTimeFormat(locale, {
+    hour: "numeric",
+    minute: "2-digit",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function formatMessageDateTime(date, { locale, timeZone } = {}) {
+  return new Intl.DateTimeFormat(locale, {
+    dateStyle: "full",
+    timeStyle: "short",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function formatDayLabel(date, { now = /* @__PURE__ */ new Date(), locale, timeZone } = {}) {
+  const key = dayKey(date, timeZone);
+  const todayKey = dayKey(now, timeZone);
+  if (key === todayKey) return "Today";
+  if (key === previousDayKey(todayKey)) return "Yesterday";
+  const sameYear = key.slice(0, 4) === todayKey.slice(0, 4);
+  return new Intl.DateTimeFormat(locale, {
+    ...sameYear ? { weekday: "short" } : { year: "numeric" },
+    month: "short",
+    day: "numeric",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+exports.MESSAGE_CREATED_AT_KEY = MESSAGE_CREATED_AT_KEY;
+exports.dayKey = dayKey;
+exports.formatDayLabel = formatDayLabel;
+exports.formatMessageDateTime = formatMessageDateTime;
+exports.formatMessageTime = formatMessageTime;
+exports.isSameCalendarDay = isSameCalendarDay;
+exports.parseMessageTime = parseMessageTime;
+exports.previousDayKey = previousDayKey;
+exports.readMessageCreatedAt = readMessageCreatedAt;
+//# sourceMappingURL=message-time.cjs.map

package/dist/chat/message-time.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-time.cjs","sources":["../../src/chat/message-time.ts"],"sourcesContent":["/**\n * When a message was created, for the thread's hover timestamps and day\n * separators.\n *\n * The runtime stamps every deep-agent message with `_created_at` (an ISO\n * instant) inside `additional_kwargs.metadata`, the one channel the shared\n * converter exposes as `message.metadata.custom`. That stamp is the only\n * truthful clock: assistant-ui fills `message.createdAt` with `new Date()` at\n * conversion time, which is \"now\" on every wire update — so a message without\n * the stamp shows no time rather than a wrong one.\n */\n\nexport const MESSAGE_CREATED_AT_KEY = \"_created_at\";\n\nexport interface MessageTimeFormatOptions {\n  /** BCP 47 locale; the browser's by default. Tests pass one for determinism. */\n  locale?: string;\n  /** IANA time zone; the browser's by default. Tests pass one for determinism. */\n  timeZone?: string;\n}\n\n/** The stamp as a `Date`, or `null` when absent or unparseable. */\nexport function parseMessageTime(value: unknown): Date | null {\n  if (typeof value !== \"string\" || value.length === 0) return null;\n  const time = Date.parse(value);\n  return Number.isNaN(time) ? null : new Date(time);\n}\n\n/** The `_created_at` stamp off a message's `metadata.custom`, when it carries a valid one. */\nexport function readMessageCreatedAt(\n  custom: Record<string, unknown> | undefined,\n): string | null {\n  const value = custom?.[MESSAGE_CREATED_AT_KEY];\n  return parseMessageTime(value) ? (value as string) : null;\n}\n\n/** A `YYYY-MM-DD` key for the calendar day `date` falls on in `timeZone`. */\nexport function dayKey(date: Date, timeZone?: string): string {\n  // en-CA formats as YYYY-MM-DD, which sorts and compares as plain text.\n  return new Intl.DateTimeFormat(\"en-CA\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/** Whether two instants fall on the same calendar day. */\nexport function isSameCalendarDay(a: Date, b: Date, timeZone?: string): boolean {\n  return dayKey(a, timeZone) === dayKey(b, timeZone);\n}\n\n/**\n * The calendar day before a `YYYY-MM-DD` key. Computed on the calendar, not\n * by subtracting 24 hours from an instant: across a daylight-saving change a\n * local day is 23 or 25 hours long, so an instant a day earlier can land two\n * calendar days back (or on the same day) just after midnight.\n */\nexport function previousDayKey(key: string): string {\n  const [year, month, day] = key.split(\"-\").map(Number);\n  return dayKey(new Date(Date.UTC(year!, month! - 1, day! - 1)), \"UTC\");\n}\n\n/** The short clock time shown on hover (\"3:42 PM\"). */\nexport function formatMessageTime(\n  date: Date,\n  { locale, timeZone }: MessageTimeFormatOptions = {},\n): string {\n  return new Intl.DateTimeFormat(locale, {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/** The full date and time for a `title` (\"Monday, September 21, 2026 at 3:42 PM\"). */\nexport function formatMessageDateTime(\n  date: Date,\n  { locale, timeZone }: MessageTimeFormatOptions = {},\n): string {\n  return new Intl.DateTimeFormat(locale, {\n    dateStyle: \"full\",\n    timeStyle: \"short\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/**\n * The day separator's label: \"Today\", \"Yesterday\", else the weekday and date\n * (\"Mon, Sep 21\"), with the year once the day is not in the current year\n * (\"Sep 21, 2025\").\n */\nexport function formatDayLabel(\n  date: Date,\n  { now = new Date(), locale, timeZone }: MessageTimeFormatOptions & { now?: Date } = {},\n): string {\n  const key = dayKey(date, timeZone);\n  const todayKey = dayKey(now, timeZone);\n  if (key === todayKey) return \"Today\";\n  if (key === previousDayKey(todayKey)) return \"Yesterday\";\n  const sameYear = key.slice(0, 4) === todayKey.slice(0, 4);\n  return new Intl.DateTimeFormat(locale, {\n    ...(sameYear ? { weekday: \"short\" } : { year: \"numeric\" }),\n    month: \"short\",\n    day: \"numeric\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n"],"names":[],"mappings":";;AAYO,MAAM,yBAAyB;AAU/B,SAAS,iBAAiB,OAA6B;AAC5D,MAAI,OAAO,UAAU,YAAY,MAAM,WAAW,EAAG,QAAO;AAC5D,QAAM,OAAO,KAAK,MAAM,KAAK;AAC7B,SAAO,OAAO,MAAM,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI;AAClD;AAGO,SAAS,qBACd,QACe;AACf,QAAM,QAAQ,iCAAS;AACvB,SAAO,iBAAiB,KAAK,IAAK,QAAmB;AACvD;AAGO,SAAS,OAAO,MAAY,UAA2B;AAE5D,SAAO,IAAI,KAAK,eAAe,SAAS;AAAA,IACtC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,kBAAkB,GAAS,GAAS,UAA4B;AAC9E,SAAO,OAAO,GAAG,QAAQ,MAAM,OAAO,GAAG,QAAQ;AACnD;AAQO,SAAS,eAAe,KAAqB;AAClD,QAAM,CAAC,MAAM,OAAO,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI,MAAM;AACpD,SAAO,OAAO,IAAI,KAAK,KAAK,IAAI,MAAO,QAAS,GAAG,MAAO,CAAC,CAAC,GAAG,KAAK;AACtE;AAGO,SAAS,kBACd,MACA,EAAE,QAAQ,SAAA,IAAuC,CAAA,GACzC;AACR,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,sBACd,MACA,EAAE,QAAQ,SAAA,IAAuC,CAAA,GACzC;AACR,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,WAAW;AAAA,IACX,WAAW;AAAA,IACX,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAOO,SAAS,eACd,MACA,EAAE,MAAM,oBAAI,KAAA,GAAQ,QAAQ,SAAA,IAAwD,IAC5E;AACR,QAAM,MAAM,OAAO,MAAM,QAAQ;AACjC,QAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,MAAI,QAAQ,SAAU,QAAO;AAC7B,MAAI,QAAQ,eAAe,QAAQ,EAAG,QAAO;AAC7C,QAAM,WAAW,IAAI,MAAM,GAAG,CAAC,MAAM,SAAS,MAAM,GAAG,CAAC;AACxD,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,GAAI,WAAW,EAAE,SAAS,YAAY,EAAE,MAAM,UAAA;AAAA,IAC9C,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;;;;;;;;;;"}

package/dist/chat/message-time.d.ts

@@ -0,0 +1,45 @@
+/**
+ * When a message was created, for the thread's hover timestamps and day
+ * separators.
+ *
+ * The runtime stamps every deep-agent message with `_created_at` (an ISO
+ * instant) inside `additional_kwargs.metadata`, the one channel the shared
+ * converter exposes as `message.metadata.custom`. That stamp is the only
+ * truthful clock: assistant-ui fills `message.createdAt` with `new Date()` at
+ * conversion time, which is "now" on every wire update — so a message without
+ * the stamp shows no time rather than a wrong one.
+ */
+export declare const MESSAGE_CREATED_AT_KEY = "_created_at";
+export interface MessageTimeFormatOptions {
+    /** BCP 47 locale; the browser's by default. Tests pass one for determinism. */
+    locale?: string;
+    /** IANA time zone; the browser's by default. Tests pass one for determinism. */
+    timeZone?: string;
+}
+/** The stamp as a `Date`, or `null` when absent or unparseable. */
+export declare function parseMessageTime(value: unknown): Date | null;
+/** The `_created_at` stamp off a message's `metadata.custom`, when it carries a valid one. */
+export declare function readMessageCreatedAt(custom: Record<string, unknown> | undefined): string | null;
+/** A `YYYY-MM-DD` key for the calendar day `date` falls on in `timeZone`. */
+export declare function dayKey(date: Date, timeZone?: string): string;
+/** Whether two instants fall on the same calendar day. */
+export declare function isSameCalendarDay(a: Date, b: Date, timeZone?: string): boolean;
+/**
+ * The calendar day before a `YYYY-MM-DD` key. Computed on the calendar, not
+ * by subtracting 24 hours from an instant: across a daylight-saving change a
+ * local day is 23 or 25 hours long, so an instant a day earlier can land two
+ * calendar days back (or on the same day) just after midnight.
+ */
+export declare function previousDayKey(key: string): string;
+/** The short clock time shown on hover ("3:42 PM"). */
+export declare function formatMessageTime(date: Date, { locale, timeZone }?: MessageTimeFormatOptions): string;
+/** The full date and time for a `title` ("Monday, September 21, 2026 at 3:42 PM"). */
+export declare function formatMessageDateTime(date: Date, { locale, timeZone }?: MessageTimeFormatOptions): string;
+/**
+ * The day separator's label: "Today", "Yesterday", else the weekday and date
+ * ("Mon, Sep 21"), with the year once the day is not in the current year
+ * ("Sep 21, 2025").
+ */
+export declare function formatDayLabel(date: Date, { now, locale, timeZone }?: MessageTimeFormatOptions & {
+    now?: Date;
+}): string;

package/dist/chat/message-time.js

@@ -0,0 +1,64 @@
+const MESSAGE_CREATED_AT_KEY = "_created_at";
+function parseMessageTime(value) {
+  if (typeof value !== "string" || value.length === 0) return null;
+  const time = Date.parse(value);
+  return Number.isNaN(time) ? null : new Date(time);
+}
+function readMessageCreatedAt(custom) {
+  const value = custom == null ? void 0 : custom[MESSAGE_CREATED_AT_KEY];
+  return parseMessageTime(value) ? value : null;
+}
+function dayKey(date, timeZone) {
+  return new Intl.DateTimeFormat("en-CA", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function isSameCalendarDay(a, b, timeZone) {
+  return dayKey(a, timeZone) === dayKey(b, timeZone);
+}
+function previousDayKey(key) {
+  const [year, month, day] = key.split("-").map(Number);
+  return dayKey(new Date(Date.UTC(year, month - 1, day - 1)), "UTC");
+}
+function formatMessageTime(date, { locale, timeZone } = {}) {
+  return new Intl.DateTimeFormat(locale, {
+    hour: "numeric",
+    minute: "2-digit",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function formatMessageDateTime(date, { locale, timeZone } = {}) {
+  return new Intl.DateTimeFormat(locale, {
+    dateStyle: "full",
+    timeStyle: "short",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+function formatDayLabel(date, { now = /* @__PURE__ */ new Date(), locale, timeZone } = {}) {
+  const key = dayKey(date, timeZone);
+  const todayKey = dayKey(now, timeZone);
+  if (key === todayKey) return "Today";
+  if (key === previousDayKey(todayKey)) return "Yesterday";
+  const sameYear = key.slice(0, 4) === todayKey.slice(0, 4);
+  return new Intl.DateTimeFormat(locale, {
+    ...sameYear ? { weekday: "short" } : { year: "numeric" },
+    month: "short",
+    day: "numeric",
+    ...timeZone ? { timeZone } : {}
+  }).format(date);
+}
+export {
+  MESSAGE_CREATED_AT_KEY,
+  dayKey,
+  formatDayLabel,
+  formatMessageDateTime,
+  formatMessageTime,
+  isSameCalendarDay,
+  parseMessageTime,
+  previousDayKey,
+  readMessageCreatedAt
+};
+//# sourceMappingURL=message-time.js.map

package/dist/chat/message-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-time.js","sources":["../../src/chat/message-time.ts"],"sourcesContent":["/**\n * When a message was created, for the thread's hover timestamps and day\n * separators.\n *\n * The runtime stamps every deep-agent message with `_created_at` (an ISO\n * instant) inside `additional_kwargs.metadata`, the one channel the shared\n * converter exposes as `message.metadata.custom`. That stamp is the only\n * truthful clock: assistant-ui fills `message.createdAt` with `new Date()` at\n * conversion time, which is \"now\" on every wire update — so a message without\n * the stamp shows no time rather than a wrong one.\n */\n\nexport const MESSAGE_CREATED_AT_KEY = \"_created_at\";\n\nexport interface MessageTimeFormatOptions {\n  /** BCP 47 locale; the browser's by default. Tests pass one for determinism. */\n  locale?: string;\n  /** IANA time zone; the browser's by default. Tests pass one for determinism. */\n  timeZone?: string;\n}\n\n/** The stamp as a `Date`, or `null` when absent or unparseable. */\nexport function parseMessageTime(value: unknown): Date | null {\n  if (typeof value !== \"string\" || value.length === 0) return null;\n  const time = Date.parse(value);\n  return Number.isNaN(time) ? null : new Date(time);\n}\n\n/** The `_created_at` stamp off a message's `metadata.custom`, when it carries a valid one. */\nexport function readMessageCreatedAt(\n  custom: Record<string, unknown> | undefined,\n): string | null {\n  const value = custom?.[MESSAGE_CREATED_AT_KEY];\n  return parseMessageTime(value) ? (value as string) : null;\n}\n\n/** A `YYYY-MM-DD` key for the calendar day `date` falls on in `timeZone`. */\nexport function dayKey(date: Date, timeZone?: string): string {\n  // en-CA formats as YYYY-MM-DD, which sorts and compares as plain text.\n  return new Intl.DateTimeFormat(\"en-CA\", {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/** Whether two instants fall on the same calendar day. */\nexport function isSameCalendarDay(a: Date, b: Date, timeZone?: string): boolean {\n  return dayKey(a, timeZone) === dayKey(b, timeZone);\n}\n\n/**\n * The calendar day before a `YYYY-MM-DD` key. Computed on the calendar, not\n * by subtracting 24 hours from an instant: across a daylight-saving change a\n * local day is 23 or 25 hours long, so an instant a day earlier can land two\n * calendar days back (or on the same day) just after midnight.\n */\nexport function previousDayKey(key: string): string {\n  const [year, month, day] = key.split(\"-\").map(Number);\n  return dayKey(new Date(Date.UTC(year!, month! - 1, day! - 1)), \"UTC\");\n}\n\n/** The short clock time shown on hover (\"3:42 PM\"). */\nexport function formatMessageTime(\n  date: Date,\n  { locale, timeZone }: MessageTimeFormatOptions = {},\n): string {\n  return new Intl.DateTimeFormat(locale, {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/** The full date and time for a `title` (\"Monday, September 21, 2026 at 3:42 PM\"). */\nexport function formatMessageDateTime(\n  date: Date,\n  { locale, timeZone }: MessageTimeFormatOptions = {},\n): string {\n  return new Intl.DateTimeFormat(locale, {\n    dateStyle: \"full\",\n    timeStyle: \"short\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n\n/**\n * The day separator's label: \"Today\", \"Yesterday\", else the weekday and date\n * (\"Mon, Sep 21\"), with the year once the day is not in the current year\n * (\"Sep 21, 2025\").\n */\nexport function formatDayLabel(\n  date: Date,\n  { now = new Date(), locale, timeZone }: MessageTimeFormatOptions & { now?: Date } = {},\n): string {\n  const key = dayKey(date, timeZone);\n  const todayKey = dayKey(now, timeZone);\n  if (key === todayKey) return \"Today\";\n  if (key === previousDayKey(todayKey)) return \"Yesterday\";\n  const sameYear = key.slice(0, 4) === todayKey.slice(0, 4);\n  return new Intl.DateTimeFormat(locale, {\n    ...(sameYear ? { weekday: \"short\" } : { year: \"numeric\" }),\n    month: \"short\",\n    day: \"numeric\",\n    ...(timeZone ? { timeZone } : {}),\n  }).format(date);\n}\n"],"names":[],"mappings":"AAYO,MAAM,yBAAyB;AAU/B,SAAS,iBAAiB,OAA6B;AAC5D,MAAI,OAAO,UAAU,YAAY,MAAM,WAAW,EAAG,QAAO;AAC5D,QAAM,OAAO,KAAK,MAAM,KAAK;AAC7B,SAAO,OAAO,MAAM,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI;AAClD;AAGO,SAAS,qBACd,QACe;AACf,QAAM,QAAQ,iCAAS;AACvB,SAAO,iBAAiB,KAAK,IAAK,QAAmB;AACvD;AAGO,SAAS,OAAO,MAAY,UAA2B;AAE5D,SAAO,IAAI,KAAK,eAAe,SAAS;AAAA,IACtC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,kBAAkB,GAAS,GAAS,UAA4B;AAC9E,SAAO,OAAO,GAAG,QAAQ,MAAM,OAAO,GAAG,QAAQ;AACnD;AAQO,SAAS,eAAe,KAAqB;AAClD,QAAM,CAAC,MAAM,OAAO,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI,MAAM;AACpD,SAAO,OAAO,IAAI,KAAK,KAAK,IAAI,MAAO,QAAS,GAAG,MAAO,CAAC,CAAC,GAAG,KAAK;AACtE;AAGO,SAAS,kBACd,MACA,EAAE,QAAQ,SAAA,IAAuC,CAAA,GACzC;AACR,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,sBACd,MACA,EAAE,QAAQ,SAAA,IAAuC,CAAA,GACzC;AACR,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,WAAW;AAAA,IACX,WAAW;AAAA,IACX,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;AAOO,SAAS,eACd,MACA,EAAE,MAAM,oBAAI,KAAA,GAAQ,QAAQ,SAAA,IAAwD,IAC5E;AACR,QAAM,MAAM,OAAO,MAAM,QAAQ;AACjC,QAAM,WAAW,OAAO,KAAK,QAAQ;AACrC,MAAI,QAAQ,SAAU,QAAO;AAC7B,MAAI,QAAQ,eAAe,QAAQ,EAAG,QAAO;AAC7C,QAAM,WAAW,IAAI,MAAM,GAAG,CAAC,MAAM,SAAS,MAAM,GAAG,CAAC;AACxD,SAAO,IAAI,KAAK,eAAe,QAAQ;AAAA,IACrC,GAAI,WAAW,EAAE,SAAS,YAAY,EAAE,MAAM,UAAA;AAAA,IAC9C,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC,CAChC,EAAE,OAAO,IAAI;AAChB;"}