@hanzo/ui 8.1.5 → 8.1.6

package/dist/backends/gui/textarea.cjs

@@ -49,9 +49,7 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
     const invalid = props["aria-invalid"];
     const node = React.useRef(null);
     const [grown, setGrown] = React.useState(undefined);
-    // Both refs reach the same host: ours to measure it, the caller's because a
-    // caller that hands one over must still get it. Written as a callback so
-    // neither is dropped on the other's behalf.
+    // Both refs reach the same host: ours to measure it, and the caller's.
     const hold = React.useCallback((el) => {
         node.current = el;
         if (typeof ref === "function")
@@ -59,16 +57,14 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         else if (ref)
             ref.current = el;
     }, [ref]);
-    // The value the field is actually showing — a controlled field is told, an
-    // uncontrolled one has to be watched, and both have to re-measure.
+    // What the field is showing: told when controlled, watched when not.
     const shown = uncontrolled ? typed : value;
     React.useLayoutEffect(() => {
         const el = node.current;
         if (!el || typeof el.scrollHeight !== "number")
             return;
         // Released to `auto` first, or `scrollHeight` reports the height it already
-        // has and the field can only ever grow. Restored in the same synchronous
-        // block, before paint, so nothing flashes.
+        // has and the field can only grow. Restored before paint.
         const held = el.style.height;
         el.style.height = "auto";
         const measured = el.scrollHeight;
@@ -81,9 +77,8 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         // landed on 20 — so the one field a form makes tall was also the one
         // indented differently from the two above it.
         borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props, 
-        // After the caller's props: the measurement is this component's answer to
-        // its own question, and a caller's `style` should not silently turn the
-        // growth off. A caller wanting a fixed height says so with `height`.
+        // After the caller's props, so a passed `style` cannot silently disable
+        // growth. A fixed height is asked for with `height`.
         style: { ...style, ...(grown ? { height: grown } : null) } }));
 });
 exports.Textarea = Textarea;

package/dist/backends/gui/textarea.d.ts

@@ -1,41 +1,20 @@
 import * as React from "react";
 import { TextArea } from "@hanzo/gui";
 /**
- * Textarea — standard-token multiline field that grows with what is in it.
+ * Textarea — standard-token multiline field that grows with its content.
  *
- * Growth used to be LINE-DRIVEN — `rows` from `value.split('\n').length` — on
- * the stated grounds that counting newlines is the one measurement web, native
- * and desktop agree on. It counts the wrong thing. A draft that wraps without
- * ever containing a newline never raises the count, so the most ordinary input
- * there is, one long paragraph, scrolls inside the floor while you type.
- * Measured in Chromium at 420px wide: 700 characters and no `\n` gave
- * `clientHeight 44` around `scrollHeight 160`.
+ * The height is measured off the node and applied INLINE. Two nearer-looking
+ * routes do not work here: `onContentSizeChange` never fires, because gui's
+ * `TextArea` is `styled(Input, { render: 'textarea' })` over a real DOM element
+ * rather than react-native-web's `TextInput`; and a `height` style prop would
+ * mint one atomic class per pixel value, none of them in the packaged sheet.
  *
- * The fix is to measure the content. Two things that look like the measurement
- * are not available here, and both were tried:
+ * `rows` is the floor and `maxH` the ceiling — CSS clamps between them and the
+ * field scrolls past the ceiling, so neither bound is re-implemented here.
+ * Counting newlines instead would miss a paragraph that wraps without one.
  *
- *   `onContentSizeChange` is the RN API for exactly this, and
- *   react-native-web implements it by reading `scrollHeight`
- *   (`dist/exports/TextInput/index.js:192`). It never fires through this
- *   component — measured, zero calls, no warning. gui's `TextArea` is
- *   `styled(Input, { render: 'textarea' })` from `@hanzogui/web`: a Tamagui
- *   styled component over a real DOM `<textarea>`, so RNW's `TextInput` is not
- *   on the path and neither is its implementation of that prop.
- *
- *   A `height` STYLE PROP would be compiled by gui into one atomic class per
- *   distinct pixel value, so a field that grows through forty heights mints
- *   forty rules at runtime — none of them in the packaged sheet.
- *
- * So the height is measured off the node and applied INLINE, which is the one
- * channel that carries a per-render value without going through the atomic
- * compiler. `rows` stays the floor and `maxH` stays the ceiling; CSS clamps
- * between them and the field scrolls past the ceiling, so neither bound is
- * re-implemented in script.
- *
- * The measurement is guarded on `scrollHeight` actually being a number, so on a
- * target where the host is not a DOM element the effect no-ops and the
- * line-driven floor is what remains — today's behaviour, unchanged, rather than
- * a broken one.
+ * Guarded on `scrollHeight` being a number, so where the host is not a DOM
+ * element the effect no-ops and the row count is what remains.
  */
 /**
  * Typed from the gui component it renders, exactly as `Input` is — the field

package/dist/backends/gui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAUrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,GACjF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,QAAQ,wGAiEb,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAUrC;;;;;;;;;;;;;;;GAeG;AACH;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,GACjF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,CAAA;AAE9D,QAAA,MAAM,QAAQ,wGA4Db,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/textarea.js

@@ -13,9 +13,7 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
     const invalid = props["aria-invalid"];
     const node = React.useRef(null);
     const [grown, setGrown] = React.useState(undefined);
-    // Both refs reach the same host: ours to measure it, the caller's because a
-    // caller that hands one over must still get it. Written as a callback so
-    // neither is dropped on the other's behalf.
+    // Both refs reach the same host: ours to measure it, and the caller's.
     const hold = React.useCallback((el) => {
         node.current = el;
         if (typeof ref === "function")
@@ -23,16 +21,14 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         else if (ref)
             ref.current = el;
     }, [ref]);
-    // The value the field is actually showing — a controlled field is told, an
-    // uncontrolled one has to be watched, and both have to re-measure.
+    // What the field is showing: told when controlled, watched when not.
     const shown = uncontrolled ? typed : value;
     React.useLayoutEffect(() => {
         const el = node.current;
         if (!el || typeof el.scrollHeight !== "number")
             return;
         // Released to `auto` first, or `scrollHeight` reports the height it already
-        // has and the field can only ever grow. Restored in the same synchronous
-        // block, before paint, so nothing flashes.
+        // has and the field can only grow. Restored before paint.
         const held = el.style.height;
         el.style.height = "auto";
         const measured = el.scrollHeight;
@@ -45,9 +41,8 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         // landed on 20 — so the one field a form makes tall was also the one
         // indented differently from the two above it.
         borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props, 
-        // After the caller's props: the measurement is this component's answer to
-        // its own question, and a caller's `style` should not silently turn the
-        // growth off. A caller wanting a fixed height says so with `height`.
+        // After the caller's props, so a passed `style` cannot silently disable
+        // growth. A fixed height is asked for with `height`.
         style: { ...style, ...(grown ? { height: grown } : null) } }));
 });
 export { Textarea };

package/dist/backends/gui/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,qCAAqC;AACrC,MAAM,QAAQ,GAAG,CAAC,CAAA;AAElB,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AA0BlD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAC/C,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IACpE,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,CAAA;IAErC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAA6B,IAAI,CAAC,CAAA;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAA;IAEvE,uEAAuE;IACvE,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,EAA8B,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,EAAE,CAAC,CAAA;aACjC,IAAI,GAAG;YAAG,GAA0D,CAAC,OAAO,GAAG,EAAE,CAAA;IACxF,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,qEAAqE;IACrE,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAE1C,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAA;QACvB,IAAI,CAAC,EAAE,IAAI,OAAO,EAAE,CAAC,YAAY,KAAK,QAAQ;YAAE,OAAM;QACtD,4EAA4E;QAC5E,0DAA0D;QAC1D,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAA;QAC5B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QACxB,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAA;QAChC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,IAAa,KACd,IAAI,CAAC,UAAU,CAAC,EACpB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACtE,KAAK,EAAE,KAA2B,EAClC,YAAY,EAAE,YAAkC,EAChD,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KACpE,KAAK,EACT,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,EAAE;QACR,6DAA6D;QAC7D,uEAAuE;QACvE,qEAAqE;QACrE,8CAA8C;QAC9C,WAAW,EAAE,OAAO,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACtE,oBAAoB,EAAC,UAAU,EAC/B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAC5B,KAAiC;QACtC,wEAAwE;QACxE,qDAAqD;QACrD,KAAK,EAAE,EAAE,GAAI,KAAgB,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GACtE,CACH,CAAA;AACD,CAAC,CACF,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/chat/Composer.cjs

@@ -16,21 +16,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * turn is in flight it stops. Two buttons in one place was the thing every
  * surface got subtly different.
  *
- * Two keys are deliberately absent, because the surfaces do not agree that they
- * exist. ESCAPE is bound in none of the three main composers — only in chat's
- * two SUB-composers, where it dismisses the thing they float over
- * (`SelectionAsk.tsx:85`, `EditMessage.tsx:124`), which is the host's concern
- * and not the field's. ARROWUP recalls the last turn in exactly one composer,
- * chat's (`useHandleKeyUp.ts:117`), and it does it by finding
- * `document.getElementById('edit-' + parentMessageId)` and clicking it — it is
- * a binding to their edit-in-place, not a general history recall, and there is
- * nothing here for it to reach. Adding either would be inventing an interaction
- * and then asking three surfaces to adopt it.
+ * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
+ * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s, and since 8.1.4 it follows the CONTENT rather than the
- * newline count — so a long paragraph that wraps without ever containing a `\n`
- * raises the field instead of scrolling inside it. `rows` is the floor and
- * `maxHeight` the ceiling; both are bounds, and neither is re-implemented here.
+ * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
+ * the field. `rows` is the floor, `maxHeight` the ceiling.
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
@@ -39,34 +29,11 @@ const slot_1 = require("../backends/gui/slot.cjs");
 const send_1 = require("./send.cjs");
 const PAD = 8;
 const MIN_ROWS = 1;
-/**
- * How tall the field may grow before it scrolls, px.
- *
- * 200 is the number three independent composers reached — hanzo.app `/chat`
- * (`page.tsx:184`, `Math.min(el.scrollHeight, 200)`), hanzo/chat's
- * `AnswerComposer.tsx:134`, and the extension's `answer/Composer.tsx:81`
- * (`maxH={200}`). The two that differ are both fitting a NARROWER frame — the
- * extension's in-page overlay caps at 110 (`content-script.ts:1340`) and its
- * sidebar at 120 — and the one that differs upward, chat's main composer at
- * `max-h-[45vh]`, is the full-page surface. So 200 is the default and the
- * ceiling is a prop.
- *
- * Uncapped is not an option: the field would grow with the draft until a long
- * paste owned the viewport and pushed the thread it belongs to off screen.
- * Nothing capped it here before.
- */
+/** How tall the field may grow before it scrolls, px. Uncapped, a long paste
+ *  pushes the thread off screen; narrower frames pass their own. */
 const CEILING = 200;
-/**
- * Floor for the field, px.
- *
- * `Textarea` is a form control and stands 64px tall by default, which is right
- * for a message body in a form and wrong for a composer: it is three lines of
- * chrome before anything is typed. Every surface sets its own — 44 in chat
- * (`ChatForm.tsx:334`) and in the app builder (`COMPOSER_MIN_H`), 48 in the app
- * `/chat`. 44 is both the mode and this package's touch-target floor, so the
- * one-line composer is exactly as tall as the smallest thing you are allowed to
- * tap.
- */
+/** Floor for the field, px. `Textarea` defaults to 64, which is three lines of
+ *  chrome before anything is typed. 44 is the touch-target floor. */
 const FLOOR = 44;
 /**
  * The resting placeholder.
@@ -98,11 +65,8 @@ function Composer({ value, onChange, onSend, onStop, busy = false, disabled = fa
             onSend();
     };
     return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('composer'), width: "100%", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, gap: PAD, ...props, children: [(0, jsx_runtime_1.jsx)(gui_2.Textarea, { ...(0, slot_1.slot)('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
-                // After `field`, and deliberately. These four ARE the composer; a
-                // caller's `onKeyDown` landing on top of `keyed` would take the Enter
-                // rule and the IME guard with it, type-check, and go on looking
-                // correct until a Japanese writer typed into it. So the caller's runs
-                // FIRST and this one defers to it if it claimed the key.
+                // After `field`: spread over, a caller's `onKeyDown` would replace the
+                // Enter rule and the IME guard. Theirs runs first and can claim the key.
                 value: value, onChangeText: onChange, onKeyDown: (e) => {
                     field?.onKeyDown?.(e);
                     if (!e?.defaultPrevented)

package/dist/chat/Composer.d.ts

@@ -10,27 +10,16 @@
  * turn is in flight it stops. Two buttons in one place was the thing every
  * surface got subtly different.
  *
- * Two keys are deliberately absent, because the surfaces do not agree that they
- * exist. ESCAPE is bound in none of the three main composers — only in chat's
- * two SUB-composers, where it dismisses the thing they float over
- * (`SelectionAsk.tsx:85`, `EditMessage.tsx:124`), which is the host's concern
- * and not the field's. ARROWUP recalls the last turn in exactly one composer,
- * chat's (`useHandleKeyUp.ts:117`), and it does it by finding
- * `document.getElementById('edit-' + parentMessageId)` and clicking it — it is
- * a binding to their edit-in-place, not a general history recall, and there is
- * nothing here for it to reach. Adding either would be inventing an interaction
- * and then asking three surfaces to adopt it.
+ * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
+ * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s, and since 8.1.4 it follows the CONTENT rather than the
- * newline count — so a long paragraph that wraps without ever containing a `\n`
- * raises the field instead of scrolling inside it. `rows` is the floor and
- * `maxHeight` the ceiling; both are bounds, and neither is re-implemented here.
+ * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
+ * the field. `rows` is the floor, `maxHeight` the ceiling.
  */
 import { YStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';
 import { Textarea } from '../backends/gui/index.js';
-/** `onChange` is dropped: this component already has one and it carries the
- *  draft, not a DOM change event. */
+/** `onChange` is dropped: here it carries the draft, not a DOM change event. */
 type Stack = Omit<ComponentProps<typeof YStack>, 'children' | 'onChange'>;
 type FieldProps = Omit<ComponentProps<typeof Textarea>, 'value' | 'onChangeText'>;
 /**
@@ -62,25 +51,17 @@ export interface ComposerProps extends Stack {
     /** Hint shown at the end of the footer row. */
     hint?: string;
     /**
-     * The accessible name of the field.
+     * The accessible name of the field, independent of `placeholder`.
      *
-     * Distinct from `placeholder`, which it used to be derived from. A surface
-     * whose placeholder rotates on a timer — hanzo.app's does — renamed the
-     * control on every tick, so a screen reader re-announced the field while the
-     * writer was typing into it. The name is stable and the placeholder is
-     * decoration; deriving one from the other conflates them.
+     * A placeholder that rotates renames the control on every tick and gets the
+     * field re-announced mid-sentence. The name is stable; the placeholder is
+     * decoration.
      */
     label?: string;
     /** The field's own props — a ref, a testid, focus handlers, a paste handler. */
     field?: FieldProps;
-    /**
-     * Replaces the send control entirely.
-     *
-     * The default is the right one — one button that submits and stops, which is
-     * what every surface got subtly different — but a surface with a second
-     * commit mode has nowhere else to put it, and `children` is the START of the
-     * footer row.
-     */
+    /** Replaces the send control. `children` is the START of the footer row, so a
+     *  second commit mode has nowhere else to go. */
     send?: ReactNode;
 }
 export declare function Composer({ value, onChange, onSend, onStop, busy, disabled, placeholder, rows, maxHeight, children, hint, label, field, send, ...props }: ComposerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIlD;qCACqC;AACrC,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AACzE,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;AAoCjF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,iBAAiB,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,KAAK;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAY,EACZ,QAAgB,EAChB,WAAiB,EACjB,IAAe,EACf,SAAmB,EACnB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Ef"}
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../../src/chat/Composer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAU,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAIlD,gFAAgF;AAChF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AACzE,KAAK,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;AAajF;;;;;;;GAOG;AACH,eAAO,MAAM,GAAG,iBAAiB,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,KAAK;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8EAA8E;IAC9E,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;qDACiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAY,EACZ,QAAgB,EAChB,WAAiB,EACjB,IAAe,EACf,SAAmB,EACnB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,aAAa,2CAyEf"}

package/dist/chat/Composer.js

@@ -12,21 +12,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * turn is in flight it stops. Two buttons in one place was the thing every
  * surface got subtly different.
  *
- * Two keys are deliberately absent, because the surfaces do not agree that they
- * exist. ESCAPE is bound in none of the three main composers — only in chat's
- * two SUB-composers, where it dismisses the thing they float over
- * (`SelectionAsk.tsx:85`, `EditMessage.tsx:124`), which is the host's concern
- * and not the field's. ARROWUP recalls the last turn in exactly one composer,
- * chat's (`useHandleKeyUp.ts:117`), and it does it by finding
- * `document.getElementById('edit-' + parentMessageId)` and clicking it — it is
- * a binding to their edit-in-place, not a general history recall, and there is
- * nothing here for it to reach. Adding either would be inventing an interaction
- * and then asking three surfaces to adopt it.
+ * Escape and ArrowUp are not bound. Dismissal belongs to whatever the composer
+ * floats inside, and history recall needs a turn store this has no view of.
  *
- * Growth is `Textarea`'s, and since 8.1.4 it follows the CONTENT rather than the
- * newline count — so a long paragraph that wraps without ever containing a `\n`
- * raises the field instead of scrolling inside it. `rows` is the floor and
- * `maxHeight` the ceiling; both are bounds, and neither is re-implemented here.
+ * Growth is `Textarea`'s and follows the content, so a wrapped paragraph raises
+ * the field. `rows` is the floor, `maxHeight` the ceiling.
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
 import { ArrowUp, Square } from '@hanzogui/lucide-icons-2';
@@ -35,34 +25,11 @@ import { slot } from '../backends/gui/slot.js';
 import { ready, sends } from './send.js';
 const PAD = 8;
 const MIN_ROWS = 1;
-/**
- * How tall the field may grow before it scrolls, px.
- *
- * 200 is the number three independent composers reached — hanzo.app `/chat`
- * (`page.tsx:184`, `Math.min(el.scrollHeight, 200)`), hanzo/chat's
- * `AnswerComposer.tsx:134`, and the extension's `answer/Composer.tsx:81`
- * (`maxH={200}`). The two that differ are both fitting a NARROWER frame — the
- * extension's in-page overlay caps at 110 (`content-script.ts:1340`) and its
- * sidebar at 120 — and the one that differs upward, chat's main composer at
- * `max-h-[45vh]`, is the full-page surface. So 200 is the default and the
- * ceiling is a prop.
- *
- * Uncapped is not an option: the field would grow with the draft until a long
- * paste owned the viewport and pushed the thread it belongs to off screen.
- * Nothing capped it here before.
- */
+/** How tall the field may grow before it scrolls, px. Uncapped, a long paste
+ *  pushes the thread off screen; narrower frames pass their own. */
 const CEILING = 200;
-/**
- * Floor for the field, px.
- *
- * `Textarea` is a form control and stands 64px tall by default, which is right
- * for a message body in a form and wrong for a composer: it is three lines of
- * chrome before anything is typed. Every surface sets its own — 44 in chat
- * (`ChatForm.tsx:334`) and in the app builder (`COMPOSER_MIN_H`), 48 in the app
- * `/chat`. 44 is both the mode and this package's touch-target floor, so the
- * one-line composer is exactly as tall as the smallest thing you are allowed to
- * tap.
- */
+/** Floor for the field, px. `Textarea` defaults to 64, which is three lines of
+ *  chrome before anything is typed. 44 is the touch-target floor. */
 const FLOOR = 44;
 /**
  * The resting placeholder.
@@ -94,11 +61,8 @@ export function Composer({ value, onChange, onSend, onStop, busy = false, disabl
             onSend();
     };
     return (_jsxs(YStack, { ...slot('composer'), width: "100%", rounded: "$5", borderWidth: 1, borderColor: "$borderColor", bg: "$background", p: PAD, gap: PAD, ...props, children: [_jsx(Textarea, { ...slot('composer-field'), rows: rows, placeholder: placeholder, disabled: disabled, borderWidth: 0, minH: FLOOR, maxH: maxHeight, "aria-label": label ?? placeholder, ...field, 
-                // After `field`, and deliberately. These four ARE the composer; a
-                // caller's `onKeyDown` landing on top of `keyed` would take the Enter
-                // rule and the IME guard with it, type-check, and go on looking
-                // correct until a Japanese writer typed into it. So the caller's runs
-                // FIRST and this one defers to it if it claimed the key.
+                // After `field`: spread over, a caller's `onKeyDown` would replace the
+                // Enter rule and the IME guard. Theirs runs first and can claim the key.
                 value: value, onChangeText: onChange, onKeyDown: (e) => {
                     field?.onKeyDown?.(e);
                     if (!e?.defaultPrevented)

package/dist/chat/Composer.js.map

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

package/dist/chat/Failure.cjs

@@ -4,29 +4,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Failure = Failure;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * Failure — the turn did not complete, and what to do about it.
+ * Failure — the turn did not arrive, and what to do about it.
  *
  * Distinct from a `Step` that errored: a step can fail inside an answer that
- * still arrives, this is the answer not arriving. hanzo/chat keeps the same
- * separation — `ToolCall`'s error state, and separately `MessageContent.tsx:153`
- * swapping the whole body for `ErrorMessage`.
+ * still lands. Retry sits beside the message, not in the hover strip, so it is
+ * reachable on a touch device.
  *
- * Four surfaces draw this line and no two draw it the same way: chat's
- * `ErrorBox` (`components/Messages/Content/Error.tsx`), the app builder's
- * `$red8` text with the prose instruction "Something went wrong — please try
- * again" (`ask-ai/chat-thread.tsx:258`), the extension's `.ae-error` div
- * (`AnswerEngine.tsx:336`), and hanzo.app `/chat`, which is the interesting
- * one: it sets `Message.error` at `app/chat/page.tsx:292` and never reads it
- * anywhere in the render, so a stream that dies reports through a detached
- * banner and the turn itself says nothing.
- *
- * Two of the four offer a way to try again. Both put it next to the message
- * rather than in the hover strip, because a hover affordance on the thing that
- * just failed is not reachable on a touch device.
- *
- * `role="alert"` with `aria-live="assertive"` is chat's, and it is right: a
- * turn failing is the one event in a conversation that has to interrupt, since
- * the reader is waiting on prose that is never going to come.
+ * `role="alert"` with `aria-live="assertive"`: the reader is waiting on prose
+ * that is never coming, which is the one event in a conversation that has to
+ * interrupt.
  */
 const gui_1 = require("@hanzo/gui");
 const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
@@ -35,14 +21,9 @@ const ink_1 = require("../backends/gui/ink.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
 function Failure({ children, onRetry, retryLabel = 'Try again', ...props }) {
     return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('failure'), role: "alert", "aria-live": "assertive", width: "100%", gap: "$2", px: "$3", py: "$2.5", rounded: "$4", borderWidth: 1, 
-        // The edge again — see `product/tone.ts`. Its `stopped` register is
-        // `$color4` behind a `$color9` border for exactly this: with no hue to
-        // spend, an outline is what separates "this one" from its neighbours.
+        // The `stopped` register from `product/tone.ts`: an outline, not a hue.
         borderColor: "$color9", bg: "$color4", ...props, children: [(0, ink_1.ink)(children, undefined, { size: '$2', color: '$color12' }), onRetry ? (
-            // The real Button, not a `role="button"` box with an `onPress`. A View
-            // wearing the role takes focus and then does nothing on Enter or Space,
-            // because the activation behaviour belongs to the element and not to
-            // the attribute — and the one control on a failed turn is the last one
-            // that should be pointer-only.
+            // A real Button: a View wearing `role="button"` takes focus and then
+            // ignores Enter and Space.
             (0, jsx_runtime_1.jsx)(gui_1.XStack, { self: "flex-start", children: (0, jsx_runtime_1.jsxs)(gui_2.Button, { ...(0, slot_1.slot)('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 13 }), retryLabel] }) })) : null] }));
 }

package/dist/chat/Failure.d.ts

@@ -1,27 +1,13 @@
 /**
- * Failure — the turn did not complete, and what to do about it.
+ * Failure — the turn did not arrive, and what to do about it.
  *
  * Distinct from a `Step` that errored: a step can fail inside an answer that
- * still arrives, this is the answer not arriving. hanzo/chat keeps the same
- * separation — `ToolCall`'s error state, and separately `MessageContent.tsx:153`
- * swapping the whole body for `ErrorMessage`.
+ * still lands. Retry sits beside the message, not in the hover strip, so it is
+ * reachable on a touch device.
  *
- * Four surfaces draw this line and no two draw it the same way: chat's
- * `ErrorBox` (`components/Messages/Content/Error.tsx`), the app builder's
- * `$red8` text with the prose instruction "Something went wrong — please try
- * again" (`ask-ai/chat-thread.tsx:258`), the extension's `.ae-error` div
- * (`AnswerEngine.tsx:336`), and hanzo.app `/chat`, which is the interesting
- * one: it sets `Message.error` at `app/chat/page.tsx:292` and never reads it
- * anywhere in the render, so a stream that dies reports through a detached
- * banner and the turn itself says nothing.
- *
- * Two of the four offer a way to try again. Both put it next to the message
- * rather than in the hover strip, because a hover affordance on the thing that
- * just failed is not reachable on a touch device.
- *
- * `role="alert"` with `aria-live="assertive"` is chat's, and it is right: a
- * turn failing is the one event in a conversation that has to interrupt, since
- * the reader is waiting on prose that is never going to come.
+ * `role="alert"` with `aria-live="assertive"`: the reader is waiting on prose
+ * that is never coming, which is the one event in a conversation that has to
+ * interrupt.
  */
 import { YStack } from '@hanzo/gui';
 import type { ComponentProps, ReactNode } from 'react';

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

@@ -1 +1 @@
-{"version":3,"file":"Failure.d.ts","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAU,MAAM,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAwB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAmC9F"}
+{"version":3,"file":"Failure.d.ts","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAU,MAAM,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAwB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA8B9F"}

package/dist/chat/Failure.js

@@ -1,29 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Failure — the turn did not complete, and what to do about it.
+ * Failure — the turn did not arrive, and what to do about it.
  *
  * Distinct from a `Step` that errored: a step can fail inside an answer that
- * still arrives, this is the answer not arriving. hanzo/chat keeps the same
- * separation — `ToolCall`'s error state, and separately `MessageContent.tsx:153`
- * swapping the whole body for `ErrorMessage`.
+ * still lands. Retry sits beside the message, not in the hover strip, so it is
+ * reachable on a touch device.
  *
- * Four surfaces draw this line and no two draw it the same way: chat's
- * `ErrorBox` (`components/Messages/Content/Error.tsx`), the app builder's
- * `$red8` text with the prose instruction "Something went wrong — please try
- * again" (`ask-ai/chat-thread.tsx:258`), the extension's `.ae-error` div
- * (`AnswerEngine.tsx:336`), and hanzo.app `/chat`, which is the interesting
- * one: it sets `Message.error` at `app/chat/page.tsx:292` and never reads it
- * anywhere in the render, so a stream that dies reports through a detached
- * banner and the turn itself says nothing.
- *
- * Two of the four offer a way to try again. Both put it next to the message
- * rather than in the hover strip, because a hover affordance on the thing that
- * just failed is not reachable on a touch device.
- *
- * `role="alert"` with `aria-live="assertive"` is chat's, and it is right: a
- * turn failing is the one event in a conversation that has to interrupt, since
- * the reader is waiting on prose that is never going to come.
+ * `role="alert"` with `aria-live="assertive"`: the reader is waiting on prose
+ * that is never coming, which is the one event in a conversation that has to
+ * interrupt.
  */
 import { XStack, YStack } from '@hanzo/gui';
 import { RefreshCw } from '@hanzogui/lucide-icons-2';
@@ -32,15 +18,10 @@ import { ink } from '../backends/gui/ink.js';
 import { slot } from '../backends/gui/slot.js';
 export function Failure({ children, onRetry, retryLabel = 'Try again', ...props }) {
     return (_jsxs(YStack, { ...slot('failure'), role: "alert", "aria-live": "assertive", width: "100%", gap: "$2", px: "$3", py: "$2.5", rounded: "$4", borderWidth: 1, 
-        // The edge again — see `product/tone.ts`. Its `stopped` register is
-        // `$color4` behind a `$color9` border for exactly this: with no hue to
-        // spend, an outline is what separates "this one" from its neighbours.
+        // The `stopped` register from `product/tone.ts`: an outline, not a hue.
         borderColor: "$color9", bg: "$color4", ...props, children: [ink(children, undefined, { size: '$2', color: '$color12' }), onRetry ? (
-            // The real Button, not a `role="button"` box with an `onPress`. A View
-            // wearing the role takes focus and then does nothing on Enter or Space,
-            // because the activation behaviour belongs to the element and not to
-            // the attribute — and the one control on a failed turn is the last one
-            // that should be pointer-only.
+            // A real Button: a View wearing `role="button"` takes focus and then
+            // ignores Enter and Space.
             _jsx(XStack, { self: "flex-start", children: _jsxs(Button, { ...slot('failure-retry'), variant: "outline", size: "sm", onPress: onRetry, children: [_jsx(RefreshCw, { size: 13 }), retryLabel] }) })) : null] }));
 }
 //# sourceMappingURL=Failure.js.map

package/dist/chat/Failure.js.map

@@ -1 +1 @@
-{"version":3,"file":"Failure.js","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAU3C,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,KAAK,EAAgB;IAC7F,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC;QACd,oEAAoE;QACpE,uEAAuE;QACvE,sEAAsE;QACtE,WAAW,EAAC,SAAS,EACrB,EAAE,EAAC,SAAS,KACR,KAAK,aAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAC3D,OAAO,CAAC,CAAC,CAAC;YACT,uEAAuE;YACvE,wEAAwE;YACxE,qEAAqE;YACrE,uEAAuE;YACvE,+BAA+B;YAC/B,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACvB,MAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,aAC7E,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,UAAU,IACJ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"Failure.js","sourceRoot":"","sources":["../../src/chat/Failure.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAU3C,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,WAAW,EAAE,GAAG,KAAK,EAAgB;IAC7F,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC;QACd,wEAAwE;QACxE,WAAW,EAAC,SAAS,EACrB,EAAE,EAAC,SAAS,KACR,KAAK,aAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAC3D,OAAO,CAAC,CAAC,CAAC;YACT,qEAAqE;YACrE,2BAA2B;YAC3B,KAAC,MAAM,IAAC,IAAI,EAAC,YAAY,YACvB,MAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,aAC7E,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACtB,UAAU,IACJ,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}