@servicetitan/anvil2-ext-atlas 1.2.3 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @servicetitan/anvil2-ext-atlas
 
+## 2.0.0
+
+### Major Changes
+
+- [#1899](https://github.com/servicetitan/hammer/pull/1899) [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5) Thanks [@tounsoo](https://github.com/tounsoo)! - 3.0 Pre-release.
+
+### Patch Changes
+
+- Updated dependencies [[`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5), [`6ea319a`](https://github.com/servicetitan/hammer/commit/6ea319a282209312485756bfd37f1e2102f8c7e5)]:
+  - @servicetitan/anvil2@3.0.0
+
+## 1.3.0
+
+### Minor Changes
+
+- [#2200](https://github.com/servicetitan/hammer/pull/2200) [`df50c67`](https://github.com/servicetitan/hammer/commit/df50c67c10afb863377f638e2c305738b811f4e2) Thanks [@arnold-dad-st](https://github.com/arnold-dad-st)! - [PulseLoader] Add new `PulseLoader` component replacing the 3-dot loader with an animated Atlas logo and status text; update `AssistantMessage`, `MarkdownMessage`, and `Thinking` to use the new loader with an optional `statusMessage` prop
+
+### Patch Changes
+
+- Updated dependencies [[`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`0814ff2`](https://github.com/servicetitan/hammer/commit/0814ff20e6fe13264289c13014ed3646ca08e69e), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`5cef90f`](https://github.com/servicetitan/hammer/commit/5cef90f66ffba73a29f485848312bd5f9cc67037), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`f8d56e0`](https://github.com/servicetitan/hammer/commit/f8d56e000d06d8b1725674de99e8e60dcd1e940f), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`1f3828b`](https://github.com/servicetitan/hammer/commit/1f3828bf0708c806ba03b681425eec6deae4a8b8), [`75f1cf1`](https://github.com/servicetitan/hammer/commit/75f1cf1d9a13bd95daf1d1913602898baa0df199), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`c27d4df`](https://github.com/servicetitan/hammer/commit/c27d4dfcc4088189eb3c9f7609d7656b6859936a), [`f8d56e0`](https://github.com/servicetitan/hammer/commit/f8d56e000d06d8b1725674de99e8e60dcd1e940f), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165), [`6042a60`](https://github.com/servicetitan/hammer/commit/6042a60d0b6bc2861ef92946cad8812d276b2165)]:
+  - @servicetitan/anvil2@2.8.0
+
 ## 1.2.3
 
 ### Patch Changes

package/dist/atlas-header-Cxxvgc7g.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Flex, Icon, Text } from '@servicetitan/anvil2';
+import { P as PulseLoader, S as SvgAtlasLogo } from './pulse-loader-DUrtKYC5.js';
+
+const AtlasHeader = ({
+  svgIcon,
+  assistant = "Atlas",
+  className,
+  loading = false,
+  statusMessage = "Thinking..."
+}) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      PulseLoader,
+      {
+        className,
+        statusMessage,
+        svgIcon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Flex, { className, alignItems: "flex-start", gap: 3, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flexShrink: 0,
+          display: "flex",
+          alignItems: "center",
+          marginTop: "3px"
+        },
+        children: /* @__PURE__ */ jsx(Icon, { svg: svgIcon ?? SvgAtlasLogo, size: "medium", inherit: true })
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { inline: true, children: /* @__PURE__ */ jsx("b", { children: assistant }) })
+  ] });
+};
+
+export { AtlasHeader as A };
+//# sourceMappingURL=atlas-header-Cxxvgc7g.js.map

package/dist/atlas-header-Cxxvgc7g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlas-header-Cxxvgc7g.js","sources":["../src/components/atlas-header/atlas-header.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport { Flex, Icon, Svg, Text } from \"@servicetitan/anvil2\";\nimport IconAtlasLogo from \"@servicetitan/anvil2/assets/icons/st/atlas_logo.svg\";\nimport { PulseLoader } from \"../loader\";\n\nexport interface AtlasHeaderProps {\n  /**\n   * Custom icon to display instead of the default Atlas logo\n   */\n  svgIcon?: Svg;\n  /**\n   * Custom assistant name to display instead of \"Atlas\"\n   */\n  assistant?: string;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n  /**\n   * Whether the loading animation is active\n   */\n  loading?: boolean;\n  /**\n   * Status message shown while loading. Defaults to \"Thinking...\"\n   */\n  statusMessage?: string;\n}\n\n/**\n * Shared component that displays the Atlas logo and name header.\n * When loading is true, the icon pulses and shows the statusMessage with a gradient sweep animation.\n * Used across all message types and recommendation cards.\n */\nexport const AtlasHeader: FC<AtlasHeaderProps> = ({\n  svgIcon,\n  assistant = \"Atlas\",\n  className,\n  loading = false,\n  statusMessage = \"Thinking...\",\n}) => {\n  if (loading) {\n    return (\n      <PulseLoader\n        className={className}\n        statusMessage={statusMessage}\n        svgIcon={svgIcon}\n      />\n    );\n  }\n\n  return (\n    <Flex className={className} alignItems=\"flex-start\" gap={3}>\n      <div\n        style={{\n          flexShrink: 0,\n          display: \"flex\",\n          alignItems: \"center\",\n          marginTop: \"3px\",\n        }}\n      >\n        <Icon svg={svgIcon ?? IconAtlasLogo} size=\"medium\" inherit />\n      </div>\n      <Text inline>\n        <b>{assistant}</b>\n      </Text>\n    </Flex>\n  );\n};\n"],"names":["IconAtlasLogo"],"mappings":";;;;AAiCO,MAAM,cAAoC,CAAC;AAAA,EAChD,OAAA;AAAA,EACA,SAAA,GAAY,OAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,aAAA,GAAgB;AAClB,CAAA,KAAM;AACJ,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,aAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,4BACG,IAAA,EAAA,EAAK,SAAA,EAAsB,UAAA,EAAW,YAAA,EAAa,KAAK,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,UAAA,EAAY,CAAA;AAAA,UACZ,OAAA,EAAS,MAAA;AAAA,UACT,UAAA,EAAY,QAAA;AAAA,UACZ,SAAA,EAAW;AAAA,SACb;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,QAAK,GAAA,EAAK,OAAA,IAAWA,cAAe,IAAA,EAAK,QAAA,EAAS,SAAO,IAAA,EAAC;AAAA;AAAA,KAC7D;AAAA,wBACC,IAAA,EAAA,EAAK,MAAA,EAAM,MACV,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAG,qBAAU,CAAA,EAChB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/atlas-header.js

@@ -1,2 +1,2 @@
-export { A as AtlasHeader } from './atlas-header-CYHhcWuk.js';
+export { A as AtlasHeader } from './atlas-header-Cxxvgc7g.js';
 //# sourceMappingURL=atlas-header.js.map

package/dist/{chat-composer-rich-Bj1gmhec.js → chat-composer-rich-BXkSuUJL.js}

@@ -12,16 +12,16 @@ const SvgSend = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "
 
 const SvgAttachFile = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M17.5 15.438q0 2.382-1.673 4.056t-4.056 1.673q-2.384 0-4.056-1.673-1.674-1.674-1.673-4.056v-8.48q0-1.718 1.203-2.922 1.203-1.203 2.922-1.203t2.922 1.203q1.203 1.205 1.203 2.922v8.021q0 1.055-.734 1.788a2.43 2.43 0 0 1-1.787.733 2.43 2.43 0 0 1-1.788-.733 2.43 2.43 0 0 1-.733-1.788V7.417q0-.39.264-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .263.653v7.562a.67.67 0 0 0 .688.688.67.67 0 0 0 .687-.688V6.96a2.32 2.32 0 0 0-.676-1.628q-.653-.664-1.615-.664-.963 0-1.627.664a2.2 2.2 0 0 0-.665 1.627v8.48q-.023 1.627 1.123 2.761t2.773 1.134q1.604 0 2.727-1.134t1.169-2.762v-8.02q0-.39.263-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .264.653z" }));
 
-const placeholder = "_placeholder_l82dk_44";
-const input = "_input_l82dk_37";
+const placeholder = "_placeholder_1czf4_43";
+const input = "_input_1czf4_36";
 const styles = {
-	"composer-wrapper": "_composer-wrapper_l82dk_1",
-	"composer-form": "_composer-form_l82dk_9",
-	"icon-button": "_icon-button_l82dk_22",
-	"input-wrapper": "_input-wrapper_l82dk_37",
+	"composer-wrapper": "_composer-wrapper_1czf4_1",
+	"composer-form": "_composer-form_1czf4_9",
+	"icon-button": "_icon-button_1czf4_21",
+	"input-wrapper": "_input-wrapper_1czf4_36",
 	placeholder: placeholder,
 	input: input,
-	"send-button": "_send-button_l82dk_101"};
+	"send-button": "_send-button_1czf4_99"};
 
 const ChatComposerRich = ({
   message,
@@ -153,4 +153,4 @@ const ChatComposerRich = ({
 };
 
 export { ChatComposerRich as C };
-//# sourceMappingURL=chat-composer-rich-Bj1gmhec.js.map
+//# sourceMappingURL=chat-composer-rich-BXkSuUJL.js.map

package/dist/{chat-composer-rich-Bj1gmhec.js.map → chat-composer-rich-BXkSuUJL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-composer-rich-Bj1gmhec.js","sources":["../../anvil2/dist/assets/icons/material/round/add.svg","../../anvil2/dist/assets/icons/material/round/mic.svg","../../anvil2/dist/assets/icons/material/round/send.svg","../../anvil2/dist/assets/icons/st/attach_file.svg","../src/components/chat-composer-rich/chat-composer-rich.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgMic = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.91-3c-.49 0-.9.36-.98.85C16.52 14.2 14.47 16 12 16s-4.52-1.8-4.93-4.15a.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14.49 3 2.89 5.35 5.91 5.78V20c0 .55.45 1 1 1s1-.45 1-1v-2.08a6.993 6.993 0 0 0 5.91-5.78c.1-.6-.39-1.14-1-1.14z\" }));\nexport default SvgMic;\n","import * as React from \"react\";\nconst SvgSend = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m3.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z\" }));\nexport default SvgSend;\n","import * as React from \"react\";\nconst SvgAttachFile = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.5 15.438q0 2.382-1.673 4.056t-4.056 1.673q-2.384 0-4.056-1.673-1.674-1.674-1.673-4.056v-8.48q0-1.718 1.203-2.922 1.203-1.203 2.922-1.203t2.922 1.203q1.203 1.205 1.203 2.922v8.021q0 1.055-.734 1.788a2.43 2.43 0 0 1-1.787.733 2.43 2.43 0 0 1-1.788-.733 2.43 2.43 0 0 1-.733-1.788V7.417q0-.39.264-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .263.653v7.562a.67.67 0 0 0 .688.688.67.67 0 0 0 .687-.688V6.96a2.32 2.32 0 0 0-.676-1.628q-.653-.664-1.615-.664-.963 0-1.627.664a2.2 2.2 0 0 0-.665 1.627v8.48q-.023 1.627 1.123 2.761t2.773 1.134q1.604 0 2.727-1.134t1.169-2.762v-8.02q0-.39.263-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .264.653z\" }));\nexport default SvgAttachFile;\n","import { KeyboardEvent, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { Button, Menu } from \"@servicetitan/anvil2\";\nimport IconPlus from \"@servicetitan/anvil2/assets/icons/material/round/add.svg\";\nimport IconMic from \"@servicetitan/anvil2/assets/icons/material/round/mic.svg\";\nimport IconSend from \"@servicetitan/anvil2/assets/icons/material/round/send.svg\";\nimport IconAttachFile from \"@servicetitan/anvil2/assets/icons/st/attach_file.svg\";\n\nimport styles from \"./chat-composer-rich.module.scss\";\n\nexport interface ChatComposerRichProps {\n  message?: string;\n  /** Callback when user submits a message */\n  onSend?: (text: string) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the composer is disabled */\n  disabled?: boolean;\n  /** Additional CSS class name */\n  className?: string;\n  onChange: (text: string) => void;\n  /** Callback when upload file is selected from menu */\n  onUploadFile?: () => void;\n  /** Callback when dictate message is selected from menu */\n  onDictateMessage?: () => void;\n  /** ID for the menu button */\n  menuButtonId?: string;\n  /** ID for the send icon button */\n  sendIconId?: string;\n  /** ID for the message input area */\n  messageInputId?: string;\n}\n\nexport const ChatComposerRich = ({\n  message,\n  onSend,\n  onChange,\n  placeholder = \"Ask anything...\",\n  disabled = false,\n  className,\n  onUploadFile,\n  onDictateMessage,\n  messageInputId,\n  sendIconId,\n}: ChatComposerRichProps) => {\n  const [isEmpty, setIsEmpty] = useState(true);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (editorRef.current && message) {\n      editorRef.current.innerText = message;\n    }\n  }, [message]);\n\n  const handleInput = () => {\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    setIsEmpty(text.length === 0);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const handleSubmit = () => {\n    if (disabled) {\n      return;\n    }\n\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    onChange(text);\n    if (!text) {\n      return;\n    }\n\n    onSend?.(text);\n\n    if (editorRef.current) {\n      // Clear content while preserving the element structure\n      editorRef.current.innerText = \"\";\n      // Keep focus in the input for smooth conversation flow\n      editorRef.current.focus();\n    }\n    setIsEmpty(true);\n  };\n\n  useEffect(() => {\n    // Ensure empty placeholder is visible on mount\n    setIsEmpty(!editorRef.current?.innerText.trim());\n  }, []);\n\n  return (\n    <div className={classNames(styles[\"composer-wrapper\"], className)}>\n      <form\n        onSubmit={(e) => e.preventDefault()}\n        className={styles[\"composer-form\"]}\n      >\n        {onDictateMessage || onUploadFile ? (\n          <Menu\n            id=\"\"\n            trigger={(props) => (\n              <Button\n                {...props}\n                type=\"button\"\n                aria-label=\"Open menu\"\n                disabled={disabled}\n                className={styles[\"icon-button\"]}\n                icon={IconPlus}\n                size=\"small\"\n              />\n            )}\n            disabled={disabled}\n          >\n            <Menu.Item\n              label=\"Upload file\"\n              icon={IconAttachFile}\n              onClick={onUploadFile}\n            />\n            <Menu.Item\n              label=\"Dictate message\"\n              icon={IconMic}\n              onClick={onDictateMessage}\n            />\n          </Menu>\n        ) : (\n          <div />\n        )}\n\n        <div className={styles[\"input-wrapper\"]}>\n          <div\n            id={messageInputId}\n            ref={editorRef}\n            contentEditable=\"plaintext-only\"\n            role=\"textbox\"\n            aria-multiline=\"true\"\n            aria-label={placeholder}\n            data-placeholder={placeholder}\n            onInput={handleInput}\n            onKeyDown={handleKeyDown}\n            className={styles[\"input\"]}\n            tabIndex={0}\n          />\n          {isEmpty && (\n            <span className={styles[\"placeholder\"]}>{placeholder}</span>\n          )}\n        </div>\n\n        <Button\n          id={sendIconId}\n          size=\"small\"\n          type=\"button\"\n          onClick={handleSubmit}\n          disabled={disabled || isEmpty}\n          className={styles[\"send-button\"]}\n          aria-label=\"Send message\"\n          appearance=\"ghost\"\n          icon={IconSend}\n        />\n      </form>\n    </div>\n  );\n};\n"],"names":["IconPlus","IconAttachFile","IconMic","IconSend"],"mappings":"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"}
+{"version":3,"file":"chat-composer-rich-BXkSuUJL.js","sources":["../../anvil2/dist/assets/icons/material/round/add.svg","../../anvil2/dist/assets/icons/material/round/mic.svg","../../anvil2/dist/assets/icons/material/round/send.svg","../../anvil2/dist/assets/icons/st/attach_file.svg","../src/components/chat-composer-rich/chat-composer-rich.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgAdd;\n","import * as React from \"react\";\nconst SvgMic = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.91-3c-.49 0-.9.36-.98.85C16.52 14.2 14.47 16 12 16s-4.52-1.8-4.93-4.15a.998.998 0 0 0-.98-.85c-.61 0-1.09.54-1 1.14.49 3 2.89 5.35 5.91 5.78V20c0 .55.45 1 1 1s1-.45 1-1v-2.08a6.993 6.993 0 0 0 5.91-5.78c.1-.6-.39-1.14-1-1.14z\" }));\nexport default SvgMic;\n","import * as React from \"react\";\nconst SvgSend = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"m3.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z\" }));\nexport default SvgSend;\n","import * as React from \"react\";\nconst SvgAttachFile = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.5 15.438q0 2.382-1.673 4.056t-4.056 1.673q-2.384 0-4.056-1.673-1.674-1.674-1.673-4.056v-8.48q0-1.718 1.203-2.922 1.203-1.203 2.922-1.203t2.922 1.203q1.203 1.205 1.203 2.922v8.021q0 1.055-.734 1.788a2.43 2.43 0 0 1-1.787.733 2.43 2.43 0 0 1-1.788-.733 2.43 2.43 0 0 1-.733-1.788V7.417q0-.39.264-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .263.653v7.562a.67.67 0 0 0 .688.688.67.67 0 0 0 .687-.688V6.96a2.32 2.32 0 0 0-.676-1.628q-.653-.664-1.615-.664-.963 0-1.627.664a2.2 2.2 0 0 0-.665 1.627v8.48q-.023 1.627 1.123 2.761t2.773 1.134q1.604 0 2.727-1.134t1.169-2.762v-8.02q0-.39.263-.653a.9.9 0 0 1 .653-.264q.39 0 .653.264a.9.9 0 0 1 .264.653z\" }));\nexport default SvgAttachFile;\n","import { KeyboardEvent, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { Button, Menu } from \"@servicetitan/anvil2\";\nimport IconPlus from \"@servicetitan/anvil2/assets/icons/material/round/add.svg\";\nimport IconMic from \"@servicetitan/anvil2/assets/icons/material/round/mic.svg\";\nimport IconSend from \"@servicetitan/anvil2/assets/icons/material/round/send.svg\";\nimport IconAttachFile from \"@servicetitan/anvil2/assets/icons/st/attach_file.svg\";\n\nimport styles from \"./chat-composer-rich.module.scss\";\n\nexport interface ChatComposerRichProps {\n  message?: string;\n  /** Callback when user submits a message */\n  onSend?: (text: string) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the composer is disabled */\n  disabled?: boolean;\n  /** Additional CSS class name */\n  className?: string;\n  onChange: (text: string) => void;\n  /** Callback when upload file is selected from menu */\n  onUploadFile?: () => void;\n  /** Callback when dictate message is selected from menu */\n  onDictateMessage?: () => void;\n  /** ID for the menu button */\n  menuButtonId?: string;\n  /** ID for the send icon button */\n  sendIconId?: string;\n  /** ID for the message input area */\n  messageInputId?: string;\n}\n\nexport const ChatComposerRich = ({\n  message,\n  onSend,\n  onChange,\n  placeholder = \"Ask anything...\",\n  disabled = false,\n  className,\n  onUploadFile,\n  onDictateMessage,\n  messageInputId,\n  sendIconId,\n}: ChatComposerRichProps) => {\n  const [isEmpty, setIsEmpty] = useState(true);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (editorRef.current && message) {\n      editorRef.current.innerText = message;\n    }\n  }, [message]);\n\n  const handleInput = () => {\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    setIsEmpty(text.length === 0);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleSubmit();\n    }\n  };\n\n  const handleSubmit = () => {\n    if (disabled) {\n      return;\n    }\n\n    const text = editorRef.current?.innerText.trim() ?? \"\";\n    onChange(text);\n    if (!text) {\n      return;\n    }\n\n    onSend?.(text);\n\n    if (editorRef.current) {\n      // Clear content while preserving the element structure\n      editorRef.current.innerText = \"\";\n      // Keep focus in the input for smooth conversation flow\n      editorRef.current.focus();\n    }\n    setIsEmpty(true);\n  };\n\n  useEffect(() => {\n    // Ensure empty placeholder is visible on mount\n    setIsEmpty(!editorRef.current?.innerText.trim());\n  }, []);\n\n  return (\n    <div className={classNames(styles[\"composer-wrapper\"], className)}>\n      <form\n        onSubmit={(e) => e.preventDefault()}\n        className={styles[\"composer-form\"]}\n      >\n        {onDictateMessage || onUploadFile ? (\n          <Menu\n            id=\"\"\n            trigger={(props) => (\n              <Button\n                {...props}\n                type=\"button\"\n                aria-label=\"Open menu\"\n                disabled={disabled}\n                className={styles[\"icon-button\"]}\n                icon={IconPlus}\n                size=\"small\"\n              />\n            )}\n            disabled={disabled}\n          >\n            <Menu.Item\n              label=\"Upload file\"\n              icon={IconAttachFile}\n              onClick={onUploadFile}\n            />\n            <Menu.Item\n              label=\"Dictate message\"\n              icon={IconMic}\n              onClick={onDictateMessage}\n            />\n          </Menu>\n        ) : (\n          <div />\n        )}\n\n        <div className={styles[\"input-wrapper\"]}>\n          <div\n            id={messageInputId}\n            ref={editorRef}\n            contentEditable=\"plaintext-only\"\n            role=\"textbox\"\n            aria-multiline=\"true\"\n            aria-label={placeholder}\n            data-placeholder={placeholder}\n            onInput={handleInput}\n            onKeyDown={handleKeyDown}\n            className={styles[\"input\"]}\n            tabIndex={0}\n          />\n          {isEmpty && (\n            <span className={styles[\"placeholder\"]}>{placeholder}</span>\n          )}\n        </div>\n\n        <Button\n          id={sendIconId}\n          size=\"small\"\n          type=\"button\"\n          onClick={handleSubmit}\n          disabled={disabled || isEmpty}\n          className={styles[\"send-button\"]}\n          aria-label=\"Send message\"\n          appearance=\"ghost\"\n          icon={IconSend}\n        />\n      </form>\n    </div>\n  );\n};\n"],"names":["IconPlus","IconAttachFile","IconMic","IconSend"],"mappings":"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"}

package/dist/chat-composer-rich.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 
-._composer-wrapper_l82dk_1 {
+._composer-wrapper_1czf4_1 {
   width: 100%;
   margin-inline: auto;
   display: flex;
@@ -8,9 +8,9 @@
   flex: 1;
 }
 
-._composer-form_l82dk_9 {
-  background-color: var(--background-color, #ffffff);
-  border: 0.0625rem solid var(--border-color, #949596);
+._composer-form_1czf4_9 {
+  background-color: var(--a2-background-color-default, #ffffff);
+  border: 0.0625rem solid var(--a2-border-color-default, #949596);
   border-radius: 0.375rem;
   padding: 0 0.5rem;
   display: grid;
@@ -20,35 +20,34 @@
   transition: border-color 0.2s ease;
 }
 
-@layer application {
-  ._icon-button_l82dk_22 {
-    padding: 0.5rem;
-    border-radius: var(--border-radius-circular);
-    background: transparent;
-    border: none;
-    margin-bottom: 6px;
-  }
-  ._icon-button_l82dk_22:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-  ._icon-button_l82dk_22:hover:not(:disabled) {
-    background-color: var(--background-color-strong, #f7f7f7);
-  }
+.anvil2 ._icon-button_1czf4_21 {
+  padding: 0.5rem;
+  border-radius: var(--a2-border-radius-circular);
+  background: transparent;
+  border: none;
+  margin-bottom: 6px;
+}
+.anvil2 ._icon-button_1czf4_21:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
 }
-._input-wrapper_l82dk_37 {
+.anvil2 ._icon-button_1czf4_21:hover:not(:disabled) {
+  background-color: var(--a2-background-color-strong, #f7f7f7);
+}
+
+._input-wrapper_1czf4_36 {
   flex: 1;
   display: flex;
   align-items: center;
   position: relative;
 }
 
-._placeholder_l82dk_44 {
+._placeholder_1czf4_43 {
   position: absolute;
   left: 0.4rem;
   top: 50%;
   transform: translateY(-50%);
-  color: var(--foreground-color-subdued, #737475);
+  color: var(--a2-foreground-color-subdued, #737475);
   pointer-events: none;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -56,16 +55,16 @@
   font-size: 1rem;
 }
 
-._input_l82dk_37 {
+._input_1czf4_36 {
   flex: 1;
   width: 100%;
   max-width: 100%;
   outline: none;
   background: transparent;
-  color: var(--foreground-color, #141414);
-  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+  color: var(--a2-foreground-color-default, #141414);
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 1rem;
-  line-height: var(--base-line-height, 24px);
+  line-height: var(--a2-font-line-height-base, 1.5);
   max-height: 6.25rem;
   overflow-y: auto;
   overflow-x: hidden;
@@ -78,33 +77,31 @@
   padding-left: 7px;
   padding-right: 0.75rem;
 }
-._input_l82dk_37:empty::before {
+._input_1czf4_36:empty::before {
   content: "";
 }
-._input_l82dk_37::-webkit-scrollbar {
+._input_1czf4_36::-webkit-scrollbar {
   width: 6px;
 }
-._input_l82dk_37::-webkit-scrollbar-track {
+._input_1czf4_36::-webkit-scrollbar-track {
   background: transparent;
 }
-._input_l82dk_37::-webkit-scrollbar-thumb {
-  background: var(--border-color-subdued, #dfe0e1);
-  border-radius: var(--border-radius-medium);
+._input_1czf4_36::-webkit-scrollbar-thumb {
+  background: var(--a2-border-color-subdued, #dfe0e1);
+  border-radius: var(--a2-border-radius-medium);
 }
-._input_l82dk_37::-webkit-scrollbar-thumb:hover {
-  background: var(--border-color, #949596);
+._input_1czf4_36::-webkit-scrollbar-thumb:hover {
+  background: var(--a2-border-color-default, #949596);
 }
 
-._actions-wrapper_l82dk_94 {
+._actions-wrapper_1czf4_93 {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-@layer application {
-  ._send-button_l82dk_101 {
-    padding: 0.5rem;
-    border-radius: var(--border-radius-circular);
-    margin-bottom: 6px;
-  }
+.anvil2 ._send-button_1czf4_99 {
+  padding: 0.5rem;
+  border-radius: var(--a2-border-radius-circular);
+  margin-bottom: 6px;
 }

package/dist/chat-composer-rich.js

@@ -1,2 +1,2 @@
-export { C as ChatComposerRich } from './chat-composer-rich-Bj1gmhec.js';
+export { C as ChatComposerRich } from './chat-composer-rich-BXkSuUJL.js';
 //# sourceMappingURL=chat-composer-rich.js.map

package/dist/{chat-window-BU8VGO9z.js → chat-window-DBUlbdg8.js}

@@ -1,18 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { c as classNames } from './index-DDXI3m_u.js';
-import { m as motion } from './proxy-B3m3ViIw.js';
+import { m as motion } from './proxy-BJr91CAa.js';
 
-import './chat-window.css';const open = "_open_1qo7q_19";
-const closed = "_closed_1qo7q_23";
-const positioned = "_positioned_1qo7q_27";
-const relative = "_relative_1qo7q_31";
+import './chat-window.css';const open = "_open_14vhm_19";
+const closed = "_closed_14vhm_23";
+const positioned = "_positioned_14vhm_27";
+const relative = "_relative_14vhm_31";
 const styles = {
-	"chat-window": "_chat-window_1qo7q_1",
+	"chat-window": "_chat-window_14vhm_1",
 	open: open,
 	closed: closed,
 	positioned: positioned,
 	relative: relative,
-	"chat-window-expanded": "_chat-window-expanded_1qo7q_35"};
+	"chat-window-expanded": "_chat-window-expanded_14vhm_35"};
 
 const ChatWindow = ({
   open,
@@ -72,4 +72,4 @@ const ChatWindow = ({
 };
 
 export { ChatWindow as C };
-//# sourceMappingURL=chat-window-BU8VGO9z.js.map
+//# sourceMappingURL=chat-window-DBUlbdg8.js.map

package/dist/{chat-window-BU8VGO9z.js.map → chat-window-DBUlbdg8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chat-window-BU8VGO9z.js","sources":["../src/components/chat/chat-window.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\n\nimport styles from \"./styles.module.scss\";\n\ninterface ChatWindowProps {\n  open: boolean;\n  position?: { x: number; y: number };\n  isDragging?: boolean;\n  fullscreen?: boolean;\n  children: ReactNode;\n}\n\nexport const ChatWindow = ({\n  open,\n  position,\n  isDragging,\n  fullscreen = false,\n  children,\n}: ChatWindowProps) => {\n  const isFullscreenOpen = fullscreen && open;\n\n  const className = classNames({\n    [styles[\"chat-window-expanded\"]]: isFullscreenOpen,\n    [styles[\"chat-window\"]]: !isFullscreenOpen,\n    [styles[\"open\"]]: !isFullscreenOpen && open,\n    [styles[\"closed\"]]: !isFullscreenOpen && !open,\n    [styles[\"positioned\"]]: !isFullscreenOpen && position,\n    [styles[\"relative\"]]: !isFullscreenOpen && !position,\n  });\n\n  const getPositionStyles = () => {\n    if (isFullscreenOpen) {\n      return {};\n    }\n\n    return position\n      ? {\n          left: position.x,\n          top: position.y,\n        }\n      : {};\n  };\n\n  return (\n    <motion.div\n      layout={!isDragging}\n      initial={{\n        opacity: isFullscreenOpen ? 0 : 1,\n        x: !isFullscreenOpen && !open ? 0 : -25,\n      }}\n      animate={{\n        x: isFullscreenOpen ? 0 : open ? -25 : 0,\n      }}\n      transition={{\n        type: isFullscreenOpen ? \"tween\" : \"spring\",\n        ease: isFullscreenOpen ? \"easeInOut\" : undefined,\n        stiffness: 300,\n        damping: 35,\n        duration: 0.3,\n      }}\n      className={className}\n      style={getPositionStyles()}\n    >\n      <motion.div\n        layout={!isDragging ? \"position\" : undefined}\n        style={{ width: \"100%\", height: \"100%\" }}\n      >\n        {children}\n      </motion.div>\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb;AACF,CAAA,KAAuB;AACrB,EAAA,MAAM,mBAAmB,UAAA,IAAc,IAAA;AAEvC,EAAA,MAAM,YAAY,UAAA,CAAW;AAAA,IAC3B,CAAC,MAAA,CAAO,sBAAsB,CAAC,GAAG,gBAAA;AAAA,IAClC,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,CAAC,gBAAA;AAAA,IAC1B,CAAC,MAAA,CAAO,MAAM,CAAC,GAAG,CAAC,gBAAA,IAAoB,IAAA;AAAA,IACvC,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,IAAA;AAAA,IAC1C,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,CAAC,gBAAA,IAAoB,QAAA;AAAA,IAC7C,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAAA,GAC7C,CAAA;AAED,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO,QAAA,GACH;AAAA,MACE,MAAM,QAAA,CAAS,CAAA;AAAA,MACf,KAAK,QAAA,CAAS;AAAA,QAEhB,EAAC;AAAA,EACP,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,QAAQ,CAAC,UAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,mBAAmB,CAAA,GAAI,CAAA;AAAA,QAChC,CAAA,EAAG,CAAC,gBAAA,IAAoB,CAAC,OAAO,CAAA,GAAI;AAAA,OACtC;AAAA,MACA,OAAA,EAAS;AAAA,QACP,CAAA,EAAG,gBAAA,GAAmB,CAAA,GAAI,IAAA,GAAO,GAAA,GAAM;AAAA,OACzC;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,mBAAmB,OAAA,GAAU,QAAA;AAAA,QACnC,IAAA,EAAM,mBAAmB,WAAA,GAAc,MAAA;AAAA,QACvC,SAAA,EAAW,GAAA;AAAA,QACX,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,SAAA;AAAA,MACA,OAAO,iBAAA,EAAkB;AAAA,MAEzB,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,MAAA,EAAQ,CAAC,UAAA,GAAa,UAAA,GAAa,MAAA;AAAA,UACnC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA,EAAO;AAAA,UAEtC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"chat-window-DBUlbdg8.js","sources":["../src/components/chat/chat-window.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\n\nimport styles from \"./styles.module.scss\";\n\ninterface ChatWindowProps {\n  open: boolean;\n  position?: { x: number; y: number };\n  isDragging?: boolean;\n  fullscreen?: boolean;\n  children: ReactNode;\n}\n\nexport const ChatWindow = ({\n  open,\n  position,\n  isDragging,\n  fullscreen = false,\n  children,\n}: ChatWindowProps) => {\n  const isFullscreenOpen = fullscreen && open;\n\n  const className = classNames({\n    [styles[\"chat-window-expanded\"]]: isFullscreenOpen,\n    [styles[\"chat-window\"]]: !isFullscreenOpen,\n    [styles[\"open\"]]: !isFullscreenOpen && open,\n    [styles[\"closed\"]]: !isFullscreenOpen && !open,\n    [styles[\"positioned\"]]: !isFullscreenOpen && position,\n    [styles[\"relative\"]]: !isFullscreenOpen && !position,\n  });\n\n  const getPositionStyles = () => {\n    if (isFullscreenOpen) {\n      return {};\n    }\n\n    return position\n      ? {\n          left: position.x,\n          top: position.y,\n        }\n      : {};\n  };\n\n  return (\n    <motion.div\n      layout={!isDragging}\n      initial={{\n        opacity: isFullscreenOpen ? 0 : 1,\n        x: !isFullscreenOpen && !open ? 0 : -25,\n      }}\n      animate={{\n        x: isFullscreenOpen ? 0 : open ? -25 : 0,\n      }}\n      transition={{\n        type: isFullscreenOpen ? \"tween\" : \"spring\",\n        ease: isFullscreenOpen ? \"easeInOut\" : undefined,\n        stiffness: 300,\n        damping: 35,\n        duration: 0.3,\n      }}\n      className={className}\n      style={getPositionStyles()}\n    >\n      <motion.div\n        layout={!isDragging ? \"position\" : undefined}\n        style={{ width: \"100%\", height: \"100%\" }}\n      >\n        {children}\n      </motion.div>\n    </motion.div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb;AACF,CAAA,KAAuB;AACrB,EAAA,MAAM,mBAAmB,UAAA,IAAc,IAAA;AAEvC,EAAA,MAAM,YAAY,UAAA,CAAW;AAAA,IAC3B,CAAC,MAAA,CAAO,sBAAsB,CAAC,GAAG,gBAAA;AAAA,IAClC,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG,CAAC,gBAAA;AAAA,IAC1B,CAAC,MAAA,CAAO,MAAM,CAAC,GAAG,CAAC,gBAAA,IAAoB,IAAA;AAAA,IACvC,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG,CAAC,oBAAoB,CAAC,IAAA;AAAA,IAC1C,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,CAAC,gBAAA,IAAoB,QAAA;AAAA,IAC7C,CAAC,MAAA,CAAO,UAAU,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAAA,GAC7C,CAAA;AAED,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO,QAAA,GACH;AAAA,MACE,MAAM,QAAA,CAAS,CAAA;AAAA,MACf,KAAK,QAAA,CAAS;AAAA,QAEhB,EAAC;AAAA,EACP,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,QAAQ,CAAC,UAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,mBAAmB,CAAA,GAAI,CAAA;AAAA,QAChC,CAAA,EAAG,CAAC,gBAAA,IAAoB,CAAC,OAAO,CAAA,GAAI;AAAA,OACtC;AAAA,MACA,OAAA,EAAS;AAAA,QACP,CAAA,EAAG,gBAAA,GAAmB,CAAA,GAAI,IAAA,GAAO,GAAA,GAAM;AAAA,OACzC;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,mBAAmB,OAAA,GAAU,QAAA;AAAA,QACnC,IAAA,EAAM,mBAAmB,WAAA,GAAc,MAAA;AAAA,QACvC,SAAA,EAAW,GAAA;AAAA,QACX,OAAA,EAAS,EAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,SAAA;AAAA,MACA,OAAO,iBAAA,EAAkB;AAAA,MAEzB,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA,CAAO,GAAA;AAAA,QAAP;AAAA,UACC,MAAA,EAAQ,CAAC,UAAA,GAAa,UAAA,GAAa,MAAA;AAAA,UACnC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAQ,MAAA,EAAO;AAAA,UAEtC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;"}

package/dist/chat-window.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 
-._chat-window_1qo7q_1 {
+._chat-window_14vhm_1 {
   position: fixed;
   top: 5%;
   right: 0;
@@ -11,30 +11,30 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  border: 1px solid var(--border-color-subdued);
+  border: 1px solid var(--a2-border-color-subdued);
   box-shadow: 0 8px 24px 0 rgba(20, 20, 20, 0.08);
   overflow: hidden;
   z-index: 9999;
-  background: light-dark(var(--background-color-strong), var(--background-color));
+  background: light-dark(var(--a2-background-color-strong), var(--a2-background-color-default));
 }
 
-._chat-window_1qo7q_1._open_1qo7q_19 {
+._chat-window_14vhm_1._open_14vhm_19 {
   visibility: visible;
 }
 
-._chat-window_1qo7q_1._closed_1qo7q_23 {
+._chat-window_14vhm_1._closed_14vhm_23 {
   visibility: hidden;
 }
 
-._chat-window_1qo7q_1._positioned_1qo7q_27 {
+._chat-window_14vhm_1._positioned_14vhm_27 {
   position: fixed;
 }
 
-._chat-window_1qo7q_1._relative_1qo7q_31 {
+._chat-window_14vhm_1._relative_14vhm_31 {
   position: relative;
 }
 
-._chat-window-expanded_1qo7q_35 {
+._chat-window-expanded_14vhm_35 {
   position: fixed;
   top: 0;
   left: 0;
@@ -44,6 +44,6 @@
   height: 100%;
   z-index: 10001;
   display: flex;
-  background: var(--background-color);
+  background: var(--a2-background-color-default);
   visibility: visible;
 }

package/dist/chat.js

@@ -1,2 +1,2 @@
-export { C as ChatWindow } from './chat-window-BU8VGO9z.js';
+export { C as ChatWindow } from './chat-window-DBUlbdg8.js';
 //# sourceMappingURL=chat.js.map

package/dist/components/atlas-header/atlas-header.d.ts

@@ -13,9 +13,18 @@ export interface AtlasHeaderProps {
      * Additional CSS class names
      */
     className?: string;
+    /**
+     * Whether the loading animation is active
+     */
+    loading?: boolean;
+    /**
+     * Status message shown while loading. Defaults to "Thinking..."
+     */
+    statusMessage?: string;
 }
 /**
- * Shared component that displays the Atlas logo and name header
- * Used across all message types and recommendation cards
+ * Shared component that displays the Atlas logo and name header.
+ * When loading is true, the icon pulses and shows the statusMessage with a gradient sweep animation.
+ * Used across all message types and recommendation cards.
  */
 export declare const AtlasHeader: FC<AtlasHeaderProps>;

package/dist/components/loader/index.d.ts

@@ -1 +1,2 @@
 export * from './loader';
+export * from './pulse-loader';

package/dist/components/loader/pulse-loader.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { Svg } from '@servicetitan/anvil2';
+/**
+ * Props for the PulseLoader component
+ * @property {string} [statusMessage] - Custom status message displayed next to the animated logo. Defaults to "Thinking..."
+ * @property {Svg} [svgIcon] - Custom icon to display instead of the default Atlas logo
+ * @property {string} [className] - Additional CSS class names
+ */
+export interface PulseLoaderProps {
+    /** Custom status message displayed next to the animated logo. Defaults to "Thinking..." */
+    statusMessage?: string;
+    /** Custom icon to display instead of the default Atlas logo */
+    svgIcon?: Svg;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * PulseLoader component for displaying an animated Atlas logo with status text.
+ *
+ * Features:
+ * - Animated Atlas logo with scale pulse effect
+ * - Gradient sweep animation on the status text
+ * - Smooth fade transition when status message changes
+ * - Accessible with role="status" and aria-live="polite"
+ * - Chromatic-stable with data-chromatic="ignore" on animated elements
+ *
+ * @example
+ * <PulseLoader statusMessage="Thinking..." />
+ */
+export declare const PulseLoader: FC<PulseLoaderProps>;

package/dist/components/messages/assistant-message.d.ts

@@ -6,5 +6,7 @@ export interface AssistantMessageProps extends MessageProps {
     svgIcon?: Svg;
     assistant?: string;
     onRetry?: () => void;
+    statusMessage?: string;
+    loading?: boolean;
 }
 export declare const AssistantMessage: FC<AssistantMessageProps>;

package/dist/components/messages/markdown-message.d.ts

@@ -8,6 +8,8 @@ export interface MarkdownMessageProps extends MessageProps {
     assistant?: string;
     onRetry?: () => void;
     toolboxProps?: Omit<ToolboxProps, "text">;
+    loading?: boolean;
+    statusMessage?: string;
 }
 export declare const MarkdownMessage: FC<MarkdownMessageProps>;
 export declare const Thinking: FC<MarkdownMessageProps>;

package/dist/{content-DAPOfSv5.js → content-DGEN1Tcq.js}

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { c as classNames } from './index-DDXI3m_u.js';
 import { Grid } from '@servicetitan/anvil2';
-import { S as Spinner } from './spinner-QnlThoJs.js';
+import { S as Spinner } from './spinner-DV6XzVPx.js';
 
 import './content.css';const styles = {
-	"chat-content": "_chat-content_12zq8_2"};
+	"chat-content": "_chat-content_1q7qq_1"};
 
 const Content = ({
   children,
@@ -51,4 +51,4 @@ const Content = ({
 };
 
 export { Content as C };
-//# sourceMappingURL=content-DAPOfSv5.js.map
+//# sourceMappingURL=content-DGEN1Tcq.js.map

package/dist/{content-DAPOfSv5.js.map → content-DGEN1Tcq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"content-DAPOfSv5.js","sources":["../src/components/content/content.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { Grid } from \"@servicetitan/anvil2\";\n\nimport { Spinner } from \"../spinner\";\n\nimport styles from \"./content.module.scss\";\n\nexport interface ContentProps {\n  itemsLength: number;\n  loading?: boolean;\n  className?: string;\n}\n\nexport const Content: FC<PropsWithChildren<ContentProps>> = ({\n  children,\n  itemsLength,\n  loading = false,\n  className,\n}) => {\n  const chatEndRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\n  const [previousMessageCount, setPreviousMessageCount] = useState(0);\n\n  const scrollToBottom = (smooth = true) => {\n    if (smooth) {\n      chatEndRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"end\" });\n    } else {\n      chatEndRef.current?.scrollIntoView({ behavior: \"auto\", block: \"end\" });\n    }\n  };\n\n  useEffect(() => {\n    if (isInitialLoad && itemsLength > 0) {\n      // Initial load: scroll to bottom without smooth animation\n      scrollToBottom(false);\n      setIsInitialLoad(false);\n      setPreviousMessageCount(itemsLength);\n    } else if (!isInitialLoad && itemsLength > previousMessageCount) {\n      // New messages added: scroll to bottom with smooth animation\n      scrollToBottom(true);\n      setPreviousMessageCount(itemsLength);\n    } else if (!isInitialLoad && itemsLength !== previousMessageCount) {\n      // Message count changed but not increased (e.g., conversation switched)\n      // Just update the count without scrolling\n      setPreviousMessageCount(itemsLength);\n    }\n  }, [itemsLength, isInitialLoad, previousMessageCount]);\n\n  return (\n    <Grid\n      className={classNames(styles[\"chat-content\"], className)}\n      ref={containerRef}\n      gridColumn=\"1 / 13\"\n    >\n      {loading ? <Spinner /> : children}\n      <div ref={chatEndRef} />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,UAA+C,CAAC;AAAA,EAC3D,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,IAAI,CAAA;AACvD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAAS,CAAC,CAAA;AAElE,EAAA,MAAM,cAAA,GAAiB,CAAC,MAAA,GAAS,IAAA,KAAS;AACxC,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,UAAA,CAAW,SAAS,cAAA,CAAe,EAAE,UAAU,QAAA,EAAU,KAAA,EAAO,OAAO,CAAA;AAAA,IACzE,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,SAAS,cAAA,CAAe,EAAE,UAAU,MAAA,EAAQ,KAAA,EAAO,OAAO,CAAA;AAAA,IACvE;AAAA,EACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,IAAiB,cAAc,CAAA,EAAG;AAEpC,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAC,aAAA,IAAiB,WAAA,GAAc,oBAAA,EAAsB;AAE/D,MAAA,cAAA,CAAe,IAAI,CAAA;AACnB,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAC,aAAA,IAAiB,WAAA,KAAgB,oBAAA,EAAsB;AAGjE,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,aAAA,EAAe,oBAAoB,CAAC,CAAA;AAErD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA,CAAW,MAAA,CAAO,cAAc,GAAG,SAAS,CAAA;AAAA,MACvD,GAAA,EAAK,YAAA;AAAA,MACL,UAAA,EAAW,QAAA;AAAA,MAEV,QAAA,EAAA;AAAA,QAAA,OAAA,mBAAU,GAAA,CAAC,WAAQ,CAAA,GAAK,QAAA;AAAA,wBACzB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAA,EAAY;AAAA;AAAA;AAAA,GACxB;AAEJ;;;;"}
+{"version":3,"file":"content-DGEN1Tcq.js","sources":["../src/components/content/content.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { Grid } from \"@servicetitan/anvil2\";\n\nimport { Spinner } from \"../spinner\";\n\nimport styles from \"./content.module.scss\";\n\nexport interface ContentProps {\n  itemsLength: number;\n  loading?: boolean;\n  className?: string;\n}\n\nexport const Content: FC<PropsWithChildren<ContentProps>> = ({\n  children,\n  itemsLength,\n  loading = false,\n  className,\n}) => {\n  const chatEndRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\n  const [previousMessageCount, setPreviousMessageCount] = useState(0);\n\n  const scrollToBottom = (smooth = true) => {\n    if (smooth) {\n      chatEndRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"end\" });\n    } else {\n      chatEndRef.current?.scrollIntoView({ behavior: \"auto\", block: \"end\" });\n    }\n  };\n\n  useEffect(() => {\n    if (isInitialLoad && itemsLength > 0) {\n      // Initial load: scroll to bottom without smooth animation\n      scrollToBottom(false);\n      setIsInitialLoad(false);\n      setPreviousMessageCount(itemsLength);\n    } else if (!isInitialLoad && itemsLength > previousMessageCount) {\n      // New messages added: scroll to bottom with smooth animation\n      scrollToBottom(true);\n      setPreviousMessageCount(itemsLength);\n    } else if (!isInitialLoad && itemsLength !== previousMessageCount) {\n      // Message count changed but not increased (e.g., conversation switched)\n      // Just update the count without scrolling\n      setPreviousMessageCount(itemsLength);\n    }\n  }, [itemsLength, isInitialLoad, previousMessageCount]);\n\n  return (\n    <Grid\n      className={classNames(styles[\"chat-content\"], className)}\n      ref={containerRef}\n      gridColumn=\"1 / 13\"\n    >\n      {loading ? <Spinner /> : children}\n      <div ref={chatEndRef} />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,UAA+C,CAAC;AAAA,EAC3D,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,IAAI,CAAA;AACvD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAAS,CAAC,CAAA;AAElE,EAAA,MAAM,cAAA,GAAiB,CAAC,MAAA,GAAS,IAAA,KAAS;AACxC,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,UAAA,CAAW,SAAS,cAAA,CAAe,EAAE,UAAU,QAAA,EAAU,KAAA,EAAO,OAAO,CAAA;AAAA,IACzE,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,SAAS,cAAA,CAAe,EAAE,UAAU,MAAA,EAAQ,KAAA,EAAO,OAAO,CAAA;AAAA,IACvE;AAAA,EACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,IAAiB,cAAc,CAAA,EAAG;AAEpC,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAC,aAAA,IAAiB,WAAA,GAAc,oBAAA,EAAsB;AAE/D,MAAA,cAAA,CAAe,IAAI,CAAA;AACnB,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC,CAAA,MAAA,IAAW,CAAC,aAAA,IAAiB,WAAA,KAAgB,oBAAA,EAAsB;AAGjE,MAAA,uBAAA,CAAwB,WAAW,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,aAAA,EAAe,oBAAoB,CAAC,CAAA;AAErD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA,CAAW,MAAA,CAAO,cAAc,GAAG,SAAS,CAAA;AAAA,MACvD,GAAA,EAAK,YAAA;AAAA,MACL,UAAA,EAAW,QAAA;AAAA,MAEV,QAAA,EAAA;AAAA,QAAA,OAAA,mBAAU,GAAA,CAAC,WAAQ,CAAA,GAAK,QAAA;AAAA,wBACzB,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAA,EAAY;AAAA;AAAA;AAAA,GACxB;AAEJ;;;;"}

package/dist/content.css

@@ -1,12 +1,10 @@
 @layer starter, reset, base, state, application;
-@layer application {
-  ._chat-content_12zq8_2 {
-    flex-grow: 1;
-    padding: var(--size-4);
-    box-sizing: border-box;
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-    gap: var(--size-2);
-  }
+.anvil2 ._chat-content_1q7qq_1 {
+  flex-grow: 1;
+  padding: var(--a2-size-4);
+  box-sizing: border-box;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--a2-size-2);
 }

package/dist/content.js

@@ -1,2 +1,2 @@
-export { C as Content } from './content-DAPOfSv5.js';
+export { C as Content } from './content-DGEN1Tcq.js';
 //# sourceMappingURL=content.js.map

package/dist/{footer-Cv4yRBA1.js → footer-B5u9oSlP.js}

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { c as classNames } from './index-DDXI3m_u.js';
 import { observer } from 'mobx-react';
 import { Text, Link } from '@servicetitan/anvil2';
-import { C as ChatComposerRich } from './chat-composer-rich-Bj1gmhec.js';
+import { C as ChatComposerRich } from './chat-composer-rich-BXkSuUJL.js';
 
 import './footer.css';const styles = {
-	"chat-footer": "_chat-footer_1kkwo_1"};
+	"chat-footer": "_chat-footer_14xwy_1"};
 
 const Footer = observer(
   ({
@@ -48,8 +48,8 @@ const Footer = observer(
           variant: "body",
           size: "small",
           style: {
-            fontSize: "var(--typography-label-size-small)",
-            marginBlockStart: "var(--size-1)"
+            fontSize: "var(--a2-typography-label-size-small)",
+            marginBlockStart: "var(--a2-size-1)"
           },
           children: [
             "Atlas is TI-powered, subject to our privacy policy.",
@@ -68,7 +68,7 @@ const Footer = observer(
                     size: "small",
                     subdued: true,
                     style: {
-                      fontSize: "var(--typography-label-size-small)"
+                      fontSize: "var(--a2-typography-label-size-small)"
                     },
                     children: "Learn more"
                   }
@@ -83,4 +83,4 @@ const Footer = observer(
 );
 
 export { Footer as F };
-//# sourceMappingURL=footer-Cv4yRBA1.js.map
+//# sourceMappingURL=footer-B5u9oSlP.js.map