@atelier-ui/react 0.1.12 → 0.2.1

package/src/lib/chat/{llm-chat.css → atl-chat.css}

@@ -1,10 +1,10 @@
 /* ── Host wrapper ──────────────────────────────────────────────────────────── */
-.llm-chat {
+.atl-chat {
   display: contents;
 }
 
 /* ── Shared surface (header / messages / input column) ─────────────────────── */
-.llm-chat .surface {
+.atl-chat .surface {
   display: flex;
   flex-direction: column;
   background: var(--ui-color-surface);
@@ -15,7 +15,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* DRAWER variant                                                              */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat.variant-drawer dialog {
+.atl-chat.variant-drawer dialog {
   all: unset;
   position: fixed;
   inset: 0 0 0 auto;
@@ -34,18 +34,18 @@
     overlay var(--ui-duration-slow) allow-discrete;
 }
 
-.llm-chat.variant-drawer dialog[open] {
+.atl-chat.variant-drawer dialog[open] {
   display: flex;
   transform: translateX(0);
 }
 
 @starting-style {
-  .llm-chat.variant-drawer dialog[open] {
+  .atl-chat.variant-drawer dialog[open] {
     transform: translateX(100%);
   }
 }
 
-.llm-chat.variant-drawer dialog::backdrop {
+.atl-chat.variant-drawer dialog::backdrop {
   background: var(--ui-color-overlay);
   backdrop-filter: blur(2px);
   transition:
@@ -54,7 +54,7 @@
     overlay var(--ui-duration-slow) allow-discrete;
 }
 
-.llm-chat.variant-drawer .drawer-surface {
+.atl-chat.variant-drawer .drawer-surface {
   width: 100%;
   height: 100%;
 }
@@ -62,7 +62,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* POPUP variant                                                               */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat.variant-popup .popup-surface {
+.atl-chat.variant-popup .popup-surface {
   position: fixed;
   bottom: calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));
   right: var(--ui-spacing-6);
@@ -73,7 +73,7 @@
   z-index: 100;
 }
 
-.llm-chat.variant-popup .fab-bubble {
+.atl-chat.variant-popup .fab-bubble {
   position: fixed;
   bottom: var(--ui-spacing-6);
   right: var(--ui-spacing-6);
@@ -94,12 +94,12 @@
   z-index: 101;
 }
 
-.llm-chat.variant-popup .fab-bubble:hover {
+.atl-chat.variant-popup .fab-bubble:hover {
   transform: scale(1.05);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
 }
 
-.llm-chat.variant-popup .fab-bubble:focus-visible {
+.atl-chat.variant-popup .fab-bubble:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring), 0 6px 16px rgba(0, 0, 0, 0.18);
 }
@@ -107,7 +107,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* INLINE variant                                                              */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat.variant-inline .inline-surface {
+.atl-chat.variant-inline .inline-surface {
   width: 100%;
   height: 100%;
   min-height: 24rem;
@@ -115,14 +115,14 @@
   border-radius: var(--ui-radius-xl);
 }
 
-.llm-chat.variant-inline .llm-chat-header .close-btn {
+.atl-chat.variant-inline .atl-chat-header .close-btn {
   display: none;
 }
 
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: header                                                       */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-header {
+.atl-chat-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -132,7 +132,7 @@
   flex-shrink: 0;
 }
 
-.llm-chat-header .title-block {
+.atl-chat-header .title-block {
   display: flex;
   align-items: center;
   gap: var(--ui-spacing-3);
@@ -144,7 +144,7 @@
   min-width: 0;
 }
 
-.llm-chat-header .close-btn {
+.atl-chat-header .close-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -162,12 +162,12 @@
     color var(--ui-transition-fast);
 }
 
-.llm-chat-header .close-btn:hover {
+.atl-chat-header .close-btn:hover {
   background-color: var(--ui-color-surface-sunken);
   color: var(--ui-color-text);
 }
 
-.llm-chat-header .close-btn:focus-visible {
+.atl-chat-header .close-btn:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
 }
@@ -175,7 +175,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: messages                                                     */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-messages {
+.atl-chat-messages {
   display: flex;
   flex-direction: column;
   gap: var(--ui-spacing-3);
@@ -190,7 +190,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: message bubble                                               */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-message {
+.atl-chat-message {
   display: block;
   max-width: 85%;
   padding: var(--ui-spacing-3) var(--ui-spacing-4);
@@ -200,25 +200,25 @@
   word-wrap: break-word;
 }
 
-.llm-chat-message.role-assistant,
-.llm-chat-message.role-system {
+.atl-chat-message.role-assistant,
+.atl-chat-message.role-system {
   background: var(--ui-color-surface-sunken);
   color: var(--ui-color-text);
   align-self: flex-start;
 }
 
-.llm-chat-message.role-user {
+.atl-chat-message.role-user {
   background: var(--ui-color-primary);
   color: var(--ui-color-text-on-primary);
   align-self: flex-end;
 }
 
-.llm-chat-message.role-system {
+.atl-chat-message.role-system {
   font-style: italic;
   color: var(--ui-color-text-muted);
 }
 
-.llm-chat-message.is-failed {
+.atl-chat-message.is-failed {
   background: var(--ui-color-surface-sunken);
   border: 1px dashed var(--ui-color-danger);
   color: var(--ui-color-text);
@@ -227,7 +227,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: typing indicator                                             */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-typing {
+.atl-chat-typing {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-spacing-1);
@@ -237,25 +237,25 @@
   align-self: flex-start;
 }
 
-.llm-chat-typing .dot {
+.atl-chat-typing .dot {
   width: 0.375rem;
   height: 0.375rem;
   border-radius: 50%;
   background: var(--ui-color-text-muted);
-  animation: llm-chat-typing 1.4s infinite ease-in-out;
+  animation: atl-chat-typing 1.4s infinite ease-in-out;
 }
 
-.llm-chat-typing .dot:nth-child(2) {
+.atl-chat-typing .dot:nth-child(2) {
   animation-delay: 0.16s;
 }
 
-.llm-chat-typing .dot:nth-child(3) {
+.atl-chat-typing .dot:nth-child(3) {
   animation-delay: 0.32s;
 }
 
 /* Inline cursor variant — drops the bubble chrome so the dots can sit at the
    end of a streaming assistant message. */
-.llm-chat-typing.is-inline {
+.atl-chat-typing.is-inline {
   display: inline-flex;
   padding: 0;
   margin-left: var(--ui-spacing-1);
@@ -265,24 +265,24 @@
   align-self: auto;
 }
 
-.llm-chat-typing.is-inline .dot {
+.atl-chat-typing.is-inline .dot {
   width: 0.25rem;
   height: 0.25rem;
 }
 
-@keyframes llm-chat-typing {
+@keyframes atl-chat-typing {
   0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
   30% { opacity: 1; transform: translateY(-2px); }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .llm-chat-typing .dot {
+  .atl-chat-typing .dot {
     animation: none;
     opacity: 0.6;
   }
 }
 
-.llm-chat-typing .sr-only {
+.atl-chat-typing .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -297,11 +297,11 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: suggestion chip                                              */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-suggestion {
+.atl-chat-suggestion {
   display: block;
 }
 
-.llm-chat-suggestion .chip {
+.atl-chat-suggestion .chip {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -320,23 +320,23 @@
     border-color var(--ui-transition-fast);
 }
 
-.llm-chat-suggestion .chip:hover {
+.atl-chat-suggestion .chip:hover {
   background-color: var(--ui-color-surface-sunken);
   border-color: var(--ui-color-border-hover);
 }
 
-.llm-chat-suggestion .chip:focus-visible {
+.atl-chat-suggestion .chip:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
 }
 
-.llm-chat-suggestion .chip-label {
+.atl-chat-suggestion .chip-label {
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-weight-medium);
   color: var(--ui-color-text);
 }
 
-.llm-chat-suggestion .chip-hint {
+.atl-chat-suggestion .chip-hint {
   font-size: var(--ui-font-size-xs);
   color: var(--ui-color-text-muted);
 }
@@ -344,7 +344,7 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* SUB-COMPONENT: input footer                                                 */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat-input {
+.atl-chat-input {
   display: flex;
   align-items: flex-end;
   gap: var(--ui-spacing-2);
@@ -354,7 +354,7 @@
   flex-shrink: 0;
 }
 
-.llm-chat-input .field {
+.atl-chat-input .field {
   flex: 1;
   min-width: 0;
   padding: var(--ui-spacing-2) var(--ui-spacing-3);
@@ -369,26 +369,26 @@
   transition: border-color var(--ui-transition-fast);
 }
 
-.llm-chat-input .field::placeholder {
+.atl-chat-input .field::placeholder {
   color: var(--ui-color-text-muted);
 }
 
-.llm-chat-input .field:hover:not(:disabled) {
+.atl-chat-input .field:hover:not(:disabled) {
   border-color: var(--ui-color-input-border-hover, var(--ui-color-border-hover));
 }
 
-.llm-chat-input .field:focus-visible {
+.atl-chat-input .field:focus-visible {
   outline: none;
   border-color: var(--ui-color-primary);
   box-shadow: var(--ui-focus-ring);
 }
 
-.llm-chat-input .field:disabled {
+.atl-chat-input .field:disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
-.llm-chat-input .action-btn {
+.atl-chat-input .action-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -406,34 +406,34 @@
     transform var(--ui-transition-fast);
 }
 
-.llm-chat-input .action-btn.variant-primary {
+.atl-chat-input .action-btn.variant-primary {
   background: var(--ui-color-primary);
   color: var(--ui-color-text-on-primary);
   border-color: var(--ui-color-primary);
 }
 
-.llm-chat-input .action-btn.variant-primary:hover:not(:disabled) {
+.atl-chat-input .action-btn.variant-primary:hover:not(:disabled) {
   background: var(--ui-color-primary-hover);
   border-color: var(--ui-color-primary-hover);
 }
 
-.llm-chat-input .action-btn.variant-danger {
+.atl-chat-input .action-btn.variant-danger {
   background: var(--ui-color-danger);
   color: var(--ui-color-text-on-danger);
   border-color: var(--ui-color-danger);
 }
 
-.llm-chat-input .action-btn.variant-danger:hover {
+.atl-chat-input .action-btn.variant-danger:hover {
   background: var(--ui-color-danger-hover);
   border-color: var(--ui-color-danger-hover);
 }
 
-.llm-chat-input .action-btn:disabled {
+.atl-chat-input .action-btn:disabled {
   opacity: var(--ui-opacity-disabled);
   cursor: not-allowed;
 }
 
-.llm-chat-input .action-btn:focus-visible {
+.atl-chat-input .action-btn:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-ring);
 }
@@ -441,6 +441,6 @@
 /* ═══════════════════════════════════════════════════════════════════════════ */
 /* STATUS-aware tweaks                                                         */
 /* ═══════════════════════════════════════════════════════════════════════════ */
-.llm-chat.status-streaming .llm-chat-input .field {
+.atl-chat.status-streaming .atl-chat-input .field {
   cursor: wait;
 }

package/src/lib/chat/{llm-chat.d.ts → atl-chat.d.ts}

@@ -1,14 +1,14 @@
 import { HTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
-import type { LlmChatMessageRole, LlmChatStatus, LlmChatVariant } from '../spec';
-import './llm-chat.css';
+import type { AtlChatMessageRole, AtlChatStatus, AtlChatVariant } from '../spec';
+import './atl-chat.css';
 /**
- * Properties for the LlmChat component.
+ * Properties for the AtlChat component.
  */
-export interface LlmChatProps {
+export interface AtlChatProps {
     /** Layout variant. */
-    variant?: LlmChatVariant;
+    variant?: AtlChatVariant;
     /** Connection / response status. */
-    status?: LlmChatStatus;
+    status?: AtlChatStatus;
     /** Whether the chat is open (drawer / popup variants). */
     open?: boolean;
     /** Callback when open state should change. */
@@ -18,32 +18,32 @@ export interface LlmChatProps {
 /**
  * AI assistant surface. Three layout variants share the same content slots:
  * `drawer` (slide-in panel), `popup` (floating bubble + window), `inline`
- * (embedded card). Compose with `LlmChatHeader`, `LlmChatMessages`,
- * `LlmChatMessage`, `LlmChatTyping`, `LlmChatSuggestion`, `LlmChatInput`.
+ * (embedded card). Compose with `AtlChatHeader`, `AtlChatMessages`,
+ * `AtlChatMessage`, `AtlChatTyping`, `AtlChatSuggestion`, `AtlChatInput`.
  */
-export declare function LlmChat({ variant, status, open, onOpenChange, children, }: LlmChatProps): import("react").JSX.Element;
+export declare function AtlChat({ variant, status, open, onOpenChange, children, }: AtlChatProps): import("react").JSX.Element;
 /**
- * Header slot for `LlmChat`. Holds the title block; the close button
+ * Header slot for `AtlChat`. Holds the title block; the close button
  * is rendered automatically (hidden on the inline variant via CSS).
  */
-export declare function LlmChatHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function AtlChatHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
- * Scrollable message list. Project `LlmChatMessage`, `LlmChatTyping`, or
- * `LlmChatSuggestion` children inside. Auto-scrolls to the bottom whenever
+ * Scrollable message list. Project `AtlChatMessage`, `AtlChatTyping`, or
+ * `AtlChatSuggestion` children inside. Auto-scrolls to the bottom whenever
  * children are added or content changes — important for streaming responses
  * where new tokens are appended live.
  */
-export declare function LlmChatMessages({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function AtlChatMessages({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
  * A single chat message. Role drives bubble alignment and color.
  */
-export interface LlmChatMessageProps extends HTMLAttributes<HTMLDivElement> {
+export interface AtlChatMessageProps extends HTMLAttributes<HTMLDivElement> {
     /** Sender of the message. */
-    role?: LlmChatMessageRole;
+    role?: AtlChatMessageRole;
     /** Marks the message as failed (red dashed border). */
     failed?: boolean;
 }
-export declare function LlmChatMessage({ role, failed, children, className, ...rest }: LlmChatMessageProps): import("react").JSX.Element;
+export declare function AtlChatMessage({ role, failed, children, className, ...rest }: AtlChatMessageProps): import("react").JSX.Element;
 /**
  * Typing indicator (three animated dots).
  *
@@ -51,18 +51,18 @@ export declare function LlmChatMessage({ role, failed, children, className, ...r
  * - **Standalone bubble** (default) — render at the end of the message
  *   list to show "the assistant is starting to respond".
  * - **Inline cursor** (`inline`) — render as the LAST child INSIDE the
- *   currently-streaming `LlmChatMessage` so the dots read as a typing
+ *   currently-streaming `AtlChatMessage` so the dots read as a typing
  *   caret at the end of the partial text.
  */
-export interface LlmChatTypingProps extends HTMLAttributes<HTMLDivElement> {
+export interface AtlChatTypingProps extends HTMLAttributes<HTMLDivElement> {
     /** When true, renders as an inline cursor without bubble chrome. */
     inline?: boolean;
 }
-export declare function LlmChatTyping({ inline, className, ...rest }: LlmChatTypingProps): import("react").JSX.Element;
+export declare function AtlChatTyping({ inline, className, ...rest }: AtlChatTypingProps): import("react").JSX.Element;
 /**
  * Tappable suggestion chip used in the empty state to seed a conversation.
  */
-export interface LlmChatSuggestionProps {
+export interface AtlChatSuggestionProps {
     /** Primary label of the suggestion. */
     label: string;
     /** Optional secondary hint text. */
@@ -71,15 +71,15 @@ export interface LlmChatSuggestionProps {
     onSelected?: (label: string) => void;
     className?: string;
 }
-export declare function LlmChatSuggestion({ label, hint, onSelected, className, }: LlmChatSuggestionProps): import("react").JSX.Element;
+export declare function AtlChatSuggestion({ label, hint, onSelected, className, }: AtlChatSuggestionProps): import("react").JSX.Element;
 /**
- * Composable input footer for `LlmChat`. Wraps a textarea and emits
+ * Composable input footer for `AtlChat`. Wraps a textarea and emits
  * `onSend` (or `onStop` when the chat status is `'streaming'`).
  *
  * The action button automatically switches between primary "Send" and
  * danger "Stop" based on the parent chat's status.
  */
-export interface LlmChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+export interface AtlChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
     value?: string;
     onValueChange?: (value: string) => void;
     onSend?: (text: string) => void;
@@ -87,5 +87,5 @@ export interface LlmChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextA
     /** Accessible label for the input field. */
     ariaLabel?: string;
 }
-export declare function LlmChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel, ...rest }: LlmChatInputProps): import("react").JSX.Element;
-//# sourceMappingURL=llm-chat.d.ts.map
+export declare function AtlChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel, ...rest }: AtlChatInputProps): import("react").JSX.Element;
+//# sourceMappingURL=atl-chat.d.ts.map

package/src/lib/chat/{llm-chat.d.ts.map → atl-chat.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"llm-chat.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/chat/llm-chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAGd,SAAS,EACT,sBAAsB,EAOvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAgBxB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAkB,EAClB,MAAe,EACf,IAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,+BAuHd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAiChC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAoBhC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAkB,EAClB,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAcrB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAcpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,sBAAsB,+BAexB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAuC,EACvC,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAuEnB"}
+{"version":3,"file":"atl-chat.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/chat/atl-chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAGd,SAAS,EACT,sBAAsB,EAOvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAgBxB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAkB,EAClB,MAAe,EACf,IAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,+BAuHd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAiChC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAoBhC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAkB,EAClB,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAcrB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAcpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,sBAAsB,+BAexB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAuC,EACvC,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAuEnB"}

package/src/lib/chat/{llm-chat.js → atl-chat.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useId, useRef, useState, } from 'react';
-import './llm-chat.css';
+import './atl-chat.css';
 const ChatContext = createContext({
     headerId: '',
     status: 'idle',
@@ -10,10 +10,10 @@ const ChatContext = createContext({
 /**
  * AI assistant surface. Three layout variants share the same content slots:
  * `drawer` (slide-in panel), `popup` (floating bubble + window), `inline`
- * (embedded card). Compose with `LlmChatHeader`, `LlmChatMessages`,
- * `LlmChatMessage`, `LlmChatTyping`, `LlmChatSuggestion`, `LlmChatInput`.
+ * (embedded card). Compose with `AtlChatHeader`, `AtlChatMessages`,
+ * `AtlChatMessage`, `AtlChatTyping`, `AtlChatSuggestion`, `AtlChatInput`.
  */
-export function LlmChat({ variant = 'drawer', status = 'idle', open = false, onOpenChange, children, }) {
+export function AtlChat({ variant = 'drawer', status = 'idle', open = false, onOpenChange, children, }) {
     const dialogRef = useRef(null);
     const headerId = useId();
     const triggerElRef = useRef(null);
@@ -72,7 +72,7 @@ export function LlmChat({ variant = 'drawer', status = 'idle', open = false, onO
             onOpenChange?.(false);
     };
     const hostClass = [
-        'llm-chat',
+        'atl-chat',
         `variant-${variant}`,
         `status-${status}`,
         open && 'is-open',
@@ -88,20 +88,20 @@ export function LlmChat({ variant = 'drawer', status = 'idle', open = false, onO
     return (_jsx(ChatContext.Provider, { value: ctx, children: _jsxs("div", { ref: hostRef, className: hostClass, children: [variant === 'drawer' && (_jsx("dialog", { ref: dialogRef, "aria-labelledby": headerId, "aria-modal": "true", onClick: handleBackdropClick, children: _jsx("div", { className: "surface drawer-surface", onClick: (e) => e.stopPropagation(), children: children }) })), variant === 'popup' && (_jsxs(_Fragment, { children: [open && (_jsx("div", { className: "surface popup-surface", role: "dialog", "aria-labelledby": headerId, children: children })), _jsx("button", { type: "button", className: "fab-bubble", "aria-label": open ? 'Close AI assistant' : 'Open AI assistant', "aria-expanded": open, onClick: () => onOpenChange?.(!open), children: _jsx("span", { "aria-hidden": "true", children: "AI" }) })] })), variant === 'inline' && (_jsx("section", { className: "surface inline-surface", "aria-labelledby": headerId, children: children }))] }) }));
 }
 /**
- * Header slot for `LlmChat`. Holds the title block; the close button
+ * Header slot for `AtlChat`. Holds the title block; the close button
  * is rendered automatically (hidden on the inline variant via CSS).
  */
-export function LlmChatHeader({ children, className, ...rest }) {
+export function AtlChatHeader({ children, className, ...rest }) {
     const ctx = useContext(ChatContext);
-    return (_jsxs("div", { id: ctx.headerId, className: ['llm-chat-header', className].filter(Boolean).join(' '), ...rest, children: [_jsx("div", { className: "title-block", children: children }), _jsx("button", { type: "button", className: "close-btn", "aria-label": "Close chat", onClick: ctx.close, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }));
+    return (_jsxs("div", { id: ctx.headerId, className: ['atl-chat-header', className].filter(Boolean).join(' '), ...rest, children: [_jsx("div", { className: "title-block", children: children }), _jsx("button", { type: "button", className: "close-btn", "aria-label": "Close chat", onClick: ctx.close, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }));
 }
 /**
- * Scrollable message list. Project `LlmChatMessage`, `LlmChatTyping`, or
- * `LlmChatSuggestion` children inside. Auto-scrolls to the bottom whenever
+ * Scrollable message list. Project `AtlChatMessage`, `AtlChatTyping`, or
+ * `AtlChatSuggestion` children inside. Auto-scrolls to the bottom whenever
  * children are added or content changes — important for streaming responses
  * where new tokens are appended live.
  */
-export function LlmChatMessages({ children, className, ...rest }) {
+export function AtlChatMessages({ children, className, ...rest }) {
     const ref = useRef(null);
     useEffect(() => {
         const el = ref.current;
@@ -113,11 +113,11 @@ export function LlmChatMessages({ children, className, ...rest }) {
         observer.observe(el, { childList: true, subtree: true, characterData: true });
         return () => observer.disconnect();
     }, []);
-    return (_jsx("div", { ref: ref, className: ['llm-chat-messages', className].filter(Boolean).join(' '), ...rest, children: children }));
+    return (_jsx("div", { ref: ref, className: ['atl-chat-messages', className].filter(Boolean).join(' '), ...rest, children: children }));
 }
-export function LlmChatMessage({ role = 'assistant', failed = false, children, className, ...rest }) {
+export function AtlChatMessage({ role = 'assistant', failed = false, children, className, ...rest }) {
     const classes = [
-        'llm-chat-message',
+        'atl-chat-message',
         `role-${role}`,
         failed && 'is-failed',
         className,
@@ -126,18 +126,18 @@ export function LlmChatMessage({ role = 'assistant', failed = false, children, c
         .join(' ');
     return (_jsx("div", { role: "listitem", className: classes, ...rest, children: children }));
 }
-export function LlmChatTyping({ inline = false, className, ...rest }) {
+export function AtlChatTyping({ inline = false, className, ...rest }) {
     const classes = [
-        'llm-chat-typing',
+        'atl-chat-typing',
         inline && 'is-inline',
         className,
     ].filter(Boolean).join(' ');
     return (_jsxs("div", { role: "status", "aria-live": "polite", className: classes, ...rest, children: [_jsx("span", { className: "dot" }), _jsx("span", { className: "dot" }), _jsx("span", { className: "dot" }), _jsx("span", { className: "sr-only", children: "Assistant is typing" })] }));
 }
-export function LlmChatSuggestion({ label, hint, onSelected, className, }) {
-    return (_jsx("div", { className: ['llm-chat-suggestion', className].filter(Boolean).join(' '), children: _jsxs("button", { type: "button", className: "chip", onClick: () => onSelected?.(label), children: [_jsx("span", { className: "chip-label", children: label }), hint && _jsx("span", { className: "chip-hint", children: hint })] }) }));
+export function AtlChatSuggestion({ label, hint, onSelected, className, }) {
+    return (_jsx("div", { className: ['atl-chat-suggestion', className].filter(Boolean).join(' '), children: _jsxs("button", { type: "button", className: "chip", onClick: () => onSelected?.(label), children: [_jsx("span", { className: "chip-label", children: label }), hint && _jsx("span", { className: "chip-hint", children: hint })] }) }));
 }
-export function LlmChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel = 'Message your AI assistant', ...rest }) {
+export function AtlChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel = 'Message your AI assistant', ...rest }) {
     const ctx = useContext(ChatContext);
     const isStreaming = ctx.status === 'streaming';
     const [internal, setInternal] = useState('');
@@ -170,6 +170,6 @@ export function LlmChatInput({ value, onValueChange, onSend, onStop, placeholder
             emitSend();
         }
     };
-    return (_jsxs("div", { className: "llm-chat-input", children: [_jsx("textarea", { className: "field", rows: 1, value: current, placeholder: effectivePlaceholder, disabled: isStreaming, "aria-label": ariaLabel, onChange: handleChange, onKeyDown: handleKeyDown, ...rest }), isStreaming ? (_jsx("button", { type: "button", className: "action-btn variant-danger size-md", onClick: onStop, children: "Stop" })) : (_jsx("button", { type: "button", className: "action-btn variant-primary size-md", disabled: !current.trim(), onClick: emitSend, children: "Send" }))] }));
+    return (_jsxs("div", { className: "atl-chat-input", children: [_jsx("textarea", { className: "field", rows: 1, value: current, placeholder: effectivePlaceholder, disabled: isStreaming, "aria-label": ariaLabel, onChange: handleChange, onKeyDown: handleKeyDown, ...rest }), isStreaming ? (_jsx("button", { type: "button", className: "action-btn variant-danger size-md", onClick: onStop, children: "Stop" })) : (_jsx("button", { type: "button", className: "action-btn variant-primary size-md", disabled: !current.trim(), onClick: emitSend, children: "Send" }))] }));
 }
-//# sourceMappingURL=llm-chat.js.map
+//# sourceMappingURL=atl-chat.js.map