@adecore/agents-react 0.31.12 → 0.33.0

package/dist/prompts/ui/PromptCard.js

@@ -1,51 +1,230 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { Hand, MessageCircleQuestionMark } from 'lucide-react';
 import { useChatHost } from '../../host.js';
 import { headingKey, isPrimaryKey, staysInCard, stepIndex, toolbarKey } from '../logic/keys.js';
 import { Icon } from '@adecore/ui';
 /* The raised glass a chat's composer is made of, for a card that stands on its own over a canvas. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const PROMPT_SURFACE = 'flex flex-col overflow-hidden rounded-2xl border border-border bg-[color-mix(in_srgb,var(--surface-raised)_92%,transparent)] shadow-float backdrop-blur-[14px]';
-const ICONS = { approval: Hand, question: MessageCircleQuestionMark, waiting: MessageCircleQuestionMark };
+const ICONS = {
+  approval: Hand,
+  question: MessageCircleQuestionMark,
+  waiting: MessageCircleQuestionMark
+};
 /*
  * The keys every card shares: Mod+Enter, entering from the heading and the action row. The body handles
  * its own keys first and says so with `preventDefault`.
  */
 function onCardKeyDown(event, apple) {
-    const card = event.currentTarget;
-    const target = event.target instanceof HTMLElement ? event.target : null;
-    if (!event.defaultPrevented) {
-        if (isPrimaryKey(event.nativeEvent, apple)) {
-            event.preventDefault();
-            // A click on the button itself, so a disabled Next or Answer stays as disabled as it looks.
-            card.querySelector('[data-prompt-primary]:not(:disabled)')?.click();
-        }
-        else if (target?.classList.contains('prompt-heading') && headingKey(event.nativeEvent)) {
-            event.preventDefault();
-            card.querySelector('[data-prompt-entry]:not(:disabled), [data-prompt-primary]:not(:disabled)')?.focus();
-        }
-        else {
-            const toolbar = target?.closest('[role="toolbar"]');
-            const step = toolbar ? toolbarKey(event.nativeEvent) : null;
-            if (toolbar && step !== null) {
-                event.preventDefault();
-                const buttons = [...toolbar.querySelectorAll('button:not(:disabled)')];
-                const current = buttons.findIndex((button) => button.contains(target));
-                buttons[stepIndex(current, buttons.length, step)]?.focus();
-            }
-        }
-    }
-    if (event.defaultPrevented || staysInCard(event.nativeEvent)) {
-        event.stopPropagation();
+  const card = event.currentTarget;
+  const target = event.target instanceof HTMLElement ? event.target : null;
+  if (!event.defaultPrevented) {
+    if (isPrimaryKey(event.nativeEvent, apple)) {
+      event.preventDefault();
+      // A click on the button itself, so a disabled Next or Answer stays as disabled as it looks.
+      card.querySelector('[data-prompt-primary]:not(:disabled)')?.click();
+    } else if (target?.classList.contains('prompt-heading') && headingKey(event.nativeEvent)) {
+      event.preventDefault();
+      card.querySelector('[data-prompt-entry]:not(:disabled), [data-prompt-primary]:not(:disabled)')?.focus();
+    } else {
+      const toolbar = target?.closest('[role="toolbar"]');
+      const step = toolbar ? toolbarKey(event.nativeEvent) : null;
+      if (toolbar && step !== null) {
+        event.preventDefault();
+        const buttons = [...toolbar.querySelectorAll('button:not(:disabled)')];
+        const current = buttons.findIndex(button => button.contains(target));
+        buttons[stepIndex(current, buttons.length, step)]?.focus();
+      }
     }
+  }
+  if (event.defaultPrevented || staysInCard(event.nativeEvent)) {
+    event.stopPropagation();
+  }
 }
 /* What every prompt looks like, whatever asked it: in a chat's composer and in a canvas's stack. */
-export function PromptCard({ kind, heading, meta, top, actions, busy, notice, error, children }) {
-    const { t } = useTranslation('agent-prompts');
-    const { isApplePlatform } = useChatHost();
-    const card = (_jsxs("div", { className: "prompt-card flex min-h-0 flex-col gap-2 p-3", role: "group", "aria-label": t(`card.${kind}`), "aria-busy": busy, onKeyDown: (event) => onCardKeyDown(event, isApplePlatform()), children: [_jsx("div", { className: "-m-1.5 max-h-[min(50dvh,480px)] overflow-auto overscroll-contain p-1.5", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Icon, { icon: ICONS[kind], size: 16, className: "mt-[3px] shrink-0 text-status-needs-you" }), _jsx("h3", { tabIndex: -1, className: "prompt-heading min-w-0 break-words text-sm font-semibold text-text outline-offset-4", children: heading })] }), meta && _jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-muted", children: meta }), children, notice && _jsx("p", { className: "text-xs text-text-muted", children: notice }), error && (_jsx("p", { role: "alert", className: "text-xs text-status-error", children: error }))] }) }), _jsx("div", { role: "toolbar", "aria-label": t('toolbar'), className: "flex flex-wrap items-center gap-1.5", children: actions })] }));
-    if (top === undefined) {
-        return card;
-    }
-    return (_jsxs("div", { className: "flex min-h-0 flex-col", children: [top, card] }));
-}
+export function PromptCard(t0) {
+  const $ = _c(38);
+  const {
+    kind,
+    heading,
+    meta,
+    top,
+    actions,
+    busy,
+    notice,
+    error,
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  const {
+    isApplePlatform
+  } = useChatHost();
+  const t1 = `card.${kind}`;
+  let t2;
+  if ($[0] !== t || $[1] !== t1) {
+    t2 = t(t1);
+    $[0] = t;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== isApplePlatform) {
+    t3 = event => onCardKeyDown(event, isApplePlatform());
+    $[3] = isApplePlatform;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const t4 = ICONS[kind];
+  let t5;
+  if ($[5] !== t4) {
+    t5 = /*#__PURE__*/_jsx(Icon, {
+      icon: t4,
+      size: 16,
+      className: "mt-[3px] shrink-0 text-status-needs-you"
+    });
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== heading) {
+    t6 = /*#__PURE__*/_jsx("h3", {
+      tabIndex: -1,
+      className: "prompt-heading min-w-0 break-words text-sm font-semibold text-text outline-offset-4",
+      children: heading
+    });
+    $[7] = heading;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t5 || $[10] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-start gap-2",
+      children: [t5, t6]
+    });
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== meta) {
+    t8 = meta && /*#__PURE__*/_jsx("div", {
+      className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-muted",
+      children: meta
+    });
+    $[12] = meta;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== notice) {
+    t9 = notice && /*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-muted",
+      children: notice
+    });
+    $[14] = notice;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] !== error) {
+    t10 = error && /*#__PURE__*/_jsx("p", {
+      role: "alert",
+      className: "text-xs text-status-error",
+      children: error
+    });
+    $[16] = error;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  let t11;
+  if ($[18] !== children || $[19] !== t10 || $[20] !== t7 || $[21] !== t8 || $[22] !== t9) {
+    t11 = /*#__PURE__*/_jsx("div", {
+      className: "-m-1.5 max-h-[min(50dvh,480px)] overflow-auto overscroll-contain p-1.5",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [t7, t8, children, t9, t10]
+      })
+    });
+    $[18] = children;
+    $[19] = t10;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  let t12;
+  if ($[24] !== t) {
+    t12 = t("toolbar");
+    $[24] = t;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  let t13;
+  if ($[26] !== actions || $[27] !== t12) {
+    t13 = /*#__PURE__*/_jsx("div", {
+      role: "toolbar",
+      "aria-label": t12,
+      className: "flex flex-wrap items-center gap-1.5",
+      children: actions
+    });
+    $[26] = actions;
+    $[27] = t12;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  let t14;
+  if ($[29] !== busy || $[30] !== t11 || $[31] !== t13 || $[32] !== t2 || $[33] !== t3) {
+    t14 = /*#__PURE__*/_jsxs("div", {
+      className: "prompt-card flex min-h-0 flex-col gap-2 p-3",
+      role: "group",
+      "aria-label": t2,
+      "aria-busy": busy,
+      onKeyDown: t3,
+      children: [t11, t13]
+    });
+    $[29] = busy;
+    $[30] = t11;
+    $[31] = t13;
+    $[32] = t2;
+    $[33] = t3;
+    $[34] = t14;
+  } else {
+    t14 = $[34];
+  }
+  const card = t14;
+  if (top === undefined) {
+    return card;
+  }
+  let t15;
+  if ($[35] !== card || $[36] !== top) {
+    t15 = /*#__PURE__*/_jsxs("div", {
+      className: "flex min-h-0 flex-col",
+      children: [top, card]
+    });
+    $[35] = card;
+    $[36] = top;
+    $[37] = t15;
+  } else {
+    t15 = $[37];
+  }
+  return t15;
+}

package/dist/prompts/ui/PromptView.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { toolSummary } from '../../chat/logic/tools.js';
 import { useChatHost } from '../../host.js';
@@ -9,40 +9,378 @@ import { ApprovalActions, QuestionActions } from './PromptActions.js';
 import { PromptCard } from './PromptCard.js';
 import { QuestionBody } from './QuestionBody.js';
 /* A permission request or question, answered in place: a chat's, or one of the app's own that it draws itself. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function PromptView(props) {
-    const { subject, draft, onDraft, onAction, more, hasDraft, denyReason, disabled, sending, error, top } = props;
-    const { t } = useTranslation('agent-prompts');
-    const { prompts } = useChatHost();
-    const locked = sending || disabled;
-    const notice = disabled ? t('error.notConnected') : null;
-    const buttons = approvalButtons(subject, draft.reason).map(({ action, ...button }) => ({ ...button, onPress: () => onAction(action) }));
-    if (subject.kind === 'host') {
-        return prompts.render(subject.prompt, props);
-    }
-    const { item } = subject;
-    const question = item.kind === 'question' ? item.questions[Math.min(draft.index, item.questions.length - 1)] : null;
-    const answer = question ? questionAnswer(draft, question) : null;
-    const last = item.kind === 'question' && draft.index === item.questions.length - 1;
-    // Whether Next or Answer may go with this draft. The keys ask it as well as the button.
-    const readyWith = (next) => item.kind === 'question' && !!question && !!answerValue(questionAnswer(next, question)) && !(last && !promptAnswers(item, next));
-    const commit = (next) => {
-        if (item.kind !== 'question' || locked || !readyWith(next)) {
-            return;
-        }
-        if (!last) {
-            onDraft({ ...next, index: next.index + 1 });
-        }
-        else {
-            const answers = promptAnswers(item, next);
-            if (answers) {
-                onAction({ kind: 'answer', answers });
-            }
+  const $ = _c(98);
+  const {
+    subject,
+    draft,
+    onDraft,
+    onAction,
+    more,
+    hasDraft,
+    denyReason,
+    disabled,
+    sending,
+    error,
+    top
+  } = props;
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  const {
+    prompts
+  } = useChatHost();
+  const locked = sending || disabled;
+  let t0;
+  if ($[0] !== disabled || $[1] !== t) {
+    t0 = disabled ? t("error.notConnected") : null;
+    $[0] = disabled;
+    $[1] = t;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const notice = t0;
+  let t1;
+  if ($[3] !== draft.reason || $[4] !== onAction || $[5] !== subject) {
+    let t2;
+    if ($[7] !== onAction) {
+      t2 = t3 => {
+        const {
+          action,
+          ...button
+        } = t3;
+        return {
+          ...button,
+          onPress: () => onAction(action)
+        };
+      };
+      $[7] = onAction;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    t1 = approvalButtons(subject, draft.reason).map(t2);
+    $[3] = draft.reason;
+    $[4] = onAction;
+    $[5] = subject;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const buttons = t1;
+  if (subject.kind === "host") {
+    let t2;
+    if ($[9] !== prompts || $[10] !== props || $[11] !== subject.prompt) {
+      t2 = prompts.render(subject.prompt, props);
+      $[9] = prompts;
+      $[10] = props;
+      $[11] = subject.prompt;
+      $[12] = t2;
+    } else {
+      t2 = $[12];
+    }
+    return t2;
+  }
+  const {
+    item
+  } = subject;
+  const question = item.kind === "question" ? item.questions[Math.min(draft.index, item.questions.length - 1)] : null;
+  let t2;
+  if ($[13] !== draft || $[14] !== question) {
+    t2 = question ? questionAnswer(draft, question) : null;
+    $[13] = draft;
+    $[14] = question;
+    $[15] = t2;
+  } else {
+    t2 = $[15];
+  }
+  const answer = t2;
+  const last = item.kind === "question" && draft.index === item.questions.length - 1;
+  let t3;
+  if ($[16] !== item || $[17] !== last || $[18] !== question) {
+    t3 = next => item.kind === "question" && !!question && !!answerValue(questionAnswer(next, question)) && !(last && !promptAnswers(item, next));
+    $[16] = item;
+    $[17] = last;
+    $[18] = question;
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  const readyWith = t3;
+  let t4;
+  if ($[20] !== item || $[21] !== last || $[22] !== locked || $[23] !== onAction || $[24] !== onDraft || $[25] !== readyWith) {
+    t4 = next_0 => {
+      if (item.kind !== "question" || locked || !readyWith(next_0)) {
+        return;
+      }
+      if (!last) {
+        onDraft({
+          ...next_0,
+          index: next_0.index + 1
+        });
+      } else {
+        const answers = promptAnswers(item, next_0);
+        if (answers) {
+          onAction({
+            kind: "answer",
+            answers
+          });
         }
+      }
     };
-    const multiple = item.kind === 'question' && item.questions.length > 1;
-    const meta = more > 0 || hasDraft || multiple ? (_jsxs(_Fragment, { children: [more > 0 && _jsx("span", { className: "tabular-nums", children: t('meta.waiting', { count: more + 1 }) }), multiple && _jsx("span", { className: "tabular-nums", children: t('meta.question', { index: draft.index + 1, total: item.questions.length }) }), hasDraft && _jsx("span", { children: t('meta.draftSaved') })] })) : null;
-    if (item.kind === 'approval') {
-        return (_jsx(PromptCard, { kind: "approval", heading: `${item.toolName === 'Bash' ? t('approval.runCommand') : item.toolName} ${item.toolName === 'Bash' ? '' : toolSummary(item.toolName, item.input)}`, meta: meta, top: top, busy: sending, notice: notice, error: error, actions: _jsx(ApprovalActions, { buttons: buttons, onAddReason: denyReason && !draft.showReason ? () => onDraft({ ...draft, showReason: true }) : undefined, locked: locked, sending: sending }), children: _jsx(ApprovalBody, { item: item, draft: draft, onDraft: onDraft, denyReason: denyReason, locked: locked }) }));
+    $[20] = item;
+    $[21] = last;
+    $[22] = locked;
+    $[23] = onAction;
+    $[24] = onDraft;
+    $[25] = readyWith;
+    $[26] = t4;
+  } else {
+    t4 = $[26];
+  }
+  const commit = t4;
+  const multiple = item.kind === "question" && item.questions.length > 1;
+  let t5;
+  if ($[27] !== draft.index || $[28] !== hasDraft || $[29] !== item.questions || $[30] !== more || $[31] !== multiple || $[32] !== t) {
+    t5 = more > 0 || hasDraft || multiple ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [more > 0 && /*#__PURE__*/_jsx("span", {
+        className: "tabular-nums",
+        children: t("meta.waiting", {
+          count: more + 1
+        })
+      }), multiple && /*#__PURE__*/_jsx("span", {
+        className: "tabular-nums",
+        children: t("meta.question", {
+          index: draft.index + 1,
+          total: item.questions.length
+        })
+      }), hasDraft && /*#__PURE__*/_jsx("span", {
+        children: t("meta.draftSaved")
+      })]
+    }) : null;
+    $[27] = draft.index;
+    $[28] = hasDraft;
+    $[29] = item.questions;
+    $[30] = more;
+    $[31] = multiple;
+    $[32] = t;
+    $[33] = t5;
+  } else {
+    t5 = $[33];
+  }
+  const meta = t5;
+  if (item.kind === "approval") {
+    let t6;
+    if ($[34] !== item.toolName || $[35] !== t) {
+      t6 = item.toolName === "Bash" ? t("approval.runCommand") : item.toolName;
+      $[34] = item.toolName;
+      $[35] = t;
+      $[36] = t6;
+    } else {
+      t6 = $[36];
+    }
+    let t7;
+    if ($[37] !== item.input || $[38] !== item.toolName) {
+      t7 = item.toolName === "Bash" ? "" : toolSummary(item.toolName, item.input);
+      $[37] = item.input;
+      $[38] = item.toolName;
+      $[39] = t7;
+    } else {
+      t7 = $[39];
+    }
+    const t8 = `${t6} ${t7}`;
+    let t9;
+    if ($[40] !== denyReason || $[41] !== draft || $[42] !== onDraft) {
+      t9 = denyReason && !draft.showReason ? () => onDraft({
+        ...draft,
+        showReason: true
+      }) : undefined;
+      $[40] = denyReason;
+      $[41] = draft;
+      $[42] = onDraft;
+      $[43] = t9;
+    } else {
+      t9 = $[43];
     }
-    return (_jsx(PromptCard, { kind: "question", heading: question?.question, meta: meta, top: top, busy: sending, notice: notice, error: error, actions: _jsx(QuestionActions, { index: draft.index, dismissable: item.async === true, last: last, ready: readyWith(draft), locked: locked, sending: sending, onPrevious: () => onDraft({ ...draft, index: draft.index - 1 }), onDismiss: () => onAction({ kind: 'dismiss' }), onCommit: () => commit(draft) }), children: question && answer && (_jsx(QuestionBody, { question: question, answer: answer, onAnswer: (next) => onDraft({ ...draft, answers: { ...draft.answers, [question.id]: next } }), onCommit: (next) => commit({ ...draft, answers: { ...draft.answers, [question.id]: next } }), locked: locked })) }));
-}
+    let t10;
+    if ($[44] !== buttons || $[45] !== locked || $[46] !== sending || $[47] !== t9) {
+      t10 = /*#__PURE__*/_jsx(ApprovalActions, {
+        buttons: buttons,
+        onAddReason: t9,
+        locked: locked,
+        sending: sending
+      });
+      $[44] = buttons;
+      $[45] = locked;
+      $[46] = sending;
+      $[47] = t9;
+      $[48] = t10;
+    } else {
+      t10 = $[48];
+    }
+    let t11;
+    if ($[49] !== denyReason || $[50] !== draft || $[51] !== item || $[52] !== locked || $[53] !== onDraft) {
+      t11 = /*#__PURE__*/_jsx(ApprovalBody, {
+        item: item,
+        draft: draft,
+        onDraft: onDraft,
+        denyReason: denyReason,
+        locked: locked
+      });
+      $[49] = denyReason;
+      $[50] = draft;
+      $[51] = item;
+      $[52] = locked;
+      $[53] = onDraft;
+      $[54] = t11;
+    } else {
+      t11 = $[54];
+    }
+    let t12;
+    if ($[55] !== error || $[56] !== meta || $[57] !== notice || $[58] !== sending || $[59] !== t10 || $[60] !== t11 || $[61] !== t8 || $[62] !== top) {
+      t12 = /*#__PURE__*/_jsx(PromptCard, {
+        kind: "approval",
+        heading: t8,
+        meta: meta,
+        top: top,
+        busy: sending,
+        notice: notice,
+        error: error,
+        actions: t10,
+        children: t11
+      });
+      $[55] = error;
+      $[56] = meta;
+      $[57] = notice;
+      $[58] = sending;
+      $[59] = t10;
+      $[60] = t11;
+      $[61] = t8;
+      $[62] = top;
+      $[63] = t12;
+    } else {
+      t12 = $[63];
+    }
+    return t12;
+  }
+  const t6 = question?.question;
+  const t7 = draft.index;
+  const t8 = item.async === true;
+  const t9 = readyWith(draft);
+  let t10;
+  if ($[64] !== draft || $[65] !== onDraft) {
+    t10 = () => onDraft({
+      ...draft,
+      index: draft.index - 1
+    });
+    $[64] = draft;
+    $[65] = onDraft;
+    $[66] = t10;
+  } else {
+    t10 = $[66];
+  }
+  let t11;
+  if ($[67] !== onAction) {
+    t11 = () => onAction({
+      kind: "dismiss"
+    });
+    $[67] = onAction;
+    $[68] = t11;
+  } else {
+    t11 = $[68];
+  }
+  let t12;
+  if ($[69] !== commit || $[70] !== draft) {
+    t12 = () => commit(draft);
+    $[69] = commit;
+    $[70] = draft;
+    $[71] = t12;
+  } else {
+    t12 = $[71];
+  }
+  let t13;
+  if ($[72] !== draft.index || $[73] !== last || $[74] !== locked || $[75] !== sending || $[76] !== t10 || $[77] !== t11 || $[78] !== t12 || $[79] !== t8 || $[80] !== t9) {
+    t13 = /*#__PURE__*/_jsx(QuestionActions, {
+      index: t7,
+      dismissable: t8,
+      last: last,
+      ready: t9,
+      locked: locked,
+      sending: sending,
+      onPrevious: t10,
+      onDismiss: t11,
+      onCommit: t12
+    });
+    $[72] = draft.index;
+    $[73] = last;
+    $[74] = locked;
+    $[75] = sending;
+    $[76] = t10;
+    $[77] = t11;
+    $[78] = t12;
+    $[79] = t8;
+    $[80] = t9;
+    $[81] = t13;
+  } else {
+    t13 = $[81];
+  }
+  let t14;
+  if ($[82] !== answer || $[83] !== commit || $[84] !== draft || $[85] !== locked || $[86] !== onDraft || $[87] !== question) {
+    t14 = question && answer && /*#__PURE__*/_jsx(QuestionBody, {
+      question: question,
+      answer: answer,
+      onAnswer: next_1 => onDraft({
+        ...draft,
+        answers: {
+          ...draft.answers,
+          [question.id]: next_1
+        }
+      }),
+      onCommit: next_2 => commit({
+        ...draft,
+        answers: {
+          ...draft.answers,
+          [question.id]: next_2
+        }
+      }),
+      locked: locked
+    });
+    $[82] = answer;
+    $[83] = commit;
+    $[84] = draft;
+    $[85] = locked;
+    $[86] = onDraft;
+    $[87] = question;
+    $[88] = t14;
+  } else {
+    t14 = $[88];
+  }
+  let t15;
+  if ($[89] !== error || $[90] !== meta || $[91] !== notice || $[92] !== sending || $[93] !== t13 || $[94] !== t14 || $[95] !== t6 || $[96] !== top) {
+    t15 = /*#__PURE__*/_jsx(PromptCard, {
+      kind: "question",
+      heading: t6,
+      meta: meta,
+      top: top,
+      busy: sending,
+      notice: notice,
+      error: error,
+      actions: t13,
+      children: t14
+    });
+    $[89] = error;
+    $[90] = meta;
+    $[91] = notice;
+    $[92] = sending;
+    $[93] = t13;
+    $[94] = t14;
+    $[95] = t6;
+    $[96] = top;
+    $[97] = t15;
+  } else {
+    t15 = $[97];
+  }
+  return t15;
+}