@tightknitai/block-kitchen 0.8.2 → 0.8.3

package/dist/index.js

@@ -6207,10 +6207,14 @@ function TableEditor({ block, onChange }) {
   ] });
 }
 var STATUSES2 = ["pending", "in_progress", "complete", "error"];
+var EMPTY_RICH_TEXT = {
+  type: "rich_text",
+  elements: [{ type: "rich_text_section", elements: [{ type: "text", text: "" }] }]
+};
 function TaskCardEditor({ block, onChange }) {
   const status = block.status ?? "pending";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx(EditorField, { label: "Title", help: "Short label shown at the top of the card.", htmlFor: "task-card-title", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(EditorField, { label: "Title", help: "Title of the task in plain text.", htmlFor: "task-card-title", children: /* @__PURE__ */ jsx(
       Input,
       {
         id: "task-card-title",
@@ -6219,24 +6223,16 @@ function TaskCardEditor({ block, onChange }) {
         onChange: (e) => onChange({ ...block, title: e.target.value })
       }
     ) }),
-    /* @__PURE__ */ jsx(
-      EditorField,
+    /* @__PURE__ */ jsx(EditorField, { label: "Task ID", help: "ID for the task.", htmlFor: "task-card-id", children: /* @__PURE__ */ jsx(
+      Input,
       {
-        label: "Task ID",
-        help: "Stable identifier you can reference from interaction payloads.",
-        htmlFor: "task-card-id",
-        children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "task-card-id",
-            value: block.task_id,
-            placeholder: "e.g. task_1",
-            onChange: (e) => onChange({ ...block, task_id: e.target.value })
-          }
-        )
+        id: "task-card-id",
+        value: block.task_id,
+        placeholder: "e.g. task_1",
+        onChange: (e) => onChange({ ...block, task_id: e.target.value })
       }
-    ),
-    /* @__PURE__ */ jsx(EditorField, { label: "Status", help: "Slack renders a matching status chip on the card.", children: /* @__PURE__ */ jsx(
+    ) }),
+    /* @__PURE__ */ jsx(EditorField, { label: "Status", help: 'The state of a task. Can be "pending", "in_progress", "complete", or "error".', children: /* @__PURE__ */ jsx(
       RadioGroup,
       {
         value: status,
@@ -6248,6 +6244,24 @@ function TaskCardEditor({ block, onChange }) {
         ] }, s))
       }
     ) }),
+    /* @__PURE__ */ jsx(
+      RichTextField,
+      {
+        label: "Details",
+        help: "Details of the task in the form of a single rich_text entity.",
+        value: block.details,
+        onChange: (next) => onChange({ ...block, details: next })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RichTextField,
+      {
+        label: "Output",
+        help: "Output of the task in the form of a single rich_text entity.",
+        value: block.output,
+        onChange: (next) => onChange({ ...block, output: next })
+      }
+    ),
     /* @__PURE__ */ jsx(
       SourcesField,
       {
@@ -6257,6 +6271,51 @@ function TaskCardEditor({ block, onChange }) {
     )
   ] });
 }
+function RichTextField({
+  label,
+  help,
+  value,
+  onChange
+}) {
+  if (!value) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Label, { children: label }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          className: "self-start",
+          onClick: () => onChange(EMPTY_RICH_TEXT),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+            " Add ",
+            label.toLowerCase()
+          ]
+        }
+      ),
+      help && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: help })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Remove ${label.toLowerCase()}`,
+          onClick: () => onChange(void 0),
+          className: "rounded p-1 text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(RichTextEditor, { block: value, onChange }),
+    help && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: help })
+  ] });
+}
 function SourcesField({
   sources,
   onChange
@@ -6270,7 +6329,7 @@ function SourcesField({
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-md border bg-muted/20 p-3", children: [
     /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: "Sources" }),
-    sources.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "No sources. Add one to cite a document or link beneath the card." }) : null,
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: "Array of URL source elements used to generate a response." }),
     sources.map((src, idx) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded border bg-background p-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-foreground", children: [