@nonoun/native-ai 1.0.71 → 1.0.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/a2ui/a2ui-element.d.ts +1 -1
- package/dist/a2ui/a2ui-element.d.ts.map +1 -1
- package/dist/chat/chat-input-element.d.ts +1 -1
- package/dist/chat/chat-input-element.d.ts.map +1 -1
- package/dist/chat/chat-panel-element.d.ts.map +1 -1
- package/dist/chat/feed/chat-feed-element.d.ts +3 -3
- package/dist/chat/index.d.ts +2 -2
- package/dist/chat/index.d.ts.map +1 -1
- package/dist/chat/message/chat-message-element.d.ts +1 -1
- package/dist/chat/message/chat-message-element.d.ts.map +1 -1
- package/dist/chat/message/chat-messages-element.d.ts +6 -6
- package/dist/chat/message/chat-messages-element.d.ts.map +1 -1
- package/dist/chat/message/index.d.ts +2 -2
- package/dist/chat/message/index.d.ts.map +1 -1
- package/dist/chat/register.d.ts +4 -4
- package/dist/chat/register.d.ts.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/native-ai.css +43 -43
- package/dist/native-ai.js +43 -47
- package/dist/register.d.ts +1 -1
- package/dist/register.d.ts.map +1 -1
- package/dist/register.js +349 -353
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Layout: chip-toggled multi-panel — preview left, N resizable panes right.
|
|
5
5
|
* Chips: JSON-IN, JSON-OUT, HTML, CSS, JS, COMPONENTS (multiple active at once).
|
|
6
|
-
* Chrome & layout patterns mirror <
|
|
6
|
+
* Chrome & layout patterns mirror <n-playground> for a unified devtool look.
|
|
7
7
|
*
|
|
8
8
|
* Renders A2UI components directly (no iframe) using a local Kernel + A2UIAdapter.
|
|
9
9
|
* Native-ui components must be registered on the page for rendering to work.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"a2ui-element.d.ts","sourceRoot":"","sources":["../../src/a2ui/a2ui-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,aAAa,EAA+C,MAAM,mBAAmB,CAAC;AAa/F,OAAO,8BAA8B,CAAC;AAqFtC,qBAAa,KAAM,SAAQ,aAAa;;IACtC,MAAM,CAAC,kBAAkB,WAAc;IAyDvC,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAKrB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,OAAO,IAAI,IAAI;IACf,IAAI,IAAI,IAAI;IACZ,QAAQ,IAAI,IAAI;IAChB,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAwJb,QAAQ,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"a2ui-element.d.ts","sourceRoot":"","sources":["../../src/a2ui/a2ui-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,aAAa,EAA+C,MAAM,mBAAmB,CAAC;AAa/F,OAAO,8BAA8B,CAAC;AAqFtC,qBAAa,KAAM,SAAQ,aAAa;;IACtC,MAAM,CAAC,kBAAkB,WAAc;IAyDvC,IAAI,MAAM,IAAI,MAAM,CAA+B;IACnD,IAAI,MAAM,CAAC,GAAG,EAAE,MAAM,EAKrB;IAID,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IASpF,OAAO,IAAI,IAAI;IACf,IAAI,IAAI,IAAI;IACZ,QAAQ,IAAI,IAAI;IAChB,KAAK,IAAI,IAAI;IAIb,KAAK,IAAI,IAAI;IAwJb,QAAQ,IAAI,IAAI;CAg3CjB"}
|
|
@@ -30,6 +30,6 @@ export declare class NChatInput extends NativeElement {
|
|
|
30
30
|
teardown(): void;
|
|
31
31
|
}
|
|
32
32
|
/** Advanced multi-zone variant — same behavior, distinct tag for CSS targeting. */
|
|
33
|
-
export declare class
|
|
33
|
+
export declare class NAgentInput extends NChatInput {
|
|
34
34
|
}
|
|
35
35
|
//# sourceMappingURL=chat-input-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-input-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-input-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAGhF;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,kBAAkB,WAAiC;;IAe1D,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAGpB;IAED,mCAAmC;IACnC,aAAa,IAAI,IAAI;IAKrB,kCAAkC;IAClC,YAAY,IAAI,IAAI;IAOpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAkBpF,KAAK,IAAI,IAAI;IA+Cb,QAAQ,IAAI,IAAI;CAsHjB;AAED,mFAAmF;AACnF,qBAAa,
|
|
1
|
+
{"version":3,"file":"chat-input-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-input-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAGhF;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,kBAAkB,WAAiC;;IAe1D,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,OAAO,EAGpB;IAED,mCAAmC;IACnC,aAAa,IAAI,IAAI;IAKrB,kCAAkC;IAClC,YAAY,IAAI,IAAI;IAOpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAkBpF,KAAK,IAAI,IAAI;IA+Cb,QAAQ,IAAI,IAAI;CAsHjB;AAED,mFAAmF;AACnF,qBAAa,WAAY,SAAQ,UAAU;CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAkB,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAWrG,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,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,QAAQ,CAAC,oBAAoB,MAAM;IAC1C,MAAM,CAAC,kBAAkB,WAA6I;IAiCtK,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0DpF,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,MAAM,IAAI,WAAW,EAAE,CAA+B;IAC1D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,EAa5B;IAED,sCAAsC;IACtC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA8B;IACxD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,qGAAqG;IACrG,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAAgC;IAC5D,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAAmC;IAClE,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIhC;IAED,2EAA2E;IAC3E,IAAI,aAAa,IAAI,aAAa,GAAG,IAAI,CAAsC;IAC/E,IAAI,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAI1C;IAED,sGAAsG;IACtG,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAoC;IACpF,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAIjD;IAED,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAAkC;IAE1D,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;
|
|
1
|
+
{"version":3,"file":"chat-panel-element.d.ts","sourceRoot":"","sources":["../../src/chat/chat-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAU,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAkB,aAAa,EAAgC,MAAM,mBAAmB,CAAC;AAWrG,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,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,UAAW,SAAQ,aAAa;;IAC3C,MAAM,CAAC,QAAQ,CAAC,oBAAoB,MAAM;IAC1C,MAAM,CAAC,kBAAkB,WAA6I;IAiCtK,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0DpF,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,MAAM,IAAI,WAAW,EAAE,CAA+B;IAC1D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,EAa5B;IAED,sCAAsC;IACtC,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAA8B;IACxD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAO3B;IAED,qGAAqG;IACrG,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAAgC;IAC5D,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,oCAAoC;IACpC,IAAI,UAAU,IAAI,MAAM,GAAG,IAAI,CAAmC;IAClE,IAAI,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIhC;IAED,2EAA2E;IAC3E,IAAI,aAAa,IAAI,aAAa,GAAG,IAAI,CAAsC;IAC/E,IAAI,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,EAI1C;IAED,sGAAsG;IACtG,IAAI,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAoC;IACpF,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,EAIjD;IAED,sEAAsE;IACtE,IAAI,SAAS,IAAI,OAAO,CAAkC;IAE1D,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;IA+Rb,QAAQ,IAAI,IAAI;CA4ZjB"}
|
|
@@ -2,13 +2,13 @@ import { NativeElement } from '@nonoun/native-ui';
|
|
|
2
2
|
/**
|
|
3
3
|
* Chat feed coordinator — scrollable thread of message groups.
|
|
4
4
|
*
|
|
5
|
-
* Wraps `n-
|
|
5
|
+
* Wraps `n-agent-dialogue` groups and manages auto-scroll behavior.
|
|
6
6
|
* When pinned to bottom, new content automatically scrolls into view.
|
|
7
7
|
*
|
|
8
8
|
* ```html
|
|
9
9
|
* <n-chat-feed auto-scroll>
|
|
10
|
-
* <n-
|
|
11
|
-
* <n-
|
|
10
|
+
* <n-agent-dialogue role="assistant">...</n-agent-dialogue>
|
|
11
|
+
* <n-agent-dialogue role="user">...</n-agent-dialogue>
|
|
12
12
|
* </n-chat-feed>
|
|
13
13
|
* ```
|
|
14
14
|
*
|
package/dist/chat/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { NChatInput,
|
|
1
|
+
export { NChatInput, NAgentInput } from './chat-input-element.ts';
|
|
2
2
|
export { NChatPanel } from './chat-panel-element.ts';
|
|
3
3
|
export type { AutoFocusPolicy, ChatPanelOpenOptions, FocusComposerOptions, ModelOption } from './chat-panel-element.ts';
|
|
4
4
|
export { NChatFeed } from './feed/index.ts';
|
|
5
5
|
export { NChatAvatar } from './avatar/index.ts';
|
|
6
|
-
export {
|
|
6
|
+
export { NAgentDialogueItem, NAgentDialogue, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, } from './message/index.ts';
|
|
7
7
|
export type { ChatMessageActionDef } from './message/chat-message-element.ts';
|
|
8
8
|
export { ACTION_REGISTRY, ROLE_DEFAULTS } from './message/chat-message-element.ts';
|
|
9
9
|
export type { SeedOption } from './message/chat-message-seed-element.ts';
|
package/dist/chat/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGxH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,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"}
|
|
@@ -21,7 +21,7 @@ export declare const ROLE_DEFAULTS: Record<string, string[]>;
|
|
|
21
21
|
* @fires native:message-action - Fired when an action button is clicked
|
|
22
22
|
* @fires native:continue-request - Fired when continue is requested for a partial message
|
|
23
23
|
*/
|
|
24
|
-
export declare class
|
|
24
|
+
export declare class NAgentDialogueItem extends NativeElement {
|
|
25
25
|
#private;
|
|
26
26
|
static observedAttributes: string[];
|
|
27
27
|
constructor();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-message-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,mBAAmB,CAAC;AAI/D,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,
|
|
1
|
+
{"version":3,"file":"chat-message-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-message-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,mBAAmB,CAAC;AAI/D,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,kBAAmB,SAAQ,aAAa;;IACnD,MAAM,CAAC,kBAAkB,WAAsG;;IAoB/H,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;IAqBb,QAAQ,IAAI,IAAI;CAoJjB"}
|
|
@@ -9,26 +9,26 @@ import { NativeElement } from '@nonoun/native-ui';
|
|
|
9
9
|
*
|
|
10
10
|
* On setup, non-avatar children are sorted into two wrapper divs:
|
|
11
11
|
* - `.n-chat-context` — non-message children (row 1)
|
|
12
|
-
* - `.n-chat-bubbles` — `n-
|
|
12
|
+
* - `.n-chat-bubbles` — `n-agent-dialogue-item` children (row 2)
|
|
13
13
|
*
|
|
14
14
|
* A MutationObserver routes dynamically added children into the
|
|
15
15
|
* correct wrapper automatically.
|
|
16
16
|
*
|
|
17
17
|
* ```html
|
|
18
|
-
* <n-
|
|
18
|
+
* <n-agent-dialogue role="assistant" sender="AI">
|
|
19
19
|
* <n-chat-avatar>AI</n-chat-avatar>
|
|
20
20
|
* <span class="reasoning">Thinking...</span>
|
|
21
|
-
* <n-
|
|
21
|
+
* <n-agent-dialogue-item role="assistant">
|
|
22
22
|
* <n-chat-message-text>Hello!</n-chat-message-text>
|
|
23
|
-
* </n-
|
|
24
|
-
* </n-
|
|
23
|
+
* </n-agent-dialogue-item>
|
|
24
|
+
* </n-agent-dialogue>
|
|
25
25
|
* ```
|
|
26
26
|
*
|
|
27
27
|
* @attr {string} role - `user` | `assistant` | `system`
|
|
28
28
|
* @attr {string} sender - Display name of the sender
|
|
29
29
|
* @attr {string} avatar-align - `"top"` | `"center"` | `"bottom"` (default) — avatar vertical alignment
|
|
30
30
|
*/
|
|
31
|
-
export declare class
|
|
31
|
+
export declare class NAgentDialogue extends NativeElement {
|
|
32
32
|
#private;
|
|
33
33
|
static observedAttributes: string[];
|
|
34
34
|
constructor();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-messages-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-messages-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,
|
|
1
|
+
{"version":3,"file":"chat-messages-element.d.ts","sourceRoot":"","sources":["../../../src/chat/message/chat-messages-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,cAAe,SAAQ,aAAa;;IAC/C,MAAM,CAAC,kBAAkB,WAA2C;;IAYpE,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKpF,KAAK,IAAI,IAAI;IA8Bb,QAAQ,IAAI,IAAI;CA4CjB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { NAgentDialogueItem } from './chat-message-element.ts';
|
|
2
|
+
export { NAgentDialogue } from './chat-messages-element.ts';
|
|
3
3
|
export { NChatMessageText } from './chat-message-text-element.ts';
|
|
4
4
|
export { NChatMessageActivity } from './chat-message-activity-element.ts';
|
|
5
5
|
export { NChatMessageSeed } from './chat-message-seed-element.ts';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chat/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chat/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC"}
|
package/dist/chat/register.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { NChatInput,
|
|
1
|
+
import { NChatInput, NAgentInput } from './chat-input-element.ts';
|
|
2
2
|
import { NChatPanel } from './chat-panel-element.ts';
|
|
3
3
|
import { NChatFeed } from './feed/chat-feed-element.ts';
|
|
4
4
|
import { NChatAvatar } from './avatar/chat-avatar-element.ts';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { NAgentDialogueItem } from './message/chat-message-element.ts';
|
|
6
|
+
import { NAgentDialogue } from './message/chat-messages-element.ts';
|
|
7
7
|
import { NChatMessageText } from './message/chat-message-text-element.ts';
|
|
8
8
|
import { NChatMessageActivity } from './message/chat-message-activity-element.ts';
|
|
9
9
|
import { NChatMessageSeed } from './message/chat-message-seed-element.ts';
|
|
10
10
|
import { NChatMessageGenUI } from './message/chat-message-genui-element.ts';
|
|
11
11
|
import { NChatInputStructured } from './message/chat-input-structured-element.ts';
|
|
12
|
-
export { NChatInput,
|
|
12
|
+
export { NChatInput, NAgentInput, NChatPanel, NChatFeed, NChatAvatar, NAgentDialogueItem, NAgentDialogue, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, };
|
|
13
13
|
//# sourceMappingURL=register.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/chat/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/chat/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAiElF,OAAO,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from './a2ui/index.ts';
|
|
2
|
-
export { NChatInput,
|
|
2
|
+
export { NChatInput, NAgentInput, NChatPanel, NChatFeed, NChatAvatar, NAgentDialogueItem, NAgentDialogue, NChatMessageText, NChatMessageActivity, NChatMessageSeed, NChatMessageGenUI, NChatInputStructured, ACTION_REGISTRY, ROLE_DEFAULTS, renderMarkdown, renderInline, sanitizeHtml, parseSSE, parseNDJSON, parseJSON, detectFormat, createChatStream, createChatTransport, classifyStreamEnd, classifyHttpError, backoffDelay, CHAT_EVENTS, SAFE_FIELDS, SENSITIVE_FIELDS, scrubPII, createDefaultRedactor, TelemetryEmitter, } from './chat/index.ts';
|
|
3
3
|
export type { AutoFocusPolicy, ChatPanelOpenOptions, FocusComposerOptions, ModelOption, ChatMessageActionDef, SeedOption, StructuredOption, GenUINode, ChatStreamChunk, StreamFormat, ChatTransportOptions, ChatStreamEvent, ChatTransport, TransportStatus, TransportStateCallback, RetryOptions, StreamEndReason, TelemetryCorrelation, TelemetryTiming, TelemetryRetry, TelemetryLevel, TelemetryEvent, TelemetryRedactor, } from './chat/index.ts';
|
|
4
4
|
export type { TransportState as ChatTransportState } from './chat/index.ts';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAIhC,OAAO,EACL,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAIhC,OAAO,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EAAE,aAAa,EAC9B,cAAc,EAAE,YAAY,EAAE,YAAY,EAC1C,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAC9C,gBAAgB,EAAE,mBAAmB,EACrC,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAClD,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAC1C,QAAQ,EAAE,qBAAqB,EAAE,gBAAgB,GAClD,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACV,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,WAAW,EACxE,oBAAoB,EACpB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,eAAe,EAAE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EACpE,aAAa,EAAE,eAAe,EAAE,sBAAsB,EACtD,YAAY,EAAE,eAAe,EAC7B,oBAAoB,EAAE,eAAe,EAAE,cAAc,EACrD,cAAc,EAAE,cAAc,EAAE,iBAAiB,GAClD,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/native-ai.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* native-a2ui — A2UI Protocol Workbench
|
|
3
3
|
*
|
|
4
4
|
* Layout: chip-toggled multi-panel — preview left, N resizable panes right.
|
|
5
|
-
* Chrome & token patterns mirror <
|
|
5
|
+
* Chrome & token patterns mirror <n-playground> for a unified devtool look.
|
|
6
6
|
* Loaded by consumers via: @import '@nonoun/native-ai/css'
|
|
7
7
|
*/
|
|
8
8
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
/* ── Host ── */
|
|
12
12
|
|
|
13
13
|
:where(native-a2ui) {
|
|
14
|
-
/* Devtool chrome tokens — mirrors
|
|
14
|
+
/* Devtool chrome tokens — mirrors n-playground */
|
|
15
15
|
--n-pg-chrome: var(--n-panel-neutral, #21252b);
|
|
16
16
|
--n-pg-editor-bg: var(--n-control-neutral, #282c34);
|
|
17
17
|
--n-pg-border-color: var(--n-border-muted-neutral, #3e4451);
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
background: var(--n-pg-chrome);
|
|
381
381
|
}
|
|
382
382
|
|
|
383
|
-
:where(native-a2ui) :where(.a2ui-map-editor-section) :where(
|
|
383
|
+
:where(native-a2ui) :where(.a2ui-map-editor-section) :where(n-editor) {
|
|
384
384
|
flex: 1;
|
|
385
385
|
min-height: 0;
|
|
386
386
|
border-radius: 0;
|
|
@@ -464,7 +464,7 @@
|
|
|
464
464
|
|
|
465
465
|
/* ── CodeMirror (mirrors playground overrides) ── */
|
|
466
466
|
|
|
467
|
-
:where(native-a2ui) :where(
|
|
467
|
+
:where(native-a2ui) :where(n-editor) {
|
|
468
468
|
flex: 1;
|
|
469
469
|
min-height: 0;
|
|
470
470
|
border-radius: 0;
|
|
@@ -576,8 +576,8 @@
|
|
|
576
576
|
:where(n-chat-input):not(:defined),
|
|
577
577
|
:where(n-chat-feed):not(:defined),
|
|
578
578
|
:where(n-chat-avatar):not(:defined),
|
|
579
|
-
:where(n-
|
|
580
|
-
:where(n-
|
|
579
|
+
:where(n-agent-dialogue-item):not(:defined),
|
|
580
|
+
:where(n-agent-dialogue):not(:defined),
|
|
581
581
|
:where(n-chat-message-text):not(:defined),
|
|
582
582
|
:where(n-chat-message-activity):not(:defined),
|
|
583
583
|
:where(n-chat-message-seed):not(:defined),
|
|
@@ -789,14 +789,14 @@
|
|
|
789
789
|
:where(n-chat-feed[hidden]) { display: none; }
|
|
790
790
|
|
|
791
791
|
/* ══════════════════════════════════════════════════
|
|
792
|
-
n-
|
|
792
|
+
n-agent-dialogue — message group (bubble cluster)
|
|
793
793
|
══════════════════════════════════════════════════ */
|
|
794
794
|
|
|
795
795
|
/* 2×2 grid: avatar | context + bubbles.
|
|
796
796
|
Col 1: avatar (spans both rows, bottom-aligned)
|
|
797
797
|
Col 2 row 1: .n-chat-context — metadata, reasoning, timestamps
|
|
798
798
|
Col 2 row 2: .n-chat-bubbles — message bubbles (flex column) */
|
|
799
|
-
:where(n-
|
|
799
|
+
:where(n-agent-dialogue) {
|
|
800
800
|
display: grid;
|
|
801
801
|
grid-template-columns: auto 1fr;
|
|
802
802
|
grid-template-rows: auto 1fr;
|
|
@@ -807,7 +807,7 @@
|
|
|
807
807
|
}
|
|
808
808
|
|
|
809
809
|
/* Avatar: col 1, spans both rows, bottom-align */
|
|
810
|
-
:where(n-
|
|
810
|
+
:where(n-agent-dialogue) > :where(n-chat-avatar) {
|
|
811
811
|
grid-column: 1;
|
|
812
812
|
grid-row: 1 / -1;
|
|
813
813
|
align-self: end;
|
|
@@ -816,7 +816,7 @@
|
|
|
816
816
|
/* Assistant avatar: use default avatar tokens (bubble is transparent) */
|
|
817
817
|
|
|
818
818
|
/* Context area: col 2, row 1 — metadata above messages */
|
|
819
|
-
:where(n-
|
|
819
|
+
:where(n-agent-dialogue) > :where(.n-chat-context) {
|
|
820
820
|
grid-column: 2;
|
|
821
821
|
grid-row: 1;
|
|
822
822
|
display: flex;
|
|
@@ -826,12 +826,12 @@
|
|
|
826
826
|
}
|
|
827
827
|
|
|
828
828
|
/* Empty context collapses */
|
|
829
|
-
:where(n-
|
|
829
|
+
:where(n-agent-dialogue) > :where(.n-chat-context:empty) {
|
|
830
830
|
display: none;
|
|
831
831
|
}
|
|
832
832
|
|
|
833
833
|
/* Bubbles area: col 2, row 2 — flex column of messages */
|
|
834
|
-
:where(n-
|
|
834
|
+
:where(n-agent-dialogue) > :where(.n-chat-bubbles) {
|
|
835
835
|
grid-column: 2;
|
|
836
836
|
grid-row: 2;
|
|
837
837
|
display: flex;
|
|
@@ -841,43 +841,43 @@
|
|
|
841
841
|
}
|
|
842
842
|
|
|
843
843
|
/* Messages shrink-wrap to content width */
|
|
844
|
-
:where(.n-chat-bubbles) > :where(n-
|
|
844
|
+
:where(.n-chat-bubbles) > :where(n-agent-dialogue-item) {
|
|
845
845
|
width: fit-content;
|
|
846
846
|
max-width: 100%;
|
|
847
847
|
}
|
|
848
848
|
|
|
849
849
|
/* Avatar alignment overrides */
|
|
850
|
-
[avatar-align="top"]:where(n-
|
|
850
|
+
[avatar-align="top"]:where(n-agent-dialogue) > :where(n-chat-avatar) {
|
|
851
851
|
align-self: start;
|
|
852
852
|
}
|
|
853
853
|
|
|
854
|
-
[avatar-align="center"]:where(n-
|
|
854
|
+
[avatar-align="center"]:where(n-agent-dialogue) > :where(n-chat-avatar) {
|
|
855
855
|
align-self: center;
|
|
856
856
|
}
|
|
857
857
|
|
|
858
858
|
/* User messages: right-aligned, avatar on right */
|
|
859
|
-
[data-role="user"]:where(n-
|
|
859
|
+
[data-role="user"]:where(n-agent-dialogue) {
|
|
860
860
|
grid-template-columns: 1fr auto;
|
|
861
861
|
align-self: flex-end;
|
|
862
862
|
}
|
|
863
863
|
|
|
864
|
-
[data-role="user"]:where(n-
|
|
864
|
+
[data-role="user"]:where(n-agent-dialogue) > :where(n-chat-avatar) {
|
|
865
865
|
grid-column: 2;
|
|
866
866
|
background: var(--n-chat-bubble-user);
|
|
867
867
|
color: var(--n-chat-bubble-user-color);
|
|
868
868
|
}
|
|
869
869
|
|
|
870
|
-
[data-role="user"]:where(n-
|
|
871
|
-
[data-role="user"]:where(n-
|
|
870
|
+
[data-role="user"]:where(n-agent-dialogue) > :where(.n-chat-context),
|
|
871
|
+
[data-role="user"]:where(n-agent-dialogue) > :where(.n-chat-bubbles) {
|
|
872
872
|
grid-column: 1;
|
|
873
873
|
}
|
|
874
874
|
|
|
875
875
|
/* User bubbles align to the right edge */
|
|
876
|
-
[data-role="user"]:where(n-
|
|
876
|
+
[data-role="user"]:where(n-agent-dialogue) :where(.n-chat-bubbles) > :where(n-agent-dialogue-item) {
|
|
877
877
|
align-self: flex-end;
|
|
878
878
|
}
|
|
879
879
|
|
|
880
|
-
:where(n-
|
|
880
|
+
:where(n-agent-dialogue[hidden]) { display: none; }
|
|
881
881
|
|
|
882
882
|
/* ══════════════════════════════════════════════════
|
|
883
883
|
n-chat-avatar — sender avatar
|
|
@@ -916,10 +916,10 @@
|
|
|
916
916
|
:where(n-chat-avatar[hidden]) { display: none; }
|
|
917
917
|
|
|
918
918
|
/* ══════════════════════════════════════════════════
|
|
919
|
-
n-
|
|
919
|
+
n-agent-dialogue-item — individual message bubble
|
|
920
920
|
══════════════════════════════════════════════════ */
|
|
921
921
|
|
|
922
|
-
:where(n-
|
|
922
|
+
:where(n-agent-dialogue-item) {
|
|
923
923
|
display: flex;
|
|
924
924
|
flex-direction: column;
|
|
925
925
|
gap: var(--n-space);
|
|
@@ -942,7 +942,7 @@
|
|
|
942
942
|
}
|
|
943
943
|
|
|
944
944
|
/* User bubble: avatar on right — flip avatar-side / far-side corners */
|
|
945
|
-
[data-role="user"]:where(n-
|
|
945
|
+
[data-role="user"]:where(n-agent-dialogue-item) {
|
|
946
946
|
border-radius:
|
|
947
947
|
var(--n-chat-bubble-radius-far-side)
|
|
948
948
|
var(--n-chat-bubble-radius-avatar-side)
|
|
@@ -955,22 +955,22 @@
|
|
|
955
955
|
}
|
|
956
956
|
|
|
957
957
|
/* Streaming status */
|
|
958
|
-
[status="streaming"]:where(n-
|
|
958
|
+
[status="streaming"]:where(n-agent-dialogue-item) {
|
|
959
959
|
opacity: var(--n-chat-streaming-opacity);
|
|
960
960
|
}
|
|
961
961
|
|
|
962
962
|
/* Error status */
|
|
963
|
-
[status="error"]:where(n-
|
|
963
|
+
[status="error"]:where(n-agent-dialogue-item) {
|
|
964
964
|
border: 1px solid var(--n-border-danger);
|
|
965
965
|
}
|
|
966
966
|
|
|
967
967
|
/* Partial status — stream ended without explicit completion */
|
|
968
|
-
[status="partial"]:where(n-
|
|
968
|
+
[status="partial"]:where(n-agent-dialogue-item) {
|
|
969
969
|
border-block-end: 2px dashed var(--n-border-muted);
|
|
970
970
|
}
|
|
971
971
|
|
|
972
972
|
/* Typing status — waiting for first stream chunk */
|
|
973
|
-
[status="typing"]:where(n-
|
|
973
|
+
[status="typing"]:where(n-agent-dialogue-item) :where(n-chat-message-text) :where(.n-chat-prose):empty::before {
|
|
974
974
|
content: '\25CF\25CF\25CF';
|
|
975
975
|
letter-spacing: 0.25em;
|
|
976
976
|
color: var(--n-ink-muted);
|
|
@@ -984,30 +984,30 @@
|
|
|
984
984
|
|
|
985
985
|
/* ── Message actions toolbar ── */
|
|
986
986
|
|
|
987
|
-
:where(n-
|
|
987
|
+
:where(n-agent-dialogue-item) > :where(n-toolbar[data-role="actions"]) {
|
|
988
988
|
opacity: 0;
|
|
989
989
|
transition: opacity var(--n-duration) var(--n-easing);
|
|
990
990
|
padding-inline: var(--n-chat-bubble-padding-inline);
|
|
991
991
|
}
|
|
992
992
|
|
|
993
|
-
:where(n-
|
|
994
|
-
:where(n-
|
|
995
|
-
:where(n-
|
|
993
|
+
:where(n-agent-dialogue-item):hover > :where(n-toolbar[data-role="actions"]),
|
|
994
|
+
:where(n-agent-dialogue-item):focus-within > :where(n-toolbar[data-role="actions"]),
|
|
995
|
+
:where(n-agent-dialogue-item[force-hover]) > :where(n-toolbar[data-role="actions"]) {
|
|
996
996
|
opacity: 1;
|
|
997
997
|
}
|
|
998
998
|
|
|
999
999
|
/* Partial status — always show actions (contains continue button) */
|
|
1000
|
-
[status="partial"]:where(n-
|
|
1000
|
+
[status="partial"]:where(n-agent-dialogue-item) > :where(n-toolbar[data-role="actions"]) {
|
|
1001
1001
|
opacity: 1;
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
1004
|
/* ── Below-bubble popover toolbar ── */
|
|
1005
1005
|
|
|
1006
1006
|
/* Popover toolbar: anchored below the message via CSS anchor positioning.
|
|
1007
|
-
Toolbar is a child of n-
|
|
1007
|
+
Toolbar is a child of n-agent-dialogue-item with popover="manual", rendered in the
|
|
1008
1008
|
top layer. JS shows/hides via pointerenter/pointerleave + showPopover().
|
|
1009
1009
|
Entry/exit transition mirrors n-listbox[popover] (perspective + scale). */
|
|
1010
|
-
:where(n-
|
|
1010
|
+
:where(n-agent-dialogue-item) > :where(n-toolbar[data-role="actions"][popover]) {
|
|
1011
1011
|
position: fixed;
|
|
1012
1012
|
inset: auto;
|
|
1013
1013
|
top: anchor(bottom);
|
|
@@ -1027,13 +1027,13 @@
|
|
|
1027
1027
|
overlay var(--n-duration) var(--n-easing) allow-discrete;
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
|
-
:where(n-
|
|
1030
|
+
:where(n-agent-dialogue-item) > :where(n-toolbar[data-role="actions"][popover]):popover-open {
|
|
1031
1031
|
opacity: 1;
|
|
1032
1032
|
transform: none;
|
|
1033
1033
|
}
|
|
1034
1034
|
|
|
1035
1035
|
@starting-style {
|
|
1036
|
-
:where(n-
|
|
1036
|
+
:where(n-agent-dialogue-item) > :where(n-toolbar[data-role="actions"][popover]):popover-open {
|
|
1037
1037
|
opacity: 0;
|
|
1038
1038
|
transform: perspective(800px) scale(0.96) rotateX(-20deg);
|
|
1039
1039
|
}
|
|
@@ -1044,7 +1044,7 @@
|
|
|
1044
1044
|
display: none;
|
|
1045
1045
|
}
|
|
1046
1046
|
|
|
1047
|
-
:where(n-
|
|
1047
|
+
:where(n-agent-dialogue-item[hidden]) { display: none; }
|
|
1048
1048
|
|
|
1049
1049
|
/* ══════════════════════════════════════════════════
|
|
1050
1050
|
n-chat-message-text — rich text / markdown
|
|
@@ -1448,14 +1448,14 @@
|
|
|
1448
1448
|
}
|
|
1449
1449
|
|
|
1450
1450
|
/* ══════════════════════════════════════════════════
|
|
1451
|
-
n-
|
|
1451
|
+
n-agent-input — multi-zone rich composer
|
|
1452
1452
|
══════════════════════════════════════════════════
|
|
1453
1453
|
|
|
1454
1454
|
3 zones: header-bar (above), prompt-container (bordered), suggestion-chips (below).
|
|
1455
1455
|
The prompt container holds textarea + improve button + toolbar.
|
|
1456
1456
|
|
|
1457
1457
|
HTML shape:
|
|
1458
|
-
<n-
|
|
1458
|
+
<n-agent-input>
|
|
1459
1459
|
<n-chat-input-header> … </n-chat-input-header>
|
|
1460
1460
|
<n-chat-input-prompt>
|
|
1461
1461
|
<n-textarea …></n-textarea>
|
|
@@ -1463,12 +1463,12 @@
|
|
|
1463
1463
|
<n-toolbar variant="plain"> … </n-toolbar>
|
|
1464
1464
|
</n-chat-input-prompt>
|
|
1465
1465
|
<n-chat-input-chips> … </n-chat-input-chips>
|
|
1466
|
-
</n-
|
|
1466
|
+
</n-agent-input>
|
|
1467
1467
|
*/
|
|
1468
1468
|
|
|
1469
|
-
:where(n-
|
|
1469
|
+
:where(n-agent-input):not(:defined) { visibility: hidden; }
|
|
1470
1470
|
|
|
1471
|
-
:where(n-
|
|
1471
|
+
:where(n-agent-input) {
|
|
1472
1472
|
display: flex;
|
|
1473
1473
|
flex: 1 1 0%;
|
|
1474
1474
|
flex-direction: column;
|