From 45c55c388df9671fe022a6c797a4d957f4a9e563 Mon Sep 17 00:00:00 2001
From: Stephen <scook@tightknit.ai>
Date: Mon, 29 Jun 2026 22:30:23 -0700
Subject: [PATCH 1/4] feat(load-dialog): show pretty date with raw ts in parens
 for recent messages

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/load-message-dialog.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/load-message-dialog.tsx b/src/components/load-message-dialog.tsx
index c2ed542..d97b636 100644
--- a/src/components/load-message-dialog.tsx
+++ b/src/components/load-message-dialog.tsx
@@ -326,7 +326,10 @@ export function LoadMessageDialog({
                               {asUser ? 'You' : 'Bot'}
                             </span>
                           </span>
-                          <span className="shrink-0 font-mono text-xs text-muted-foreground">{m.ts}</span>
+                          <span className="shrink-0 text-xs text-muted-foreground">
+                            {new Date(Number(m.ts) * 1000).toLocaleString()}{" "}
+                            <span className="font-mono">({m.ts})</span>
+                          </span>
                         </span>
                         {m.label && <span className="truncate text-xs text-muted-foreground">{m.label}</span>}
                       </button>

From e71d192a02512cec00c3f2bc0f9300d3004f0cd0 Mon Sep 17 00:00:00 2001
From: Stephen <scook@tightknit.ai>
Date: Mon, 29 Jun 2026 22:34:13 -0700
Subject: [PATCH 2/4] feat(load-dialog): keep Load button visible and always
 show a content preview

- Toolbar Load-message button no longer hides once a message is loaded, so
  you can re-load a different message at any time.
- Recent-message rows always show a one-line preview, falling back to
  header/section text derived from blocks when the host omits `label`.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/load-message-dialog.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/load-message-dialog.tsx b/src/components/load-message-dialog.tsx
index d97b636..00e0a5f 100644
--- a/src/components/load-message-dialog.tsx
+++ b/src/components/load-message-dialog.tsx
@@ -327,8 +327,7 @@ export function LoadMessageDialog({
                             </span>
                           </span>
                           <span className="shrink-0 text-xs text-muted-foreground">
-                            {new Date(Number(m.ts) * 1000).toLocaleString()}{" "}
-                            <span className="font-mono">({m.ts})</span>
+                            {new Date(Number(m.ts) * 1000).toLocaleString()} <span className="font-mono">({m.ts})</span>
                           </span>
                         </span>
                         {m.label && <span className="truncate text-xs text-muted-foreground">{m.label}</span>}

From 3278291255640cc31b78e87d6561fb9522d50571 Mon Sep 17 00:00:00 2001
From: Stephen <scook@tightknit.ai>
Date: Mon, 29 Jun 2026 22:36:40 -0700
Subject: [PATCH 3/4] feat: reorder send-dialog inputs and switch Load button
 to mail-search icon

- Send-to-Slack modal now shows "Post as" above "Channel".
- Load-message button uses the MailSearch icon instead of Pencil.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/send-dialog.tsx | 46 +++++++++++++++++-----------------
 src/components/toolbar.tsx     |  3 ++-
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/src/components/send-dialog.tsx b/src/components/send-dialog.tsx
index aa46227..966aaff 100644
--- a/src/components/send-dialog.tsx
+++ b/src/components/send-dialog.tsx
@@ -158,29 +158,6 @@ export function SendDialog({
         </DialogHeader>
 
         <div className="flex flex-col gap-4">
-          <div className="flex flex-col gap-1.5">
-            <Label htmlFor="channel-picker">Channel</Label>
-            {channels === null && !channelsError && <p className="text-xs text-muted-foreground">Loading channels…</p>}
-            {channelsError && <p className="text-xs text-destructive">{channelsError}</p>}
-            {channels && channels.length === 0 && (
-              <p className="text-xs text-muted-foreground">No public channels available.</p>
-            )}
-            {channels && channels.length > 0 && (
-              <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"
-              >
-                {channels.map((c) => (
-                  <option key={c.id} value={c.id}>
-                    #{c.name}
-                  </option>
-                ))}
-              </select>
-            )}
-          </div>
-
           <div className="flex flex-col gap-1.5">
             <Label htmlFor="send-as-picker">Post as</Label>
             <select
@@ -210,6 +187,29 @@ export function SendDialog({
             )}
           </div>
 
+          <div className="flex flex-col gap-1.5">
+            <Label htmlFor="channel-picker">Channel</Label>
+            {channels === null && !channelsError && <p className="text-xs text-muted-foreground">Loading channels…</p>}
+            {channelsError && <p className="text-xs text-destructive">{channelsError}</p>}
+            {channels && channels.length === 0 && (
+              <p className="text-xs text-muted-foreground">No public channels available.</p>
+            )}
+            {channels && channels.length > 0 && (
+              <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"
+              >
+                {channels.map((c) => (
+                  <option key={c.id} value={c.id}>
+                    #{c.name}
+                  </option>
+                ))}
+              </select>
+            )}
+          </div>
+
           {errorCount > 0 ? (
             <button
               type="button"
diff --git a/src/components/toolbar.tsx b/src/components/toolbar.tsx
index 3f84a5d..cfe17e3 100644
--- a/src/components/toolbar.tsx
+++ b/src/components/toolbar.tsx
@@ -7,6 +7,7 @@ import {
   Code2,
   ExternalLink,
   Home,
+  MailSearch,
   MessageSquare,
   Moon,
   Pencil,
@@ -162,7 +163,7 @@ export function Toolbar({
         <div className="flex min-w-0 flex-1 items-center gap-1 sm:gap-2">
           {editingEnabled && !editBadge ? (
             <Button type="button" size="sm" onClick={onOpenLoad} aria-label={loadButtonLabel}>
-              <Pencil className="h-3.5 w-3.5" />
+              <MailSearch className="h-3.5 w-3.5" />
               <span className="hidden md:inline">{loadButtonLabel}</span>
             </Button>
           ) : null}

From de947a6cdb79c4a46908c4aa988ac7207b157e65 Mon Sep 17 00:00:00 2001
From: Stephen <scook@tightknit.ai>
Date: Mon, 29 Jun 2026 22:42:30 -0700
Subject: [PATCH 4/4] feat(toolbar): keep Load message button visible after a
 message is loaded

Drop the !editBadge gate so the button stays available to re-load a
different message at any time.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/toolbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/toolbar.tsx b/src/components/toolbar.tsx
index cfe17e3..edb5160 100644
--- a/src/components/toolbar.tsx
+++ b/src/components/toolbar.tsx
@@ -161,7 +161,7 @@ export function Toolbar({
     <>
       <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">
         <div className="flex min-w-0 flex-1 items-center gap-1 sm:gap-2">
-          {editingEnabled && !editBadge ? (
+          {editingEnabled ? (
             <Button type="button" size="sm" onClick={onOpenLoad} aria-label={loadButtonLabel}>
               <MailSearch className="h-3.5 w-3.5" />
               <span className="hidden md:inline">{loadButtonLabel}</span>