@tightknitai/block-kitchen 0.8.11 → 0.9.1

package/README.md

@@ -108,7 +108,7 @@ export function MyBuilderPage() {
 | `loadChannels` | `() => Promise<{ id: string; name: string }[]>` | yes | Returns channels available to send to. The package never makes Slack API calls itself. |
 | `loadSendAsUserStatus` | `() => Promise<{ canSendAsUser: boolean; oauthUrl?: string }>` | yes | Whether the current user has a Slack user-token and can post as themselves. If `canSendAsUser` is false, `oauthUrl` is shown as a "Sign in with Slack" link. |
 | `onSend` | `(payload) => Promise<{ ok: boolean; error?: string }>` | yes | Called when the user submits the send dialog. Payload is `{ channelId, blocks, sendAsUser }`. |
-| `editing` | `{ onLoadMessage, onUpdate, loadRecentMessages? }` | no | Opt-in edit mode. When present, the toolbar exposes "Edit message": the user pastes a Slack message link, `onLoadMessage({ link })` returns a host-computed [editability verdict](#editing-an-existing-message-opt-in), and a successful load flips the primary action to "Update message" wired to `onUpdate`. Pass `loadRecentMessages` to add a "recent messages from this app" picker beside the paste input. Omit `editing` to keep send-only behavior. |
+| `editing` | `{ onLoadMessage, onUpdate, loadRecentMessages? }` | no | Opt-in edit mode. When present, the toolbar exposes "Edit message": the user pastes a Slack message link, `onLoadMessage({ link })` returns a host-computed [editability verdict](#editing-an-existing-message-opt-in), and a successful load flips the primary action to "Update message" wired to `onUpdate`. Pass `loadRecentMessages` to add a "recent messages from this app" picker beside the paste input; the user picks a channel first (reusing `loadChannels`) and the lookup is scoped to it. Omit `editing` to keep send-only behavior. |
 | `loadButtonLabel` | `string` | no | Label + accessible name for the toolbar button that opens the load-message dialog (the edit-mode entry point). Defaults to `'Load message'`. Only shown when `editing` is set and no message is loaded. |
 | `updateButtonLabel` | `string` | no | Label for the toolbar's primary button while a message is loaded for editing. It's a split button: clicking it updates the message in place; the menu beside it also offers "Send as a new message" (post the current blocks as new). Defaults to `'Review & update'`. |
 | `confirmUpdateLabel` | `string` | no | Label for the update dialog's final confirm button. Defaults to `'Update message'` (shows `'Updating…'` while in flight). |
@@ -162,10 +162,12 @@ nothing about who can edit; the host does both.
       return { ok: true };
     },
     // Optional: adds a "recent messages from this app" picker beside the paste
-    // input. These are editable-by-construction (the app authored them), so
-    // picking one loads it straight into edit mode (no verdict needed).
-    loadRecentMessages: async () => {
-      const msgs = await fetchRecentAppMessages(); // your code
+    // input. The user first picks a channel (reusing `loadChannels`), then this
+    // is called with that `channelId` so the lookup scans only one channel.
+    // These are editable-by-construction (the app authored them), so picking one
+    // loads it straight into edit mode (no verdict needed).
+    loadRecentMessages: async (channelId) => {
+      const msgs = await fetchRecentAppMessages(channelId); // your code
       return msgs.map((m) => ({
         channelId: m.channel,
         channelName: m.channelName,

package/dist/helpers.d.cts

@@ -1,5 +1,5 @@
-import { T as SupportedBlock } from './palette-Bup05opK.cjs';
-export { U as SupportedBlockType } from './palette-Bup05opK.cjs';
+import { T as SupportedBlock } from './palette-DIbvAzRA.cjs';
+export { U as SupportedBlockType } from './palette-DIbvAzRA.cjs';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/helpers.d.ts

@@ -1,5 +1,5 @@
-import { T as SupportedBlock } from './palette-Bup05opK.js';
-export { U as SupportedBlockType } from './palette-Bup05opK.js';
+import { T as SupportedBlock } from './palette-DIbvAzRA.js';
+export { U as SupportedBlockType } from './palette-DIbvAzRA.js';
 import 'react';
 import 'slack-web-api-client';
 

package/dist/index.cjs

@@ -2851,19 +2851,25 @@ function LoadMessageDialog({
   onOpenChange,
   onLoadMessage,
   loadRecentMessages,
+  loadChannels,
   onLoaded,
   onOpenAsNew
 }) {
   const [link, setLink] = React.useState("");
   const [status, setStatus] = React.useState({ kind: "idle" });
+  const [channels, setChannels] = React.useState(null);
+  const [channelsError, setChannelsError] = React.useState(null);
+  const [channelId, setChannelId] = React.useState("");
   const [recent, setRecent] = React.useState(null);
   const [recentError, setRecentError] = React.useState(null);
   const inputRef = React.useRef(null);
   const onLoadMessageRef = React.useRef(onLoadMessage);
   const loadRecentMessagesRef = React.useRef(loadRecentMessages);
+  const loadChannelsRef = React.useRef(loadChannels);
   React.useEffect(() => {
     onLoadMessageRef.current = onLoadMessage;
     loadRecentMessagesRef.current = loadRecentMessages;
+    loadChannelsRef.current = loadChannels;
   });
   const hasRecent = !!loadRecentMessages;
   React.useEffect(() => {
@@ -2872,15 +2878,38 @@ function LoadMessageDialog({
     }
     setLink("");
     setStatus({ kind: "idle" });
+    setChannelId("");
+    setRecent(null);
+    setRecentError(null);
     if (!loadRecentMessagesRef.current) {
-      setRecent([]);
-      setRecentError(null);
+      setChannels([]);
+      setChannelsError(null);
+      return;
+    }
+    setChannels(null);
+    setChannelsError(null);
+    let cancelled = false;
+    loadChannelsRef.current().then((list) => {
+      if (!cancelled) {
+        setChannels(list);
+      }
+    }).catch((e) => {
+      if (!cancelled) {
+        setChannelsError(e instanceof Error ? e.message : "Failed to load channels");
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+  React.useEffect(() => {
+    if (!open || !loadRecentMessagesRef.current || !channelId) {
       return;
     }
     setRecent(null);
     setRecentError(null);
     let cancelled = false;
-    loadRecentMessagesRef.current().then((list) => {
+    loadRecentMessagesRef.current(channelId).then((list) => {
       if (!cancelled) {
         setRecent(list);
       }
@@ -2892,7 +2921,7 @@ function LoadMessageDialog({
     return () => {
       cancelled = true;
     };
-  }, [open]);
+  }, [open, channelId]);
   const handleLoad = async () => {
     const trimmed = link.trim();
     if (!trimmed) {
@@ -2996,10 +3025,33 @@ function LoadMessageDialog({
               "or pick a recent message",
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-px flex-1 bg-border" })
             ] }),
-            recent === null && !recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading recent messages\u2026" }),
-            recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: recentError }),
-            recent && recent.length === 0 && !recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No recent messages from this app." }),
-            recent && recent.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-h-48 flex-col gap-1 overflow-y-auto", children: recent.map((m) => {
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "recent-channel-picker", children: "Channel" }),
+              channels === null && !channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading channels\u2026" }),
+              channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: channelsError }),
+              channels && channels.length === 0 && !channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No public channels available." }),
+              channels && channels.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  id: "recent-channel-picker",
+                  value: channelId,
+                  onChange: (e) => setChannelId(e.target.value),
+                  className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select a channel\u2026" }),
+                    channels.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.id, children: [
+                      "#",
+                      c.name
+                    ] }, c.id))
+                  ]
+                }
+              )
+            ] }),
+            !channelId && channels && channels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Select a channel to see recent messages." }),
+            channelId && recent === null && !recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading recent messages\u2026" }),
+            channelId && recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: recentError }),
+            channelId && recent && recent.length === 0 && !recentError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No recent messages from this app in this channel." }),
+            channelId && recent && recent.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-h-48 flex-col gap-1 overflow-y-auto", children: recent.map((m) => {
               const asUser = (m.editableVia ?? "bot") === "user";
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
@@ -3013,7 +3065,15 @@ function LoadMessageDialog({
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: m.channelName ? `#${m.channelName}` : m.channelId }),
                         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: m.ts })
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
+                        new Date(Number(m.ts) * 1e3).toLocaleString(),
+                        " ",
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
+                          "(",
+                          m.ts,
+                          ")"
+                        ] })
+                      ] })
                     ] }),
                     m.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: m.label })
                   ]
@@ -3327,25 +3387,6 @@ function SendDialog({
       /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Pick a channel and choose who to post as." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "channel-picker", children: "Channel" }),
-        channels === null && !channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading channels\u2026" }),
-        channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: channelsError }),
-        channels && channels.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No public channels available." }),
-        channels && channels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
-          {
-            id: "channel-picker",
-            value: channelId,
-            onChange: (e) => setChannelId(e.target.value),
-            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-            children: channels.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.id, children: [
-              "#",
-              c.name
-            ] }, c.id))
-          }
-        )
-      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "send-as-picker", children: "Post as" }),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3382,6 +3423,25 @@ function SendDialog({
           "to post as yourself."
         ] })
       ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "channel-picker", children: "Channel" }),
+        channels === null && !channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Loading channels\u2026" }),
+        channelsError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: channelsError }),
+        channels && channels.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No public channels available." }),
+        channels && channels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            id: "channel-picker",
+            value: channelId,
+            onChange: (e) => setChannelId(e.target.value),
+            className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            children: channels.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.id, children: [
+              "#",
+              c.name
+            ] }, c.id))
+          }
+        )
+      ] }),
       errorCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -9149,8 +9209,8 @@ function Toolbar2({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-2 gap-y-1 border-b bg-background px-2 py-1.5 sm:px-3 sm:py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:gap-2", children: [
-        editingEnabled && !editBadge ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", size: "sm", onClick: onOpenLoad, "aria-label": loadButtonLabel, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-3.5 w-3.5" }),
+        editingEnabled ? /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", size: "sm", onClick: onOpenLoad, "aria-label": loadButtonLabel, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MailSearch, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden md:inline", children: loadButtonLabel })
         ] }) : null,
         onOpenPalette ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9840,6 +9900,7 @@ function BlockKitchen(props) {
             onOpenChange: setLoadOpen,
             onLoadMessage: editing.onLoadMessage,
             loadRecentMessages: editing.loadRecentMessages,
+            loadChannels,
             onLoaded: (result) => {
               replaceAll(result.blocks);
               setEditTarget({