@ykurilov/agent-chat-skin-tandem 0.63.2 → 0.64.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @ykurilov/agent-chat-skin-tandem
 
+## 0.64.0
+
+### Minor Changes
+
+- 1ea05c0: Тестовый чат: кнопка «К следующему напоминанию» проматывает часы ровно к моменту, когда сценарий сам напишет первым (касание, утреннее, выход по сроку, «срок вышел», «не завершил»; ночь и потолки учтены), и поле «своё время» («15 мин», «1 ч 30 мин», «2 дня»). Сервер: `flow.advanceTestClock({ ownerId, chatId, to: "next_first_message" })` → `{ timeOffset, reason }`, впереди ничего — `FlowTestClockError` с `code: "nothing_scheduled"`. Браузер: `FlowTestChatConnection.advanceToNextFirstMessage`. Разбор длительности — `parseDuration` из `/format`. Скин: необязательные `onNextFirstMessage`, `nothingScheduled`, `onAdvanceText` и пять надписей. Как подключить — CHANGES.md, раздел 0.64.0.
+
+### Patch Changes
+
+- Updated dependencies [1ea05c0]
+- Updated dependencies [99cded9]
+  - @ykurilov/agent-chat-flows@0.64.0
+  - @ykurilov/agent-chat-react@0.64.0
+  - @ykurilov/agent-chat-mcp@0.64.0
+  - @ykurilov/agent-chat-messengers@0.64.0
+  - @ykurilov/agent-chat-sandbox@0.64.0
+  - @ykurilov/agent-chat-skills@0.64.0
+
 ## 0.63.2
 
 ### Patch Changes

package/dist/flows/index.js

@@ -289,13 +289,44 @@ function TandemFlowBoardToggle({ kind, label, expanded, showText, onClick }) {
 import { Button as Button2, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels4 } from "@ykurilov/agent-chat-flows/react";
 import { Check, Copy, Download, Upload } from "lucide-react";
-import { useRef, useState } from "react";
+import { useRef, useState as useState2 } from "react";
 
 // src/flows/test-chat.tsx
-import { Button } from "@tandem/ui";
+import { Button, Input } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels3 } from "@ykurilov/agent-chat-flows/react";
-import { Clock as Clock3, RotateCcw, Sunrise, X } from "lucide-react";
+import { BellRing, Clock as Clock3, RotateCcw, Sunrise, X } from "lucide-react";
+import { useState } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function CustomTimeField({ onAdvanceText, busy }) {
+  const labels = useFlowLabels3().testChat;
+  const [text, setText] = useState("");
+  const [invalid, setInvalid] = useState(false);
+  return /* @__PURE__ */ jsxs3("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsx3(
+      Input,
+      {
+        "aria-label": labels.customTime,
+        "aria-invalid": invalid,
+        placeholder: labels.customTimePlaceholder,
+        className: "h-8 w-full text-sm",
+        disabled: busy,
+        value: text,
+        onChange: (event) => {
+          setText(event.target.value);
+          setInvalid(false);
+        },
+        onKeyDown: (event) => {
+          if (event.key !== "Enter" || !text.trim()) return;
+          event.preventDefault();
+          const understood = onAdvanceText(text);
+          setInvalid(!understood);
+          if (understood) setText("");
+        }
+      }
+    ),
+    invalid && /* @__PURE__ */ jsx3("p", { className: "mt-1 text-xs text-[var(--destructive-text)]", children: labels.customTimeInvalid })
+  ] });
+}
 function TandemFlowTestChatFrame(props) {
   const labels = useFlowLabels3().testChat;
   return /* @__PURE__ */ jsxs3("section", { "aria-label": labels.title, "data-flow-test-chat": "", className: "flex min-h-0 flex-1 flex-col", children: [
@@ -322,8 +353,14 @@ function TandemFlowTestChatFrame(props) {
       props.onNextDay && /* @__PURE__ */ jsxs3(Button, { variant: "secondary", size: "sm", disabled: props.busy, onClick: props.onNextDay, children: [
         /* @__PURE__ */ jsx3(Sunrise, { "aria-hidden": "true", className: "size-3.5" }),
         labels.nextDay
-      ] })
+      ] }),
+      props.onNextFirstMessage && /* @__PURE__ */ jsxs3(Button, { variant: "secondary", size: "sm", disabled: props.busy, onClick: props.onNextFirstMessage, children: [
+        /* @__PURE__ */ jsx3(BellRing, { "aria-hidden": "true", className: "size-3.5" }),
+        labels.nextFirstMessage
+      ] }),
+      props.onAdvanceText && /* @__PURE__ */ jsx3(CustomTimeField, { onAdvanceText: props.onAdvanceText, busy: props.busy })
     ] }),
+    props.nothingScheduled && /* @__PURE__ */ jsx3("p", { role: "status", className: "mx-5 mt-2 rounded-[var(--radius-small)] bg-[var(--surface-muted)] px-3 py-2 text-xs text-[var(--foreground-muted)]", children: labels.nothingScheduled }),
     props.failed && /* @__PURE__ */ jsx3("p", { role: "alert", className: "mx-5 mt-2 rounded-[var(--radius-small)] bg-[color-mix(in_oklab,var(--destructive)_10%,transparent)] px-3 py-2 text-xs text-[var(--destructive-text)]", children: labels.failed }),
     /* @__PURE__ */ jsx3("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: props.children })
   ] });
@@ -333,8 +370,8 @@ function TandemFlowTestChatFrame(props) {
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function TandemFlowJsonDialog(props) {
   const labels = useFlowLabels4().editor.jsonDialog;
-  const [text, setText] = useState(props.json);
-  const [copied, setCopied] = useState(false);
+  const [text, setText] = useState2(props.json);
+  const [copied, setCopied] = useState2(false);
   const file = useRef(null);
   const edited = text !== props.json;
   return /* @__PURE__ */ jsx4(Dialog, { open: true, onOpenChange: (open) => !open && props.onClose(), children: /* @__PURE__ */ jsxs4(DialogContent, { className: "flex max-h-[90vh] w-[min(760px,calc(100vw-24px))] max-w-none flex-col gap-3", children: [
@@ -397,7 +434,7 @@ function TandemFlowJsonDialog(props) {
 }
 
 // src/flows/flow-exit-card.tsx
-import { Input, Textarea, cn as cn3 } from "@tandem/ui";
+import { Input as Input2, Textarea, cn as cn3 } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels5 } from "@ykurilov/agent-chat-flows/react";
 import { ChevronDown, ChevronUp, Trash2 } from "lucide-react";
 import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -468,8 +505,8 @@ function TandemFlowExitCard(props) {
             /* @__PURE__ */ jsx5("option", { value: "state_days", children: `${labels.statePanel.duration}, ${labels.statePanel.durationUnits.d}` }),
             /* @__PURE__ */ jsx5("option", { value: "program_day", children: `${labels.statePanel.duration}, ${labels.statePanel.durationUnits.program_day}` })
           ] }) }),
-          when.from === "time_of_day" ? /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.at, children: /* @__PURE__ */ jsx5(Input, { type: "time", value: when.at, onChange: (event) => event.target.value && change({ ...when, at: event.target.value }) }) }) : when.from === "state_days" || when.from === "program_day" ? /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.amount, children: /* @__PURE__ */ jsx5(
-            Input,
+          when.from === "time_of_day" ? /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.at, children: /* @__PURE__ */ jsx5(Input2, { type: "time", value: when.at, onChange: (event) => event.target.value && change({ ...when, at: event.target.value }) }) }) : when.from === "state_days" || when.from === "program_day" ? /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.amount, children: /* @__PURE__ */ jsx5(
+            Input2,
             {
               type: "number",
               min: 1,
@@ -482,7 +519,7 @@ function TandemFlowExitCard(props) {
             }
           ) }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
             /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.amount, children: /* @__PURE__ */ jsx5(
-              Input,
+              Input2,
               {
                 type: "number",
                 min: 1,
@@ -531,7 +568,7 @@ function DataSettings(props) {
       /* @__PURE__ */ jsx5("option", { value: "" }),
       field.options.map((option) => /* @__PURE__ */ jsx5("option", { value: option, children: option }, option))
     ] }) }) : /* @__PURE__ */ jsx5(Labeled, { label: labels.exitCard.value, children: /* @__PURE__ */ jsx5(
-      Input,
+      Input2,
       {
         value: String(when.value ?? ""),
         inputMode: field?.type === "number" ? "decimal" : void 0,
@@ -545,15 +582,15 @@ function DataSettings(props) {
 import { Badge, Button as Button4, TandemMark, cn as cn4 } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels6 } from "@ykurilov/agent-chat-flows/react";
 import { Braces, Eye, IdCard, Maximize2, MessagesSquare, Minimize2, Play, Plus as Plus2, Save, ShieldCheck, Shuffle as Shuffle2 } from "lucide-react";
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState4 } from "react";
 
 // src/flows/flow-header-menu.tsx
 import { Button as Button3 } from "@tandem/ui";
 import { Ellipsis } from "lucide-react";
-import { useEffect, useRef as useRef2, useState as useState2 } from "react";
+import { useEffect, useRef as useRef2, useState as useState3 } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function FlowHeaderMenu({ label, items, className }) {
-  const [open, setOpen] = useState2(false);
+  const [open, setOpen] = useState3(false);
   const root = useRef2(null);
   const entries = () => [...root.current?.querySelectorAll('[role="menuitem"]:not([disabled])') ?? []];
   const close = (refocus) => {
@@ -675,7 +712,7 @@ function TandemFlowEditorFrame({ header, board, panel, dialog, className, style,
   );
 }
 function FlowName({ name, onRename, readOnly }) {
-  const [draft, setDraft] = useState3(name);
+  const [draft, setDraft] = useState4(name);
   useEffect2(() => setDraft(name), [name]);
   const commit = () => {
     const next = draft.trim();
@@ -803,7 +840,7 @@ function TandemFlowHeader(props) {
 }
 
 // src/flows/flow-panels.tsx
-import { Badge as Badge2, Button as Button5, Input as Input2, Switch, Textarea as Textarea2, cn as cn5 } from "@tandem/ui";
+import { Badge as Badge2, Button as Button5, Input as Input3, Switch, Textarea as Textarea2, cn as cn5 } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels7 } from "@ykurilov/agent-chat-flows/react";
 import { ChevronDown as ChevronDown2, ChevronUp as ChevronUp2, CircleAlert, Flag as Flag2, Plus as Plus3, Trash2 as Trash22, TriangleAlert } from "lucide-react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -903,7 +940,7 @@ function TandemFlowStatePanel(props) {
       actions: /* @__PURE__ */ jsx8(IconButton, { label: labels.statePanel.deleteState, onClick: props.onDelete, tone: "danger", children: /* @__PURE__ */ jsx8(Trash22, { "aria-hidden": "true", className: "size-4" }) }),
       children: [
         /* @__PURE__ */ jsx8(IssueList, { issues: props.issues }),
-        /* @__PURE__ */ jsx8(Labeled, { label: labels.statePanel.name, children: /* @__PURE__ */ jsx8(Input2, { value: props.title, onChange: (event) => onChange({ title: event.target.value }) }) }),
+        /* @__PURE__ */ jsx8(Labeled, { label: labels.statePanel.name, children: /* @__PURE__ */ jsx8(Input3, { value: props.title, onChange: (event) => onChange({ title: event.target.value }) }) }),
         /* @__PURE__ */ jsx8(Labeled, { label: labels.statePanel.instructions, hint: labels.statePanel.instructionsHint, children: /* @__PURE__ */ jsx8(Textarea2, { rows: 6, value: props.instructions, onChange: (event) => onChange({ instructions: event.target.value }) }) }),
         props.fields.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium text-[var(--foreground)]", children: labels.statePanel.learn }),
@@ -955,7 +992,7 @@ function TandemFlowStatePanel(props) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx8(Labeled, { label: labels.statePanel.tags, children: /* @__PURE__ */ jsx8(Input2, { defaultValue: props.tags.join(", "), onBlur: (event) => onChange({ tags: splitList(event.target.value) }) }, props.tags.join(",")) }),
+            /* @__PURE__ */ jsx8(Labeled, { label: labels.statePanel.tags, children: /* @__PURE__ */ jsx8(Input3, { defaultValue: props.tags.join(", "), onBlur: (event) => onChange({ tags: splitList(event.target.value) }) }, props.tags.join(",")) }),
             /* @__PURE__ */ jsxs8("label", { className: "flex items-center justify-between gap-3 text-sm text-[var(--foreground)]", children: [
               labels.statePanel.noSideQuestions,
               /* @__PURE__ */ jsx8(Switch, { checked: props.noSideQuestions, onCheckedChange: (noSideQuestions) => onChange({ noSideQuestions }) })
@@ -998,7 +1035,7 @@ function TandemFlowFieldRow(props) {
       ),
       children: [
         /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx8(Input2, { "aria-label": labels.name, value: field.name, onChange: (event) => onChange({ name: event.target.value }), className: "flex-1" }),
+          /* @__PURE__ */ jsx8(Input3, { "aria-label": labels.name, value: field.name, onChange: (event) => onChange({ name: event.target.value }), className: "flex-1" }),
           /* @__PURE__ */ jsx8(IconButton, { label: exitLabels.moveUp, onClick: props.onMoveUp, disabled: !props.canMoveUp, children: /* @__PURE__ */ jsx8(ChevronUp2, { "aria-hidden": "true", className: "size-4" }) }),
           /* @__PURE__ */ jsx8(IconButton, { label: exitLabels.moveDown, onClick: props.onMoveDown, disabled: !props.canMoveDown, children: /* @__PURE__ */ jsx8(ChevronDown2, { "aria-hidden": "true", className: "size-4" }) }),
           /* @__PURE__ */ jsx8(IconButton, { label: exitLabels.delete, onClick: props.onDelete, tone: "danger", children: /* @__PURE__ */ jsx8(Trash22, { "aria-hidden": "true", className: "size-4" }) })
@@ -1019,7 +1056,7 @@ function TandemFlowFieldRow(props) {
           ) })
         ] }),
         field.type === "choice" && /* @__PURE__ */ jsx8(Labeled, { label: labels.options, hint: labels.optionsHint, children: /* @__PURE__ */ jsx8(
-          Input2,
+          Input3,
           {
             defaultValue: field.options.join(", "),
             onBlur: (event) => onChange({ options: splitList(event.target.value) })
@@ -1085,7 +1122,7 @@ function TandemFlowCardPanel(props) {
       /* @__PURE__ */ jsxs8("label", { className: "flex items-center gap-2 text-sm text-[var(--foreground)]", children: [
         labels.pace,
         /* @__PURE__ */ jsx8(
-          Input2,
+          Input3,
           {
             type: "number",
             min: 1,
@@ -1132,7 +1169,7 @@ function TandemFlowCheckPanel({ issues }) {
 }
 
 // src/flows/flow-days.tsx
-import { Button as Button6, Input as Input3, Switch as Switch2, Textarea as Textarea3, cn as cn6 } from "@tandem/ui";
+import { Button as Button6, Input as Input4, Switch as Switch2, Textarea as Textarea3, cn as cn6 } from "@tandem/ui";
 import { DEFAULT_NUDGES, useFlowLabels as useFlowLabels8 } from "@ykurilov/agent-chat-flows/react";
 import { ChevronDown as ChevronDown3, Clock as Clock4, Plus as Plus4, Trash2 as Trash23, X as X2 } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1159,7 +1196,7 @@ function DurationInput({ label, value, onChange, onRemove }) {
   const remove = useFlowLabels8().editor.nudges.remove;
   return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
     /* @__PURE__ */ jsx9(
-      Input3,
+      Input4,
       {
         "aria-label": label,
         type: "number",
@@ -1205,7 +1242,7 @@ function TandemFlowNudgesEditor({ nudges, optional, onChange }) {
       /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-[var(--foreground)]", children: labels.dailyAt }),
       daily.map((at, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx9(
-          Input3,
+          Input4,
           {
             "aria-label": `${labels.dailyAt} ${index + 1}`,
             type: "time",
@@ -1242,9 +1279,9 @@ function TandemFlowScheduleSection(props) {
     /* @__PURE__ */ jsx9(IssueList, { issues: props.issues }),
     schedule && /* @__PURE__ */ jsxs9(Fragment2, { children: [
       /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx9(Labeled, { label: text.dayStart, hint: text.dayStartHint, children: /* @__PURE__ */ jsx9(Input3, { type: "time", value: schedule.dayStart, onChange: (event) => event.target.value && onChange({ dayStart: event.target.value }) }) }),
+        /* @__PURE__ */ jsx9(Labeled, { label: text.dayStart, hint: text.dayStartHint, children: /* @__PURE__ */ jsx9(Input4, { type: "time", value: schedule.dayStart, onChange: (event) => event.target.value && onChange({ dayStart: event.target.value }) }) }),
         /* @__PURE__ */ jsx9(Labeled, { label: text.lengthDays, children: /* @__PURE__ */ jsx9(
-          Input3,
+          Input4,
           {
             type: "number",
             min: 1,
@@ -1273,9 +1310,9 @@ function TandemFlowScheduleSection(props) {
     /* @__PURE__ */ jsxs9(More, { title: text.more, children: [
       schedule && /* @__PURE__ */ jsxs9(Fragment2, { children: [
         /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx9(Labeled, { label: text.nightFrom, children: /* @__PURE__ */ jsx9(Input3, { type: "time", value: schedule.nightFrom ?? "", onChange: (event) => onChange({ nightFrom: event.target.value || void 0 }) }) }),
+          /* @__PURE__ */ jsx9(Labeled, { label: text.nightFrom, children: /* @__PURE__ */ jsx9(Input4, { type: "time", value: schedule.nightFrom ?? "", onChange: (event) => onChange({ nightFrom: event.target.value || void 0 }) }) }),
           /* @__PURE__ */ jsx9(Labeled, { label: text.lateStart, children: /* @__PURE__ */ jsx9(
-            Input3,
+            Input4,
             {
               type: "number",
               min: 0,
@@ -1293,7 +1330,7 @@ function TandemFlowScheduleSection(props) {
         /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsx9(SectionTitle, { children: text.firstMessages }),
           /* @__PURE__ */ jsx9(Labeled, { label: text.maxPerDay, hint: text.maxPerDayHint, children: /* @__PURE__ */ jsx9(
-            Input3,
+            Input4,
             {
               type: "number",
               min: 0,
@@ -1311,7 +1348,7 @@ function TandemFlowScheduleSection(props) {
             }
           ),
           /* @__PURE__ */ jsx9(Labeled, { label: text.skipMorning, children: /* @__PURE__ */ jsx9(
-            Input3,
+            Input4,
             {
               type: "number",
               min: 0,
@@ -1327,7 +1364,7 @@ function TandemFlowScheduleSection(props) {
           /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--foreground-muted)]", children: text.dayFrameHint }),
           /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-2", children: [
             /* @__PURE__ */ jsx9(Labeled, { label: text.softFrom, children: /* @__PURE__ */ jsx9(
-              Input3,
+              Input4,
               {
                 type: "number",
                 min: 1,
@@ -1337,7 +1374,7 @@ function TandemFlowScheduleSection(props) {
               }
             ) }),
             /* @__PURE__ */ jsx9(Labeled, { label: text.hardAt, children: /* @__PURE__ */ jsx9(
-              Input3,
+              Input4,
               {
                 type: "number",
                 min: 1,
@@ -1394,11 +1431,11 @@ function TandemFlowSideTasksSection(props) {
             fromApp.length > 0 && /* @__PURE__ */ jsx9("optgroup", { label: labels.fromApp, children: fromApp.map((field) => /* @__PURE__ */ jsx9("option", { value: field.id, children: field.title }, field.id)) })
           ] }) }),
           /* @__PURE__ */ jsxs9(More, { title: editorLabels.schedule.more, children: [
-            /* @__PURE__ */ jsx9(Labeled, { label: labels.when, children: /* @__PURE__ */ jsx9(Input3, { value: task.when ?? "", onChange: (event) => props.onChange(task.id, { when: event.target.value }) }) }),
+            /* @__PURE__ */ jsx9(Labeled, { label: labels.when, children: /* @__PURE__ */ jsx9(Input4, { value: task.when ?? "", onChange: (event) => props.onChange(task.id, { when: event.target.value }) }) }),
             /* @__PURE__ */ jsxs9("label", { className: "flex items-center gap-2 text-sm text-[var(--foreground)]", children: [
               labels.maxAttempts,
               /* @__PURE__ */ jsx9(
-                Input3,
+                Input4,
                 {
                   type: "number",
                   min: 1,
@@ -1427,7 +1464,7 @@ function TandemFlowStateTiming(props) {
   const { duration } = props;
   const units = props.daysAvailable ? ["h", "d", "program_day"] : ["h"];
   const amount = duration && /* @__PURE__ */ jsx9(
-    Input3,
+    Input4,
     {
       "aria-label": `${labels.duration}: ${labels.durationUnits[duration.unit]}`,
       type: "number",
@@ -1497,7 +1534,7 @@ function NudgesDays({ days, onChange }) {
     /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-[var(--foreground)]", children: labels.nudgesDays }),
     /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5", children: [
       days !== null && /* @__PURE__ */ jsx9(
-        Input3,
+        Input4,
         {
           "aria-label": `${labels.nudgesDays}: ${labels.nudgesDaysModes.days}`,
           type: "number",
@@ -1518,16 +1555,16 @@ function NudgesDays({ days, onChange }) {
 }
 
 // src/flows/flow-run-panel.tsx
-import { Button as Button7, Input as Input4, cn as cn7 } from "@tandem/ui";
+import { Button as Button7, Input as Input5, cn as cn7 } from "@tandem/ui";
 import { useFlowLabels as useFlowLabels9 } from "@ykurilov/agent-chat-flows/react";
 import { ArrowRight, MessageCircleQuestion, RotateCcw as RotateCcw2, Undo2 as Undo22 } from "lucide-react";
-import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useEffect as useEffect3, useState as useState5 } from "react";
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function KnownInput({ value, label, placeholder, onChange }) {
-  const [draft, setDraft] = useState4(value ?? "");
+  const [draft, setDraft] = useState5(value ?? "");
   useEffect3(() => setDraft(value ?? ""), [value]);
   return /* @__PURE__ */ jsx10(
-    Input4,
+    Input5,
     {
       "aria-label": label,
       value: draft,