@tightknitai/block-kitchen 0.9.1 → 0.9.3

package/dist/index.js

@@ -1887,6 +1887,10 @@ function sanitizeImageSrc(value) {
 // src/lib/sanitize-blocks.ts
 var HREF_KEYS = /* @__PURE__ */ new Set(["url"]);
 var IMAGE_KEYS = /* @__PURE__ */ new Set(["image_url"]);
+var RETRIEVAL_ONLY_KEYS = /* @__PURE__ */ new Map([
+  // Covers both the image block and the image element — both `type: 'image'`.
+  ["image", /* @__PURE__ */ new Set(["image_width", "image_height", "image_bytes", "fallback", "is_animated"])]
+]);
 function sanitizeValue(value) {
   if (value === null || typeof value !== "object") {
     return value;
@@ -1904,8 +1908,14 @@ function sanitizeValue(value) {
     return changed ? out : value;
   }
   const src = value;
+  const dropKeys = typeof src.type === "string" ? RETRIEVAL_ONLY_KEYS.get(src.type) : void 0;
   let copy = null;
   for (const key of Object.keys(src)) {
+    if (dropKeys?.has(key)) {
+      copy ??= { ...src };
+      delete copy[key];
+      continue;
+    }
     const original = src[key];
     let next = original;
     if (typeof original === "string") {
@@ -1929,6 +1939,18 @@ function sanitizeValue(value) {
 function sanitizeBlock(block) {
   return sanitizeValue(block);
 }
+function sanitizeBlocks(blocks) {
+  let changed = false;
+  const out = new Array(blocks.length);
+  for (let i = 0; i < blocks.length; i++) {
+    const next = sanitizeBlock(blocks[i]);
+    if (next !== blocks[i]) {
+      changed = true;
+    }
+    out[i] = next;
+  }
+  return changed ? out : blocks;
+}
 
 // src/lib/to-slack-blocks.ts
 function toSlackBlocks(blocks) {
@@ -2186,7 +2208,7 @@ function useBlockKitchenState({
     });
   }, []);
   const replaceAll = useCallback((newBlocks) => {
-    setBlocks(newBlocks.map(wrap));
+    setBlocks(sanitizeBlocks(newBlocks).map(wrap));
   }, []);
   return {
     blocks,
@@ -2922,7 +2944,7 @@ function LoadMessageDialog({
       children: [
         /* @__PURE__ */ jsxs(DialogHeader, { children: [
           /* @__PURE__ */ jsx(DialogTitle, { children: "Edit an existing message" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 text-left", children: [
             /* @__PURE__ */ jsx(DialogDescription, { children: hasRecent ? "Paste a Slack message link, or pick a recent message your app posted." : `Paste a Slack message link (Slack's "Copy link") to load its blocks for editing.` }),
             /* @__PURE__ */ jsxs(Tooltip, { children: [
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -2944,7 +2966,7 @@ function LoadMessageDialog({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
             /* @__PURE__ */ jsx(Label, { htmlFor: "message-link", children: "Message link" }),
             /* @__PURE__ */ jsx(
@@ -2989,7 +3011,7 @@ function LoadMessageDialog({
               }
             )
           ] }),
-          hasRecent && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          hasRecent && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" }),
               "or pick a recent message",
@@ -3021,22 +3043,19 @@ function LoadMessageDialog({
             channelId && recent === null && !recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading recent messages\u2026" }),
             channelId && recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: recentError }),
             channelId && recent && recent.length === 0 && !recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No recent messages from this app in this channel." }),
-            channelId && recent && recent.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex max-h-48 flex-col gap-1 overflow-y-auto", children: recent.map((m) => {
+            channelId && recent && recent.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex max-h-48 min-w-0 flex-col gap-1 overflow-y-auto", children: recent.map((m) => {
               const asUser = (m.editableVia ?? "bot") === "user";
               return /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   onClick: () => onLoaded(recentToResult(m)),
-                  className: "flex flex-col gap-0.5 rounded-md border border-input bg-background px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  className: "flex min-w-0 flex-col gap-0.5 rounded-md border border-input bg-background px-3 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                   children: [
-                    /* @__PURE__ */ jsxs("span", { className: "flex items-baseline justify-between gap-2", children: [
-                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", children: [
-                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: m.channelName ? `#${m.channelName}` : m.channelId }),
-                        /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded border px-1 py-px text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: asUser ? "You" : "Bot" })
-                      ] }),
+                    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded border px-1 py-px text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: asUser ? "You" : "Bot" }),
                       /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
-                        new Date(Number(m.ts) * 1e3).toLocaleString(),
+                        /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: new Date(Number(m.ts) * 1e3).toLocaleString() }),
                         " ",
                         /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
                           "(",
@@ -3045,7 +3064,7 @@ function LoadMessageDialog({
                         ] })
                       ] })
                     ] }),
-                    m.label && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: m.label })
+                    m.label && /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: m.label })
                   ]
                 },
                 `${m.channelId}:${m.ts}`