@blade-hq/agent-react 2610.0.0-beta.64 → 2610.0.0-beta.65

package/dist/index.js

@@ -2451,6 +2451,124 @@ function useMessagePin({
   return { release, isActive };
 }
 
+// src/hooks/use-typewriter-reveal.ts
+import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+var REVEAL_INITIAL_CPS = 18;
+var REVEAL_MIN_CPS = 6;
+var REVEAL_MAX_CPS = 240;
+var REVEAL_DISPLAY_RATIO = 0.82;
+var REVEAL_EMA_ALPHA = 0.25;
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function scheduleAnimationFrame(callback) {
+  if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
+    const handle2 = window.requestAnimationFrame(callback);
+    return () => window.cancelAnimationFrame(handle2);
+  }
+  const handle = globalThis.setTimeout(() => callback(Date.now()), 33);
+  return () => globalThis.clearTimeout(handle);
+}
+function initialRevealState(targetText, isLive, resetKey) {
+  const revealedLen = isLive ? 0 : targetText.length;
+  return {
+    resetKey,
+    displayedText: targetText.slice(0, revealedLen),
+    revealedLen,
+    isRevealing: false
+  };
+}
+function useTypewriterReveal(targetText, isLive, resetKey) {
+  const [state, setState] = useState4(() => initialRevealState(targetText, isLive, resetKey));
+  const targetTextRef = useRef4(targetText);
+  targetTextRef.current = targetText;
+  const revealedLenRef = useRef4(state.revealedLen);
+  const priorTargetLenRef = useRef4(targetText.length);
+  const emaCpsRef = useRef4(REVEAL_INITIAL_CPS);
+  const lastTickTsRef = useRef4(null);
+  const lastArrivalTsRef = useRef4(null);
+  const cancelRef = useRef4(null);
+  const stopTicking = useCallback4(() => {
+    cancelRef.current?.();
+    cancelRef.current = null;
+  }, []);
+  const flushNow = useCallback4(() => {
+    stopTicking();
+    revealedLenRef.current = targetTextRef.current.length;
+    priorTargetLenRef.current = targetTextRef.current.length;
+    setState((s) => ({ ...s, displayedText: targetTextRef.current, revealedLen: revealedLenRef.current, isRevealing: false }));
+  }, [stopTicking]);
+  if (state.resetKey !== resetKey) {
+    const next = initialRevealState(targetText, isLive, resetKey);
+    revealedLenRef.current = next.revealedLen;
+    priorTargetLenRef.current = targetText.length;
+    emaCpsRef.current = REVEAL_INITIAL_CPS;
+    lastTickTsRef.current = null;
+    lastArrivalTsRef.current = null;
+    stopTicking();
+    setState(next);
+  } else if (!isLive) {
+    if (state.revealedLen !== targetText.length || state.displayedText !== targetText) {
+      revealedLenRef.current = targetText.length;
+      priorTargetLenRef.current = targetText.length;
+      stopTicking();
+      setState((s) => ({ ...s, displayedText: targetText, revealedLen: targetText.length, isRevealing: false }));
+    }
+  } else if (state.revealedLen === 0 && targetText.length > 0) {
+    revealedLenRef.current = targetText.length;
+    priorTargetLenRef.current = targetText.length;
+    setState((s) => ({ ...s, displayedText: targetText, revealedLen: targetText.length, isRevealing: false }));
+  }
+  useEffect4(() => {
+    if (!isLive) return;
+    if (revealedLenRef.current === 0) return;
+    if (revealedLenRef.current >= targetText.length) return;
+    if (cancelRef.current != null) return;
+    setState((s) => s.isRevealing ? s : { ...s, isRevealing: true });
+    const tick = (ts) => {
+      cancelRef.current = null;
+      const dt = lastTickTsRef.current == null ? 16 : Math.max(1, ts - lastTickTsRef.current);
+      const currentTargetLen = targetTextRef.current.length;
+      const arrived = Math.max(0, currentTargetLen - priorTargetLenRef.current);
+      if (arrived > 0) {
+        if (lastArrivalTsRef.current != null) {
+          const arrivalDt = Math.max(1, ts - lastArrivalTsRef.current);
+          const instantCps = arrived / arrivalDt * 1e3;
+          emaCpsRef.current = emaCpsRef.current + REVEAL_EMA_ALPHA * (instantCps - emaCpsRef.current);
+        }
+        lastArrivalTsRef.current = ts;
+      }
+      priorTargetLenRef.current = currentTargetLen;
+      lastTickTsRef.current = ts;
+      const cps = clamp(emaCpsRef.current, REVEAL_MIN_CPS, REVEAL_MAX_CPS);
+      const advance = Math.max(1, Math.round(cps * REVEAL_DISPLAY_RATIO * dt / 1e3));
+      revealedLenRef.current = Math.min(currentTargetLen, revealedLenRef.current + advance);
+      const revealed = revealedLenRef.current >= currentTargetLen;
+      setState((s) => ({
+        ...s,
+        displayedText: targetTextRef.current.slice(0, revealedLenRef.current),
+        revealedLen: revealedLenRef.current,
+        isRevealing: !revealed
+      }));
+      if (!revealed) {
+        cancelRef.current = scheduleAnimationFrame(tick);
+      }
+    };
+    cancelRef.current = scheduleAnimationFrame(tick);
+    return stopTicking;
+  }, [targetText, isLive, stopTicking]);
+  useEffect4(() => {
+    if (typeof document === "undefined") return;
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") flushNow();
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
+  }, [flushNow]);
+  useEffect4(() => stopTicking, [stopTicking]);
+  return { displayedText: state.displayedText, isRevealing: state.isRevealing, flushNow };
+}
+
 // src/components/AgentChat.tsx
 import {
   BladeApiError as BladeApiError2,
@@ -2892,13 +3010,13 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback27, useEffect as useEffect21, useMemo as useMemo17, useRef as useRef23, useState as useState31 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect22, useMemo as useMemo17, useRef as useRef24, useState as useState32 } from "react";
 
 // src/components/SessionPluginSelector.tsx
-import { useEffect as useEffect11, useState as useState16 } from "react";
+import { useEffect as useEffect12, useState as useState17 } from "react";
 
 // src/components/SessionPluginConfigDialog.tsx
-import { useEffect as useEffect9, useRef as useRef9, useState as useState14 } from "react";
+import { useEffect as useEffect10, useRef as useRef10, useState as useState15 } from "react";
 
 // ../../node_modules/.pnpm/@cfworker+json-schema@4.1.1/node_modules/@cfworker/json-schema/dist/esm/deep-compare-strict.js
 function deepCompareStrict(a, b2) {
@@ -8638,7 +8756,7 @@ function toFieldPathId(fieldPath, globalFormOptions, parentPath, isMultiValue) {
 
 // ../../node_modules/.pnpm/@rjsf+utils@6.10.0_react@19.2.4/node_modules/@rjsf/utils/lib/useAltDateWidgetProps.js
 import { jsx as _jsx3 } from "react/jsx-runtime";
-import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo3, useState as useState5 } from "react";
 function readyForChange(state) {
   return Object.values(state).every((value) => value !== -1);
 }
@@ -8646,16 +8764,16 @@ function DateElement(props) {
   const { className = "form-control", type, range, value, select, rootId, name, disabled, readonly: readonly2, autofocus, registry: registry2, onBlur, onFocus } = props;
   const id = `${rootId}_${type}`;
   const { SelectWidget: SelectWidget2 } = registry2.widgets;
-  const onChange = useCallback4((newValue) => select(type, newValue), [select, type]);
+  const onChange = useCallback5((newValue) => select(type, newValue), [select, type]);
   return _jsx3(SelectWidget2, { schema: { type: "integer" }, id, name, className, options: { enumOptions: dateRangeOptions(range[0], range[1]) }, placeholder: type, value, disabled, readonly: readonly2, autofocus, onChange, onBlur, onFocus, registry: registry2, label: "", "aria-describedby": ariaDescribedByIds(rootId) });
 }
 function useAltDateWidgetProps(props) {
   const { time: time5 = false, disabled = false, readonly: readonly2 = false, options, onChange, value } = props;
-  const [state, setState] = useState4(parseDateString(value, time5));
-  useEffect4(() => {
+  const [state, setState] = useState5(parseDateString(value, time5));
+  useEffect5(() => {
     setState(parseDateString(value, time5));
   }, [time5, value]);
-  const handleChange = useCallback4((property, newValue) => {
+  const handleChange = useCallback5((property, newValue) => {
     const nextState = {
       ...state,
       [property]: typeof newValue === "undefined" ? -1 : newValue
@@ -8666,14 +8784,14 @@ function useAltDateWidgetProps(props) {
       setState(nextState);
     }
   }, [state, onChange, time5]);
-  const handleClear = useCallback4((event) => {
+  const handleClear = useCallback5((event) => {
     event.preventDefault();
     if (disabled || readonly2) {
       return;
     }
     onChange(void 0);
   }, [disabled, readonly2, onChange]);
-  const handleSetNow = useCallback4((event) => {
+  const handleSetNow = useCallback5((event) => {
     event.preventDefault();
     if (disabled || readonly2) {
       return;
@@ -8686,9 +8804,9 @@ function useAltDateWidgetProps(props) {
 }
 
 // ../../node_modules/.pnpm/@rjsf+utils@6.10.0_react@19.2.4/node_modules/@rjsf/utils/lib/useDeepCompareMemo.js
-import { useRef as useRef4 } from "react";
+import { useRef as useRef5 } from "react";
 function useDeepCompareMemo(newValue) {
-  const valueRef = useRef4(newValue);
+  const valueRef = useRef5(newValue);
   if (!deepEquals_default(newValue, valueRef.current)) {
     valueRef.current = newValue;
   }
@@ -8696,7 +8814,7 @@ function useDeepCompareMemo(newValue) {
 }
 
 // ../../node_modules/.pnpm/@rjsf+utils@6.10.0_react@19.2.4/node_modules/@rjsf/utils/lib/useFileWidgetProps.js
-import { useCallback as useCallback5, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
 function addNameToDataURL(dataURL, name) {
   return dataURL.replace(";base64", `;name=${encodeURIComponent(name)};base64`);
 }
@@ -8757,7 +8875,7 @@ function useFileWidgetProps(value, onChange, multiple = false) {
     return [];
   }, [value, multiple]);
   const filesInfo = useMemo4(() => Array.isArray(value) ? extractFileInfo(value) : extractFileInfo([value || ""]), [value]);
-  const handleChange = useCallback5(async (files) => {
+  const handleChange = useCallback6(async (files) => {
     const filesInfoEvent = await processFiles(files);
     const newValue = filesInfoEvent.map((fileInfo) => fileInfo.dataURL || null);
     if (multiple) {
@@ -8766,7 +8884,7 @@ function useFileWidgetProps(value, onChange, multiple = false) {
       onChange(newValue[0]);
     }
   }, [values, multiple, onChange]);
-  const handleRemove = useCallback5((index) => {
+  const handleRemove = useCallback6((index) => {
     if (multiple) {
       const newValue = values.filter((_2, i2) => i2 !== index);
       onChange(newValue);
@@ -8882,7 +9000,7 @@ var TranslatableString;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/ArrayField.js
 import { jsx as _jsx4 } from "react/jsx-runtime";
-import { memo, useCallback as useCallback6, useMemo as useMemo5, useRef as useRef5, useState as useState5 } from "react";
+import { memo, useCallback as useCallback7, useMemo as useMemo5, useRef as useRef6, useState as useState6 } from "react";
 var rowIdCounter = 0;
 function generateRowId() {
   rowIdCounter += 1;
@@ -8992,19 +9110,19 @@ function ArrayFieldItemInner(props) {
     toolbar: false
   };
   has.toolbar = Object.keys(has).some((key) => has[key]);
-  const onAddItem = useCallback6((event) => {
+  const onAddItem = useCallback7((event) => {
     handleAddItem(event, index + 1);
   }, [handleAddItem, index]);
-  const onCopyItem = useCallback6((event) => {
+  const onCopyItem = useCallback7((event) => {
     handleCopyItem(event, index);
   }, [handleCopyItem, index]);
-  const onRemoveItem = useCallback6((event) => {
+  const onRemoveItem = useCallback7((event) => {
     handleRemoveItem(event, index);
   }, [handleRemoveItem, index]);
-  const onMoveUpItem = useCallback6((event) => {
+  const onMoveUpItem = useCallback7((event) => {
     handleReorderItems(event, index, index - 1);
   }, [handleReorderItems, index]);
-  const onMoveDownItem = useCallback6((event) => {
+  const onMoveDownItem = useCallback7((event) => {
     handleReorderItems(event, index, index + 1);
   }, [handleReorderItems, index]);
   const templateProps = {
@@ -9208,7 +9326,7 @@ function FixedArray(props) {
 }
 function useKeyedFormData(formData = []) {
   const newHash = useMemo5(() => hashObject(formData), [formData]);
-  const [state, setState] = useState5(() => ({
+  const [state, setState] = useState6(() => ({
     formDataHash: newHash,
     keyedFormData: generateKeyedFormData(formData)
   }));
@@ -9223,7 +9341,7 @@ function useKeyedFormData(formData = []) {
     formDataHash = newHash;
     setState({ formDataHash, keyedFormData });
   }
-  const updateKeyedFormData = useCallback6((newData) => {
+  const updateKeyedFormData = useCallback7((newData) => {
     const plainFormData = keyedToPlainFormData(newData);
     const updatedHash = hashObject(plainFormData);
     setState({ formDataHash: updatedHash, keyedFormData: newData });
@@ -9235,12 +9353,12 @@ function ArrayField(props) {
   const { schema, uiSchema, errorSchema, fieldPathId, registry: registry2, formData, onChange } = props;
   const { globalFormOptions, schemaUtils, translateString } = registry2;
   const { keyedFormData, updateKeyedFormData } = useKeyedFormData(formData);
-  const keyedFormDataRef = useRef5(keyedFormData);
+  const keyedFormDataRef = useRef6(keyedFormData);
   keyedFormDataRef.current = keyedFormData;
-  const errorSchemaRef = useRef5(errorSchema);
+  const errorSchemaRef = useRef6(errorSchema);
   errorSchemaRef.current = errorSchema;
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
-  const handleAddItem = useCallback6((event, index) => {
+  const handleAddItem = useCallback7((event, index) => {
     if (event) {
       event.preventDefault();
     }
@@ -9268,7 +9386,7 @@ function ArrayField(props) {
     }
     onChange(updateKeyedFormData(newKeyedFormData), childFieldPathId.path, newErrorSchema);
   }, [registry2, schema, onChange, updateKeyedFormData, childFieldPathId]);
-  const handleCopyItem = useCallback6((event, index) => {
+  const handleCopyItem = useCallback7((event, index) => {
     if (event) {
       event.preventDefault();
     }
@@ -9296,7 +9414,7 @@ function ArrayField(props) {
     }
     onChange(updateKeyedFormData(newKeyedFormData), childFieldPathId.path, newErrorSchema);
   }, [onChange, updateKeyedFormData, childFieldPathId]);
-  const handleRemoveItem = useCallback6((event, index) => {
+  const handleRemoveItem = useCallback7((event, index) => {
     if (event) {
       event.preventDefault();
     }
@@ -9315,7 +9433,7 @@ function ArrayField(props) {
     const newKeyedFormData = keyedFormDataRef.current.filter((_2, i2) => i2 !== index);
     onChange(updateKeyedFormData(newKeyedFormData), childFieldPathId.path, newErrorSchema);
   }, [onChange, updateKeyedFormData, childFieldPathId]);
-  const handleReorderItems = useCallback6((event, index, newIndex) => {
+  const handleReorderItems = useCallback7((event, index, newIndex) => {
     if (event) {
       event.preventDefault();
       event.currentTarget.blur();
@@ -9343,7 +9461,7 @@ function ArrayField(props) {
     const newKeyedFormData = reOrderArray();
     onChange(updateKeyedFormData(newKeyedFormData), childFieldPathId.path, newErrorSchema);
   }, [onChange, updateKeyedFormData, childFieldPathId]);
-  const handleChange = useCallback6((value, path, newErrorSchema, id) => {
+  const handleChange = useCallback7((value, path, newErrorSchema, id) => {
     const lastPathIsItemIndex = typeof path.at(-1) === "number";
     onChange(
       // We need to treat undefined items as nulls to have validation.
@@ -9355,7 +9473,7 @@ function ArrayField(props) {
       id
     );
   }, [onChange]);
-  const onSelectChange = useCallback6((value) => {
+  const onSelectChange = useCallback7((value) => {
     onChange(value, childFieldPathId.path, void 0, childFieldPathId?.[ID_KEY]);
   }, [onChange, childFieldPathId]);
   const arrayAsMultiProps = {
@@ -9400,7 +9518,7 @@ function ArrayField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/BooleanField.js
 import { jsx as _jsx5 } from "react/jsx-runtime";
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 function BooleanField(props) {
   const { schema, name, uiSchema, fieldPathId, formData, registry: registry2, required: required2, disabled, readonly: readonly2, hideError, autofocus, title, onChange, onFocus, onBlur, rawErrors } = props;
   const { title: schemaTitle } = schema;
@@ -9448,16 +9566,16 @@ function BooleanField(props) {
       enumOptions = optionsList({ enum: enums }, uiSchema);
     }
   }
-  const onWidgetChange = useCallback7((value, errorSchema, id) => onChange(value, fieldPathId.path, errorSchema, id), [onChange, fieldPathId]);
+  const onWidgetChange = useCallback8((value, errorSchema, id) => onChange(value, fieldPathId.path, errorSchema, id), [onChange, fieldPathId]);
   return _jsx5(Widget, { options: { ...options, enumOptions }, schema, uiSchema, id: fieldPathId.$id, name, onChange: onWidgetChange, onFocus, onBlur, label, hideLabel: !displayLabel, value: formData, required: required2, disabled, readonly: readonly2, hideError, registry: registry2, autofocus, rawErrors, htmlName: fieldPathId.name });
 }
 var BooleanField_default = BooleanField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/CyclicSchemaField.js
 import { jsx as _jsx6 } from "react/jsx-runtime";
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 function CyclicSchemaField(props) {
-  const [expanded, setExpanded] = useState6(false);
+  const [expanded, setExpanded] = useState7(false);
   const { name, registry: registry2, schema, uiSchema, fieldPathId } = props;
   const { globalUiOptions } = registry2;
   const uiOptions = getUiOptions(uiSchema, globalUiOptions);
@@ -9472,7 +9590,7 @@ function CyclicSchemaField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/FallbackField.js
 import { jsx as _jsx7 } from "react/jsx-runtime";
-import { useMemo as useMemo6, useState as useState7 } from "react";
+import { useMemo as useMemo6, useState as useState8 } from "react";
 function getFallbackTypeSelectionSchema(title) {
   return {
     type: "string",
@@ -9508,7 +9626,7 @@ function castToNewType(formData, newType) {
 function FallbackField(props) {
   const { id, formData, displayLabel = true, schema, name, uiSchema, required: required2, disabled = false, readonly: readonly2 = false, onBlur, onFocus, registry: registry2, fieldPathId, onChange, errorSchema } = props;
   const { translateString, fields: fields2, globalFormOptions } = registry2;
-  const [type, setType] = useState7(getTypeOfFormData(formData));
+  const [type, setType] = useState8(getTypeOfFormData(formData));
   const uiOptions = getUiOptions(uiSchema);
   const typeSelectorInnerFieldPathId = useDeepCompareMemo(toFieldPathId("__internal_type_selector", globalFormOptions, fieldPathId));
   const schemaTitle = translateString(TranslatableString.Type);
@@ -9851,7 +9969,7 @@ function LayoutHeaderField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/LayoutMultiSchemaField.js
 import { jsx as _jsx10 } from "react/jsx-runtime";
-import { useState as useState8, useEffect as useEffect5 } from "react";
+import { useState as useState9, useEffect as useEffect6 } from "react";
 function getSelectedOption(options, selectorField, value) {
   const defaultValue = "!@#!@$@#$!@$#";
   const schemaOptions = options.map(({ schema }) => schema);
@@ -9878,7 +9996,7 @@ function computeEnumOptions(schema, options, schemaUtils, uiSchema, formData) {
 function LayoutMultiSchemaField(props) {
   const { name, baseType, disabled = false, formData, fieldPathId, onBlur, onChange, options, onFocus, registry: registry2, uiSchema, schema, autofocus, readonly: readonly2, required: required2, errorSchema, hideError = false } = props;
   const { widgets: widgets2, schemaUtils, globalUiOptions } = registry2;
-  const [enumOptions, setEnumOptions] = useState8(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
+  const [enumOptions, setEnumOptions] = useState9(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
   const id = fieldPathId[ID_KEY];
   const discriminator = getDiscriminatorFieldFromSchema(schema);
   const FieldErrorTemplate2 = getTemplate("FieldErrorTemplate", registry2, options);
@@ -9887,7 +10005,7 @@ function LayoutMultiSchemaField(props) {
   const optionsHash = hashObject(options);
   const uiSchemaHash = uiSchema ? hashObject(uiSchema) : "";
   const formDataHash = formData ? hashObject(formData) : "";
-  useEffect5(() => {
+  useEffect6(() => {
     setEnumOptions(computeEnumOptions(schema, options, schemaUtils, uiSchema, formData));
   }, [schemaHash, optionsHash, schemaUtils, uiSchemaHash, formDataHash]);
   const { widget = discriminator ? "radio" : "select", title = "", placeholder = "", optionsSchemaSelector: selectorField = discriminator, hideError: uiSchemaHideError, ...uiOptions } = getUiOptions(uiSchema);
@@ -9926,7 +10044,7 @@ function LayoutMultiSchemaField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/MultiSchemaField.js
 import { jsx as _jsx11 } from "react/jsx-runtime";
-import { useCallback as useCallback8, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef6, useState as useState9 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect7, useMemo as useMemo7, useRef as useRef7, useState as useState10 } from "react";
 function AnyOfField(props) {
   const { name, disabled = false, errorSchema, formData, fieldPathId, onBlur, onChange, onFocus, options, readonly: readonly2, registry: registry2, required: required2 = false, schema, uiSchema } = props;
   const { schemaUtils } = registry2;
@@ -9936,14 +10054,14 @@ function AnyOfField(props) {
     // oxlint-disable-next-line react-hooks/exhaustive-deps -- formDataHash is the value-stable proxy for formData
     [options, schemaUtils, formDataHash]
   );
-  const [selectedOption, setSelectedOption] = useState9(() => {
+  const [selectedOption, setSelectedOption] = useState10(() => {
     const discriminator = getDiscriminatorFieldFromSchema(schema);
     return schemaUtils.getClosestMatchingOption(formData, retrievedOptions, 0, discriminator);
   });
-  const skipNextOptionRecalculation = useRef6(false);
-  const prevFormDataRef = useRef6(formData);
-  const prevFieldIdRef = useRef6(fieldPathId.$id);
-  useEffect6(() => {
+  const skipNextOptionRecalculation = useRef7(false);
+  const prevFormDataRef = useRef7(formData);
+  const prevFieldIdRef = useRef7(fieldPathId.$id);
+  useEffect7(() => {
     const prevFormData = prevFormDataRef.current;
     const prevFieldId = prevFieldIdRef.current;
     prevFormDataRef.current = formData;
@@ -9961,7 +10079,7 @@ function AnyOfField(props) {
     }
   });
   const fieldId = `${fieldPathId.$id}${schema.oneOf ? "__oneof_select" : "__anyof_select"}`;
-  const onOptionChange = useCallback8(
+  const onOptionChange = useCallback9(
     (option2) => {
       if (disabled || readonly2) {
         return;
@@ -10041,10 +10159,10 @@ function AnyOfField(props) {
 var MultiSchemaField_default = AnyOfField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/NullField.js
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 function NullField(props) {
   const { formData, onChange, fieldPathId } = props;
-  useEffect7(() => {
+  useEffect8(() => {
     if (formData === void 0) {
       onChange(null, fieldPathId.path);
     }
@@ -10055,17 +10173,17 @@ var NullField_default = NullField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/NumberField.js
 import { jsx as _jsx12 } from "react/jsx-runtime";
-import { useState as useState10, useCallback as useCallback9 } from "react";
+import { useState as useState11, useCallback as useCallback10 } from "react";
 var trailingCharMatcherWithPrefix = /\.([0-9]*0)*$/;
 var trailingCharMatcher = /[0.]0*$/;
 function NumberField(props) {
   const { registry: registry2, onChange, formData, value: initialValue } = props;
-  const [lastValue, setLastValue] = useState10(initialValue);
+  const [lastValue, setLastValue] = useState11(initialValue);
   const { StringField: StringField2 } = registry2.fields;
   const separator = getDecimalSeparator();
   const escapedSeparator = separator === "." ? "\\." : separator;
   let value = formData;
-  const handleChange = useCallback9((newValue, path, errorSchema, id) => {
+  const handleChange = useCallback10((newValue, path, errorSchema, id) => {
     setLastValue(newValue);
     const standardValue = typeof newValue === "string" ? newValue.replace(separator, ".") : newValue;
     const normalizedValue = `${standardValue}`.startsWith(".") ? `0${standardValue}` : standardValue;
@@ -10095,7 +10213,7 @@ var NumberField_default = NumberField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/ObjectField.js
 import { jsx as _jsx13, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo as memo2, useCallback as useCallback10, useMemo as useMemo9, useRef as useRef8, useState as useState11 } from "react";
+import { memo as memo2, useCallback as useCallback11, useMemo as useMemo9, useRef as useRef9, useState as useState12 } from "react";
 
 // ../../node_modules/.pnpm/markdown-to-jsx@9.10.2_react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/markdown-to-jsx/dist/react.js
 import * as i0 from "react";
@@ -13230,28 +13348,28 @@ function getAdditionalPropertyOrder(schemaProperties) {
 }
 function ObjectFieldPropertyFn(props) {
   const { fieldPathId, schema, registry: registry2, uiSchema, errorSchema, formData, onChange, onBlur, onFocus, disabled, readonly: readonly2, required: required2, hideError, propertyName, handleKeyRename, handleRemoveProperty, addedByAdditionalProperties } = props;
-  const [wasPropertyKeyModified, setWasPropertyKeyModified] = useState11(false);
+  const [wasPropertyKeyModified, setWasPropertyKeyModified] = useState12(false);
   const { globalFormOptions, fields: fields2 } = registry2;
   const { SchemaField: SchemaField2 } = fields2;
   const innerFieldIdPathId = useDeepCompareMemo(toFieldPathId(propertyName, globalFormOptions, fieldPathId.path));
-  const onPropertyChange = useCallback10((value, path, newErrorSchema, id) => {
+  const onPropertyChange = useCallback11((value, path, newErrorSchema, id) => {
     let normalizedValue = value;
     if (value === void 0 && addedByAdditionalProperties && deepEquals_default(path, innerFieldIdPathId.path)) {
       normalizedValue = "";
     }
     onChange(normalizedValue, path, newErrorSchema, id);
   }, [onChange, addedByAdditionalProperties, innerFieldIdPathId]);
-  const onKeyRename = useCallback10((value) => {
+  const onKeyRename = useCallback11((value) => {
     if (propertyName !== value) {
       setWasPropertyKeyModified(true);
     }
     handleKeyRename(propertyName, value);
   }, [propertyName, handleKeyRename]);
-  const onKeyRenameBlur = useCallback10((event) => {
+  const onKeyRenameBlur = useCallback11((event) => {
     const { target: { value } } = event;
     onKeyRename(value);
   }, [onKeyRename]);
-  const onRemoveProperty = useCallback10(() => {
+  const onRemoveProperty = useCallback11(() => {
     handleRemoveProperty(propertyName);
   }, [propertyName, handleRemoveProperty]);
   return _jsx13(SchemaField2, { name: propertyName, required: required2, schema, uiSchema, errorSchema, fieldPathId: innerFieldIdPathId, formData, wasPropertyKeyModified, onKeyRename, onKeyRenameBlur, onRemoveProperty, onChange: onPropertyChange, onBlur, onFocus, registry: registry2, disabled, readonly: readonly2, hideError });
@@ -13261,14 +13379,14 @@ function ObjectField(props) {
   const { schema: rawSchema, uiSchema = {}, formData, errorSchema, fieldPathId, name, required: required2 = false, disabled, readonly: readonly2, hideError, onBlur, onFocus, onChange, registry: registry2, title } = props;
   const { fields: fields2, schemaUtils, translateString, globalUiOptions } = registry2;
   const { OptionalDataControlsField: OptionalDataControlsField2 } = fields2;
-  const formDataRef = useRef8(formData);
+  const formDataRef = useRef9(formData);
   formDataRef.current = formData;
   const schema = useMemo9(() => schemaUtils.retrieveSchema(rawSchema, formData, true), [schemaUtils, rawSchema, formData]);
   const uiOptions = useMemo9(() => getUiOptions(uiSchema, globalUiOptions), [uiSchema, globalUiOptions]);
   const schemaProperties = useMemo9(() => schema.properties ?? {}, [schema.properties]);
   const childFieldPathId = props.childFieldPathId ?? fieldPathId;
-  const lastRenamedProperty = useRef8({ previousKey: "", currentKey: void 0 });
-  const [additionalPropertyOrder, setAdditionalPropertyOrder] = useState11(() => getAdditionalPropertyOrder(schemaProperties));
+  const lastRenamedProperty = useRef9({ previousKey: "", currentKey: void 0 });
+  const [additionalPropertyOrder, setAdditionalPropertyOrder] = useState12(() => getAdditionalPropertyOrder(schemaProperties));
   const definedPropertyOrder = useMemo9(() => {
     const additionalPropertySet = new Set(getAdditionalPropertyOrder(schemaProperties));
     return Object.keys(schemaProperties).filter((property) => !additionalPropertySet.has(property));
@@ -13278,7 +13396,7 @@ function ObjectField(props) {
   const renderOptionalField = shouldRenderOptionalField(registry2, schema, required2, uiSchema);
   const hasFormData = isFormDataAvailable(formData);
   let orderedProperties = [];
-  const getAvailableKey = useCallback10((preferredKey, existingFormData) => {
+  const getAvailableKey = useCallback11((preferredKey, existingFormData) => {
     const { duplicateKeySuffixSeparator = "-" } = getUiOptions(uiSchema, globalUiOptions);
     let index = 0;
     let newKey = preferredKey;
@@ -13288,7 +13406,7 @@ function ObjectField(props) {
     }
     return newKey;
   }, [uiSchema, globalUiOptions]);
-  const onAddProperty = useCallback10(() => {
+  const onAddProperty = useCallback11(() => {
     if (!(schema.additionalProperties || schema.patternProperties)) {
       return;
     }
@@ -13325,7 +13443,7 @@ function ObjectField(props) {
     setAdditionalPropertyOrder((order) => [...order, newKey]);
     onChange(newFormData, childFieldPathId.path);
   }, [formData, onChange, translateString, schemaUtils, childFieldPathId, getAvailableKey, schema]);
-  const handleKeyRename = useCallback10((oldKey, newKey) => {
+  const handleKeyRename = useCallback11((oldKey, newKey) => {
     if (oldKey !== newKey) {
       const currentFormData = formDataRef.current;
       const actualNewKey = getAvailableKey(newKey, currentFormData);
@@ -13347,11 +13465,11 @@ function ObjectField(props) {
       onChange(renamedObj, childFieldPathId.path);
     }
   }, [onChange, childFieldPathId, getAvailableKey]);
-  const handleRemoveProperty = useCallback10((key) => {
+  const handleRemoveProperty = useCallback11((key) => {
     setAdditionalPropertyOrder((order) => order.filter((property) => property !== key));
     onChange(ADDITIONAL_PROPERTY_KEY_REMOVE, [...childFieldPathId.path, key]);
   }, [onChange, childFieldPathId]);
-  const getStableKey = useCallback10((property) => {
+  const getStableKey = useCallback11((property) => {
     if (lastRenamedProperty.current.currentKey === property) {
       return lastRenamedProperty.current.previousKey;
     }
@@ -13438,7 +13556,7 @@ function OptionalDataControlsField(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/SchemaField.js
 import { jsx as _jsx15, Fragment as _Fragment, jsxs as _jsxs2 } from "react/jsx-runtime";
-import { useCallback as useCallback11, memo as memo3 } from "react";
+import { useCallback as useCallback12, memo as memo3 } from "react";
 var COMPONENT_TYPES = {
   array: "ArrayField",
   boolean: "BooleanField",
@@ -13474,7 +13592,7 @@ function SchemaFieldRender(props) {
   const { schemaUtils, globalFormOptions, globalUiOptions, fields: fields2 } = registry2;
   const { AnyOfField: _AnyOfField, OneOfField: _OneOfField, CyclicSchemaField: CyclicSchemaField2 } = fields2;
   const fieldId = fieldPathId[ID_KEY];
-  const handleFieldComponentChange = useCallback11((newFormData, path, newErrorSchema, id2) => {
+  const handleFieldComponentChange = useCallback12((newFormData, path, newErrorSchema, id2) => {
     const theId = id2 || fieldId;
     return onChange(newFormData, path, newErrorSchema, theId);
   }, [fieldId, onChange]);
@@ -13594,7 +13712,7 @@ var SchemaField_default = SchemaField;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/fields/StringField.js
 import { jsx as _jsx16 } from "react/jsx-runtime";
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback13 } from "react";
 function StringField(props) {
   const { schema, name, uiSchema, fieldPathId, formData, required: required2, disabled = false, readonly: readonly2 = false, autofocus = false, onChange, onBlur, onFocus, registry: registry2, rawErrors, hideError, title } = props;
   const { title: schemaTitle, format: format3 } = schema;
@@ -13608,7 +13726,7 @@ function StringField(props) {
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
   const label = uiTitle ?? title ?? schemaTitle ?? name;
   const Widget = getWidget(schema, widget, widgets2);
-  const onWidgetChange = useCallback12((value, errorSchema, id) => onChange(value, fieldPathId.path, errorSchema, id), [onChange, fieldPathId]);
+  const onWidgetChange = useCallback13((value, errorSchema, id) => onChange(value, fieldPathId.path, errorSchema, id), [onChange, fieldPathId]);
   return _jsx16(Widget, { options: { ...options, enumOptions }, schema, uiSchema, id: fieldPathId.$id, name, label, hideLabel: !displayLabel, hideError, value: formData, onChange: onWidgetChange, onBlur, onFocus, required: required2, disabled, readonly: readonly2, autofocus, registry: registry2, placeholder, rawErrors, htmlName: fieldPathId.name });
 }
 var StringField_default = StringField;
@@ -13702,7 +13820,7 @@ function ArrayFieldTitleTemplate(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/templates/BaseInputTemplate.js
 import { jsx as _jsx23, Fragment as _Fragment3, jsxs as _jsxs6 } from "react/jsx-runtime";
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/SchemaExamples.js
 import { jsx as _jsx22 } from "react/jsx-runtime";
@@ -13757,10 +13875,10 @@ function BaseInputTemplate(props) {
   } else {
     inputValue = value == null ? "" : value;
   }
-  const handleChange = useCallback13(({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue), [onChange, options]);
-  const handleBlur = useCallback13(({ target }) => onBlur(id, target?.value), [onBlur, id]);
-  const handleFocus = useCallback13(({ target }) => onFocus(id, target?.value), [onFocus, id]);
-  const handleClear = useCallback13((e2) => {
+  const handleChange = useCallback14(({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue), [onChange, options]);
+  const handleBlur = useCallback14(({ target }) => onBlur(id, target?.value), [onBlur, id]);
+  const handleFocus = useCallback14(({ target }) => onFocus(id, target?.value), [onFocus, id]);
+  const handleClear = useCallback14((e2) => {
     e2.preventDefault();
     e2.stopPropagation();
     onChange(options.emptyValue);
@@ -14089,13 +14207,13 @@ var AltDateWidget_default = AltDateWidget;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/CheckboxesWidget.js
 import { jsx as _jsx46, jsxs as _jsxs17 } from "react/jsx-runtime";
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 function CheckboxesWidget({ id, disabled, options, value, autofocus = false, readonly: readonly2, onChange, onBlur, onFocus, htmlName }) {
   const { inline = false, enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat(options);
   const checkboxesValues = Array.isArray(value) ? value : [value];
-  const handleBlur = useCallback14(({ target }) => onBlur(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onBlur, id, enumOptions, emptyValue, optionValueFormat]);
-  const handleFocus = useCallback14(({ target }) => onFocus(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onFocus, id, enumOptions, emptyValue, optionValueFormat]);
+  const handleBlur = useCallback15(({ target }) => onBlur(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onBlur, id, enumOptions, emptyValue, optionValueFormat]);
+  const handleFocus = useCallback15(({ target }) => onFocus(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onFocus, id, enumOptions, emptyValue, optionValueFormat]);
   return _jsx46("div", { className: "checkboxes", id, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = enumOptionsIsSelected(option.value, checkboxesValues);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
@@ -14115,13 +14233,13 @@ var CheckboxesWidget_default = CheckboxesWidget;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/CheckboxWidget.js
 import { jsx as _jsx47, jsxs as _jsxs18 } from "react/jsx-runtime";
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback16 } from "react";
 function CheckboxWidget({ schema, uiSchema, options, id, value, disabled, readonly: readonly2, label, hideLabel, autofocus = false, onBlur, onFocus, onChange, registry: registry2, htmlName, required: required2 }) {
   const DescriptionFieldTemplate = getTemplate("DescriptionFieldTemplate", registry2, options);
   const trueValueRequired = schemaRequiresTrueValue(schema) && required2;
-  const handleChange = useCallback15((event) => onChange(event.target.checked), [onChange]);
-  const handleBlur = useCallback15((event) => onBlur(id, event.target.checked), [onBlur, id]);
-  const handleFocus = useCallback15((event) => onFocus(id, event.target.checked), [onFocus, id]);
+  const handleChange = useCallback16((event) => onChange(event.target.checked), [onChange]);
+  const handleBlur = useCallback16((event) => onBlur(id, event.target.checked), [onBlur, id]);
+  const handleFocus = useCallback16((event) => onFocus(id, event.target.checked), [onFocus, id]);
   const uiOptions = getUiOptions(uiSchema);
   const isCheckboxWidget = uiOptions.widget === "checkbox";
   const description = isCheckboxWidget ? void 0 : options.description ?? schema.description;
@@ -14147,11 +14265,11 @@ function DateTimeWidget(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/DateWidget.js
 import { jsx as _jsx50 } from "react/jsx-runtime";
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback17 } from "react";
 function DateWidget(props) {
   const { onChange, options, registry: registry2 } = props;
   const BaseInputTemplate2 = getTemplate("BaseInputTemplate", registry2, options);
-  const handleChange = useCallback16((value) => onChange(value || void 0), [onChange]);
+  const handleChange = useCallback17((value) => onChange(value || void 0), [onChange]);
   return _jsx50(BaseInputTemplate2, { type: "date", ...props, onChange: handleChange });
 }
 
@@ -14219,12 +14337,12 @@ function PasswordWidget(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/RadioWidget.js
 import { jsx as _jsx55, jsxs as _jsxs20 } from "react/jsx-runtime";
-import { useCallback as useCallback17 } from "react";
+import { useCallback as useCallback18 } from "react";
 function RadioWidget({ options, value, required: required2, disabled, readonly: readonly2, autofocus = false, onBlur, onFocus, onChange, id, htmlName }) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat(options);
-  const handleBlur = useCallback17(({ target }) => onBlur(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onBlur, enumOptions, emptyValue, id, optionValueFormat]);
-  const handleFocus = useCallback17(({ target }) => onFocus(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onFocus, enumOptions, emptyValue, id, optionValueFormat]);
+  const handleBlur = useCallback18(({ target }) => onBlur(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onBlur, enumOptions, emptyValue, id, optionValueFormat]);
+  const handleFocus = useCallback18(({ target }) => onFocus(id, enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue)), [onFocus, enumOptions, emptyValue, id, optionValueFormat]);
   return _jsx55("div", { className: "field-radio-group", id, role: "radiogroup", children: Array.isArray(enumOptions) && enumOptions.map((option, i2) => {
     const checked = enumOptionsIsSelected(option.value, value);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
@@ -14245,23 +14363,23 @@ function RangeWidget(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/RatingWidget.js
 import { jsx as _jsx57, jsxs as _jsxs22 } from "react/jsx-runtime";
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback19 } from "react";
 function RatingWidget({ id, value, required: required2, disabled, readonly: readonly2, onChange, onFocus, onBlur, schema, options, htmlName }) {
   const { stars = 5, shape = "star" } = options;
   const numStars = schema.maximum ? Math.min(schema.maximum, 5) : Math.min(Math.max(stars, 1), 5);
   const min = schema.minimum || 0;
-  const handleStarClick = useCallback18((starValue) => {
+  const handleStarClick = useCallback19((starValue) => {
     if (!disabled && !readonly2) {
       onChange(starValue);
     }
   }, [onChange, disabled, readonly2]);
-  const handleFocus = useCallback18((event) => {
+  const handleFocus = useCallback19((event) => {
     if (onFocus) {
       const starValue = Number(event.target.dataset.value);
       onFocus(id, starValue);
     }
   }, [onFocus, id]);
-  const handleBlur = useCallback18((event) => {
+  const handleBlur = useCallback19((event) => {
     if (onBlur) {
       const starValue = Number(event.target.dataset.value);
       onBlur(id, starValue);
@@ -14291,7 +14409,7 @@ function RatingWidget({ id, value, required: required2, disabled, readonly: read
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/SelectWidget.js
 import { jsx as _jsx58, jsxs as _jsxs23, Fragment as _Fragment5 } from "react/jsx-runtime";
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback20 } from "react";
 function getValue(event, multiple) {
   if (multiple) {
     return Array.from(event.target.options).slice().filter((o2) => o2.selected).map((o2) => o2.value);
@@ -14302,15 +14420,15 @@ function SelectWidget({ schema, id, options, value, required: required2, disable
   const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
   const emptyValue = multiple ? [] : "";
   const optionValueFormat = getOptionValueFormat(options);
-  const handleFocus = useCallback19((event) => {
+  const handleFocus = useCallback20((event) => {
     const newValue = getValue(event, multiple);
     return onFocus(id, enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, optEmptyVal));
   }, [onFocus, id, multiple, enumOptions, optEmptyVal, optionValueFormat]);
-  const handleBlur = useCallback19((event) => {
+  const handleBlur = useCallback20((event) => {
     const newValue = getValue(event, multiple);
     return onBlur(id, enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, optEmptyVal));
   }, [onBlur, id, multiple, enumOptions, optEmptyVal, optionValueFormat]);
-  const handleChange = useCallback19((event) => {
+  const handleChange = useCallback20((event) => {
     const newValue = getValue(event, multiple);
     return onChange(enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, optEmptyVal));
   }, [onChange, multiple, enumOptions, optEmptyVal, optionValueFormat]);
@@ -14326,11 +14444,11 @@ var SelectWidget_default = SelectWidget;
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/TextareaWidget.js
 import { jsx as _jsx59 } from "react/jsx-runtime";
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback21 } from "react";
 function TextareaWidget({ id, options, placeholder, value, required: required2, disabled, readonly: readonly2, autofocus = false, onChange, onBlur, onFocus, htmlName }) {
-  const handleChange = useCallback20(({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue), [onChange, options.emptyValue]);
-  const handleBlur = useCallback20(({ target }) => onBlur(id, target?.value), [onBlur, id]);
-  const handleFocus = useCallback20(({ target }) => onFocus(id, target?.value), [id, onFocus]);
+  const handleChange = useCallback21(({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue), [onChange, options.emptyValue]);
+  const handleBlur = useCallback21(({ target }) => onBlur(id, target?.value), [onBlur, id]);
+  const handleFocus = useCallback21(({ target }) => onFocus(id, target?.value), [id, onFocus]);
   return _jsx59("textarea", { id, name: htmlName || id, className: "form-control", value: value || "", placeholder, required: required2, disabled, readOnly: readonly2, autoFocus: autofocus, rows: options.rows, onBlur: handleBlur, onFocus: handleFocus, onChange: handleChange, "aria-describedby": ariaDescribedByIds(id) });
 }
 var TextareaWidget_default = TextareaWidget;
@@ -14345,12 +14463,12 @@ function TextWidget(props) {
 
 // ../../node_modules/.pnpm/@rjsf+core@6.10.0_@rjsf+utils@6.10.0_react@19.2.4__react@19.2.4_vue@3.5.40_typescript@5.9.3_/node_modules/@rjsf/core/lib/components/widgets/TimeWidget.js
 import { jsx as _jsx61 } from "react/jsx-runtime";
-import { useCallback as useCallback21 } from "react";
+import { useCallback as useCallback22 } from "react";
 function TimeWidget(props) {
   const { onChange, options, registry: registry2, schema, value } = props;
   const BaseInputTemplate2 = getTemplate("BaseInputTemplate", registry2, options);
   const hasSecondPrecision = typeof schema.multipleOf === "number" && Number.isFinite(schema.multipleOf) && schema.multipleOf < 60;
-  const handleChange = useCallback21((newValue) => {
+  const handleChange = useCallback22((newValue) => {
     if (!newValue) {
       onChange(void 0);
     } else if (hasSecondPrecision) {
@@ -15223,7 +15341,7 @@ var Form = class _Form extends Component {
 };
 
 // src/components/SessionPluginConfigForm.tsx
-import { isValidElement, useMemo as useMemo10, useState as useState12 } from "react";
+import { isValidElement, useMemo as useMemo10, useState as useState13 } from "react";
 
 // src/components/plugin-config-schema.ts
 function asSchema(value) {
@@ -15618,10 +15736,10 @@ function SessionPluginConfigForm({
   onSubmit,
   onCancel
 }) {
-  const [initial] = useState12(() => createConfigDraft(config2));
-  const [values, setValues] = useState12(initial.values);
-  const [removed] = useState12(() => /* @__PURE__ */ new Set());
-  const [draftFailure, setDraftFailure] = useState12(null);
+  const [initial] = useState13(() => createConfigDraft(config2));
+  const [values, setValues] = useState13(initial.values);
+  const [removed] = useState13(() => /* @__PURE__ */ new Set());
+  const [draftFailure, setDraftFailure] = useState13(null);
   const support = useMemo10(() => formSupport(config2.schema), [config2.schema]);
   const schema = useMemo10(() => {
     try {
@@ -15731,7 +15849,7 @@ function SessionPluginConfigForm({
 }
 
 // src/components/SessionPluginIcon.tsx
-import { useEffect as useEffect8, useState as useState13 } from "react";
+import { useEffect as useEffect9, useState as useState14 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 function sessionPluginLabel(plugin) {
   const display = typeof plugin.display_name === "string" ? plugin.display_name.trim() : "";
@@ -15757,9 +15875,9 @@ function iconBlob(client, sessionId, name, token) {
   return pending;
 }
 function SessionPluginIcon({ client, sessionId, plugin, size = 20, shape = "rounded", className }) {
-  const [url2, setUrl] = useState13(null);
+  const [url2, setUrl] = useState14(null);
   const token = plugin.icon;
-  useEffect8(() => {
+  useEffect9(() => {
     setUrl(null);
     if (!token) return;
     let alive = true;
@@ -15828,17 +15946,17 @@ function ConfigDialogState({
   onSaved,
   onClose
 }) {
-  const [config2, setConfig] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [loadFailure, setLoadFailure] = useState14(null);
-  const [saving, setSaving] = useState14(false);
-  const [failure, setFailure] = useState14(null);
-  const [fieldErrors, setFieldErrors] = useState14([]);
-  const [formVersion, setFormVersion] = useState14(0);
-  const alive = useRef9(true);
-  const generation = useRef9(0);
-  const dialog = useRef9(null);
-  useEffect9(() => {
+  const [config2, setConfig] = useState15(null);
+  const [loading, setLoading] = useState15(true);
+  const [loadFailure, setLoadFailure] = useState15(null);
+  const [saving, setSaving] = useState15(false);
+  const [failure, setFailure] = useState15(null);
+  const [fieldErrors, setFieldErrors] = useState15([]);
+  const [formVersion, setFormVersion] = useState15(0);
+  const alive = useRef10(true);
+  const generation = useRef10(0);
+  const dialog = useRef10(null);
+  useEffect10(() => {
     const element = dialog.current;
     if (!element || element.open) return;
     if (typeof element.showModal === "function") element.showModal();
@@ -15862,7 +15980,7 @@ function ConfigDialogState({
       if (alive.current && generation.current === current) setLoading(false);
     }
   };
-  useEffect9(() => {
+  useEffect10(() => {
     alive.current = true;
     setConfig(null);
     setFailure(null);
@@ -16117,7 +16235,7 @@ function PluginConnectorList({
 }
 
 // src/components/use-session-plugin-activation.ts
-import { useCallback as useCallback22, useEffect as useEffect10, useMemo as useMemo11, useRef as useRef10, useState as useState15 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect11, useMemo as useMemo11, useRef as useRef11, useState as useState16 } from "react";
 
 // src/components/plugin-connector.ts
 function catalogToConnectorItems(catalog) {
@@ -16178,24 +16296,24 @@ function useSessionPluginActivation({
   sessionId,
   onChange
 }) {
-  const [plugins, setPlugins] = useState15([]);
-  const [catalog, setCatalog] = useState15(null);
-  const [loading, setLoading] = useState15(false);
-  const [listError, setListError] = useState15(false);
-  const [mutationError, setMutationError] = useState15(false);
-  const [inFlight, setInFlight] = useState15({});
-  const [configuring, setConfiguring] = useState15(null);
-  const alive = useRef10(true);
-  const generation = useRef10(0);
-  const mutationGenerations = useRef10(/* @__PURE__ */ new Map());
-  const desiredActivations = useRef10(/* @__PURE__ */ new Map());
-  const pendingMutations = useRef10(/* @__PURE__ */ new Map());
-  const submittedActivations = useRef10(/* @__PURE__ */ new Set());
-  const serverActive = useRef10(/* @__PURE__ */ new Set());
-  const lifetime = useRef10(0);
-  const request = useRef10(null);
-  const [desiredVersion, setDesiredVersion] = useState15(0);
-  const setDesired = useCallback22((name, value) => {
+  const [plugins, setPlugins] = useState16([]);
+  const [catalog, setCatalog] = useState16(null);
+  const [loading, setLoading] = useState16(false);
+  const [listError, setListError] = useState16(false);
+  const [mutationError, setMutationError] = useState16(false);
+  const [inFlight, setInFlight] = useState16({});
+  const [configuring, setConfiguring] = useState16(null);
+  const alive = useRef11(true);
+  const generation = useRef11(0);
+  const mutationGenerations = useRef11(/* @__PURE__ */ new Map());
+  const desiredActivations = useRef11(/* @__PURE__ */ new Map());
+  const pendingMutations = useRef11(/* @__PURE__ */ new Map());
+  const submittedActivations = useRef11(/* @__PURE__ */ new Set());
+  const serverActive = useRef11(/* @__PURE__ */ new Set());
+  const lifetime = useRef11(0);
+  const request = useRef11(null);
+  const [desiredVersion, setDesiredVersion] = useState16(0);
+  const setDesired = useCallback23((name, value) => {
     if (value === null) {
       if (!desiredActivations.current.delete(name)) return;
     } else {
@@ -16215,7 +16333,7 @@ function useSessionPluginActivation({
       return desired === void 0 ? item : { ...item, active: desired };
     });
   }, [catalog, configuring, desiredVersion, plugins]);
-  const markInFlight = useCallback22((name, on) => {
+  const markInFlight = useCallback23((name, on) => {
     setInFlight((current) => {
       if (on) return current[name] ? current : { ...current, [name]: true };
       if (!current[name]) return current;
@@ -16224,7 +16342,7 @@ function useSessionPluginActivation({
       return rest;
     });
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     alive.current = true;
     setPlugins([]);
     setCatalog(null);
@@ -16244,7 +16362,7 @@ function useSessionPluginActivation({
       request.current?.abort();
     };
   }, [client]);
-  const load = useCallback22(async () => {
+  const load = useCallback23(async () => {
     if (!alive.current) return;
     request.current?.abort();
     const controller = new AbortController();
@@ -16280,30 +16398,30 @@ function useSessionPluginActivation({
       if (alive.current && current === generation.current) setLoading(false);
     }
   }, [client, sessionId]);
-  const loadCatalog = useCallback22(async () => {
+  const loadCatalog = useCallback23(async () => {
     try {
       const { plugins: entries } = await client.plugins.catalog();
       if (alive.current) setCatalog(entries);
     } catch {
     }
   }, [client]);
-  const reload = useCallback22(() => {
+  const reload = useCallback23(() => {
     void load();
     void loadCatalog();
   }, [load, loadCatalog]);
-  const abandon = useCallback22((name) => {
+  const abandon = useCallback23((name) => {
     setDesired(name, null);
     pendingMutations.current.delete(name);
     mutationGenerations.current.set(name, (mutationGenerations.current.get(name) ?? 0) + 1);
     markInFlight(name, false);
     void load();
   }, [load, markInFlight, setDesired]);
-  const finish = useCallback22((name, mutation) => {
+  const finish = useCallback23((name, mutation) => {
     pendingMutations.current.delete(name);
     setDesired(name, null);
     if (mutation === mutationGenerations.current.get(name)) markInFlight(name, false);
   }, [markInFlight, setDesired]);
-  const commitActivation = useCallback22(
+  const commitActivation = useCallback23(
     async (name, active, mutation, startedAt) => {
       submittedActivations.current.add(name);
       try {
@@ -16342,7 +16460,7 @@ function useSessionPluginActivation({
     },
     [client, finish, load, markInFlight, onChange, sessionId, setDesired]
   );
-  const enable = useCallback22(async (name) => {
+  const enable = useCallback23(async (name) => {
     if (!alive.current) return;
     const startedAt = lifetime.current;
     const mutation = (mutationGenerations.current.get(name) ?? 0) + 1;
@@ -16379,7 +16497,7 @@ function useSessionPluginActivation({
     setPlugins((current) => current.map((item) => item.name === name ? { ...item, config: state.state } : item));
     await commitActivation(name, true, mutation, startedAt);
   }, [abandon, client, commitActivation, markInFlight, sessionId, setDesired]);
-  const disable = useCallback22((name) => {
+  const disable = useCallback23((name) => {
     const startedAt = lifetime.current;
     request.current?.abort();
     generation.current++;
@@ -16396,17 +16514,17 @@ function useSessionPluginActivation({
     markInFlight(name, true);
     void commitActivation(name, false, mutation, startedAt);
   }, [abandon, commitActivation, markInFlight, setDesired]);
-  const toggle = useCallback22((item, next) => {
+  const toggle = useCallback23((item, next) => {
     if (next) void enable(item.name);
     else disable(item.name);
   }, [disable, enable]);
-  const retry = useCallback22((item) => {
+  const retry = useCallback23((item) => {
     void enable(item.name);
   }, [enable]);
-  const editConfig = useCallback22((item) => {
+  const editConfig = useCallback23((item) => {
     setConfiguring({ name: item.name, pendingActivation: false });
   }, []);
-  const onConfigSaved = useCallback22((state) => {
+  const onConfigSaved = useCallback23((state) => {
     const target = configuring;
     if (!target) return;
     setConfiguring(null);
@@ -16423,7 +16541,7 @@ function useSessionPluginActivation({
     markInFlight(target.name, true);
     void commitActivation(target.name, true, mutation, startedAt);
   }, [commitActivation, configuring, load, markInFlight, setDesired]);
-  const onConfigClose = useCallback22(() => {
+  const onConfigClose = useCallback23(() => {
     const target = configuring;
     if (!target) return;
     setConfiguring(null);
@@ -16453,7 +16571,7 @@ function SessionPluginSelector(props) {
   return /* @__PURE__ */ jsx6(PluginSelectorState, { ...props }, props.sessionId);
 }
 function PluginSelectorState({ client, sessionId, className, side = "bottom", onChange }) {
-  const [open2, setOpen] = useState16(false);
+  const [open2, setOpen] = useState17(false);
   return /* @__PURE__ */ jsxs4("div", { className: `relative text-xs ${className ?? ""}`, children: [
     /* @__PURE__ */ jsx6(
       "button",
@@ -16477,7 +16595,7 @@ function PluginSelectorList({
 }) {
   const controller = useSessionPluginActivation({ client, sessionId, onChange });
   const { reload } = controller;
-  useEffect11(() => {
+  useEffect12(() => {
     reload();
   }, [reload]);
   return /* @__PURE__ */ jsxs4(
@@ -16517,7 +16635,7 @@ import {
   queuePauseReasonLabel,
   queuedMessageStatusLabel
 } from "@blade-hq/agent-client";
-import { useRef as useRef11, useState as useState17 } from "react";
+import { useRef as useRef12, useState as useState18 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -16565,14 +16683,14 @@ function SessionQueuePanel({
   onReorder,
   onDeliver
 }) {
-  const [collapsed, setCollapsed] = useState17(false);
-  const [editing, setEditing] = useState17(null);
-  const [draggingId, setDraggingId] = useState17(null);
-  const [dropAt, setDropAt] = useState17(null);
-  const draggingRef = useRef11(null);
-  const dropRef = useRef11(null);
-  const requeuePending = useRef11(false);
-  const [requeueing, setRequeueing] = useState17(false);
+  const [collapsed, setCollapsed] = useState18(false);
+  const [editing, setEditing] = useState18(null);
+  const [draggingId, setDraggingId] = useState18(null);
+  const [dropAt, setDropAt] = useState18(null);
+  const draggingRef = useRef12(null);
+  const dropRef = useRef12(null);
+  const requeuePending = useRef12(false);
+  const [requeueing, setRequeueing] = useState18(false);
   const items = snapshot.items;
   if (items.length === 0 && !snapshot.paused && !notice && !editing) return null;
   const pendingIds = items.filter(canEditQueuedMessage).map((item) => item.id);
@@ -16982,7 +17100,7 @@ function ReplayMismatchPrompt({ mismatch, className }) {
 }
 
 // src/components/PlanUpdateBlock.tsx
-import { useEffect as useEffect12, useRef as useRef12, useState as useState18 } from "react";
+import { useEffect as useEffect13, useRef as useRef13, useState as useState19 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -17195,10 +17313,10 @@ function PlanUpdateBlock({
 }) {
   const updateKey = `${toolCall.id}:${toolCall.arguments}`;
   const revealKey = autoReveal ? updateKey : null;
-  const [collapsed, setCollapsed] = useState18(!autoReveal);
-  const collapseTimerRef = useRef12(null);
+  const [collapsed, setCollapsed] = useState19(!autoReveal);
+  const collapseTimerRef = useRef13(null);
   const data = parsePlanUpdate(toolCall.arguments);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!revealKey) return;
     if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     setCollapsed(false);
@@ -17207,7 +17325,7 @@ function PlanUpdateBlock({
       collapseTimerRef.current = null;
     }, PLAN_AUTO_COLLAPSE_MS);
   }, [revealKey]);
-  useEffect12(
+  useEffect13(
     () => () => {
       if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
     },
@@ -17295,9 +17413,9 @@ function CurrentPlanPanel({
   className
 }) {
   const { current, updating } = getPlanUpdateDisplayState(messages);
-  const revealBaselinesRef = useRef12(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
+  const revealBaselinesRef = useRef13(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
   const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
-  useEffect12(() => {
+  useEffect13(() => {
     if (!current) return;
     revealBaselinesRef.current.set(sessionId, revealRevision);
   }, [current, revealRevision, sessionId]);
@@ -17321,7 +17439,7 @@ function CurrentPlanPanel({
 
 // src/components/ChatSurface.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 
 // src/lib/random-id.ts
 function randomId() {
@@ -42189,7 +42307,7 @@ function SF(G, Q2) {
 }
 
 // src/components/McpAppCard.tsx
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect13, useLayoutEffect, useRef as useRef13, useState as useState19 } from "react";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect14, useLayoutEffect, useRef as useRef14, useState as useState20 } from "react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var McpAppMessageContext = createContext3(null);
 function securedHtml(archive) {
@@ -42231,17 +42349,17 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
   const contextMessage = useContext3(McpAppMessageContext);
   const client = suppliedClient ?? contextClient;
   const onMessage = suppliedOnMessage ?? contextMessage;
-  const onMessageRef = useRef13(onMessage);
+  const onMessageRef = useRef14(onMessage);
   onMessageRef.current = onMessage;
-  const frame = useRef13(null);
-  const panel = useRef13(null);
-  const bridgeRef = useRef13(null);
-  const [html, setHtml] = useState19();
-  const [title, setTitle] = useState19("\u5DE5\u5177\u754C\u9762");
-  const [error61, setError] = useState19(null);
-  const [ready, setReady] = useState19(false);
-  const [expanded, setExpanded] = useState19(false);
-  const [height, setHeight] = useState19(360);
+  const frame = useRef14(null);
+  const panel = useRef14(null);
+  const bridgeRef = useRef14(null);
+  const [html, setHtml] = useState20();
+  const [title, setTitle] = useState20("\u5DE5\u5177\u754C\u9762");
+  const [error61, setError] = useState20(null);
+  const [ready, setReady] = useState20(false);
+  const [expanded, setExpanded] = useState20(false);
+  const [height, setHeight] = useState20(360);
   useLayoutEffect(() => {
     const dialog = panel.current;
     if (!dialog) return;
@@ -42249,7 +42367,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
     if (expanded) dialog.showModal();
     else dialog.show();
   }, [expanded]);
-  useEffect13(() => {
+  useEffect14(() => {
     const controller = new AbortController();
     let bridge;
     let disposed = false;
@@ -42447,7 +42565,7 @@ function McpAppCard({ sessionId, sourceId, client: suppliedClient, onMessage: su
 }
 
 // src/components/ChatInput.tsx
-import { useRef as useRef14, useState as useState20 } from "react";
+import { useRef as useRef15, useState as useState21 } from "react";
 import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
@@ -42469,10 +42587,10 @@ function ChatInput({
   hasAttachments = false
 }) {
   const trimmed = value.trim();
-  const latestValue = useRef14(value);
+  const latestValue = useRef15(value);
   latestValue.current = value;
-  const sending = useRef14(false);
-  const [isSending2, setIsSending] = useState20(false);
+  const sending = useRef15(false);
+  const [isSending2, setIsSending] = useState21(false);
   void queueKey;
   const canSend = !isSending2 && (trimmed.length > 0 || hasAttachments) && (!isStreaming || queueWhileRunning && !hasAttachments && !isStopping);
   const handleSend = async () => {
@@ -42537,16 +42655,16 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect14, useRef as useRef15, useState as useState21 } from "react";
+import { useEffect as useEffect15, useRef as useRef16, useState as useState22 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState21("hidden");
-  const connectedRef = useRef15(connected);
-  const timersRef = useRef15([]);
+  const [phase, setPhase] = useState22("hidden");
+  const connectedRef = useRef16(connected);
+  const timersRef = useRef16([]);
   connectedRef.current = connected;
-  useEffect14(() => {
+  useEffect15(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -42586,7 +42704,7 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef15(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef16(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
@@ -42613,10 +42731,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback26, useEffect as useEffect20, useMemo as useMemo16, useRef as useRef22, useState as useState29 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect21, useMemo as useMemo16, useRef as useRef23, useState as useState30 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback23, useMemo as useMemo12, useRef as useRef16, useState as useState22 } from "react";
+import { useCallback as useCallback24, useMemo as useMemo12, useRef as useRef17, useState as useState23 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -42653,12 +42771,12 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState22(false);
-  const [isAtBottom, updateIsAtBottom] = useState22(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState22(false);
-  const optionsRef = useRef16(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState23(false);
+  const [isAtBottom, updateIsAtBottom] = useState23(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState23(false);
+  const optionsRef = useRef17(null);
   optionsRef.current = options;
-  const isSelecting = useCallback23(() => {
+  const isSelecting = useCallback24(() => {
     if (!mouseDown) {
       return false;
     }
@@ -42669,11 +42787,11 @@ var useStickToBottom = (options = {}) => {
     const range = selection.getRangeAt(0);
     return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
   }, []);
-  const setIsAtBottom = useCallback23((isAtBottom2) => {
+  const setIsAtBottom = useCallback24((isAtBottom2) => {
     state.isAtBottom = isAtBottom2;
     updateIsAtBottom(isAtBottom2);
   }, []);
-  const setEscapedFromLock = useCallback23((escapedFromLock2) => {
+  const setEscapedFromLock = useCallback24((escapedFromLock2) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
@@ -42730,7 +42848,7 @@ var useStickToBottom = (options = {}) => {
       }
     };
   }, []);
-  const scrollToBottom = useCallback23((scrollOptions = {}) => {
+  const scrollToBottom = useCallback24((scrollOptions = {}) => {
     if (typeof scrollOptions === "string") {
       scrollOptions = { animation: scrollOptions };
     }
@@ -42815,11 +42933,11 @@ var useStickToBottom = (options = {}) => {
     }
     return next();
   }, [setIsAtBottom, isSelecting, state]);
-  const stopScroll = useCallback23(() => {
+  const stopScroll = useCallback24(() => {
     setEscapedFromLock(true);
     setIsAtBottom(false);
   }, [setEscapedFromLock, setIsAtBottom]);
-  const handleScroll = useCallback23(({ target }) => {
+  const handleScroll = useCallback24(({ target }) => {
     if (target !== scrollRef.current) {
       return;
     }
@@ -42858,7 +42976,7 @@ var useStickToBottom = (options = {}) => {
       }
     }, 1);
   }, [setEscapedFromLock, setIsAtBottom, isSelecting, state]);
-  const handleWheel = useCallback23(({ target, deltaY }) => {
+  const handleWheel = useCallback24(({ target, deltaY }) => {
     let element = target;
     while (!["scroll", "auto"].includes(getComputedStyle(element).overflow)) {
       if (!element.parentElement) {
@@ -42928,7 +43046,7 @@ var useStickToBottom = (options = {}) => {
   };
 };
 function useRefCallback(callback, deps) {
-  const result = useCallback23((ref) => {
+  const result = useCallback24((ref) => {
     result.current = ref;
     return callback(ref);
   }, deps);
@@ -42960,11 +43078,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect15, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo13, useRef as useRef17 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect16, useImperativeHandle, useLayoutEffect as useLayoutEffect2, useMemo as useMemo13, useRef as useRef18 } from "react";
 var StickToBottomContext = createContext4(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect2 : useEffect15;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect2 : useEffect16;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef17(null);
+  const customTargetScrollTop = useRef18(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -43047,10 +43165,10 @@ import {
   getTextContent,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect18, useRef as useRef20, useState as useState27 } from "react";
+import { useEffect as useEffect19, useRef as useRef21, useState as useState28 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
@@ -43061,7 +43179,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState23(false);
+  const [expanded, setExpanded] = useState24(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -43112,10 +43230,10 @@ function AgentLoopBlock({ toolCall }) {
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect16,
+  useEffect as useEffect17,
   useMemo as useMemo14,
-  useRef as useRef18,
-  useState as useState24
+  useRef as useRef19,
+  useState as useState25
 } from "react";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
@@ -43132,10 +43250,10 @@ function normalizeAdjacentUrlFormatting(value) {
   return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_2, index) => protectedSegments[Number(index)]);
 }
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef18(null);
-  const [copied, setCopied] = useState24(false);
-  const [language, setLanguage] = useState24("");
-  useEffect16(() => {
+  const preRef = useRef19(null);
+  const [copied, setCopied] = useState25(false);
+  const [language, setLanguage] = useState25("");
+  useEffect17(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -43206,10 +43324,10 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect17, useMemo as useMemo15, useRef as useRef19, useState as useState25 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo15, useRef as useRef20, useState as useState26 } from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
@@ -43218,12 +43336,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef19(null);
-  useEffect17(() => {
+  const textareaRef = useRef20(null);
+  useEffect18(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect17(() => {
+  useEffect18(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -43248,12 +43366,12 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState25(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState25(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState25(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState25("");
-  const [submitted, setSubmitted] = useState25(false);
-  useEffect17(() => {
+  const [selections, setSelections] = useState26(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState26(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState26(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState26("");
+  const [submitted, setSubmitted] = useState26(false);
+  useEffect18(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -43664,7 +43782,7 @@ function ToolCallBlock({
   isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState26(false);
+  const [expanded, setExpanded] = useState27(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom2 = renderer(toolCall);
@@ -43812,7 +43930,7 @@ ${html}`;
 // src/components/AssistantTurnBlock.tsx
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open2, setOpen] = useState27(false);
+  const [open2, setOpen] = useState28(false);
   if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-thinking text-xs", children: [
     /* @__PURE__ */ jsxs16(
@@ -44082,12 +44200,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState27(
+  const [displayMode, setDisplayMode] = useState28(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef20(false);
-  const wasStreamingRef = useRef20(isStreaming);
-  useEffect18(() => {
+  const userSelectedDisplayModeRef = useRef21(false);
+  const wasStreamingRef = useRef21(isStreaming);
+  useEffect19(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -44095,11 +44213,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState27(() => Date.now());
+  const [clock, setClock] = useState28(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -44279,7 +44397,7 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs }) {
-  const [expanded, setExpanded] = useState27(false);
+  const [expanded, setExpanded] = useState28(false);
   const label = refs.some((ref) => ref.skill_name) ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
   return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
     /* @__PURE__ */ jsxs16("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
@@ -44414,7 +44532,7 @@ var RenderErrorBoundary = class extends Component2 {
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback25, useEffect as useEffect19, useRef as useRef21, useState as useState28 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect20, useRef as useRef22, useState as useState29 } from "react";
 import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
@@ -44434,7 +44552,7 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState28(false);
+  const [downloading, setDownloading] = useState29(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
     return /* @__PURE__ */ jsxs18(
@@ -44540,15 +44658,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState28(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState28(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState28(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState28(false);
-  const [saveError, setSaveError] = useState28(false);
-  const reportedShown = useRef21(false);
-  const latestChoice = useRef21(null);
+  const [saved, setSaved] = useState29(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState29(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState29(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState29(false);
+  const [saveError, setSaveError] = useState29(false);
+  const reportedShown = useRef22(false);
+  const latestChoice = useRef22(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect19(() => {
+  useEffect20(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -44557,13 +44675,13 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
     setReason(savedFeedback.reason);
   }, [savedFeedback]);
-  const submit = useCallback25(
+  const submit = useCallback26(
     async (nextHelpful, nextReason) => {
       if (!sessionId) return;
       const choice = { helpful: nextHelpful, reason: nextReason };
@@ -44669,14 +44787,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState28(false);
-  const adopted = useRef21(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef21(false);
-  const reportedArtifacts = useRef21(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef21(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState29(false);
+  const adopted = useRef22(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef22(false);
+  const reportedArtifacts = useRef22(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef22(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -44706,7 +44824,7 @@ function PostChatFollowupBlock({
     sessionId,
     visibleArtifacts
   ]);
-  const reportArtifactOpened = useCallback25(
+  const reportArtifactOpened = useCallback26(
     (artifactIndex, artifactKind) => {
       if (openedArtifacts.current.has(artifactIndex)) return;
       openedArtifacts.current.add(artifactIndex);
@@ -44986,7 +45104,10 @@ function MessageList({
   onFollowupInteraction,
   resultFeedbackByEntry = /* @__PURE__ */ new Map(),
   onResultFeedbackSaved,
-  historyPaging
+  historyPaging,
+  isStopping = false,
+  onRevealingChange,
+  isReplay = false
 }) {
   const visibleRootMessages = messages.filter((message) => {
     if ((message.loop_name ?? "root") !== "root") return false;
@@ -44994,17 +45115,50 @@ function MessageList({
     if (message.kind === "context") return false;
     return message.role !== "tool" || getPlanningDividerKind(message) !== null;
   });
-  const userMessages = visibleRootMessages.filter((message) => isUserMessage(message));
+  const latestAssistantIndex = (() => {
+    for (let i2 = visibleRootMessages.length - 1; i2 >= 0; i2 -= 1) {
+      if (visibleRootMessages[i2].role === "assistant") return i2;
+    }
+    return -1;
+  })();
+  const latestAssistantMessage = latestAssistantIndex >= 0 ? visibleRootMessages[latestAssistantIndex] : void 0;
+  const revealTargetKey = latestAssistantMessage != null ? latestAssistantMessage.entry_id ?? latestAssistantMessage.render_id ?? `assistant-index-${latestAssistantIndex}` : null;
+  const revealContentText = typeof latestAssistantMessage?.content === "string" ? latestAssistantMessage.content : "";
+  const revealReasoningText = latestAssistantMessage?.reasoning ?? "";
+  const isRevealLive = latestAssistantMessage != null && !isReplay;
+  const contentReveal = useTypewriterReveal(revealContentText, isRevealLive, revealTargetKey);
+  const reasoningReveal = useTypewriterReveal(revealReasoningText, isRevealLive, revealTargetKey);
+  const isRevealingAny = contentReveal.isRevealing || reasoningReveal.isRevealing;
+  useEffect21(() => {
+    onRevealingChange?.(isRevealingAny);
+  }, [isRevealingAny, onRevealingChange]);
+  useEffect21(() => {
+    if (isStopping) {
+      contentReveal.flushNow();
+      reasoningReveal.flushNow();
+    }
+  }, [isStopping]);
+  const revealedMessages = useMemo16(() => {
+    if (!latestAssistantMessage) return visibleRootMessages;
+    return visibleRootMessages.map((message) => {
+      if (message !== latestAssistantMessage) return message;
+      const content = typeof message.content === "string" ? contentReveal.displayedText : message.content;
+      const reasoning = message.reasoning != null ? reasoningReveal.displayedText : message.reasoning;
+      const toolCalls = isRevealingAny ? void 0 : message.tool_calls;
+      return { ...message, content, reasoning, tool_calls: toolCalls };
+    });
+  }, [
+    visibleRootMessages,
+    latestAssistantMessage,
+    contentReveal.displayedText,
+    reasoningReveal.displayedText,
+    isRevealingAny
+  ]);
+  const userMessages = revealedMessages.filter((message) => isUserMessage(message));
   const latestUserMessage = userMessages.at(-1);
   const shouldPinLatestUser = latestUserMessage != null && (latestUserMessage.entry_id == null ? isStreaming : latestUserMessage.entry_id.startsWith("local-user-"));
   const renderBlocks = useMemo16(() => {
-    const visible = messages.filter((message) => {
-      if ((message.loop_name ?? "root") !== "root") return false;
-      if (isHiddenInternalMessage(message)) return false;
-      if (message.kind === "context") return false;
-      if (message.kind === "compaction") return true;
-      return message.role !== "tool" || getPlanningDividerKind(message) !== null;
-    });
+    const visible = revealedMessages;
     const blocks = [];
     let assistantBuffer = [];
     let assistantTurnCount = 0;
@@ -45049,7 +45203,7 @@ function MessageList({
     }
     flushAssistant();
     const last = blocks[blocks.length - 1];
-    if (isStreaming) {
+    if (isStreaming || isRevealingAny) {
       if (last?.type === "assistant_turn") {
         last.isStreaming = true;
       } else if (last?.type === "message" && isUserMessage(last.message)) {
@@ -45070,9 +45224,9 @@ function MessageList({
       }
     }
     return blocks;
-  }, [messages, isStreaming]);
+  }, [revealedMessages, isStreaming, isRevealingAny]);
   return /* @__PURE__ */ jsxs21("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx25("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    isStreaming || isRevealingAny ? /* @__PURE__ */ jsx25("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
     /* @__PURE__ */ jsxs21(
       StickToBottom,
       {
@@ -45096,7 +45250,7 @@ function MessageList({
                     (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
                   ).find((feedback) => feedback != null);
                   const hasActiveFollowup = Boolean(
-                    postChatFollowup && block.messages.some(
+                    !isRevealingAny && postChatFollowup && block.messages.some(
                       (message) => message.entry_id === postChatFollowup.assistant_entry_id
                     )
                   );
@@ -45160,7 +45314,7 @@ function MessageList({
             {
               userMessageCount: userMessages.length,
               shouldPinLatestUser,
-              isStreaming,
+              isStreaming: isStreaming || isRevealingAny,
               targetKey: latestUserMessage?.render_id ?? latestUserMessage?.entry_id ?? (latestUserMessage ? `user:${userMessages.length}` : null)
             },
             sessionId ?? "no-session"
@@ -45178,10 +45332,10 @@ function LoadOlderSentinel({
   loadOlder
 }) {
   const { contentRef, scrollRef } = useStickToBottomContext();
-  const sentinelRef = useRef22(null);
-  const stateRef = useRef22({ hasOlder, loading, loadOlder });
+  const sentinelRef = useRef23(null);
+  const stateRef = useRef23({ hasOlder, loading, loadOlder });
   stateRef.current = { hasOlder, loading, loadOlder };
-  useEffect20(() => {
+  useEffect21(() => {
     const sentinel = sentinelRef.current;
     const scroller = scrollRef.current;
     if (!sentinel || !scroller || typeof IntersectionObserver === "undefined") return;
@@ -45249,16 +45403,16 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef22(userMessageCount);
-  const spacerHeightRef = useRef22(0);
-  const getScrollElement = useCallback26(() => scrollRef.current, [scrollRef]);
-  const getContentElement = useCallback26(() => contentRef.current, [contentRef]);
-  const getTargetElement = useCallback26(() => {
+  const previousCountRef = useRef23(userMessageCount);
+  const spacerHeightRef = useRef23(0);
+  const getScrollElement = useCallback27(() => scrollRef.current, [scrollRef]);
+  const getContentElement = useCallback27(() => contentRef.current, [contentRef]);
+  const getTargetElement = useCallback27(() => {
     const rows = contentRef.current?.querySelectorAll(".blade-chat-user-row");
     return rows?.item((rows?.length ?? 0) - 1) ?? null;
   }, [contentRef]);
-  const getSpacerHeight = useCallback26(() => spacerHeightRef.current, []);
-  const setSpacerHeight = useCallback26(
+  const getSpacerHeight = useCallback27(() => spacerHeightRef.current, []);
+  const setSpacerHeight = useCallback27(
     (height) => {
       spacerHeightRef.current = height;
       const content = contentRef.current;
@@ -45280,7 +45434,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -45290,9 +45444,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState29(false);
-  const hideTimerRef = useRef22(null);
-  useEffect20(() => {
+  const [visible, setVisible] = useState30(false);
+  const hideTimerRef = useRef23(null);
+  useEffect21(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -45314,7 +45468,7 @@ function ScrollToBottomButton() {
       }
     };
   }, [isAtBottom]);
-  const handleClick = useCallback26(() => {
+  const handleClick = useCallback27(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
       hideTimerRef.current = null;
@@ -45383,9 +45537,11 @@ function ChatSurface({
   showPlanUpdates = false,
   planRevealRevision = 0,
   historyPaging,
-  banner
+  banner,
+  onRevealingChange,
+  isReplay
 }) {
-  const [pending, setPending] = useState30([]);
+  const [pending, setPending] = useState31([]);
   const currentPending = pending.filter((item) => item.sessionId === sessionId);
   const sendWithApps = async (text) => {
     const content = [...currentPending.map((item) => `[${item.label}]
@@ -45431,6 +45587,9 @@ ${item.content}`), text].filter(Boolean).join("\n\n");
             emptyState: slots?.emptyState,
             className: classNames?.messageList,
             sessionId,
+            isStopping,
+            onRevealingChange,
+            isReplay,
             isViewer,
             resultFeedbackByEntry,
             onResultFeedbackSaved,
@@ -45485,8 +45644,8 @@ function isUnauthorizedError(error61) {
   return error61 instanceof BladeApiError2 && error61.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState31(false);
-  const [loginError, setLoginError] = useState31(null);
+  const [loggingIn, setLoggingIn] = useState32(false);
+  const [loginError, setLoginError] = useState32(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -45518,8 +45677,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState31(0);
-  const [needLogin, setNeedLogin] = useState31(() => !client.hasToken());
+  const [attempt, setAttempt] = useState32(0);
+  const [needLogin, setNeedLogin] = useState32(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx27(
       "div",
@@ -45557,10 +45716,10 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
-  const [planRevealRevisions, setPlanRevealRevisions] = useState31(
+  const [planRevealRevisions, setPlanRevealRevisions] = useState32(
     () => /* @__PURE__ */ new Map()
   );
-  const handleSessionConnected = useCallback27((connectedSession) => {
+  const handleSessionConnected = useCallback28((connectedSession) => {
     return connectedSession.on("toolResult", ({ toolCall, turn, source }) => {
       if (source === "reconnect_replay" || (turn.loop_id || "root") !== "root" || toolCall.status !== "done" || !isPlanUpdateTool(toolCall) || !parsePlanUpdate(toolCall.arguments)) {
         return;
@@ -45578,21 +45737,22 @@ function ChatSessionView({
     onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState31(false);
-  const [inputText, setInputText] = useState31("");
-  const [queueNotice, setQueueNotice] = useState31(null);
-  const [queuePendingItemId, setQueuePendingItemId] = useState31(null);
-  const [resultFeedback, setResultFeedback] = useState31([]);
+  const [stopRequested, setStopRequested] = useState32(false);
+  const [isRevealing, setIsRevealing] = useState32(false);
+  const [inputText, setInputText] = useState32("");
+  const [queueNotice, setQueueNotice] = useState32(null);
+  const [queuePendingItemId, setQueuePendingItemId] = useState32(null);
+  const [resultFeedback, setResultFeedback] = useState32([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
   const canUseQueue = !isViewer;
-  const onSessionReadyRef = useRef23(onSessionReady);
-  const readySessionRef = useRef23(null);
+  const onSessionReadyRef = useRef24(onSessionReady);
+  const readySessionRef = useRef24(null);
   const hasOnSessionReady = onSessionReady !== void 0;
-  useEffect21(() => {
+  useEffect22(() => {
     onSessionReadyRef.current = onSessionReady;
   }, [onSessionReady]);
-  useEffect21(() => {
+  useEffect22(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -45621,19 +45781,19 @@ function ChatSessionView({
     () => new Map(resultFeedback.map((item) => [item.assistant_entry_id, item])),
     [resultFeedback]
   );
-  const handleResultFeedbackSaved = useCallback27((saved) => {
+  const handleResultFeedbackSaved = useCallback28((saved) => {
     setResultFeedback((current) => [
       ...current.filter((item) => item.assistant_entry_id !== saved.assistant_entry_id),
       saved
     ]);
   }, []);
-  useEffect21(() => {
+  useEffect22(() => {
     const handler = onSessionReadyRef.current;
     if (!session || !hasOnSessionReady || !handler || readySessionRef.current === session) return;
     readySessionRef.current = session;
     handler(session);
   }, [session, hasOnSessionReady]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -45649,12 +45809,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (isUnauthorizedError(error61)) {
       onUnauthorized();
     }
   }, [error61, onUnauthorized]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -45663,7 +45823,7 @@ ${content}`);
       for (const unsubscribe of unsubscribes) unsubscribe();
     };
   }, [session, commands]);
-  const isStreaming = state?.isStreaming ?? false;
+  const isStreaming = (state?.isStreaming ?? false) || isRevealing;
   const planRevealRevision = resolvedSessionId ? planRevealRevisions.get(resolvedSessionId) ?? 0 : 0;
   const isStopping = stopRequested && isStreaming;
   const connectError = error61 && !isUnauthorizedError(error61) ? error61.message || "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" : null;
@@ -45788,6 +45948,8 @@ ${content}`);
         }
       } : void 0,
       isStopping,
+      onRevealingChange: setIsRevealing,
+      isReplay: replay.isReplay,
       inputText,
       onInputChange: setInputText,
       onSuggestion: setInputText,
@@ -45808,10 +45970,10 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect22, useMemo as useMemo18, useState as useState33 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo18, useState as useState34 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
@@ -45858,8 +46020,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults: defaults2, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open2, setOpen] = useState32(false);
-  const [draft, setDraft] = useState32(override);
+  const [open2, setOpen] = useState33(false);
+  const [draft, setDraft] = useState33(override);
   if (!normalized) return null;
   const fields2 = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -45942,11 +46104,13 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState33(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState34(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error: error61, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState33("");
-  const [stopRequested, setStopRequested] = useState33(false);
+  const [inputText, setInputText] = useState34("");
+  const [stopRequested, setStopRequested] = useState34(false);
+  const [isRevealing, setIsRevealing] = useState34(false);
+  const isStreamingDisplay = isStreaming || isRevealing;
   const handle = useMemo18(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -45956,7 +46120,7 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect22(() => {
+  useEffect23(() => {
     onReady?.(handle);
   }, [handle, onReady]);
   return /* @__PURE__ */ jsx29(
@@ -45970,8 +46134,9 @@ ${text}` : text),
       connection: "connected",
       errorMessage: error61,
       messages,
-      isStreaming,
-      isStopping: stopRequested && isStreaming,
+      isStreaming: isStreamingDisplay,
+      isStopping: stopRequested && isStreamingDisplay,
+      onRevealingChange: setIsRevealing,
       inputText,
       onInputChange: setInputText,
       onSend: async (text) => {
@@ -46026,7 +46191,7 @@ function ChatView(props) {
 }
 
 // src/components/ConnectorPanel.tsx
-import { useCallback as useCallback28, useEffect as useEffect23, useMemo as useMemo19, useRef as useRef24, useState as useState34 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect24, useMemo as useMemo19, useRef as useRef25, useState as useState35 } from "react";
 
 // src/components/connector-panel-types.ts
 function selectionFromItem(item) {
@@ -46068,10 +46233,10 @@ function ConnectorPanel({
   renderFooterActions,
   className
 }) {
-  const [query, setQuery] = useState34("");
-  const [pendingCatalog, setPendingCatalog] = useState34(null);
-  const [pendingLoading, setPendingLoading] = useState34(false);
-  const [pendingError, setPendingError] = useState34(false);
+  const [query, setQuery] = useState35("");
+  const [pendingCatalog, setPendingCatalog] = useState35(null);
+  const [pendingLoading, setPendingLoading] = useState35(false);
+  const [pendingError, setPendingError] = useState35(false);
   const activation = useSessionPluginActivation({
     client,
     // 首页不会走这个分支：待选在下面自己处理开关，不碰会话接口。
@@ -46079,10 +46244,10 @@ function ConnectorPanel({
     onChange: onPluginsChanged
   });
   const { reload, items: sessionItems } = activation;
-  useEffect23(() => {
+  useEffect24(() => {
     if (sessionId) reload();
   }, [reload, sessionId]);
-  const loadPendingCatalog = useCallback28(async () => {
+  const loadPendingCatalog = useCallback29(async () => {
     setPendingLoading(true);
     setPendingError(false);
     try {
@@ -46094,7 +46259,7 @@ function ConnectorPanel({
       setPendingLoading(false);
     }
   }, [client]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (sessionId) return;
     void loadPendingCatalog();
   }, [loadPendingCatalog, sessionId]);
@@ -46113,11 +46278,11 @@ function ConnectorPanel({
     () => sessionId ? filterConnectorItems(items, query) : filterConnectorItems(items, query).map((item) => ({ ...item, config: void 0 })),
     [items, query, sessionId]
   );
-  const togglePending = useCallback28((item, next) => {
+  const togglePending = useCallback29((item, next) => {
     const kept = (pendingPlugins ?? []).filter((entry) => entry.name !== item.name);
     onPendingPluginsChange?.(next ? [...kept, selectionFromItem(item)] : kept);
   }, [onPendingPluginsChange, pendingPlugins]);
-  const toggle = useCallback28((item, next) => {
+  const toggle = useCallback29((item, next) => {
     if (sessionId) activation.toggle(item, next);
     else togglePending(item, next);
   }, [activation, sessionId, togglePending]);
@@ -46125,15 +46290,15 @@ function ConnectorPanel({
     () => items.filter((item) => item.active),
     [items]
   );
-  const onSelectedChangeRef = useRef24(onSelectedChange);
+  const onSelectedChangeRef = useRef25(onSelectedChange);
   onSelectedChangeRef.current = onSelectedChange;
-  const latestSelected = useRef24(selectedItems);
+  const latestSelected = useRef25(selectedItems);
   latestSelected.current = selectedItems;
-  const reportSelected = useCallback28(() => {
+  const reportSelected = useCallback29(() => {
     onSelectedChangeRef.current?.(latestSelected.current);
   }, []);
   const selectedNames = selectedItems.map((item) => item.name).join("\0");
-  useEffect23(reportSelected, [reportSelected, selectedNames]);
+  useEffect24(reportSelected, [reportSelected, selectedNames]);
   const failed = sessionId ? activation.listError : pendingError;
   return /* @__PURE__ */ jsxs25("div", { className, children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 border-[hsl(var(--border))] border-b px-3 py-2", children: [
@@ -46345,7 +46510,7 @@ function ContextGroupCard({ contexts, className }) {
 }
 
 // src/components/SessionMemoryToggle.tsx
-import { useCallback as useCallback29, useEffect as useEffect24, useRef as useRef25, useState as useState35, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect25, useRef as useRef26, useState as useState36, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var saveStates = /* @__PURE__ */ new WeakMap();
 function getSaveState(client, sessionId) {
@@ -46387,7 +46552,7 @@ function SessionMemoryToggle({
     throw new Error("SessionMemoryToggle \u5FC5\u987B\u5728 <BladeProvider> \u5185\u4F7F\u7528\u6216\u663E\u5F0F\u4F20\u5165 client");
   }
   const saveState = getSaveState(client, sessionId);
-  const subscribe = useCallback29(
+  const subscribe = useCallback30(
     (listener) => {
       saveState.listeners.add(listener);
       return () => {
@@ -46397,19 +46562,19 @@ function SessionMemoryToggle({
     },
     [client, saveState, sessionId]
   );
-  const getSaving = useCallback29(() => saveState.saving, [saveState]);
+  const getSaving = useCallback30(() => saveState.saving, [saveState]);
   const saving = useSyncExternalStore2(
     subscribe,
     getSaving,
     getSaving
   );
-  const [draftEnabled, setDraftEnabled] = useState35(enabled);
-  const activeSessionIdRef = useRef25(sessionId);
+  const [draftEnabled, setDraftEnabled] = useState36(enabled);
+  const activeSessionIdRef = useRef26(sessionId);
   activeSessionIdRef.current = sessionId;
-  useEffect24(() => {
+  useEffect25(() => {
     setDraftEnabled(enabled);
   }, [enabled, sessionId]);
-  const update = useCallback29(
+  const update = useCallback30(
     (nextEnabled) => {
       const currentSaveState = getSaveState(client, sessionId);
       if (currentSaveState.saving) return;
@@ -46542,7 +46707,8 @@ export {
   useLlmChat,
   useMessagePin,
   useReplay,
-  useSessionPluginActivation
+  useSessionPluginActivation,
+  useTypewriterReveal
 };
 /*! Bundled license information: