@hanzo/ui 8.1.5 → 8.1.7

package/dist/chat/Message.cjs

@@ -9,36 +9,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *
  * Role drives presentation and nothing else: a user turn is a contained bubble
  * that shrinks to its content, an assistant turn is full-bleed prose, a system
- * turn is a muted aside. Content is `children`, so the surface keeps its own
- * markdown pipeline — the surfaces disagree on remark plugins and none of that
- * belongs in a presentational package.
+ * turn is a muted aside. The contrast is what says who is speaking, so there is
+ * no name and no timestamp, and `icon` is opt-in.
  *
- * That arrangement is not this package's taste; it is what all six turn
- * renderers across the estate independently arrived at. hanzo/chat states it
- * outright in `client/src/components/Chat/Messages/ui/MessageRender.tsx:131`:
- * "the user's turn is a glass bubble on the right, the reply plain and full
- * width — the contrast is what says who is speaking." No avatar, no sender
- * name, no timestamp — which is why `icon` is opt-in and there is no `name`
- * prop. Only the read-only share view renders a name, and only one surface
- * renders a timestamp.
+ * Content is `children`: the markdown pipeline stays with the surface.
  */
 const gui_1 = require("@hanzo/gui");
 const ink_1 = require("../backends/gui/ink.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
 /**
- * The mark that says a turn is still arriving.
+ * The mark that says a turn is still arriving. Static, not blinking.
  *
- * Placed by whoever knows where the prose ends. A surface rendering markdown
- * owns that node and can append this inside it; `Message busy` puts it at the
- * end of the turn instead, which is all this package can know.
- *
- * It does not blink. Every surface that ships one draws it static — an 8x16
- * block on hanzo.app `/chat`, a 2px caret in the builder, a 12px `⬤` from
- * hanzo/chat's `.result-streaming::after`. A caret is the narrowest of the
- * three and the one that reads as "the sentence continues" rather than as a
- * bullet. Decorative, so it is hidden from assistive tech: the turn's text is
- * already live-announced by the surface, and a cursor announced as content is
- * noise on every token.
+ * Placed by whoever knows where the prose ends: a surface rendering markdown
+ * owns that node and can append this inside it, and `Message busy` puts it at
+ * the end of the turn. Decorative, so assistive tech skips it — the surface
+ * already live-announces the text.
  */
 function Caret() {
     return (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('caret'), width: 2, height: 15, rounded: 1, bg: "$color12", "aria-hidden": true });
@@ -48,18 +33,10 @@ function Message({ role, children, actions, busy = false, icon, body, ...props }
         return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('message'), "data-role": "system", width: "100%", justify: "center", py: "$2", ...props, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", text: "center", children: children }) }));
     const mine = role === 'user';
     return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('message'), "data-role": role, width: "100%", justify: mine ? 'flex-end' : 'flex-start', gap: "$2", 
-        // The row is a hover group, so an action strip can be revealed with
-        // `$group-hover` instead of by a wrapper each surface adds itself. Both
-        // hanzo/chat and hanzo.app reveal theirs on hover and both had to supply
-        // the group. Unnamed on purpose: gui types `group` as a BOOLEAN here, so
-        // `group="turn"` type-errors rather than registering a named group.
+        // Makes `actions` revealable with `$group-hover`. Unnamed: gui types
+        // `group` as a boolean, so a name does not compile.
         group: true, ...props, children: [icon && !mine ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: icon }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('message-body'), "data-bubble": mine ? 'true' : undefined, gap: "$2", 
-                // 85%, because that is the number three independent implementations
-                // reached: hanzo/chat's `USER_TURN` (`common/turn.ts:17`,
-                // `max-w-[85%]`), hanzo.app `/chat` (`app/chat/page.tsx:521`,
-                // `maxWidth="85%"`) and the app builder's `UserBubble`
-                // (`ask-ai/chat-thread.tsx:141`). This package said 80% and no one
-                // said 80%.
+                // 85% is what the surfaces converged on for a user turn.
                 maxW: mine ? '85%' : '100%', flex: mine ? undefined : 1, ...(mine && {
                     bg: '$color3',
                     rounded: '$5',

package/dist/chat/Message.d.ts

@@ -3,44 +3,24 @@
  *
  * Role drives presentation and nothing else: a user turn is a contained bubble
  * that shrinks to its content, an assistant turn is full-bleed prose, a system
- * turn is a muted aside. Content is `children`, so the surface keeps its own
- * markdown pipeline — the surfaces disagree on remark plugins and none of that
- * belongs in a presentational package.
+ * turn is a muted aside. The contrast is what says who is speaking, so there is
+ * no name and no timestamp, and `icon` is opt-in.
  *
- * That arrangement is not this package's taste; it is what all six turn
- * renderers across the estate independently arrived at. hanzo/chat states it
- * outright in `client/src/components/Chat/Messages/ui/MessageRender.tsx:131`:
- * "the user's turn is a glass bubble on the right, the reply plain and full
- * width — the contrast is what says who is speaking." No avatar, no sender
- * name, no timestamp — which is why `icon` is opt-in and there is no `name`
- * prop. Only the read-only share view renders a name, and only one surface
- * renders a timestamp.
+ * Content is `children`: the markdown pipeline stays with the surface.
  */
 import { XStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
 export type Role = 'user' | 'assistant' | 'system';
-/**
- * What a gui stack accepts — id, className, style, the `$` style props.
- *
- * `role` is dropped because this component already has one and means something
- * else by it: the ARIA role of the row is not the speaker of the turn. The row
- * needs no ARIA role, and `aria-label` is still reachable for the name.
- */
+/** What a gui stack accepts. `role` is dropped: here it names the speaker, not
+ *  an ARIA role. `aria-label` still reaches the row. */
 type Stack = Omit<ComponentProps<typeof XStack>, 'children' | 'role'>;
 /**
- * The mark that says a turn is still arriving.
- *
- * Placed by whoever knows where the prose ends. A surface rendering markdown
- * owns that node and can append this inside it; `Message busy` puts it at the
- * end of the turn instead, which is all this package can know.
+ * The mark that says a turn is still arriving. Static, not blinking.
  *
- * It does not blink. Every surface that ships one draws it static — an 8x16
- * block on hanzo.app `/chat`, a 2px caret in the builder, a 12px `⬤` from
- * hanzo/chat's `.result-streaming::after`. A caret is the narrowest of the
- * three and the one that reads as "the sentence continues" rather than as a
- * bullet. Decorative, so it is hidden from assistive tech: the turn's text is
- * already live-announced by the surface, and a cursor announced as content is
- * noise on every token.
+ * Placed by whoever knows where the prose ends: a surface rendering markdown
+ * owns that node and can append this inside it, and `Message busy` puts it at
+ * the end of the turn. Decorative, so assistive tech skips it — the surface
+ * already live-announces the text.
  */
 export declare function Caret(): import("react/jsx-runtime").JSX.Element;
 export interface MessageProps extends Stack {
@@ -52,16 +32,8 @@ export interface MessageProps extends Stack {
     busy?: boolean;
     /** Leading affordance for an assistant turn: avatar or model mark. */
     icon?: ReactNode;
-    /**
-     * The bubble's own props — the inner box, not the row.
-     *
-     * The same reason `DialogContent` grew `overlay`: this component owns the
-     * body so a caller never has to assemble one, but owning is not hiding, and
-     * with nothing through, the fill, the corner and the width cap were
-     * unreachable from outside the package. hanzo/chat's turn is `glass hz-turn`
-     * with a `color-mix` fill it applies fleet-wide (`style.css:389`); it cannot
-     * adopt a bubble welded to `$color3`. Absent, nothing changes.
-     */
+    /** The bubble's own props — the inner box, not the row. Reaches the fill, the
+     *  corner and the width cap. Absent, nothing changes. */
     body?: Stack;
 }
 export declare function Message({ role, children, actions, busy, icon, body, ...props }: MessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/chat/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../src/chat/Message.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAQ,MAAM,EAAU,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;AAElD;;;;;;GAMG;AACH,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAErE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,4CAEpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,2CA4Dd"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../src/chat/Message.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAQ,MAAM,EAAU,MAAM,YAAY,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;AAElD;wDACwD;AACxD,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAErE;;;;;;;GAOG;AACH,wBAAgB,KAAK,4CAEpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;6DACyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAY,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,2CAoDd"}

package/dist/chat/Message.js

@@ -5,36 +5,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Role drives presentation and nothing else: a user turn is a contained bubble
  * that shrinks to its content, an assistant turn is full-bleed prose, a system
- * turn is a muted aside. Content is `children`, so the surface keeps its own
- * markdown pipeline — the surfaces disagree on remark plugins and none of that
- * belongs in a presentational package.
+ * turn is a muted aside. The contrast is what says who is speaking, so there is
+ * no name and no timestamp, and `icon` is opt-in.
  *
- * That arrangement is not this package's taste; it is what all six turn
- * renderers across the estate independently arrived at. hanzo/chat states it
- * outright in `client/src/components/Chat/Messages/ui/MessageRender.tsx:131`:
- * "the user's turn is a glass bubble on the right, the reply plain and full
- * width — the contrast is what says who is speaking." No avatar, no sender
- * name, no timestamp — which is why `icon` is opt-in and there is no `name`
- * prop. Only the read-only share view renders a name, and only one surface
- * renders a timestamp.
+ * Content is `children`: the markdown pipeline stays with the surface.
  */
 import { Text, XStack, YStack } from '@hanzo/gui';
 import { ink } from '../backends/gui/ink.js';
 import { slot } from '../backends/gui/slot.js';
 /**
- * The mark that says a turn is still arriving.
+ * The mark that says a turn is still arriving. Static, not blinking.
  *
- * Placed by whoever knows where the prose ends. A surface rendering markdown
- * owns that node and can append this inside it; `Message busy` puts it at the
- * end of the turn instead, which is all this package can know.
- *
- * It does not blink. Every surface that ships one draws it static — an 8x16
- * block on hanzo.app `/chat`, a 2px caret in the builder, a 12px `⬤` from
- * hanzo/chat's `.result-streaming::after`. A caret is the narrowest of the
- * three and the one that reads as "the sentence continues" rather than as a
- * bullet. Decorative, so it is hidden from assistive tech: the turn's text is
- * already live-announced by the surface, and a cursor announced as content is
- * noise on every token.
+ * Placed by whoever knows where the prose ends: a surface rendering markdown
+ * owns that node and can append this inside it, and `Message busy` puts it at
+ * the end of the turn. Decorative, so assistive tech skips it — the surface
+ * already live-announces the text.
  */
 export function Caret() {
     return _jsx(YStack, { ...slot('caret'), width: 2, height: 15, rounded: 1, bg: "$color12", "aria-hidden": true });
@@ -44,18 +29,10 @@ export function Message({ role, children, actions, busy = false, icon, body, ...
         return (_jsx(XStack, { ...slot('message'), "data-role": "system", width: "100%", justify: "center", py: "$2", ...props, children: _jsx(Text, { fontSize: "$1", color: "$color10", text: "center", children: children }) }));
     const mine = role === 'user';
     return (_jsxs(XStack, { ...slot('message'), "data-role": role, width: "100%", justify: mine ? 'flex-end' : 'flex-start', gap: "$2", 
-        // The row is a hover group, so an action strip can be revealed with
-        // `$group-hover` instead of by a wrapper each surface adds itself. Both
-        // hanzo/chat and hanzo.app reveal theirs on hover and both had to supply
-        // the group. Unnamed on purpose: gui types `group` as a BOOLEAN here, so
-        // `group="turn"` type-errors rather than registering a named group.
+        // Makes `actions` revealable with `$group-hover`. Unnamed: gui types
+        // `group` as a boolean, so a name does not compile.
         group: true, ...props, children: [icon && !mine ? _jsx(YStack, { pt: "$1", children: icon }) : null, _jsxs(YStack, { ...slot('message-body'), "data-bubble": mine ? 'true' : undefined, gap: "$2", 
-                // 85%, because that is the number three independent implementations
-                // reached: hanzo/chat's `USER_TURN` (`common/turn.ts:17`,
-                // `max-w-[85%]`), hanzo.app `/chat` (`app/chat/page.tsx:521`,
-                // `maxWidth="85%"`) and the app builder's `UserBubble`
-                // (`ask-ai/chat-thread.tsx:141`). This package said 80% and no one
-                // said 80%.
+                // 85% is what the surfaces converged on for a user turn.
                 maxW: mine ? '85%' : '100%', flex: mine ? undefined : 1, ...(mine && {
                     bg: '$color3',
                     rounded: '$5',

package/dist/chat/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../src/chat/Message.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAa3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,KAAK;IACnB,OAAO,KAAC,MAAM,OAAK,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAC,UAAU,wBAAe,CAAA;AAClG,CAAC;AAwBD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACK;IACb,IAAI,IAAI,KAAK,QAAQ;QACnB,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,eACT,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,IAAI,KACH,KAAK,YAET,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,YAC/C,QAAQ,GACJ,GACA,CACV,CAAA;IAEH,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAA;IAC5B,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,eACR,IAAI,EACf,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACzC,GAAG,EAAC,IAAI;QACR,oEAAoE;QACpE,wEAAwE;QACxE,yEAAyE;QACzE,yEAAyE;QACzE,oEAAoE;QACpE,KAAK,WACD,KAAK,aAER,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,YAAE,IAAI,GAAU,CAAC,CAAC,CAAC,IAAI,EACvD,MAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,iBACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,GAAG,EAAC,IAAI;gBACR,oEAAoE;gBACpE,0DAA0D;gBAC1D,8DAA8D;gBAC9D,uDAAuD;gBACvD,mEAAmE;gBACnE,YAAY;gBACZ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC3B,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KACtB,CAAC,IAAI,IAAI;oBACX,EAAE,EAAE,SAAS;oBACb,OAAO,EAAE,IAAI;oBACb,EAAE,EAAE,IAAI;oBACR,EAAE,EAAE,IAAI;iBACT,CAAC,KACE,IAAI,aAEP,GAAG,CAAC,QAAQ,CAAC,EACb,IAAI,CAAC,CAAC,CAAC,KAAC,KAAK,KAAG,CAAC,CAAC,CAAC,IAAI,EACvB,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAAE,OAAO,GAAU,CAAC,CAAC,CAAC,IAAI,IAC7D,IACF,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../src/chat/Message.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;GASG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGjD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAQ3C;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK;IACnB,OAAO,KAAC,MAAM,OAAK,IAAI,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAC,UAAU,wBAAe,CAAA;AAClG,CAAC;AAgBD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACK;IACb,IAAI,IAAI,KAAK,QAAQ;QACnB,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,eACT,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,IAAI,KACH,KAAK,YAET,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,YAC/C,QAAQ,GACJ,GACA,CACV,CAAA;IAEH,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAA;IAC5B,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,eACR,IAAI,EACf,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EACzC,GAAG,EAAC,IAAI;QACR,qEAAqE;QACrE,oDAAoD;QACpD,KAAK,WACD,KAAK,aAER,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,YAAE,IAAI,GAAU,CAAC,CAAC,CAAC,IAAI,EACvD,MAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,iBACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,GAAG,EAAC,IAAI;gBACR,yDAAyD;gBACzD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC3B,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KACtB,CAAC,IAAI,IAAI;oBACX,EAAE,EAAE,SAAS;oBACb,OAAO,EAAE,IAAI;oBACb,EAAE,EAAE,IAAI;oBACR,EAAE,EAAE,IAAI;iBACT,CAAC,KACE,IAAI,aAEP,GAAG,CAAC,QAAQ,CAAC,EACb,IAAI,CAAC,CAAC,CAAC,KAAC,KAAK,KAAG,CAAC,CAAC,CAAC,IAAI,EACvB,OAAO,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAAE,OAAO,GAAU,CAAC,CAAC,CAAC,IAAI,IAC7D,IACF,CACV,CAAA;AACH,CAAC"}

package/dist/chat/Sources.cjs

@@ -7,34 +7,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Sources — the citations for a turn, as a strip of cards.
  *
- * This used to be a wrapping grid of 28px marks with the title reachable only
- * as a tooltip, and the argument for it was density: sources are scanned for
- * "which of these do I already trust", and twenty full-width titles push the
- * rail past a screen. The density argument is right. Hiding the HOST was not,
- * because the host is the answer to that exact question — a favicon is sixteen
- * pixels of ambiguity and `nytimes.com` is a verdict — and neither surface that
- * ships citations hides it. hanzo/chat's `SourceItem` (`components/Web/
- * Sources.tsx`) draws favicon, domain, title and a snippet; the extension's
- * `answer/Source.tsx:9-26` draws a number, a favicon, the host and a
- * three-line-clamped title, and its own comment records where that came from:
- * "Source card — chat AnswerView: 160px, number pill first, favicon, host,
- * 3-line title".
+ * Each card leads with the host, which is what a reader scans to decide whether
+ * they trust a source; the title is the tiebreaker under it. The strip scrolls
+ * sideways so it stays one row tall at any count.
  *
- * So density is kept by scrolling sideways rather than by discarding the text —
- * the strip is one row tall whatever the count, which is what the grid was
- * really buying. Both surfaces already scroll: `.ae-sources` is
- * `display:flex; overflow-x:auto` at `newtab.css:260`.
- *
- * The number is not decoration. Both surfaces number the cards to match a
- * marker in the prose, and the marker itself is not here: chat mints it with a
- * remark plugin over private-use codepoints (`components/Web/plugin.ts`), which
- * belongs to the markdown pipeline that stays with the surface.
+ * The number matches a marker in the prose. Minting that marker belongs to the
+ * markdown pipeline, which stays with the surface.
  */
 const gui_1 = require("@hanzo/gui");
 const slot_1 = require("../backends/gui/slot.cjs");
-/** Card width, px. The extension's is 168 and it cites chat's 160; the point of
- *  a fixed width is that a strip of them scans as a row rather than as ragged
- *  columns, so it is one number and not a range. */
+/** Card width, px. Fixed, so a strip scans as a row rather than ragged columns. */
 const CARD = 168;
 function Sources({ sources, title = 'Sources', onOpen, ...props }) {
     if (sources.length === 0)

package/dist/chat/Sources.d.ts

@@ -1,28 +1,12 @@
 /**
  * Sources — the citations for a turn, as a strip of cards.
  *
- * This used to be a wrapping grid of 28px marks with the title reachable only
- * as a tooltip, and the argument for it was density: sources are scanned for
- * "which of these do I already trust", and twenty full-width titles push the
- * rail past a screen. The density argument is right. Hiding the HOST was not,
- * because the host is the answer to that exact question — a favicon is sixteen
- * pixels of ambiguity and `nytimes.com` is a verdict — and neither surface that
- * ships citations hides it. hanzo/chat's `SourceItem` (`components/Web/
- * Sources.tsx`) draws favicon, domain, title and a snippet; the extension's
- * `answer/Source.tsx:9-26` draws a number, a favicon, the host and a
- * three-line-clamped title, and its own comment records where that came from:
- * "Source card — chat AnswerView: 160px, number pill first, favicon, host,
- * 3-line title".
+ * Each card leads with the host, which is what a reader scans to decide whether
+ * they trust a source; the title is the tiebreaker under it. The strip scrolls
+ * sideways so it stays one row tall at any count.
  *
- * So density is kept by scrolling sideways rather than by discarding the text —
- * the strip is one row tall whatever the count, which is what the grid was
- * really buying. Both surfaces already scroll: `.ae-sources` is
- * `display:flex; overflow-x:auto` at `newtab.css:260`.
- *
- * The number is not decoration. Both surfaces number the cards to match a
- * marker in the prose, and the marker itself is not here: chat mints it with a
- * remark plugin over private-use codepoints (`components/Web/plugin.ts`), which
- * belongs to the markdown pipeline that stays with the surface.
+ * The number matches a marker in the prose. Minting that marker belongs to the
+ * markdown pipeline, which stays with the surface.
  */
 import { YStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
@@ -35,14 +19,10 @@ export interface Source {
     /** Favicon or mark. Falls back to the first letter of `host` or `title`. */
     icon?: ReactNode;
     /**
-     * Who published it — `nytimes.com`, a repo, a filename. Shown above the
-     * title, because this is the line a reader actually scans.
+     * Who published it — `nytimes.com`, a repo, a filename.
      *
-     * Derived by the SURFACE, not here. The extension parses it from the URL and
-     * strips `www.` (`Source.tsx:10-15`); chat is handed a domain by the server
-     * alongside a server-derived favicon. A `new URL()` in this package would be
-     * a third answer, and it would be the wrong one for a source that is a file
-     * path rather than a link.
+     * Derived by the surface: a `new URL()` here would be wrong for a source that
+     * is a file path rather than a link.
      */
     host?: string;
 }

package/dist/chat/Sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sources.d.ts","sourceRoot":"","sources":["../../src/chat/Sources.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,kDAiCrF;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/F,MAAM,EAAE,MAAM,CAAA;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA6D9E"}
+{"version":3,"file":"Sources.d.ts","sourceRoot":"","sources":["../../src/chat/Sources.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtD,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,kDA6BrF;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/F,MAAM,EAAE,MAAM,CAAA;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA2D9E"}

package/dist/chat/Sources.js

@@ -3,34 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Sources — the citations for a turn, as a strip of cards.
  *
- * This used to be a wrapping grid of 28px marks with the title reachable only
- * as a tooltip, and the argument for it was density: sources are scanned for
- * "which of these do I already trust", and twenty full-width titles push the
- * rail past a screen. The density argument is right. Hiding the HOST was not,
- * because the host is the answer to that exact question — a favicon is sixteen
- * pixels of ambiguity and `nytimes.com` is a verdict — and neither surface that
- * ships citations hides it. hanzo/chat's `SourceItem` (`components/Web/
- * Sources.tsx`) draws favicon, domain, title and a snippet; the extension's
- * `answer/Source.tsx:9-26` draws a number, a favicon, the host and a
- * three-line-clamped title, and its own comment records where that came from:
- * "Source card — chat AnswerView: 160px, number pill first, favicon, host,
- * 3-line title".
+ * Each card leads with the host, which is what a reader scans to decide whether
+ * they trust a source; the title is the tiebreaker under it. The strip scrolls
+ * sideways so it stays one row tall at any count.
  *
- * So density is kept by scrolling sideways rather than by discarding the text —
- * the strip is one row tall whatever the count, which is what the grid was
- * really buying. Both surfaces already scroll: `.ae-sources` is
- * `display:flex; overflow-x:auto` at `newtab.css:260`.
- *
- * The number is not decoration. Both surfaces number the cards to match a
- * marker in the prose, and the marker itself is not here: chat mints it with a
- * remark plugin over private-use codepoints (`components/Web/plugin.ts`), which
- * belongs to the markdown pipeline that stays with the surface.
+ * The number matches a marker in the prose. Minting that marker belongs to the
+ * markdown pipeline, which stays with the surface.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { slot, tip } from '../backends/gui/slot.js';
-/** Card width, px. The extension's is 168 and it cites chat's 160; the point of
- *  a fixed width is that a strip of them scans as a row rather than as ragged
- *  columns, so it is one number and not a range. */
+/** Card width, px. Fixed, so a strip scans as a row rather than ragged columns. */
 const CARD = 168;
 export function Sources({ sources, title = 'Sources', onOpen, ...props }) {
     if (sources.length === 0)

package/dist/chat/Sources.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sources.js","sourceRoot":"","sources":["../../src/chat/Sources.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sources.js","sourceRoot":"","sources":["../../src/chat/Sources.tsx"],"names":[],"mappings":"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"}

package/dist/chat/Step.cjs

@@ -7,51 +7,29 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Step — something the assistant did on the way to the answer, and how it went.
  *
  * A tool call, a retrieval, a plan, a stretch of reasoning, a progress report:
- * every one of them is a named region that reports a state and opens to show
- * its detail. Two repos had written that arrangement NINE times without ever
- * naming it — hanzo/chat once (`ToolCall.tsx` + `ProgressText.tsx`), hanzo.app
- * eight (`chat-panel/index.tsx` `ToolDisplay`, `SyntheticErrorDisplay`,
- * `ReasoningDisplay`, `PlanDisplay`, `AgentDisplay`, `ProgressDisplay`, the
- * inline `project_context` block, and the builder's own `CollapsibleSection` in
- * `ask-ai/chat-thread.tsx:330`). Nine chances to order the header differently,
- * and they took most of them.
+ * each is a named region that reports a state and opens to show its detail.
+ * The header, the state mark, the disclosure and the frame are here; what goes
+ * inside is `children`.
  *
- * What goes INSIDE stays the surface's: chat renders the input as a code block
- * and the result through its own markdown, the app renders
- * `JSON.stringify(parameters, null, 2)`. That is `children`. The header, the
- * state mark, the disclosure and the frame are the same drawing in all nine and
- * they are here.
+ * Open/closed is `Collapsible`, so `aria-expanded`, `aria-controls` and the
+ * keyboard come from the primitive.
  *
- * The open/closed behaviour is `Collapsible`, not a hand-rolled height
- * animation. Both existing implementations rolled their own — chat measures
- * `scrollHeight` in a `useLayoutEffect`, keeps a `ResizeObserver` alive and
- * transitions an explicit pixel height — and that is the keyboard handling and
- * the `aria-expanded`/`aria-controls` pair re-derived by hand each time. The
- * primitive already has them.
- *
- * There is no duration and no elapsed time. Neither implementation shows one,
- * and chat's apparent progress is not measured at all: `useProgress.ts:54`
- * ticks a `setInterval` by 0.007 every 200ms and caps at 0.95 until the server
- * says otherwise. A number that is invented should not be given a place to
- * render.
+ * No duration: nothing upstream measures one, and a progress ratio ticked by a
+ * timer is not a measurement.
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const gui_2 = require("../backends/gui/index.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
-/** Edge of the state mark, px. One size, so the header never reflows on a state
- *  change — a step that finishes must not move the text beside it. */
+/** Edge of the state mark, px. One size, so a state change never reflows the
+ *  header. */
 const MARK = 13;
 /**
  * The mark for each state. `running` is the one that moves.
  *
- * Tinted on the glyph, never on the box: `XStack` is a View and has no `color`,
- * so a colour set there type-errors rather than cascading — which is this
- * package's "a prop must actually arrive" rule catching a habit borrowed from
- * the DOM. Written as four call sites rather than a lookup table because the
- * Spinner and the three glyphs do not share a props type: the icons take a
- * themed `GetThemeValueForKey<'color'>` and the Spinner takes a plain string,
- * and the table that unified them only typechecked by widening both to `any`.
+ * Tinted on the glyph: `XStack` is a View and takes no `color`. Four call sites
+ * rather than a table because the Spinner and the icons do not share a props
+ * type — the icons take a themed colour, the Spinner a plain string.
  */
 const mark = (status) => {
     switch (status) {
@@ -66,16 +44,12 @@ const mark = (status) => {
     }
 };
 function Step({ name, status = 'done', detail, children, defaultOpen, open, onOpenChange, ...props }) {
-    // A step with no body is a statement, not a control. Rendering a dead chevron
-    // and a focusable trigger over nothing is how a keyboard user is sent to a
-    // stop that does not answer.
+    // A step with no body is a statement, not a control: no chevron, no trigger,
+    // no keyboard stop that does not answer.
     const opens = children != null;
     const header = ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$3", py: "$2", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: MARK + 1, items: "center", justify: "center", shrink: 0, children: mark(status) }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color12", numberOfLines: 1, children: name }), detail ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$color10", numberOfLines: 1, shrink: 1, children: detail })) : null, (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), opens ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, color: "$color10" }) : null] }));
     return ((0, jsx_runtime_1.jsxs)(gui_2.Collapsible, { ...(0, slot_1.slot)('step'), "data-status": status, open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, width: "100%", rounded: "$4", borderWidth: 1, 
-        // The failure edge, not a red one. `product/tone.ts` states the rule this
-        // package works under — "this system has no colour to spend" — and marks
-        // its `stopped` register with a border rather than a fill. A step that
-        // errored is set apart the same way, so it still reads as a failure in a
-        // brand that retunes the whole ramp.
+        // An edge, not a red fill — `product/tone.ts` marks `stopped` the same
+        // way, so it survives a brand that retunes the ramp.
         borderColor: status === 'error' ? '$color9' : '$borderColor', bg: "$color2", overflow: "hidden", ...props, children: [opens ? (0, jsx_runtime_1.jsx)(gui_2.CollapsibleTrigger, { width: "100%", children: header }) : header, opens ? ((0, jsx_runtime_1.jsx)(gui_2.CollapsibleContent, { children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('step-body'), px: "$3", py: "$2.5", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", children: children }) })) : null] }));
 }

package/dist/chat/Step.d.ts

@@ -1,33 +1,21 @@
 import type { ComponentProps, ReactNode } from 'react';
 import { Collapsible } from '../backends/gui/index.js';
-/**
- * How a step went.
- *
- * Four, from the union of what the two implementations track. chat reports
- * `error`, `cancelled` and a progress ratio it treats as running-or-done
- * (`ToolCall.tsx:139`); the app reports `pending | executing | completed |
- * failed` (`chat-panel/index.tsx:97`) — and `pending` and `executing` draw the
- * same thing, because from the reader's side a step that has not started and a
- * step that is running are both "not yet".
- */
+/** How a step went. A step that has not started and one that is running draw
+ *  the same thing: from the reader's side both are "not yet". */
 export type Ran = 'running' | 'done' | 'error' | 'cancelled';
 export interface StepProps extends Omit<ComponentProps<typeof Collapsible>, 'children' | 'open' | 'defaultOpen' | 'onOpenChange'> {
     /** What ran — a tool name, "Reasoning", "Plan". */
     name: string;
     status?: Ran;
-    /**
-     * One line beside the name: the command, the path, the query. Clamped to a
-     * single line — the app truncates its own to 50 characters
-     * (`chat-panel/index.tsx:1148`) precisely because an untruncated one wraps
-     * the header and moves the chevron.
-     */
+    /** One line beside the name: the command, the path, the query. Clamped, or it
+     *  wraps the header and moves the chevron. */
     detail?: string;
     /** Revealed when open. Omit it and the step has nothing to open, so it does
      *  not offer to: no chevron, no trigger, no keyboard stop. */
     children?: ReactNode;
     /** Uncontrolled. */
     defaultOpen?: boolean;
-    /** Controlled — the app holds every step's state in one `Set` on the panel. */
+    /** Controlled. */
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }

package/dist/chat/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAmD,MAAM,iBAAiB,CAAA;AAG9F;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAA;AA8B5D,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IACtG,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,MAAe,EACf,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,2CA6DX"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/chat/Step.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAmD,MAAM,iBAAiB,CAAA;AAG9F;iEACiE;AACjE,MAAM,MAAM,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,CAAA;AA0B5D,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IACtG,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;kDAC8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,MAAe,EACf,MAAM,EACN,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,2CAyDX"}