@tightknitai/block-kitchen 0.8.11 → 0.9.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { B as BlockKitchenProps, $ as Template, K as PreviewSurface, N as PreviewTheme } from './palette-Bup05opK.cjs';
-export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as CartesianChart, h as ChannelOption, i as Chart, j as ChartAxisConfig, k as ChartDataPoint, l as ChartSeries, m as ChartType, n as ContainerBlock, o as ContainerChildBlock, p as ContextActionsBlock, q as ContextActionsElement, r as CustomEmoji, D as DataVisualizationBlock, E as EditableVia, s as EditingConfig, F as FeedbackButtonSubobject, t as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, u as IconButtonIcon, v as InputBlock, L as LoadMessageInput, w as LoadResult, M as MarkdownBlock, P as PaletteSection, x as PaletteVariant, y as PieChart, z as PieChartSegment, G as PlanBlock, J as PreviewHooks, R as RecentMessage, S as SendAsUserStatus, O as SendPayload, Q as SendResult, T as SupportedBlock, U as SupportedBlockType, V as SupportedHeaderBlock, W as TableBlock, X as TableCell, Y as TableColumnSetting, Z as TaskCardBlock, _ as TaskCardStatus, a0 as UpdatePayload, a1 as UpdateResult, a2 as UrlSourceElement, a3 as VideoBlock, a5 as defaultPalette, a6 as extraAlertVariant, a7 as legacyInputVariants } from './palette-Bup05opK.cjs';
+import { B as BlockKitchenProps, $ as Template, K as PreviewSurface, N as PreviewTheme } from './palette-DIbvAzRA.cjs';
+export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as CartesianChart, h as ChannelOption, i as Chart, j as ChartAxisConfig, k as ChartDataPoint, l as ChartSeries, m as ChartType, n as ContainerBlock, o as ContainerChildBlock, p as ContextActionsBlock, q as ContextActionsElement, r as CustomEmoji, D as DataVisualizationBlock, E as EditableVia, s as EditingConfig, F as FeedbackButtonSubobject, t as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, u as IconButtonIcon, v as InputBlock, L as LoadMessageInput, w as LoadResult, M as MarkdownBlock, P as PaletteSection, x as PaletteVariant, y as PieChart, z as PieChartSegment, G as PlanBlock, J as PreviewHooks, R as RecentMessage, S as SendAsUserStatus, O as SendPayload, Q as SendResult, T as SupportedBlock, U as SupportedBlockType, V as SupportedHeaderBlock, W as TableBlock, X as TableCell, Y as TableColumnSetting, Z as TaskCardBlock, _ as TaskCardStatus, a0 as UpdatePayload, a1 as UpdateResult, a2 as UrlSourceElement, a3 as VideoBlock, a5 as defaultPalette, a6 as extraAlertVariant, a7 as legacyInputVariants } from './palette-DIbvAzRA.cjs';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.cjs';
 import 'slack-web-api-client';
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { B as BlockKitchenProps, $ as Template, K as PreviewSurface, N as PreviewTheme } from './palette-Bup05opK.js';
-export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as CartesianChart, h as ChannelOption, i as Chart, j as ChartAxisConfig, k as ChartDataPoint, l as ChartSeries, m as ChartType, n as ContainerBlock, o as ContainerChildBlock, p as ContextActionsBlock, q as ContextActionsElement, r as CustomEmoji, D as DataVisualizationBlock, E as EditableVia, s as EditingConfig, F as FeedbackButtonSubobject, t as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, u as IconButtonIcon, v as InputBlock, L as LoadMessageInput, w as LoadResult, M as MarkdownBlock, P as PaletteSection, x as PaletteVariant, y as PieChart, z as PieChartSegment, G as PlanBlock, J as PreviewHooks, R as RecentMessage, S as SendAsUserStatus, O as SendPayload, Q as SendResult, T as SupportedBlock, U as SupportedBlockType, V as SupportedHeaderBlock, W as TableBlock, X as TableCell, Y as TableColumnSetting, Z as TaskCardBlock, _ as TaskCardStatus, a0 as UpdatePayload, a1 as UpdateResult, a2 as UrlSourceElement, a3 as VideoBlock, a5 as defaultPalette, a6 as extraAlertVariant, a7 as legacyInputVariants } from './palette-Bup05opK.js';
+import { B as BlockKitchenProps, $ as Template, K as PreviewSurface, N as PreviewTheme } from './palette-DIbvAzRA.js';
+export { A as AlertBlock, a as AlertLevel, b as BrandPreset, c as BrandTheme, d as BrandTokens, e as BuilderBlock, C as CardBlock, f as CarouselBlock, g as CartesianChart, h as ChannelOption, i as Chart, j as ChartAxisConfig, k as ChartDataPoint, l as ChartSeries, m as ChartType, n as ContainerBlock, o as ContainerChildBlock, p as ContextActionsBlock, q as ContextActionsElement, r as CustomEmoji, D as DataVisualizationBlock, E as EditableVia, s as EditingConfig, F as FeedbackButtonSubobject, t as FeedbackButtonsElement, H as HeaderLevel, I as IconButtonElement, u as IconButtonIcon, v as InputBlock, L as LoadMessageInput, w as LoadResult, M as MarkdownBlock, P as PaletteSection, x as PaletteVariant, y as PieChart, z as PieChartSegment, G as PlanBlock, J as PreviewHooks, R as RecentMessage, S as SendAsUserStatus, O as SendPayload, Q as SendResult, T as SupportedBlock, U as SupportedBlockType, V as SupportedHeaderBlock, W as TableBlock, X as TableCell, Y as TableColumnSetting, Z as TaskCardBlock, _ as TaskCardStatus, a0 as UpdatePayload, a1 as UpdateResult, a2 as UrlSourceElement, a3 as VideoBlock, a5 as defaultPalette, a6 as extraAlertVariant, a7 as legacyInputVariants } from './palette-DIbvAzRA.js';
 export { decodeBlocksFromString, encodeBlocksToString, toSlackBlocks } from './helpers.js';
 import 'slack-web-api-client';
 

package/dist/index.js

@@ -2821,19 +2821,25 @@ function LoadMessageDialog({
   onOpenChange,
   onLoadMessage,
   loadRecentMessages,
+  loadChannels,
   onLoaded,
   onOpenAsNew
 }) {
   const [link, setLink] = useState("");
   const [status, setStatus] = useState({ kind: "idle" });
+  const [channels, setChannels] = useState(null);
+  const [channelsError, setChannelsError] = useState(null);
+  const [channelId, setChannelId] = useState("");
   const [recent, setRecent] = useState(null);
   const [recentError, setRecentError] = useState(null);
   const inputRef = useRef(null);
   const onLoadMessageRef = useRef(onLoadMessage);
   const loadRecentMessagesRef = useRef(loadRecentMessages);
+  const loadChannelsRef = useRef(loadChannels);
   useEffect(() => {
     onLoadMessageRef.current = onLoadMessage;
     loadRecentMessagesRef.current = loadRecentMessages;
+    loadChannelsRef.current = loadChannels;
   });
   const hasRecent = !!loadRecentMessages;
   useEffect(() => {
@@ -2842,15 +2848,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]);
+  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);
       }
@@ -2862,7 +2891,7 @@ function LoadMessageDialog({
     return () => {
       cancelled = true;
     };
-  }, [open]);
+  }, [open, channelId]);
   const handleLoad = async () => {
     const trimmed = link.trim();
     if (!trimmed) {
@@ -2966,10 +2995,33 @@ function LoadMessageDialog({
               "or pick a recent message",
               /* @__PURE__ */ jsx("span", { className: "h-px flex-1 bg-border" })
             ] }),
-            recent === null && !recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading recent messages\u2026" }),
-            recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: recentError }),
-            recent && recent.length === 0 && !recentError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No recent messages from this app." }),
-            recent && recent.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex max-h-48 flex-col gap-1 overflow-y-auto", children: recent.map((m) => {
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "recent-channel-picker", children: "Channel" }),
+              channels === null && !channelsError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading channels\u2026" }),
+              channelsError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: channelsError }),
+              channels && channels.length === 0 && !channelsError && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No public channels available." }),
+              channels && channels.length > 0 && /* @__PURE__ */ 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__ */ jsx("option", { value: "", disabled: true, children: "Select a channel\u2026" }),
+                    channels.map((c) => /* @__PURE__ */ jsxs("option", { value: c.id, children: [
+                      "#",
+                      c.name
+                    ] }, c.id))
+                  ]
+                }
+              )
+            ] }),
+            !channelId && channels && channels.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Select a channel to see recent messages." }),
+            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) => {
               const asUser = (m.editableVia ?? "bot") === "user";
               return /* @__PURE__ */ jsxs(
                 "button",
@@ -9810,6 +9862,7 @@ function BlockKitchen(props) {
             onOpenChange: setLoadOpen,
             onLoadMessage: editing.onLoadMessage,
             loadRecentMessages: editing.loadRecentMessages,
+            loadChannels,
             onLoaded: (result) => {
               replaceAll(result.blocks);
               setEditTarget({