code blocks) so that a heading whose body is entirely code
+ * blocks — which already have their own copy buttons — doesn't pass the
+ * threshold. The full text for copying still includes code block content.
+ */
+function collectSection(startEl: Element): { text: string; charCount: number } {
+ const startTag = startEl.tagName; // H2, H3, or P
+ const titleText = (startEl.textContent ?? '').trim();
+
+ const bodyParts: string[] = [];
+ let proseCharCount = 0;
+ let sibling = startEl.nextElementSibling;
+
+ while (sibling) {
+ if (isSectionBoundary(sibling, startTag)) break;
+ const t = (sibling.textContent ?? '').trim();
+ if (t) {
+ bodyParts.push(t);
+ // Only count prose chars towards threshold — exclude blocks
+ // since those already have their own copy buttons
+ if (sibling.tagName !== 'PRE') {
+ proseCharCount += t.length;
+ }
+ }
+ sibling = sibling.nextElementSibling;
+ }
+
+ const text = [titleText, ...bodyParts].filter(Boolean).join('\n\n');
+ return { text, charCount: proseCharCount };
+}
+
+// ─── Action ──────────────────────────────────────────────────────────────────
+
+export function markdownCopyButtons(node: HTMLElement, _content?: string) {
+ const cleanupFns: Array<() => void> = [];
+ let setupPending = false;
+
+ function attachButton(
+ anchorEl: HTMLElement,
+ extraClass: string,
+ label: string,
+ getText: () => string
+ ) {
+ const btn = makeCopyButton(extraClass, label);
+ let timer: ReturnType;
+
+ const onClick = (e: Event) => {
+ e.stopPropagation();
+ navigator.clipboard.writeText(getText()).then(() => {
+ clearTimeout(timer);
+ timer = flashCopied(btn);
+ });
+ };
+
+ btn.addEventListener('click', onClick);
+ anchorEl.appendChild(btn);
+
+ cleanupFns.push(() => {
+ btn.removeEventListener('click', onClick);
+ clearTimeout(timer);
+ btn.remove();
+ });
+ }
+
+ function setup() {
+ // Remove any previously injected buttons and reset cleanup list
+ node.querySelectorAll('.md-copy-btn').forEach((el) => el.remove());
+ cleanupFns.length = 0;
+
+ // ── Code blocks — always injected, no length gate ────────────────────
+ // Code is the most-copied thing; length is irrelevant.
+ node.querySelectorAll('pre').forEach((pre) => {
+ attachButton(pre, 'md-copy-btn--code', 'Copy code', () => {
+ const code = pre.querySelector('code');
+ return (code ?? pre).textContent ?? '';
+ });
+ });
+
+ // ── Headings (h2 and h3) — gated by MIN_SECTION_CHARS ────────────────
+ //
+ // h2 sections include all h3 content beneath them in their char count
+ // (collectSection walks past h3 boundaries for h2 starts).
+ // Each h3 is independently evaluated on its own sub-content only.
+ //
+ // Visual style distinction:
+ // h2 → always-visible button (major section)
+ // h3 → hover-reveal button (subsection, less prominent)
+ node.querySelectorAll('h2, h3').forEach((heading) => {
+ const { text, charCount } = collectSection(heading);
+ if (charCount < MIN_SECTION_CHARS) return;
+
+ const extraClass = 'md-copy-btn--section';
+
+ attachButton(heading, extraClass, 'Copy section', () => text);
+ });
+
+ // ── Bold-paragraph headings (Claude's **Title** + --- style) ─────────
+ //
+ // Only treat as a section title when immediately preceded by
or
+ // at the very start — this excludes mid-section sub-labels like
+ // "Connection distances:" which appear inside another section's body.
+ node.querySelectorAll('p').forEach((p) => {
+ if (!isBoldHeading(p)) return;
+
+ const prev = p.previousElementSibling;
+ const isTopLevel = prev === null || prev.tagName === 'HR';
+ if (!isTopLevel) return;
+
+ const { text, charCount } = collectSection(p);
+ if (charCount < MIN_SECTION_CHARS) return;
+
+ // Append inside so the button sits right after the title text
+ const anchor = (p.querySelector('strong') ?? p) as HTMLElement;
+ attachButton(anchor, 'md-copy-btn--section', 'Copy section', () => text);
+ });
+
+ }
+
+ // ── MutationObserver ─────────────────────────────────────────────────────
+ //
+ // subtree: false — only watch direct children of the markdown-preview node.
+ // {@html} replaces direct children, so this catches real content changes.
+ // subtree: true would also fire on our btn.innerHTML swaps (copy→check icon),
+ // causing setup() to wipe the check icon immediately after clicking.
+ const observer = new MutationObserver((mutations) => {
+ if (setupPending) return;
+
+ // Ignore mutations that are entirely from our own injected buttons
+ const hasRealContentChange = mutations.some((m) =>
+ Array.from(m.addedNodes).some(
+ (n) => !(n instanceof Element && n.classList.contains('md-copy-btn'))
+ )
+ );
+
+ if (hasRealContentChange) {
+ setupPending = true;
+ setTimeout(() => {
+ setup();
+ setupPending = false;
+ }, 0);
+ }
+ });
+
+ observer.observe(node, { childList: true, subtree: false });
+
+ // Run immediately in case content is already present on mount
+ if (node.children.length > 0) {
+ setup();
+ }
+
+ return {
+ update(_newContent?: string) {
+ // MutationObserver handles re-scanning — no-op kept for Svelte API compat.
+ },
+ destroy() {
+ observer.disconnect();
+ node.querySelectorAll('.md-copy-btn').forEach((el) => el.remove());
+ cleanupFns.length = 0;
+ }
+ };
+}
diff --git a/frontend/src/lib/components/ExpandablePrompt.svelte b/frontend/src/lib/components/ExpandablePrompt.svelte
index 3b87ab07..e4a4ce3c 100644
--- a/frontend/src/lib/components/ExpandablePrompt.svelte
+++ b/frontend/src/lib/components/ExpandablePrompt.svelte
@@ -10,6 +10,7 @@
Check,
Maximize2
} from 'lucide-svelte';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
import Modal from '$lib/components/ui/Modal.svelte';
import ImageAttachments from '$lib/components/ImageAttachments.svelte';
import type { ImageAttachment } from '$lib/api-types';
@@ -222,6 +223,7 @@
class="markdown-preview text-sm prompt-content {!isExpanded && needsExpansion
? 'prompt-preview'
: ''}"
+ use:markdownCopyButtons={renderedContent}
>
{@html renderedContent}
@@ -288,6 +290,7 @@
{/if}
diff --git a/frontend/src/lib/components/agents/AgentViewer.svelte b/frontend/src/lib/components/agents/AgentViewer.svelte
index a4b79082..cad0b4bf 100644
--- a/frontend/src/lib/components/agents/AgentViewer.svelte
+++ b/frontend/src/lib/components/agents/AgentViewer.svelte
@@ -3,6 +3,7 @@
import { Bot, Loader2, Check, Eye, Code, Clock, HardDrive, Copy, Layers } from 'lucide-svelte';
import { marked } from 'marked';
import DOMPurify from 'isomorphic-dompurify';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
import { formatDistanceToNow } from 'date-fns';
import { API_BASE } from '$lib/config';
import { formatFileSize } from '$lib/utils';
@@ -186,7 +187,7 @@
>Preview
-
+
{@html renderedContent}
{/if}
diff --git a/frontend/src/lib/components/commands/CommandsPanel.svelte b/frontend/src/lib/components/commands/CommandsPanel.svelte
index d7489f9f..5b7ce8f5 100644
--- a/frontend/src/lib/components/commands/CommandsPanel.svelte
+++ b/frontend/src/lib/components/commands/CommandsPanel.svelte
@@ -7,6 +7,7 @@
import Modal from '$lib/components/ui/Modal.svelte';
import { cleanSkillName, getCommandColorVars, getCommandCategoryColorVars, getCommandCategoryLabel } from '$lib/utils';
import { API_BASE } from '$lib/config';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
interface Props {
commands: CommandUsage[];
@@ -241,7 +242,7 @@
{modalError}
{:else}
-
+
{/if}
diff --git a/frontend/src/lib/components/memory/MemoryViewer.svelte b/frontend/src/lib/components/memory/MemoryViewer.svelte
index 60ca3c3b..fba01e6f 100644
--- a/frontend/src/lib/components/memory/MemoryViewer.svelte
+++ b/frontend/src/lib/components/memory/MemoryViewer.svelte
@@ -3,6 +3,7 @@
import DOMPurify from 'isomorphic-dompurify';
import { formatDistanceToNow } from 'date-fns';
import { Brain, BookOpen, Terminal, Loader2 } from 'lucide-svelte';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
import { API_BASE } from '$lib/config';
import type { ProjectMemory } from '$lib/api-types';
import Card from '$lib/components/ui/Card.svelte';
@@ -150,7 +151,7 @@
-
+
{@html renderedContent}
diff --git a/frontend/src/lib/components/plan/PlanViewer.svelte b/frontend/src/lib/components/plan/PlanViewer.svelte
index 6dcd8e7f..224e9281 100644
--- a/frontend/src/lib/components/plan/PlanViewer.svelte
+++ b/frontend/src/lib/components/plan/PlanViewer.svelte
@@ -5,6 +5,7 @@
import { FileText } from 'lucide-svelte';
import type { PlanDetail } from '$lib/api-types';
import Card from '$lib/components/ui/Card.svelte';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
interface Props {
plan: PlanDetail;
@@ -61,7 +62,7 @@
{#if embedded}
-
+
{@html renderedContent}
{:else}
@@ -85,7 +86,7 @@
-
+
{@html renderedContent}
diff --git a/frontend/src/lib/components/skills/SkillViewer.svelte b/frontend/src/lib/components/skills/SkillViewer.svelte
index 407de514..fee8197a 100644
--- a/frontend/src/lib/components/skills/SkillViewer.svelte
+++ b/frontend/src/lib/components/skills/SkillViewer.svelte
@@ -3,6 +3,7 @@
import { FileText, Loader2, Copy, Check, Eye, Code, Clock, HardDrive } from 'lucide-svelte';
import { marked } from 'marked';
import DOMPurify from 'isomorphic-dompurify';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
import { formatDistanceToNow } from 'date-fns';
import { API_BASE } from '$lib/config';
import { formatFileSize } from '$lib/utils';
@@ -177,7 +178,7 @@
>Preview
-
+
{@html renderedContent}
{/if}
diff --git a/frontend/src/lib/components/timeline/TimelineEventCard.svelte b/frontend/src/lib/components/timeline/TimelineEventCard.svelte
index ecc564bb..1100b2a9 100644
--- a/frontend/src/lib/components/timeline/TimelineEventCard.svelte
+++ b/frontend/src/lib/components/timeline/TimelineEventCard.svelte
@@ -16,6 +16,7 @@
import ToolCallDetail from './ToolCallDetail.svelte';
import TodoUpdateDetail from './TodoUpdateDetail.svelte';
import ImageAttachments from '$lib/components/ImageAttachments.svelte';
+ import { markdownCopyButtons } from '$lib/actions/markdownCopyButtons';
interface Props {
event: TimelineEvent;
@@ -356,6 +357,29 @@
/>
{/if}
+
+
+ {#if !isExpanded && event.metadata?.image_attachments?.length}
+
+ {#each (event.metadata.image_attachments as import('$lib/api-types').ImageAttachment[]).slice(0, 5) as attachment, i}
+
+ 
+
+ {/each}
+ {#if (event.metadata.image_attachments as import('$lib/api-types').ImageAttachment[]).length > 5}
+
+ +{(event.metadata.image_attachments as import('$lib/api-types').ImageAttachment[]).length - 5} more
+
+ {/if}
+
+ {/if}
@@ -393,7 +417,8 @@
@@ -599,7 +610,7 @@
-
+
{@html renderedPlanHtml}
@@ -687,13 +698,14 @@
{@const taskId = String(input.taskId || '')}
{@const status = String(input.status || '')}
{@const subject = String(input.subject || '')}
+ {@const taskSubject = String(event.metadata?.task_subject || '')}
{@const description = String(input.description || '')}
{@const owner = String(input.owner || '')}
{@const activeForm = String(input.activeForm || '')}
{@const addBlocks = (input.addBlocks as string[]) || []}
{@const addBlockedBy = (input.addBlockedBy as string[]) || []}
{@const hasChanges =
- status || subject || description || owner || activeForm || addBlocks.length > 0 || addBlockedBy.length > 0}
+ description || owner || activeForm || addBlocks.length > 0 || addBlockedBy.length > 0}
@@ -701,25 +713,32 @@
-
- ;
/** Param keys to clear when not on a specific tab (e.g., analytics params). Runs before extraParams. */
clearKeys?: string[];
+ /** Current page number. Written to URL when > 1, deleted when 1 or unset. */
+ page?: number;
}
/**
@@ -276,6 +278,11 @@ export function buildFilterUrlParams(currentUrl: string, options: FilterUrlOptio
url.searchParams.set('project', options.projectSlug || options.project);
}
+ // ---- Page number (omit when page 1 — that's the default) ----
+ if (options.page && options.page > 1) {
+ url.searchParams.set('page', options.page.toString());
+ }
+
// ---- Extra params (analytics etc.) ----
if (options.extraParams) {
for (const [key, value] of Object.entries(options.extraParams)) {
diff --git a/frontend/src/routes/projects/[project_slug]/+page.svelte b/frontend/src/routes/projects/[project_slug]/+page.svelte
index eea50f4b..4bad13c2 100644
--- a/frontend/src/routes/projects/[project_slug]/+page.svelte
+++ b/frontend/src/routes/projects/[project_slug]/+page.svelte
@@ -1,6 +1,6 @@