@flanksource/clicky-ui 0.3.54 → 0.3.56

package/NOTICE.md

@@ -493,6 +493,12 @@ of its upstream source.
 | UiDatabasePlusFilled | ph:database-fill |
 | UiCloud | ph:cloud-light |
 | UiCloudFilled | ph:cloud-fill |
+| UiBrowser | ph:browser-light |
+| UiBrowserFilled | ph:browser-fill |
+| UiShoppingCart | ph:shopping-cart-light |
+| UiShoppingCartFilled | ph:shopping-cart-fill |
+| UiCreditCard | ph:credit-card-light |
+| UiCreditCardFilled | ph:credit-card-fill |
 | UiCloudDownload | ph:cloud-arrow-down-light |
 | UiCloudDownloadFilled | ph:cloud-arrow-down-fill |
 | UiChip | ph:cpu-light |

package/dist/ai.cjs

@@ -10,6 +10,7 @@ const require_SpecRuntimeEditor_model = require("./data/ai/SpecRuntimeEditor.mod
 const require_model_capabilities = require("./data/runtime/model-capabilities.cjs");
 const require_tokens = require("./lib/tokens.cjs");
 const require_ContextMeter = require("./data/chat/ContextMeter.cjs");
+const require_RuntimeBarSegment = require("./data/runtime/RuntimeBarSegment.cjs");
 const require_RuntimeBarActions = require("./data/runtime/RuntimeBarActions.cjs");
 const require_RuntimeBar = require("./data/runtime/RuntimeBar.cjs");
 const require_chat_window_context = require("./data/ai/chat-window-context.cjs");
@@ -75,6 +76,7 @@ const require_SessionViewer_model = require("./data/ai/SessionViewer.model.cjs")
 const require_SessionViewer_input = require("./data/ai/SessionViewer.input.cjs");
 const require_session_categories = require("./data/ai/session-categories.cjs");
 const require_SessionViewer = require("./data/ai/SessionViewer.cjs");
+const require_use_prompt_run_stream = require("./data/ai/use-prompt-run-stream.cjs");
 const require_SessionInspector_remote = require("./data/ai/SessionInspector.remote.cjs");
 const require_SessionTail = require("./data/ai/SessionTail.cjs");
 const require_SessionInspector_approvals_model = require("./data/ai/SessionInspector.approvals-model.cjs");
@@ -140,6 +142,8 @@ exports.RuntimeModePicker = require_RuntimeModePicker.RuntimeModePicker;
 exports.RuntimeProfilePicker = require_RuntimeProfilePicker.RuntimeProfilePicker;
 exports.RuntimeProfilesWorkspace = require_RuntimeProfilesWorkspace.RuntimeProfilesWorkspace;
 exports.RuntimeStatusNotice = require_RuntimeStatusNotice.RuntimeStatusNotice;
+exports.SEGMENT_CAPTION_CLASS = require_RuntimeBarSegment.SEGMENT_CAPTION_CLASS;
+exports.SEGMENT_KEY_CLASS = require_RuntimeBarSegment.SEGMENT_KEY_CLASS;
 exports.SESSION_TONES = require_session_tones.SESSION_TONES;
 exports.SPEC_CHECKOUT_MODES = require_SpecRuntimeEditor_model.SPEC_CHECKOUT_MODES;
 exports.SPEC_CLONE_MODES = require_SpecRuntimeEditor_model.SPEC_CLONE_MODES;
@@ -159,6 +163,7 @@ exports.SPEC_WORKTREE_MODES = require_SpecRuntimeEditor_model.SPEC_WORKTREE_MODE
 exports.SandboxConnectionsSection = require_SandboxConnectionsSection.SandboxConnectionsSection;
 exports.SandboxCreateWizard = require_SandboxCreateWizard.SandboxCreateWizard;
 exports.SchemaBrowser = require_ToolSchemaBrowser.ToolSchemaBrowser;
+exports.SegmentItemLabel = require_RuntimeBarSegment.SegmentItemLabel;
 exports.SessionApprovalsPanel = require_SessionInspector_approvals.SessionApprovalsPanel;
 exports.SessionChatComposer = require_SessionChatComposer.SessionChatComposer;
 exports.SessionContextMeter = require_SessionViewer_header.SessionContextMeter;
@@ -282,6 +287,7 @@ exports.toolPolicyFromPreferences = require_tool_policy.toolPolicyFromPreference
 exports.uniqueName = require_runtime_profile_model.uniqueName;
 exports.unspecifiedHint = require_unspecified.unspecifiedHint;
 exports.useChatWindowManager = require_chat_window_context.useChatWindowManager;
+exports.usePromptRunStream = require_use_prompt_run_stream.usePromptRunStream;
 exports.useRemoteSession = require_SessionInspector_remote.useRemoteSession;
 exports.useRuntimeFamilies = require_use_runtime_families.useRuntimeFamilies;
 exports.useRuntimePermissionCatalog = require_use_permission_catalog.useRuntimePermissionCatalog;

package/dist/ai.js

@@ -9,6 +9,7 @@ import { SPEC_CHECKOUT_MODES, SPEC_CLONE_MODES, SPEC_COMMIT_CONDITIONS, SPEC_COM
 import { effortOptionsForModel, reconcileModelCapabilities } from "./data/runtime/model-capabilities.js";
 import { compactTokens, formatCost } from "./lib/tokens.js";
 import { ContextMeter } from "./data/chat/ContextMeter.js";
+import { SEGMENT_CAPTION_CLASS, SEGMENT_KEY_CLASS, SegmentItemLabel } from "./data/runtime/RuntimeBarSegment.js";
 import { RuntimeBarActions } from "./data/runtime/RuntimeBarActions.js";
 import { RuntimeBar } from "./data/runtime/RuntimeBar.js";
 import { nextPromptId, useChatWindowManager } from "./data/ai/chat-window-context.js";
@@ -74,6 +75,7 @@ import { getSessionAction, getSessionMetadata, normalizeMessages, normalizeSessi
 import { questionsFromToolInput, summarizeToolInput, toolDiff, toolInputParams } from "./data/ai/SessionViewer.input.js";
 import { CATEGORY_ICONS, CATEGORY_LABELS, classifyCommand, classifyToolCategory, collectSessionFilters, eventCategory, isEventVisible } from "./data/ai/session-categories.js";
 import { SessionViewer } from "./data/ai/SessionViewer.js";
+import { usePromptRunStream } from "./data/ai/use-prompt-run-stream.js";
 import { DEFAULT_SESSION_PAGE_SIZE, TERMINAL_SESSION_LIFECYCLES, fetchRemoteSession, isTerminalSessionLifecycle, mergeSessionMessages, openRemoteSession, sessionUrl, useRemoteSession } from "./data/ai/SessionInspector.remote.js";
 import { SessionTail } from "./data/ai/SessionTail.js";
 import { pendingApprovalRequests } from "./data/ai/SessionInspector.approvals-model.js";
@@ -86,4 +88,4 @@ import { CODEX_SESSION_EXAMPLE } from "./data/ai/examples/sessions/codex.js";
 import { CLAUDE_COMPLETE_SESSION } from "./data/ai/examples/sessions/claude-complete.js";
 import { CODEX_COMPLETE_SESSION } from "./data/ai/examples/sessions/codex-complete.js";
 import { COMPLETE_EXAMPLE_SESSIONS, EXAMPLE_SESSIONS } from "./data/ai/examples/sessions/index.js";
-export { AGENT_RUNTIME_ICONS, APPROVAL_ICONS, AdvancedChatConfig, AdvancedChatSettings, CATEGORY_ICONS, CATEGORY_LABELS, CHAT_WINDOW_MOBILE_QUERY, CLAUDE_COMPLETE_SESSION, CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, CLAUDE_SESSION_EXAMPLE, CODEX_COMPLETE_SESSION, CODEX_SESSION_EXAMPLE, COMPLETE_EXAMPLE_SESSIONS, ChatButton, ChatFab, ChatWindow, ChatWindowLayer, ChatWindowManagerProvider, CompactToolPreferencesList, ContextBadges, ContextBadgesReadonly, ContextMeter, DEFAULT_SESSION_PAGE_SIZE, EFFORT_ICONS, EXAMPLE_SESSIONS, OrderedPresetSelect, PERMISSION_MODE_ICONS, PermissionStrategiesEditor, PresetSpecEditor, PresetWorkspace, ProfileSpecEditor, ProfileWorkspace, PromptCatalogTable, PromptLayerStrip, PromptPage, PromptPageHeader, PromptPickerField, PromptRunEditor, PromptSourceBadge, PromptSourceRepair, ProviderStatusPanel, RECENT_RUNTIME_LIMIT, RUNTIME_PROFILE_SCOPES, ResolutionInspector, ResolutionTrace, RuntimeBar, RuntimeBarActions, RuntimeLibraryList, RuntimeModePicker, RuntimeProfilePicker, RuntimeProfilesWorkspace, RuntimeStatusNotice, SESSION_TONES, SPEC_CHECKOUT_MODES, SPEC_CLONE_MODES, SPEC_COMMIT_CONDITIONS, SPEC_COMMIT_GATES, SPEC_COMMIT_MODES, SPEC_COMMIT_PHASES, SPEC_COMMIT_STAGES, SPEC_PERMISSION_MODES, SPEC_RUNTIME_FAMILIES, SPEC_RUNTIME_MODES, SPEC_RUNTIME_TABS, SPEC_SCHEMA_STRICTNESS, SPEC_STASH_MODES, SPEC_VERIFY_SCOPES, SPEC_WORKTREE_MODES, SandboxConnectionsSection, SandboxCreateWizard, ToolSchemaBrowser as SchemaBrowser, SessionApprovalsPanel, SessionChatComposer, SessionContextMeter, SessionInspector, SessionTail, SessionViewer, SpecEditorDialog, SpecRuntimeBar, SpecRuntimeEditor, TERMINAL_SESSION_LIFECYCLES, ThreadPicker, ToolPreferences, ToolPreferencesMenu, ToolSchemaBrowser, UNSPECIFIED_HINT, UNSPECIFIED_ID, UNSPECIFIED_LABEL, UNSPECIFIED_NAME, WORKFLOW_PHASES, appendToolPolicy, assertRuntimePresetSpec, authoredRuntimeSpec, buildAISpecRuntimePayload, buildSandboxCreateInput, buildSavePayload, catalogFilterOptions, classifyCommand, classifyToolCategory, collectSessionFilters, compactAISpecRuntime, compactTokens, costTotal, defaultEditLayer, defaultFilePath, draftFor, draftRaw, duplicateName, effectiveLayer, effectiveToolPolicies, effortIcon, effortOptionsForModel, emptySandboxCreateDraft, entryMatches, eventCategory, familiesFromRuntimeCatalog, familyById, familyForMode, familyForModel, fetchRemoteSession, formatCost, getSessionAction, getSessionMetadata, isConflictError, isDraftDirty, isEventVisible, isSessionInspectorTab, isTerminalSessionLifecycle, isValidPromptSpecDetail, labelForMode, layerLabel, layersAbove, makeContextId, matchesTool, mergeRuntimeSpec, mergeSessionMessages, modeForFamily, modeOptionFor, modelBelongsToFamily, modelsForFamily, nextNewName, nextPromptId, normalizeMCPPermissions, normalizeMessages, normalizeResourcePolicies, normalizeSession, normalizeToolPolicies, normalizeToolPolicy, normalizeToolPolicyRules, openRemoteSession, parseContextPrefix, parsePromptRunYaml, pendingApprovalRequests, permissionTarget, presetForRef, presetsOf, previewText, projectRuntimePresetSpec, promptPreviewText, promptRunYaml, promptRuntimeValueToPayload, provenanceSummary, questionsFromToolInput, reconcileModelCapabilities, recordRecentRuntimes, referencedBy, reorderProfilePresets, resolveToolPolicy, runtimeModeError, runtimeModeFromModel, runtimeModeOptions, runtimeModelError, runtimeRows, runtimeSpecFields, runtimeSummary, selectionForMode, selectionForRuntime, serializeContext, sessionTone, sessionUrl, sourceLabel, sourceTone, specToPromptRuntimeValue, splitMcpTool, summarizeSession, summarizeToolInput, toggleSandboxCredential, tokenTotal, toolDiff, toolInputParams, toolPolicyFromPreferences, uniqueName, unspecifiedHint, useChatWindowManager, useRemoteSession, useRuntimeFamilies, useRuntimePermissionCatalog, useRuntimePresetMenu, useRuntimePresetResolution, useRuntimeProfilePicker, useRuntimeProfileResolution, withUserRule };
+export { AGENT_RUNTIME_ICONS, APPROVAL_ICONS, AdvancedChatConfig, AdvancedChatSettings, CATEGORY_ICONS, CATEGORY_LABELS, CHAT_WINDOW_MOBILE_QUERY, CLAUDE_COMPLETE_SESSION, CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, CLAUDE_SESSION_EXAMPLE, CODEX_COMPLETE_SESSION, CODEX_SESSION_EXAMPLE, COMPLETE_EXAMPLE_SESSIONS, ChatButton, ChatFab, ChatWindow, ChatWindowLayer, ChatWindowManagerProvider, CompactToolPreferencesList, ContextBadges, ContextBadgesReadonly, ContextMeter, DEFAULT_SESSION_PAGE_SIZE, EFFORT_ICONS, EXAMPLE_SESSIONS, OrderedPresetSelect, PERMISSION_MODE_ICONS, PermissionStrategiesEditor, PresetSpecEditor, PresetWorkspace, ProfileSpecEditor, ProfileWorkspace, PromptCatalogTable, PromptLayerStrip, PromptPage, PromptPageHeader, PromptPickerField, PromptRunEditor, PromptSourceBadge, PromptSourceRepair, ProviderStatusPanel, RECENT_RUNTIME_LIMIT, RUNTIME_PROFILE_SCOPES, ResolutionInspector, ResolutionTrace, RuntimeBar, RuntimeBarActions, RuntimeLibraryList, RuntimeModePicker, RuntimeProfilePicker, RuntimeProfilesWorkspace, RuntimeStatusNotice, SEGMENT_CAPTION_CLASS, SEGMENT_KEY_CLASS, SESSION_TONES, SPEC_CHECKOUT_MODES, SPEC_CLONE_MODES, SPEC_COMMIT_CONDITIONS, SPEC_COMMIT_GATES, SPEC_COMMIT_MODES, SPEC_COMMIT_PHASES, SPEC_COMMIT_STAGES, SPEC_PERMISSION_MODES, SPEC_RUNTIME_FAMILIES, SPEC_RUNTIME_MODES, SPEC_RUNTIME_TABS, SPEC_SCHEMA_STRICTNESS, SPEC_STASH_MODES, SPEC_VERIFY_SCOPES, SPEC_WORKTREE_MODES, SandboxConnectionsSection, SandboxCreateWizard, ToolSchemaBrowser as SchemaBrowser, SegmentItemLabel, SessionApprovalsPanel, SessionChatComposer, SessionContextMeter, SessionInspector, SessionTail, SessionViewer, SpecEditorDialog, SpecRuntimeBar, SpecRuntimeEditor, TERMINAL_SESSION_LIFECYCLES, ThreadPicker, ToolPreferences, ToolPreferencesMenu, ToolSchemaBrowser, UNSPECIFIED_HINT, UNSPECIFIED_ID, UNSPECIFIED_LABEL, UNSPECIFIED_NAME, WORKFLOW_PHASES, appendToolPolicy, assertRuntimePresetSpec, authoredRuntimeSpec, buildAISpecRuntimePayload, buildSandboxCreateInput, buildSavePayload, catalogFilterOptions, classifyCommand, classifyToolCategory, collectSessionFilters, compactAISpecRuntime, compactTokens, costTotal, defaultEditLayer, defaultFilePath, draftFor, draftRaw, duplicateName, effectiveLayer, effectiveToolPolicies, effortIcon, effortOptionsForModel, emptySandboxCreateDraft, entryMatches, eventCategory, familiesFromRuntimeCatalog, familyById, familyForMode, familyForModel, fetchRemoteSession, formatCost, getSessionAction, getSessionMetadata, isConflictError, isDraftDirty, isEventVisible, isSessionInspectorTab, isTerminalSessionLifecycle, isValidPromptSpecDetail, labelForMode, layerLabel, layersAbove, makeContextId, matchesTool, mergeRuntimeSpec, mergeSessionMessages, modeForFamily, modeOptionFor, modelBelongsToFamily, modelsForFamily, nextNewName, nextPromptId, normalizeMCPPermissions, normalizeMessages, normalizeResourcePolicies, normalizeSession, normalizeToolPolicies, normalizeToolPolicy, normalizeToolPolicyRules, openRemoteSession, parseContextPrefix, parsePromptRunYaml, pendingApprovalRequests, permissionTarget, presetForRef, presetsOf, previewText, projectRuntimePresetSpec, promptPreviewText, promptRunYaml, promptRuntimeValueToPayload, provenanceSummary, questionsFromToolInput, reconcileModelCapabilities, recordRecentRuntimes, referencedBy, reorderProfilePresets, resolveToolPolicy, runtimeModeError, runtimeModeFromModel, runtimeModeOptions, runtimeModelError, runtimeRows, runtimeSpecFields, runtimeSummary, selectionForMode, selectionForRuntime, serializeContext, sessionTone, sessionUrl, sourceLabel, sourceTone, specToPromptRuntimeValue, splitMcpTool, summarizeSession, summarizeToolInput, toggleSandboxCredential, tokenTotal, toolDiff, toolInputParams, toolPolicyFromPreferences, uniqueName, unspecifiedHint, useChatWindowManager, usePromptRunStream, useRemoteSession, useRuntimeFamilies, useRuntimePermissionCatalog, useRuntimePresetMenu, useRuntimePresetResolution, useRuntimeProfilePicker, useRuntimeProfileResolution, withUserRule };

package/dist/chat.cjs

@@ -28,6 +28,7 @@ const require_ContextMeter = require("./data/chat/ContextMeter.cjs");
 const require_RuntimeBar = require("./data/runtime/RuntimeBar.cjs");
 const require_Chat = require("./data/chat/Chat.cjs");
 const require_clickyOperationsToTools = require("./data/chat/clickyOperationsToTools.cjs");
+const require_ChatLayer = require("./rpc/ChatLayer.cjs");
 const require_ModelSelector = require("./data/chat/ModelSelector.cjs");
 const require_Chat_fixtures = require("./data/chat/Chat.fixtures.cjs");
 exports.AttachmentButton = require_Attachment.AttachmentButton;
@@ -36,6 +37,7 @@ exports.BudgetSelector = require_ModelSelector.BudgetSelector;
 exports.CLAUDE_PERMISSION_MODES = require_types.CLAUDE_PERMISSION_MODES;
 exports.CLAUDE_PERMISSION_MODE_OPTIONS = require_types.CLAUDE_PERMISSION_MODE_OPTIONS;
 exports.Chat = require_Chat.Chat;
+exports.ChatLayer = require_ChatLayer.ChatLayer;
 exports.ContextMeter = require_ContextMeter.ContextMeter;
 exports.Conversation = require_Conversation.Conversation;
 exports.DEFAULT_ATTACHMENT_LIMITS = require_attachment_upload.DEFAULT_ATTACHMENT_LIMITS;

package/dist/chat.d.ts

@@ -1,2 +1,3 @@
 export * from './data/chat/index.js';
+export { ChatLayer, type ChatLayerProps } from './rpc/ChatLayer.js';
 //# sourceMappingURL=chat.d.ts.map

package/dist/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../src/chat.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../src/chat.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/chat.js

@@ -27,6 +27,7 @@ import { ContextMeter } from "./data/chat/ContextMeter.js";
 import { RuntimeBar } from "./data/runtime/RuntimeBar.js";
 import { Chat } from "./data/chat/Chat.js";
 import { clickyOperationsToTools, operationToTool } from "./data/chat/clickyOperationsToTools.js";
+import { ChatLayer } from "./rpc/ChatLayer.js";
 import { BudgetSelector, EffortSelector, ModelSelector, ProviderSelector } from "./data/chat/ModelSelector.js";
 import { MOCK_MODELS, mockChatTransport } from "./data/chat/Chat.fixtures.js";
-export { AttachmentButton, AttachmentList, BudgetSelector, CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, Chat, ContextMeter, Conversation, DEFAULT_ATTACHMENT_LIMITS, EffortSelector, MOCK_MODELS, Message, MessageActions, ModelSelector, PromptInput, ProviderSelector, Reasoning, RuntimeBar, Suggestions, ToolArgs, ToolCall, ToolFieldValue, ToolParams, ToolRenderRegistry, ToolRenderRegistryProvider, ToolValue, appendToolPolicy, classifyToolValue, clickyOperationsToTools, createAttachmentUploadAdapter, createToolRenderRegistry, defaultChatModelId, defaultToolInputView, defaultToolOutputView, defaultToolRenderAdapters, defaultToolSummary, deriveColumns, fieldMetaFromSchema, isDynamicToolPart, isFilePart, isReasoningPart, isTypedToolPart, knownToolRenderAdapters, listItemsSchema, matchItems, matchesTool, mockChatTransport, normalizeToolOutput, normalizeToolPolicy, normalizeToolPolicyRules, operationToTool, orderFieldKeys, providerIcon, providerIconColor, resolveToolPolicy, suggestionLabel, suggestionPrompt, summarizeToolValue, toToolRenderRegistry, toolNameAdapter, toolPartName, toolPolicyFromPreferences, useToolRenderRegistry };
+export { AttachmentButton, AttachmentList, BudgetSelector, CLAUDE_PERMISSION_MODES, CLAUDE_PERMISSION_MODE_OPTIONS, Chat, ChatLayer, ContextMeter, Conversation, DEFAULT_ATTACHMENT_LIMITS, EffortSelector, MOCK_MODELS, Message, MessageActions, ModelSelector, PromptInput, ProviderSelector, Reasoning, RuntimeBar, Suggestions, ToolArgs, ToolCall, ToolFieldValue, ToolParams, ToolRenderRegistry, ToolRenderRegistryProvider, ToolValue, appendToolPolicy, classifyToolValue, clickyOperationsToTools, createAttachmentUploadAdapter, createToolRenderRegistry, defaultChatModelId, defaultToolInputView, defaultToolOutputView, defaultToolRenderAdapters, defaultToolSummary, deriveColumns, fieldMetaFromSchema, isDynamicToolPart, isFilePart, isReasoningPart, isTypedToolPart, knownToolRenderAdapters, listItemsSchema, matchItems, matchesTool, mockChatTransport, normalizeToolOutput, normalizeToolPolicy, normalizeToolPolicyRules, operationToTool, orderFieldKeys, providerIcon, providerIconColor, resolveToolPolicy, suggestionLabel, suggestionPrompt, summarizeToolValue, toToolRenderRegistry, toolNameAdapter, toolPartName, toolPolicyFromPreferences, useToolRenderRegistry };

package/dist/comments/CommentCard.cjs

@@ -11,6 +11,7 @@ const require_UiTrash = require("../icons/components/UiTrash.cjs");
 const require_Icon = require("../data/Icon.cjs");
 const require_DropdownMenu = require("../overlay/DropdownMenu.cjs");
 const require_timestamp_format = require("../data/cells/timestamp-format.cjs");
+const require_comment_assign = require("./comment-assign.cjs");
 const require_CommentMarkdown = require("./CommentMarkdown.cjs");
 const require_CommentAuthor = require("./CommentAuthor.cjs");
 const require_CommentCardParts = require("./CommentCardParts.cjs");
@@ -37,7 +38,33 @@ function actionMenuItems(isReply, opts) {
 	});
 	return items;
 }
-function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onDelete, onCopy, onReply, onChecklistToggle, onMaximize }) {
+/** A runner for {@link assignmentMenuItems} that shows a failure through `setError`. */
+function reportingRunner(setError) {
+	return (verb, action) => {
+		setError("");
+		(async () => {
+			try {
+				await action();
+			} catch (cause) {
+				setError(`Couldn't ${verb} comment: ${cause instanceof Error ? cause.message : "Unexpected error"}`);
+			}
+		})();
+	};
+}
+/** The Acknowledge and Assign… entries for a root; none for replies. */
+function rootAssignmentItems(props, run) {
+	const { comment, config, onAcknowledge, onAssign, extraAssignItems } = props;
+	return require_comment_assign.assignmentMenuItems({
+		comment,
+		config,
+		run,
+		...onAcknowledge ? { onAcknowledge } : {},
+		...onAssign ? { onAssign } : {},
+		...extraAssignItems ? { extraAssignItems } : {}
+	});
+}
+function CommentBody(props) {
+	const { comment, config, renderBody, onUpdateStatus, onClose, onDelete, onCopy, onReply, onChecklistToggle, onMaximize } = props;
 	const [actionError, setActionError] = (0, react.useState)("");
 	const isReply = Boolean(comment.parentId);
 	const date = require_timestamp_format.parseTimestamp(comment.createdAt);
@@ -72,6 +99,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 	const menuItems = actionMenuItems(isReply, {
 		...onDelete ? { onDelete } : {},
 		statusActions: [
+			...rootAssignmentItems(props, reportingRunner(setActionError)),
 			...stage === "active" && onUpdateStatus && resolved ? [{
 				label: "Resolve",
 				icon: require_UiCheck.UiCheck,
@@ -134,7 +162,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 								"aria-label": "Close comment",
 								title: "Close comment",
 								onClick: () => void close(),
-								className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 									icon: require_UiCheck.UiCheck,
 									className: "text-sm"
@@ -145,7 +173,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 								"aria-label": "Reopen comment",
 								title: "Reopen comment",
 								onClick: () => void updateStatus(active.value),
-								className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 									icon: require_UiRestart.UiRestart,
 									className: "text-sm"
@@ -158,7 +186,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 									role: "button",
 									tabIndex: 0,
 									"aria-label": "Comment actions",
-									className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+									className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:size-11",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 										icon: require_UiDotsVertical.UiDotsVertical,
 										className: "text-sm"
@@ -187,7 +215,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 			onReply && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				onClick: onReply,
-				className: "-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10",
+				className: "-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10 [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm",
 				children: "Reply"
 			})
 		]
@@ -246,7 +274,7 @@ function CommentCard(props) {
 				bare: true
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "shrink-0 text-[11px] font-semibold text-foreground",
+				className: "min-w-0 truncate text-[11px] font-semibold text-foreground",
 				children: require_comment_utils.authorDisplayName(comment.author)
 			}),
 			!isReply && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -267,6 +295,7 @@ function CommentCard(props) {
 				children: comment.body.trim() ? require_comment_utils.truncatePlain(comment.body) : comment.rating === "positive" ? "Positive rating" : comment.rating === "negative" ? "Negative rating" : comment.reviewDecision === "approved" ? "Approved" : "Empty comment"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "shrink-0",
 				role: "presentation",
 				onClick: (e) => e.stopPropagation(),
 				onKeyDown: (e) => e.stopPropagation(),
@@ -276,7 +305,7 @@ function CommentCard(props) {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": "Comment actions",
-						className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70",
+						className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70 [@media(hover:none)]:opacity-70 [@media(pointer:coarse)]:p-2.5",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
 							icon: require_UiDotsVertical.UiDotsVertical,
 							className: "text-sm"
@@ -285,6 +314,7 @@ function CommentCard(props) {
 					items: actionMenuItems(isReply, {
 						...props.onDelete ? { onDelete: props.onDelete } : {},
 						statusActions: [
+							...rootAssignmentItems(props, reportingRunner(setCollapsedActionError)),
 							...require_comment_stage.resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && require_comment_stage.statusForCommentStage(config, "resolved") ? [{
 								label: "Resolve",
 								icon: require_UiCheck.UiCheck,

package/dist/comments/CommentCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.cjs","names":["UiTrash","UiCopy","UiFullscreen","useState","parseTimestamp","statusForCommentStage","resolveCommentStage","UiCheck","UiLock","UiRestart","CommentAuthorAvatar","authorDisplayName","formatRelativeTime","StatusChip","RatingChip","ReviewDecisionChip","FacetBadges","Icon","DropdownMenu","UiDotsVertical","CommentMarkdown","ChecklistChips","RefChips","_Fragment","cn","truncatePlain"],"sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiLock,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  ReviewDecisionChip,\n  RefChips,\n  StatusChip,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport { authorDisplayName, truncatePlain } from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  statusForCommentStage,\n} from \"../lib/comment-stage\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Close an active or resolved root comment. */\n  onClose?: () => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    statusActions?: DropdownMenuItem[];\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply) items.push(...(opts.statusActions ?? []));\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onClose,\n  onDelete,\n  onCopy,\n  onReply,\n  onChecklistToggle,\n  onMaximize,\n}: CommentCardProps) {\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const resolved = statusForCommentStage(config, \"resolved\");\n  const active = statusForCommentStage(config, \"active\");\n  const closed = statusForCommentStage(config, \"closed\");\n  const stage = resolveCommentStage(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const close = async () => {\n    setActionError(\"\");\n    try {\n      await onClose?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't close comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    statusActions: [\n      ...(stage === \"active\" && onUpdateStatus && resolved\n        ? [\n            {\n              label: \"Resolve\",\n              icon: UiCheck,\n              onSelect: () => void updateStatus(resolved.value),\n            },\n          ]\n        : []),\n      ...((stage === \"active\" || stage === \"resolved\") && onClose && closed\n        ? [\n            {\n              label: \"Close\",\n              icon: UiLock,\n              onSelect: () => void close(),\n            },\n          ]\n        : []),\n      ...((stage === \"resolved\" || stage === \"closed\") &&\n      onUpdateStatus &&\n      active\n        ? [\n            {\n              label: \"Reopen\",\n              icon: UiRestart,\n              onSelect: () => void updateStatus(active.value),\n            },\n          ]\n        : []),\n    ],\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <ReviewDecisionChip decision={comment.reviewDecision} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {!isReply &&\n            (stage === \"active\" || stage === \"resolved\") &&\n            onClose &&\n            closed && (\n              <button\n                type=\"button\"\n                aria-label=\"Close comment\"\n                title=\"Close comment\"\n                onClick={() => void close()}\n                className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <Icon icon={UiCheck} className=\"text-sm\" />\n              </button>\n            )}\n          {!isReply && stage === \"closed\" && onUpdateStatus && active && (\n            <button\n              type=\"button\"\n              aria-label=\"Reopen comment\"\n              title=\"Reopen comment\"\n              onClick={() => void updateStatus(active.value)}\n              className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Icon icon={UiRestart} className=\"text-sm\" />\n            </button>\n          )}\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function runCollapsedAction(action: \"resolve\" | \"close\" | \"reopen\") {\n    setCollapsedActionError(\"\");\n    try {\n      if (action === \"close\") {\n        await props.onClose?.();\n        return;\n      }\n      const next = statusForCommentStage(\n        config,\n        action === \"resolve\" ? \"resolved\" : \"active\",\n      );\n      if (next) await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `${action === \"close\" ? \"Couldn't close comment\" : \"Couldn't update comment\"}: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <ReviewDecisionChip decision={comment.reviewDecision} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : comment.reviewDecision === \"approved\"\n                    ? \"Approved\"\n                    : \"Empty comment\"}\n          </span>\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                statusActions: [\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"active\" &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"resolved\")\n                    ? [\n                        {\n                          label: \"Resolve\",\n                          icon: UiCheck,\n                          onSelect: () => void runCollapsedAction(\"resolve\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"active\" ||\n                    resolveCommentStage(config, comment.status) ===\n                      \"resolved\") &&\n                  props.onClose &&\n                  statusForCommentStage(config, \"closed\")\n                    ? [\n                        {\n                          label: \"Close\",\n                          icon: UiLock,\n                          onSelect: () => void runCollapsedAction(\"close\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"resolved\" ||\n                    resolveCommentStage(config, comment.status) === \"closed\") &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"active\")\n                    ? [\n                        {\n                          label: \"Reopen\",\n                          icon: UiRestart,\n                          onSelect: () => void runCollapsedAction(\"reopen\"),\n                        },\n                      ]\n                    : []),\n                ],\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommentCard.cjs","names":["UiTrash","UiCopy","UiFullscreen","assignmentMenuItems","useState","parseTimestamp","statusForCommentStage","resolveCommentStage","UiCheck","UiLock","UiRestart","CommentAuthorAvatar","authorDisplayName","formatRelativeTime","StatusChip","RatingChip","ReviewDecisionChip","FacetBadges","Icon","DropdownMenu","UiDotsVertical","CommentMarkdown","ChecklistChips","RefChips","_Fragment","cn","truncatePlain"],"sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiLock,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  ReviewDecisionChip,\n  RefChips,\n  StatusChip,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  assignmentMenuItems,\n  type CommentActionRunner,\n} from \"./comment-assign\";\nimport { authorDisplayName, truncatePlain } from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  statusForCommentStage,\n} from \"../lib/comment-stage\";\nimport type { Comment, CommentAuthor, CommentConfig } from \"./comment-types\";\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Close an active or resolved root comment. */\n  onClose?: () => void | Promise<void>;\n  /** Claim an unassigned active root for the current user or agent. */\n  onAcknowledge?: () => void | Promise<void>;\n  /** Hand an active root to an assignee, or clear it with `null`. */\n  onAssign?: (assignee: CommentAuthor | null) => void | Promise<void>;\n  /**\n   * Caller-owned entries appended to the \"Assign…\" submenu, such as a run-agent\n   * action. Computed per comment so they can reflect its state.\n   */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    statusActions?: DropdownMenuItem[];\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply) items.push(...(opts.statusActions ?? []));\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\n/** A runner for {@link assignmentMenuItems} that shows a failure through `setError`. */\nfunction reportingRunner(setError: (message: string) => void): CommentActionRunner {\n  return (verb, action) => {\n    setError(\"\");\n    void (async () => {\n      try {\n        await action();\n      } catch (cause) {\n        setError(\n          `Couldn't ${verb} comment: ${cause instanceof Error ? cause.message : \"Unexpected error\"}`,\n        );\n      }\n    })();\n  };\n}\n\n/** The Acknowledge and Assign… entries for a root; none for replies. */\nfunction rootAssignmentItems(\n  props: CommentCardProps,\n  run: CommentActionRunner,\n): DropdownMenuItem[] {\n  const { comment, config, onAcknowledge, onAssign, extraAssignItems } = props;\n  return assignmentMenuItems({\n    comment,\n    config,\n    run,\n    ...(onAcknowledge ? { onAcknowledge } : {}),\n    ...(onAssign ? { onAssign } : {}),\n    ...(extraAssignItems ? { extraAssignItems } : {}),\n  });\n}\n\nfunction CommentBody(props: CommentCardProps) {\n  const {\n    comment,\n    config,\n    renderBody,\n    onUpdateStatus,\n    onClose,\n    onDelete,\n    onCopy,\n    onReply,\n    onChecklistToggle,\n    onMaximize,\n  } = props;\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const resolved = statusForCommentStage(config, \"resolved\");\n  const active = statusForCommentStage(config, \"active\");\n  const closed = statusForCommentStage(config, \"closed\");\n  const stage = resolveCommentStage(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const close = async () => {\n    setActionError(\"\");\n    try {\n      await onClose?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't close comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    statusActions: [\n      ...rootAssignmentItems(props, reportingRunner(setActionError)),\n      ...(stage === \"active\" && onUpdateStatus && resolved\n        ? [\n            {\n              label: \"Resolve\",\n              icon: UiCheck,\n              onSelect: () => void updateStatus(resolved.value),\n            },\n          ]\n        : []),\n      ...((stage === \"active\" || stage === \"resolved\") && onClose && closed\n        ? [\n            {\n              label: \"Close\",\n              icon: UiLock,\n              onSelect: () => void close(),\n            },\n          ]\n        : []),\n      ...((stage === \"resolved\" || stage === \"closed\") &&\n      onUpdateStatus &&\n      active\n        ? [\n            {\n              label: \"Reopen\",\n              icon: UiRestart,\n              onSelect: () => void updateStatus(active.value),\n            },\n          ]\n        : []),\n    ],\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <ReviewDecisionChip decision={comment.reviewDecision} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {!isReply &&\n            (stage === \"active\" || stage === \"resolved\") &&\n            onClose &&\n            closed && (\n              <button\n                type=\"button\"\n                aria-label=\"Close comment\"\n                title=\"Close comment\"\n                onClick={() => void close()}\n                className=\"inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11\"\n              >\n                <Icon icon={UiCheck} className=\"text-sm\" />\n              </button>\n            )}\n          {!isReply && stage === \"closed\" && onUpdateStatus && active && (\n            <button\n              type=\"button\"\n              aria-label=\"Reopen comment\"\n              title=\"Reopen comment\"\n              onClick={() => void updateStatus(active.value)}\n              className=\"inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11\"\n            >\n              <Icon icon={UiRestart} className=\"text-sm\" />\n            </button>\n          )}\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:size-11\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10 [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function runCollapsedAction(action: \"resolve\" | \"close\" | \"reopen\") {\n    setCollapsedActionError(\"\");\n    try {\n      if (action === \"close\") {\n        await props.onClose?.();\n        return;\n      }\n      const next = statusForCommentStage(\n        config,\n        action === \"resolve\" ? \"resolved\" : \"active\",\n      );\n      if (next) await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `${action === \"close\" ? \"Couldn't close comment\" : \"Couldn't update comment\"}: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"min-w-0 truncate text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <ReviewDecisionChip decision={comment.reviewDecision} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : comment.reviewDecision === \"approved\"\n                    ? \"Approved\"\n                    : \"Empty comment\"}\n          </span>\n          <span\n            className=\"shrink-0\"\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70 [@media(hover:none)]:opacity-70 [@media(pointer:coarse)]:p-2.5\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                statusActions: [\n                  ...rootAssignmentItems(\n                    props,\n                    reportingRunner(setCollapsedActionError),\n                  ),\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"active\" &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"resolved\")\n                    ? [\n                        {\n                          label: \"Resolve\",\n                          icon: UiCheck,\n                          onSelect: () => void runCollapsedAction(\"resolve\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"active\" ||\n                    resolveCommentStage(config, comment.status) ===\n                      \"resolved\") &&\n                  props.onClose &&\n                  statusForCommentStage(config, \"closed\")\n                    ? [\n                        {\n                          label: \"Close\",\n                          icon: UiLock,\n                          onSelect: () => void runCollapsedAction(\"close\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"resolved\" ||\n                    resolveCommentStage(config, comment.status) === \"closed\") &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"active\")\n                    ? [\n                        {\n                          label: \"Reopen\",\n                          icon: UiRestart,\n                          onSelect: () => void runCollapsedAction(\"reopen\"),\n                        },\n                      ]\n                    : []),\n                ],\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/comments/CommentCard.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { Comment, CommentConfig } from './comment-types.js';
+import { DropdownMenuItem } from '../overlay/DropdownMenu.js';
+import { Comment, CommentAuthor, CommentConfig } from './comment-types.js';
 export type CommentCardProps = {
     comment: Comment;
     config: CommentConfig;
@@ -13,6 +14,15 @@ export type CommentCardProps = {
     onUpdateStatus?: (status: string) => void | Promise<void>;
     /** Close an active or resolved root comment. */
     onClose?: () => void | Promise<void>;
+    /** Claim an unassigned active root for the current user or agent. */
+    onAcknowledge?: () => void | Promise<void>;
+    /** Hand an active root to an assignee, or clear it with `null`. */
+    onAssign?: (assignee: CommentAuthor | null) => void | Promise<void>;
+    /**
+     * Caller-owned entries appended to the "Assign…" submenu, such as a run-agent
+     * action. Computed per comment so they can reflect its state.
+     */
+    extraAssignItems?: (comment: Comment) => DropdownMenuItem[];
     /** Delete this comment. */
     onDelete?: () => void;
     /** Copy this comment's whole thread in the caller's canonical format. */

package/dist/comments/CommentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgCjD,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAgOF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAkLlD"}
+{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAiC9E,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,gBAAgB,EAAE,CAAC;IAC5D,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAkQF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAuLlD"}

package/dist/comments/CommentCard.js

@@ -11,6 +11,7 @@ import { UiTrash } from "../icons/components/UiTrash.js";
 import { Icon } from "../data/Icon.js";
 import { DropdownMenu } from "../overlay/DropdownMenu.js";
 import { formatRelativeTime, parseTimestamp } from "../data/cells/timestamp-format.js";
+import { assignmentMenuItems } from "./comment-assign.js";
 import { CommentMarkdown } from "./CommentMarkdown.js";
 import { CommentAuthorAvatar } from "./CommentAuthor.js";
 import { ChecklistChips, FacetBadges, RatingChip, RefChips, ReviewDecisionChip, StatusChip } from "./CommentCardParts.js";
@@ -37,7 +38,33 @@ function actionMenuItems(isReply, opts) {
 	});
 	return items;
 }
-function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onDelete, onCopy, onReply, onChecklistToggle, onMaximize }) {
+/** A runner for {@link assignmentMenuItems} that shows a failure through `setError`. */
+function reportingRunner(setError) {
+	return (verb, action) => {
+		setError("");
+		(async () => {
+			try {
+				await action();
+			} catch (cause) {
+				setError(`Couldn't ${verb} comment: ${cause instanceof Error ? cause.message : "Unexpected error"}`);
+			}
+		})();
+	};
+}
+/** The Acknowledge and Assign… entries for a root; none for replies. */
+function rootAssignmentItems(props, run) {
+	const { comment, config, onAcknowledge, onAssign, extraAssignItems } = props;
+	return assignmentMenuItems({
+		comment,
+		config,
+		run,
+		...onAcknowledge ? { onAcknowledge } : {},
+		...onAssign ? { onAssign } : {},
+		...extraAssignItems ? { extraAssignItems } : {}
+	});
+}
+function CommentBody(props) {
+	const { comment, config, renderBody, onUpdateStatus, onClose, onDelete, onCopy, onReply, onChecklistToggle, onMaximize } = props;
 	const [actionError, setActionError] = useState("");
 	const isReply = Boolean(comment.parentId);
 	const date = parseTimestamp(comment.createdAt);
@@ -72,6 +99,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 	const menuItems = actionMenuItems(isReply, {
 		...onDelete ? { onDelete } : {},
 		statusActions: [
+			...rootAssignmentItems(props, reportingRunner(setActionError)),
 			...stage === "active" && onUpdateStatus && resolved ? [{
 				label: "Resolve",
 				icon: UiCheck,
@@ -134,7 +162,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 								"aria-label": "Close comment",
 								title: "Close comment",
 								onClick: () => void close(),
-								className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11",
 								children: /* @__PURE__ */ jsx(Icon, {
 									icon: UiCheck,
 									className: "text-sm"
@@ -145,7 +173,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 								"aria-label": "Reopen comment",
 								title: "Reopen comment",
 								onClick: () => void updateStatus(active.value),
-								className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [@media(pointer:coarse)]:size-11",
 								children: /* @__PURE__ */ jsx(Icon, {
 									icon: UiRestart,
 									className: "text-sm"
@@ -158,7 +186,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 									role: "button",
 									tabIndex: 0,
 									"aria-label": "Comment actions",
-									className: "inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+									className: "inline-flex items-center justify-center rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:size-11",
 									children: /* @__PURE__ */ jsx(Icon, {
 										icon: UiDotsVertical,
 										className: "text-sm"
@@ -187,7 +215,7 @@ function CommentBody({ comment, config, renderBody, onUpdateStatus, onClose, onD
 			onReply && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onReply,
-				className: "-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10",
+				className: "-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10 [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm",
 				children: "Reply"
 			})
 		]
@@ -246,7 +274,7 @@ function CommentCard(props) {
 				bare: true
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "shrink-0 text-[11px] font-semibold text-foreground",
+				className: "min-w-0 truncate text-[11px] font-semibold text-foreground",
 				children: authorDisplayName(comment.author)
 			}),
 			!isReply && /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -267,6 +295,7 @@ function CommentCard(props) {
 				children: comment.body.trim() ? truncatePlain(comment.body) : comment.rating === "positive" ? "Positive rating" : comment.rating === "negative" ? "Negative rating" : comment.reviewDecision === "approved" ? "Approved" : "Empty comment"
 			}),
 			/* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
 				role: "presentation",
 				onClick: (e) => e.stopPropagation(),
 				onKeyDown: (e) => e.stopPropagation(),
@@ -276,7 +305,7 @@ function CommentCard(props) {
 						role: "button",
 						tabIndex: 0,
 						"aria-label": "Comment actions",
-						className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70",
+						className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70 [@media(hover:none)]:opacity-70 [@media(pointer:coarse)]:p-2.5",
 						children: /* @__PURE__ */ jsx(Icon, {
 							icon: UiDotsVertical,
 							className: "text-sm"
@@ -285,6 +314,7 @@ function CommentCard(props) {
 					items: actionMenuItems(isReply, {
 						...props.onDelete ? { onDelete: props.onDelete } : {},
 						statusActions: [
+							...rootAssignmentItems(props, reportingRunner(setCollapsedActionError)),
 							...resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && statusForCommentStage(config, "resolved") ? [{
 								label: "Resolve",
 								icon: UiCheck,