@flytedan/flytebot-design-system 0.77.0 → 0.78.1

package/dist/index.cjs

@@ -9599,6 +9599,7 @@ function CodeEditor({
   const onChangeRef = React56.useRef(onChange);
   onChangeRef.current = onChange;
   const editableCompartment = React56.useRef(new import_state.Compartment()).current;
+  const readOnlyCompartment = React56.useRef(new import_state.Compartment()).current;
   const attributesCompartment = React56.useRef(new import_state.Compartment()).current;
   const errorRef = React56.useRef(error);
   errorRef.current = error;
@@ -9641,7 +9642,7 @@ function CodeEditor({
           ...import_commands.historyKeymap
         ]),
         editableCompartment.of(import_view.EditorView.editable.of(!disabled)),
-        import_state.EditorState.readOnly.of(readOnly),
+        readOnlyCompartment.of(import_state.EditorState.readOnly.of(readOnly)),
         updateListener,
         attributesCompartment.of(import_view.EditorView.contentAttributes.of(contentAttributes()))
       ]
@@ -9668,6 +9669,11 @@ function CodeEditor({
     if (!view) return;
     view.dispatch({ effects: editableCompartment.reconfigure(import_view.EditorView.editable.of(!disabled)) });
   }, [disabled, editableCompartment]);
+  React56.useEffect(() => {
+    const view = viewRef.current;
+    if (!view) return;
+    view.dispatch({ effects: readOnlyCompartment.reconfigure(import_state.EditorState.readOnly.of(readOnly)) });
+  }, [readOnly, readOnlyCompartment]);
   React56.useEffect(() => {
     const view = viewRef.current;
     if (!view) return;
@@ -14323,9 +14329,44 @@ function JsonView({ value }) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CodeBlock, { code: text, language: "json", collapseAfter: 18 });
 }
-function PacketCard({ packet, schema, render, onApply, applied }) {
+function DecisionFooter({ packet, decision, state }) {
+  const [pending, setPending] = React76.useState(null);
+  const [failure, setFailure] = React76.useState(null);
+  const mounted = React76.useRef(true);
+  React76.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const press = (action) => {
+    if (pending) return;
+    setPending(action);
+    setFailure(null);
+    decision.onDecide(action, packet).then(
+      () => {
+        if (mounted.current) setPending(null);
+      },
+      (e) => {
+        if (!mounted.current) return;
+        setPending(null);
+        setFailure(e instanceof Error && e.message ? e.message : "That didn\u2019t go through.");
+      }
+    );
+  };
+  const error = failure !== null ? failure : state.error;
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+    error ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "fdc-packet-decision-msg", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Banner, { tone: "danger", title: error }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("footer", { className: "fdc-packet-foot fdc-packet-decision", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "secondary", size: "sm", loading: pending === "dismiss", disabled: pending === "confirm", onClick: () => press("dismiss"), children: decision.dismissLabel || "Dismiss" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "primary", size: "sm", loading: pending === "confirm", disabled: pending === "dismiss", onClick: () => press("confirm"), children: decision.confirmLabel || "Confirm" })
+    ] })
+  ] });
+}
+function PacketCard({ packet, schema, render, onApply, applied, decision }) {
   if (!packet) return null;
   const s = schema || {};
+  const state = decision ? decision.state(packet) : {};
   const invalid = packet.valid === false;
   const title = s.heading || packet.type;
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("section", { className: "fdc-packet" + (invalid ? " is-invalid" : ""), "aria-label": title, children: [
@@ -14333,13 +14374,14 @@ function PacketCard({ packet, schema, render, onApply, applied }) {
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", { className: "ph ph-" + (s.icon || "package"), "aria-hidden": "true" }),
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "fdc-packet-title", title: truncationTitle(title), children: title }),
       packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "fdc-packet-badge", children: "Repaired" }) : null,
-      invalid ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null
+      invalid ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "fdc-packet-badge is-danger", children: "Invalid" }) : null,
+      decision && state.status ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Badge, { tone: state.status.tone, children: state.status.label }) : null
     ] }),
     invalid ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "fdc-packet-alert", role: "alert", children: [
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", { className: "ph ph-warning-circle", "aria-hidden": "true" }),
       /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { children: packet.error || "This result failed validation and can\u2019t be applied." })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "fdc-packet-body", children: render ? render(packet) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(JsonView, { value: packet.payload }) }),
-    !invalid && onApply && s.apply !== false ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("footer", { className: "fdc-packet-foot", children: [
+    !invalid && decision ? state.outcome ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "fdc-packet-decision-msg", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Banner, { tone: state.outcome.tone === "success" ? "ok" : "danger", role: "status", title: state.outcome.message }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DecisionFooter, { packet, decision, state }) : !invalid && onApply && s.apply !== false ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("footer", { className: "fdc-packet-foot", children: [
       packet.repaired ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "fdc-packet-note", children: "Corrected by the backend after a first attempt." }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", {}),
       /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("button", { type: "button", className: "fd-btn fd-btn-primary fd-btn-sm", disabled: applied, onClick: () => onApply(packet), children: [
         /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("i", { className: "ph ph-" + (applied ? "check" : "arrow-square-in"), "aria-hidden": "true" }),
@@ -14421,6 +14463,7 @@ function MessageBody({ message: m, ctx }) {
         schema: (ctx.packetSchemas || {})[m.packet.type],
         render: (ctx.packetRenderers || {})[m.packet.type],
         onApply: ctx.onApplyPacket,
+        decision: (ctx.packetDecisions || {})[m.packet.type],
         applied: ctx.appliedPackets && ctx.appliedPackets[m.id]
       }
     ) : null,
@@ -15139,6 +15182,7 @@ function AgentChatPanel({
   renderEmpty,
   packetSchemas,
   packetRenderers,
+  packetDecisions,
   onApplyPacket,
   pendingTimeoutMs,
   describeWaiting,
@@ -15228,6 +15272,7 @@ function AgentChatPanel({
     showThinking,
     packetSchemas,
     packetRenderers,
+    packetDecisions,
     appliedPackets: applied,
     narrow,
     onOpenAttachment,