@nonoun/native-chat 0.3.0 → 0.5.1

package/dist/chat-panel-element.d.ts

@@ -1,4 +1,12 @@
 import { NativeElement } from '@nonoun/native-ui';
+export type AutoFocusPolicy = 'open-request' | 'ready' | 'never';
+export interface ChatPanelOpenOptions {
+    focusComposer?: boolean;
+    reason?: string;
+}
+export interface FocusComposerOptions {
+    cursor?: 'start' | 'end' | 'preserve';
+}
 /**
  * Stamped panel for the chat interface.
  *
@@ -28,9 +36,14 @@ import { NativeElement } from '@nonoun/native-ui';
  * ```
  * @attr {boolean} show-stop - Show a stop button in the header; fires `native:chat-stop`
  * @attr {boolean} show-restart - Show a restart button in the header; fires `native:chat-restart`
+ * @attr {string} auto-focus-policy - When to auto-focus the composer: 'open-request' (default), 'ready', 'never'
  * @fires native:chat-stop - Fired when the stop button is pressed
  * @fires native:chat-restart - Fired when the restart button is pressed
  * @fires native:send - Fired on submit with `{ value }` detail
+ * @fires native:chat-opened - Fired when the panel opens
+ * @fires native:chat-closed - Fired when the panel closes
+ * @fires native:composer-focused - Fired when the composer receives focus via API/policy
+ * @fires native:composer-focus-failed - Fired when focusComposer() fails after retries
  */
 export declare class NChatPanel extends NativeElement {
     #private;
@@ -40,6 +53,14 @@ export declare class NChatPanel extends NativeElement {
     set showStop(val: boolean);
     get showRestart(): boolean;
     set showRestart(val: boolean);
+    get autoFocusPolicy(): AutoFocusPolicy;
+    set autoFocusPolicy(val: AutoFocusPolicy);
+    /** Open the panel. Optionally focus the composer. */
+    open(options?: ChatPanelOpenOptions): void;
+    /** Close the panel. */
+    close(reason?: string): void;
+    /** Focus the composer input. */
+    focusComposer(options?: FocusComposerOptions, by?: 'api' | 'user' | 'policy'): void;
     setup(): void;
     teardown(): void;
 }

package/dist/chat-panel-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../src/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,kBAAkB,WAAiC;IAa1D,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAepF,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,WAAW,IAAI,OAAO,CAAoC;IAC9D,IAAI,WAAW,CAAC,GAAG,EAAE,OAAO,EAG3B;IAID,KAAK,IAAI,IAAI;IA4Hb,QAAQ,IAAI,IAAI;CA6CjB"}
+{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../src/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,kBAAkB,WAA8D;IAevF,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA4BpF,IAAI,QAAQ,IAAI,OAAO,CAAiC;IACxD,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,WAAW,IAAI,OAAO,CAAoC;IAC9D,IAAI,WAAW,CAAC,GAAG,EAAE,OAAO,EAG3B;IAED,IAAI,eAAe,IAAI,eAAe,CAAwC;IAC9E,IAAI,eAAe,CAAC,GAAG,EAAE,eAAe,EAGvC;IAED,qDAAqD;IACrD,IAAI,CAAC,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI;IAkB1C,uBAAuB;IACvB,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAU5B,gCAAgC;IAChC,aAAa,CAAC,OAAO,CAAC,EAAE,oBAAoB,EAAE,EAAE,GAAE,KAAK,GAAG,MAAM,GAAG,QAAgB,GAAG,IAAI;IAM1F,KAAK,IAAI,IAAI;IA0Ib,QAAQ,IAAI,IAAI;CA2JjB"}

package/dist/feed/chat-feed-element.d.ts

@@ -12,8 +12,21 @@ import { NativeElement } from '@nonoun/native-ui';
  * </n-chat-feed>
  * ```
  *
+ * ### Virtualization (opt-in)
+ *
+ * ```html
+ * <n-chat-feed virtual virtual-item-height="80" virtual-overscan="8">
+ * </n-chat-feed>
+ * ```
+ *
+ * Set `items` and `itemRenderer` properties for programmatic data-driven rendering.
+ *
  * @attr {boolean} auto-scroll - Enable auto-scroll to bottom on new content (default: true)
+ * @attr {boolean} virtual - Enable virtual scroll windowing
+ * @attr {string} virtual-item-height - Estimated item height in px (default: 80)
+ * @attr {string} virtual-overscan - Number of extra items to render outside viewport (default: 5)
  * @fires native:feed-scroll - Fired when scroll pinned state changes
+ * @fires native:range-change - Fired when virtual scroll range changes
  */
 export declare class NChatFeed extends NativeElement {
     #private;
@@ -22,6 +35,12 @@ export declare class NChatFeed extends NativeElement {
     get isPinned(): boolean;
     /** Scroll to the bottom of the feed. */
     scrollToBottom(smooth?: boolean): void;
+    /** Data items for virtual rendering. */
+    get items(): unknown[];
+    set items(val: unknown[]);
+    /** Callback that creates an HTMLElement from a data item. */
+    get itemRenderer(): ((item: unknown, index: number) => HTMLElement) | null;
+    set itemRenderer(fn: ((item: unknown, index: number) => HTMLElement) | null);
     attributeChangedCallback(name: string, old: string | null, val: string | null): void;
     setup(): void;
     teardown(): void;

package/dist/feed/chat-feed-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-feed-element.d.ts","sourceRoot":"","sources":["../../src/feed/chat-feed-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAI1D;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,SAAU,SAAQ,aAAa;;IAC1C,MAAM,CAAC,kBAAkB,WAAiC;;IAc1D,IAAI,QAAQ,IAAI,OAAO,CAAiC;IAExD,wCAAwC;IACxC,cAAc,CAAC,MAAM,UAAO,GAAG,IAAI;IAUnC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAUpF,KAAK,IAAI,IAAI;IA4Bb,QAAQ,IAAI,IAAI;CAuCjB"}
+{"version":3,"file":"chat-feed-element.d.ts","sourceRoot":"","sources":["../../src/feed/chat-feed-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAmC,MAAM,mBAAmB,CAAC;AAInF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,SAAU,SAAQ,aAAa;;IAC1C,MAAM,CAAC,kBAAkB,WAAuF;;IAoBhH,IAAI,QAAQ,IAAI,OAAO,CAAiC;IAExD,wCAAwC;IACxC,cAAc,CAAC,MAAM,UAAO,GAAG,IAAI;IAQnC,wCAAwC;IACxC,IAAI,KAAK,IAAI,OAAO,EAAE,CAA8B;IACpD,IAAI,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,EAKvB;IAED,6DAA6D;IAC7D,IAAI,YAAY,IAAI,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,CAA+B;IACzG,IAAI,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,EAE1E;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0BpF,KAAK,IAAI,IAAI;IAiCb,QAAQ,IAAI,IAAI;CA6HjB"}

package/dist/index.d.ts

@@ -1,15 +1,18 @@
 import './register.ts';
 export { NChatInput } from './chat-input-element.ts';
 export { NChatPanel } from './chat-panel-element.ts';
+export type { AutoFocusPolicy, ChatPanelOpenOptions, FocusComposerOptions } from './chat-panel-element.ts';
 export { NChatFeed } from './feed/index.ts';
 export { NChatAvatar } from './avatar/index.ts';
 export { NChatMessage, NChatMessages, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, } from './message/index.ts';
+export type { ChatMessageActionDef } from './message/chat-message-element.ts';
+export { ACTION_REGISTRY, ROLE_DEFAULTS } from './message/chat-message-element.ts';
 export type { SeedOption } from './message/chat-message-seed-element.ts';
 export type { StructuredOption } from './message/chat-input-structured-element.ts';
 export type { GenUINode } from './message/chat-message-genui-element.ts';
 export { renderMarkdown, renderInline, sanitizeHtml } from './message/chat-message-text-element.ts';
-export type { ChatStreamChunk, StreamFormat, ChatTransportOptions, ChatStreamEvent, ChatTransport, } from './stream/index.ts';
-export { parseSSE, parseNDJSON, parseJSON, detectFormat, createChatStream, createChatTransport, } from './stream/index.ts';
+export type { ChatStreamChunk, StreamFormat, ChatTransportOptions, ChatStreamEvent, ChatTransport, TransportState, TransportStatus, TransportStateCallback, RetryOptions, StreamEndReason, } from './stream/index.ts';
+export { parseSSE, parseNDJSON, parseJSON, detectFormat, createChatStream, createChatTransport, classifyStreamEnd, classifyHttpError, backoffDelay, } from './stream/index.ts';
 export type { TelemetryCorrelation, TelemetryTiming, TelemetryRetry, TelemetryLevel, TelemetryEvent, TelemetryRedactor, } from './telemetry/index.ts';
 export { CHAT_EVENTS, SAFE_FIELDS, SENSITIVE_FIELDS, scrubPII, createDefaultRedactor, TelemetryEmitter, } from './telemetry/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACnF,YAAY,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGpG,YAAY,EACV,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG3G,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGnF,YAAY,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACnF,YAAY,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGpG,YAAY,EACV,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,YAAY,EACZ,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

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

@@ -1,4 +1,10 @@
 import { NativeElement } from '@nonoun/native-ui';
+export interface ChatMessageActionDef {
+    label: string;
+    icon: string;
+}
+export declare const ACTION_REGISTRY: Record<string, ChatMessageActionDef>;
+export declare const ROLE_DEFAULTS: Record<string, string[]>;
 /**
  * Individual chat message bubble.
  *
@@ -8,8 +14,12 @@ import { NativeElement } from '@nonoun/native-ui';
  * @attr {string} role - `user` | `assistant` | `system`
  * @attr {string} message-id - Unique message identifier
  * @attr {string} timestamp - Epoch milliseconds
- * @attr {string} status - `sending` | `sent` | `error` | `streaming`
+ * @attr {string} status - `sending` | `sent` | `error` | `streaming` | `partial`
+ * @attr {string} actions - Comma-separated action list, or `"none"` to suppress
+ * @attr {string} actions-style - `"label"` (default) | `"icon"` | `"icon-label"`
+ * @attr {string} actions-position - `"inside"` (default) | `"below"` — toolbar placement
  * @fires native:message-action - Fired when an action button is clicked
+ * @fires native:continue-request - Fired when continue is requested for a partial message
  */
 export declare class NChatMessage extends NativeElement {
     #private;
@@ -21,6 +31,12 @@ export declare class NChatMessage extends NativeElement {
     get timestamp(): number;
     get status(): string;
     set status(val: string);
+    get actions(): string | null;
+    set actions(val: string | null);
+    get actionsStyle(): string;
+    set actionsStyle(val: string);
+    get actionsPosition(): string;
+    set actionsPosition(val: string);
     attributeChangedCallback(name: string, old: string | null, val: string | null): void;
     setup(): void;
     teardown(): void;

package/dist/message/chat-message-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-element.d.ts","sourceRoot":"","sources":["../../src/message/chat-message-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,qBAAa,YAAa,SAAQ,aAAa;;IAC7C,MAAM,CAAC,kBAAkB,WAAiD;;IAc1E,IAAI,IAAI,IAAI,MAAM,CAA6B;IAC/C,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAGnB;IAED,IAAI,SAAS,IAAI,MAAM,CAAkD;IAEzE,IAAI,SAAS,IAAI,MAAM,CAAwD;IAE/E,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAGrB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAWpF,KAAK,IAAI,IAAI;IAeb,QAAQ,IAAI,IAAI;CAsDjB"}
+{"version":3,"file":"chat-message-element.d.ts","sourceRoot":"","sources":["../../src/message/chat-message-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAI1D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAOhE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAGlD,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,aAAa;;IAC7C,MAAM,CAAC,kBAAkB,WAAiG;;IAiB1H,IAAI,IAAI,IAAI,MAAM,CAA6B;IAC/C,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAGnB;IAED,IAAI,SAAS,IAAI,MAAM,CAAkD;IAEzE,IAAI,SAAS,IAAI,MAAM,CAAwD;IAE/E,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAGrB;IAED,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAAgC;IAC5D,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO7B;IAED,IAAI,YAAY,IAAI,MAAM,CAAqC;IAC/D,IAAI,YAAY,CAAC,GAAG,EAAE,MAAM,EAG3B;IAED,IAAI,eAAe,IAAI,MAAM,CAAwC;IACrE,IAAI,eAAe,CAAC,GAAG,EAAE,MAAM,EAG9B;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAcpF,KAAK,IAAI,IAAI;IAmBb,QAAQ,IAAI,IAAI;CA0FjB"}

package/dist/message/chat-messages-element.d.ts

@@ -16,6 +16,7 @@ import { NativeElement } from '@nonoun/native-ui';
  *
  * @attr {string} role - `user` | `assistant` | `system`
  * @attr {string} sender - Display name of the sender
+ * @attr {string} avatar-align - `"top"` (default) | `"center"` | `"bottom"` — avatar vertical alignment
  */
 export declare class NChatMessages extends NativeElement {
     #private;

package/dist/message/chat-messages-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-messages-element.d.ts","sourceRoot":"","sources":["../../src/message/chat-messages-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,aAAc,SAAQ,aAAa;;IAC9C,MAAM,CAAC,kBAAkB,WAAsB;;IAS/C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CAGjB"}
+{"version":3,"file":"chat-messages-element.d.ts","sourceRoot":"","sources":["../../src/message/chat-messages-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,aAAc,SAAQ,aAAa;;IAC9C,MAAM,CAAC,kBAAkB,WAAsC;;IAS/D,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CAGjB"}

package/dist/native-chat.css

@@ -33,6 +33,8 @@
     --n-chat-bubble-assistant: var(--n-card);
     --n-chat-bubble-assistant-color: var(--n-ink);
     --n-chat-bubble-radius: var(--n-radius);
+    --n-chat-bubble-radius-avatar-side: var(--n-chat-bubble-radius);
+    --n-chat-bubble-radius-far-side: var(--n-chat-bubble-radius);
     --n-chat-bubble-padding-block: calc(var(--n-space) * 2);
     --n-chat-bubble-padding-inline: calc(var(--n-space) * 3);
     --n-chat-bubble-max-width: 85%;
@@ -67,6 +69,15 @@
   :where(native-chat-panel) {
     --n-ground: var(--n-panel);
 
+    /* Section surface token hooks — override on native-chat-panel to theme sections */
+    --n-chat-panel-header-background: transparent;
+    --n-chat-panel-header-border: var(--n-border-muted);
+    --n-chat-panel-header-label-font-weight: inherit;
+    --n-chat-panel-header-label-letter-spacing: inherit;
+    --n-chat-panel-body-background: transparent;
+    --n-chat-panel-footer-background: transparent;
+    --n-chat-panel-footer-border: var(--n-border-muted);
+
     container-type: inline-size;
     display: flex;
     flex: 1 1 0%;
@@ -83,11 +94,22 @@
   /* ── Sub-container integration ── */
 
   :where(native-chat-panel) > :where(n-header) {
-    border-bottom: 1px solid var(--n-border-muted);
+    background: var(--n-chat-panel-header-background);
+    border-bottom: 1px solid var(--n-chat-panel-header-border);
+  }
+
+  :where(native-chat-panel) > :where(n-header) :where([slot="label"]) {
+    font-weight: var(--n-chat-panel-header-label-font-weight);
+    letter-spacing: var(--n-chat-panel-header-label-letter-spacing);
+  }
+
+  :where(native-chat-panel) > :where(n-body) {
+    background: var(--n-chat-panel-body-background);
   }
 
   :where(native-chat-panel) > :where(n-footer) {
-    border-top: 1px solid var(--n-border-muted);
+    background: var(--n-chat-panel-footer-background);
+    border-top: 1px solid var(--n-chat-panel-footer-border);
   }
 
   /* WHY: Wide padding only above 22rem — asides (280–480px) keep compact defaults. */
@@ -150,6 +172,19 @@
     user-select: none;
   }
 
+  /* ── Virtual scroll spacers ── */
+
+  :where(n-chat-feed) > :where(.n-chat-feed-virtual-container) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--n-chat-gap);
+  }
+
+  :where(n-chat-feed) :where(.n-virtual-spacer-top),
+  :where(n-chat-feed) :where(.n-virtual-spacer-bottom) {
+    flex-shrink: 0;
+  }
+
   :where(n-chat-feed[hidden]) { display: none; }
 
   /* ══════════════════════════════════════════════════
@@ -180,6 +215,15 @@
     min-width: 0;
   }
 
+  /* Avatar alignment */
+  [avatar-align="center"]:where(n-chat-messages) {
+    align-items: center;
+  }
+
+  [avatar-align="bottom"]:where(n-chat-messages) {
+    align-items: flex-end;
+  }
+
   :where(n-chat-messages[hidden]) { display: none; }
 
   /* ══════════════════════════════════════════════════
@@ -229,7 +273,13 @@
 
     padding-block: var(--n-chat-bubble-padding-block);
     padding-inline: var(--n-chat-bubble-padding-inline);
-    border-radius: var(--n-chat-bubble-radius);
+
+    /* Asymmetric radius: assistant = avatar on left */
+    border-radius:
+      var(--n-chat-bubble-radius-avatar-side)
+      var(--n-chat-bubble-radius-far-side)
+      var(--n-chat-bubble-radius-far-side)
+      var(--n-chat-bubble-radius-avatar-side);
 
     background: var(--n-chat-bubble-assistant);
     color: var(--n-chat-bubble-assistant-color);
@@ -238,8 +288,14 @@
     overflow-wrap: break-word;
   }
 
-  /* User bubble */
+  /* User bubble: avatar on right — flip avatar-side / far-side corners */
   [role="user"]:where(n-chat-message) {
+    border-radius:
+      var(--n-chat-bubble-radius-far-side)
+      var(--n-chat-bubble-radius-avatar-side)
+      var(--n-chat-bubble-radius-avatar-side)
+      var(--n-chat-bubble-radius-far-side);
+
     background: var(--n-chat-bubble-user);
     color: var(--n-chat-bubble-user-color);
   }
@@ -254,6 +310,11 @@
     border: 1px solid var(--n-border-danger);
   }
 
+  /* Partial status — stream ended without explicit completion */
+  [status="partial"]:where(n-chat-message) {
+    border-bottom: 2px dashed var(--n-border-muted);
+  }
+
   /* ── Message actions toolbar ── */
 
   :where(n-chat-message) > :where(.n-chat-message-actions) {
@@ -267,6 +328,31 @@
     opacity: 1;
   }
 
+  /* Partial status — always show actions (contains continue button) */
+  [status="partial"]:where(n-chat-message) > :where(.n-chat-message-actions) {
+    opacity: 1;
+  }
+
+  /* ── Below-bubble actions position ── */
+
+  /* When actions-position="below", the toolbar is a sibling of n-chat-message
+     in the message column. Show on message hover via adjacent sibling. */
+  [actions-position="below"]:where(n-chat-message) + :where(.n-chat-message-actions) {
+    opacity: 0;
+    transition: opacity var(--n-duration) var(--n-easing);
+  }
+
+  [actions-position="below"]:where(n-chat-message):hover + :where(.n-chat-message-actions),
+  [actions-position="below"]:where(n-chat-message[force-hover]) + :where(.n-chat-message-actions),
+  [actions-position="below"]:where(n-chat-message) + :where(.n-chat-message-actions):focus-within {
+    opacity: 1;
+  }
+
+  /* Partial status — always show below-bubble actions */
+  [status="partial"][actions-position="below"]:where(n-chat-message) + :where(.n-chat-message-actions) {
+    opacity: 1;
+  }
+
   :where(n-chat-message[hidden]) { display: none; }
 
   /* ══════════════════════════════════════════════════