@tightknitai/block-kitchen 0.8.11 → 0.9.0

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",
@@ -9840,6 +9892,7 @@ function BlockKitchen(props) {
             onOpenChange: setLoadOpen,
             onLoadMessage: editing.onLoadMessage,
             loadRecentMessages: editing.loadRecentMessages,
+            loadChannels,
             onLoaded: (result) => {
               replaceAll(result.blocks);
               setEditTarget({