@arbidocs/blocks 0.4.96 → 0.4.97

package/dist/index.js

@@ -7,28 +7,30 @@ export { DataTable, DataTableBlock, MetricCard, PageHeader, StatGroup } from './
 export { Accordion, AvatarBlock, Banner, BlockImage, BlockLink, CTABanner, Columns, ContactForm, Container, FAQ, FONT_PAIRINGS, FeatureGrid, Footer, Gallery, Hero, ListBlock, LogoCloud, MediaText, Navbar, PricingTable, ProfileCard, RichTextBlock, SectionHeading, Spacer, Steps, THEME_STYLE_ID, Tabs, TeamGrid, Testimonial, TestimonialGrid, ThemeEditor, VideoEmbed, applyFontVars, applyStoredTheme, applyThemeVars, clearFontVars, clearThemeVars, createThemeStore, fontPackages, getFontPairing, matchFontPairing, tid, toEmbedUrl, toHslTriplet } from './chunk-DLBUFHLY.js';
 export { Timeline } from './chunk-OVEQERPO.js';
 export { MemberAvatarStack } from './chunk-XNOASBGW.js';
-import { DEFAULT_TAG_TABLE_LABELS, rowLinks, TagTableCell } from './chunk-JID3CZSY.js';
-export { DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAULT_TAG_TABLE_LABELS, DEFAULT_THREAD_FOLLOW_LABELS, DEFAULT_WORKSPACE_ACTIVITY_LABELS, DEFAULT_WORKSPACE_NOTIFICATION_MENU_LABELS, TAG_TABLE_DOCX_LANDSCAPE_AFTER, TagColumnsEditor, TagTable, TagTableCell, ThreadFollowButton, ThreadFollowMenuItem, WorkspaceActivityList, WorkspaceNotificationMenu, cellText, cellValue, fieldWrites, isGap, parseCell, rowLinks, tagTableDocumentXml, tagTableDocx, tagTableMarkdown, workspaceActivityHeadline, workspaceActivityTarget } from './chunk-JID3CZSY.js';
+import { DEFAULT_TAG_TABLE_LABELS, rowLinks, TagTableCell } from './chunk-Z3G65XHZ.js';
+export { DEFAULT_TAG_COLUMNS_EDITOR_LABELS, DEFAULT_TAG_TABLE_DOCX_LABELS, DEFAULT_TAG_TABLE_LABELS, DEFAULT_THREAD_FOLLOW_LABELS, DEFAULT_WORKSPACE_ACTIVITY_LABELS, DEFAULT_WORKSPACE_NOTIFICATION_MENU_LABELS, TAG_TABLE_DOCX_LANDSCAPE_AFTER, TagColumnsEditor, TagTable, TagTableCell, ThreadFollowButton, ThreadFollowMenuItem, WorkspaceActivityList, WorkspaceNotificationMenu, cellText, cellValue, fieldWrites, isGap, parseCell, rowLinks, tagTableDocumentXml, tagTableDocx, tagTableMarkdown, workspaceActivityHeadline, workspaceActivityTarget } from './chunk-Z3G65XHZ.js';
 import { groupDefinitions, compareDefinitions, minuteUtc, page, cell, documentXml, paragraph, docxPackage, TABLE_DOCUMENT_STYLES } from './chunk-D3QPYKZG.js';
 export { DEFINITIONS_LABEL, DEFINITION_BOOKMARK_PREFIX, compareDefinitions, compareTerms, definitionBookmark, definitionIdOfBookmark, definitionLabels, filterTermGroups, groupDefinitions, parseDefinition, termKey, toDefinition } from './chunk-D3QPYKZG.js';
+import { DetailLoading, DetailBody, DetailSection, DetailFields, DetailField, DetailLinkList, DetailLinkItem, DetailEmpty } from './chunk-ZCOVDK2E.js';
+export { DEFAULT_DETAIL_PANEL_LABELS, DetailBody, DetailEmpty, DetailField, DetailFields, DetailLinkItem, DetailLinkList, DetailLoading, DetailPanel, DetailSection } from './chunk-ZCOVDK2E.js';
 export { DEFAULT_SEARCH_HIT_LABELS, SearchHit } from './chunk-A2YAC22G.js';
 export { TIMELINE_ZOOM, TimelineCalendar, TimelineGantt, TimelineZoomControl, dayKey, formatSpan, monthLabel, parseIso, utcDay } from './chunk-4EZVCGRL.js';
 import './chunk-AF6RDAJF.js';
 export { Callout } from './chunk-UJE32SST.js';
-export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EntityChip, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowThreadStartedBy, WorkflowThreadStrip, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, groupThreadActivity, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, isAgenticWorkflow, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isoToLocalInput, linkedRunsFromActivity, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, resolveScopeInputs, skillSlug, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, useWorkflowPreview, workflowFromSkillMarkdown, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowToSkillMarkdown, workflowTriggerType, workflowWhen } from './chunk-SJVUKXS6.js';
+export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DEFAULT_WORKFLOW_THREAD_STRIP_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EntityChip, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowThreadStartedBy, WorkflowThreadStrip, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, groupThreadActivity, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, isAgenticWorkflow, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isoToLocalInput, linkedRunsFromActivity, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, resolveScopeInputs, skillSlug, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, useWorkflowPreview, workflowFromSkillMarkdown, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowToSkillMarkdown, workflowTriggerType, workflowWhen } from './chunk-5NQIBJPP.js';
 import './chunk-4XJZ6AAY.js';
 export { EmptyState } from './chunk-P6GHJSLR.js';
-export { ActionStepBody, ApprovalEvidence, AssigneeLine, DEFAULT_ASSIGNEE_WORDING, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, EMPTY_WORKFLOW_SCOPE, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, SchemaForm, SendBackControl, TaskActivityTimeline, WorkflowRunner, activeStepId, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runFieldsOf, runThreadTitle, sendBackTargets, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepFields, stepLevels, stepPhase, stepStatesFromActivity, stepWindow, taskActivityHeadline, toPlanAssignee, toPlanDocumentRef, toPlanSteps, upstreamSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost } from './chunk-SF4BDUZS.js';
+export { ActionStepBody, ApprovalEvidence, AssigneeLine, DEFAULT_ASSIGNEE_WORDING, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_STEP_BAR_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_WORKFLOW_RUNNER_LABELS, DEFAULT_WORKFLOW_STEP_PARTS_LABELS, EMPTY_WORKFLOW_SCOPE, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, SchemaForm, SendBackControl, TaskActivityTimeline, WorkflowRunner, activeStepId, assigneeName, buildLaunch, canAssign, composeStepPrompt, composeWorkflowPrompt, defaultInputs, dependsOn, fieldToFrontmatter, fillRunText, fillStepInputs, fromPlanAssignee, fromPlanDocumentRef, fromPlanSteps, initialRunInputs, inputsFromContext, isEmptyWorkflowScope, isIncompleteSignal, isPersonAction, isPersonStep, isRunFinished, isSteppedWorkflow, isWorkflowScope, layoutFromPlanSteps, nextAction, orderSteps, promptFieldName, reviewInstructions, runFields, runFieldsOf, runThreadTitle, sendBackTargets, skillToWorkflow, splitDocRef, stepConfigProblems, stepDependencies, stepFields, stepLevels, stepPhase, stepStatesFromActivity, stepWindow, taskActivityHeadline, toPlanAssignee, toPlanDocumentRef, toPlanSteps, upstreamSteps, useWorkflowView, validateInputs, validateStep, validateWorkflowGraph, workflowAccepts, workflowFromFrontmatter, workflowSteps, workflowsAccepting, workflowsForHost } from './chunk-PGDL26TQ.js';
 import './chunk-6S5FLMWG.js';
 export { DEFAULT_TAB_HEADER_LABELS, TabHeader } from './chunk-4WWM3GQ5.js';
-import './chunk-DDF5GPIJ.js';
-import './chunk-XD2M6LIG.js';
 import './chunk-RFXJYIDV.js';
 export { Dot, ToneBadge } from './chunk-5LXQPP2K.js';
 import './chunk-EVUEIBNU.js';
 export { TONES, isTone } from './chunk-AUS3KBHJ.js';
 import './chunk-NUNKSZKU.js';
 export { DEFAULT_FILTER_FIELDS, DEFAULT_FILTER_INPUT_LABELS, FilterInput } from './chunk-YU2KUMGE.js';
+import './chunk-DDF5GPIJ.js';
+import './chunk-XD2M6LIG.js';
 export { ActionLink } from './chunk-S7PSMMRG.js';
 export { AccountRecoveryDialog, AuthAlert, AuthConsent, AuthDivider, AuthField, AuthFieldBadge, AuthFooterLinks, AuthHeading, AuthHero, AuthInput, AuthLayout, AuthLink, AuthNote, AuthOfflineBadge, AuthSubmitButton, AuthTabs, DEFAULT_ACCOUNT_RECOVERY_DIALOG_LABELS, DEFAULT_AUTH_CONSENT_LABELS, DEFAULT_AUTH_FOOTER_LINKS_LABELS, DEFAULT_AUTH_OFFLINE_BADGE_LABELS, DEFAULT_RECOVERY_KEY_DIALOG_LABELS, DEFAULT_REVEALABLE_PASSWORD_INPUT_LABELS, DEFAULT_SSO_LOGIN_BUTTON_LABELS, RecoveryKeyDialog, RevealablePasswordInput, SsoLoginButton } from './chunk-SFXVNFES.js';
 export { DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS, PasswordStrengthInput } from './chunk-VILAPTCB.js';
@@ -51,7 +53,7 @@ import './chunk-ZPLG7QYF.js';
 export { BREAKPOINT_QUERIES, useIsNarrow, useIsPhone, useIsTouchScreen, useMediaQuery } from './chunk-SLSBJRWW.js';
 import './chunk-7F6CBP3Z.js';
 import './chunk-VUNV25KB.js';
-import { Search, Pencil, Sparkles, Loader2, FileText, Lightbulb, MessagesSquare, X, Plus } from 'lucide-react';
+import { Search, Pencil, Sparkles, FileText, Lightbulb, MessagesSquare, X, Plus } from 'lucide-react';
 import { Input, cn, Textarea, Button } from '@arbidocs/react/ui';
 export { DocumentCard, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@arbidocs/react/ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -432,29 +434,10 @@ var DEFAULT_TAG_DETAIL_LABELS = {
   passage: "1 passage",
   loading: "Loading\u2026"
 };
-function Section({
-  title,
-  count,
-  shown,
-  l,
-  children,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", "data-testid": testId, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: title }),
-      count !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
-      count !== void 0 && shown !== void 0 && shown < count && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: l.showing.replace("{shown}", String(shown)).replace("{count}", String(count)) })
-    ] }),
-    children
-  ] });
-}
 var formatDay = (iso) => {
   const at = new Date(iso);
   return Number.isNaN(at.getTime()) ? iso : at.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" });
 };
-var LIST = "divide-y divide-border overflow-hidden rounded-lg border border-border";
-var ITEM = "flex w-full items-start gap-2 px-3 py-2 text-left text-sm transition-colors hover:bg-muted/50 disabled:hover:bg-transparent";
 function TagDetail({
   row,
   fields = [],
@@ -476,135 +459,113 @@ function TagDetail({
 }) {
   const l = { ...DEFAULT_TAG_DETAIL_LABELS, ...labels };
   const cellLabels = { ...DEFAULT_TAG_TABLE_LABELS, ...fieldLabels };
-  if (isLoading || !row)
-    return /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
-      " ",
-      l.loading
-    ] });
+  if (isLoading || !row) return /* @__PURE__ */ jsx(DetailLoading, { label: l.loading });
   const links = rowLinks(row);
   const docs = links.docs ?? [];
   const facts = links.facts ?? [];
   const threads = links.threads ?? [];
   const passages = (n) => n === 1 ? l.passage : l.passages.replace("{count}", String(n));
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), "data-testid": testId, children: [
-    fields.length > 0 && /* @__PURE__ */ jsx(Section, { title: l.fields, l, testId: `${testId}-fields`, children: /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2 sm:grid-cols-[minmax(8rem,auto)_1fr]", children: fields.map((field) => /* @__PURE__ */ jsxs("div", { className: "contents", children: [
-      /* @__PURE__ */ jsx("dt", { className: "pt-1.5 text-sm text-muted-foreground", children: field.name }),
-      /* @__PURE__ */ jsx("dd", { className: "min-w-0", children: /* @__PURE__ */ jsx(
-        TagTableCell,
-        {
-          row,
-          column: field,
-          people,
-          tags,
-          onOpenTag,
-          onChange: onChangeValue,
-          l: cellLabels,
-          testId: `${testId}-field-${field.id}`
-        }
-      ) })
-    ] }, field.id)) }) }),
+  return /* @__PURE__ */ jsxs(DetailBody, { className, testId, children: [
+    fields.length > 0 && /* @__PURE__ */ jsx(DetailSection, { title: l.fields, testId: `${testId}-fields`, children: /* @__PURE__ */ jsx(DetailFields, { children: fields.map((field) => /* @__PURE__ */ jsx(DetailField, { label: field.name, children: /* @__PURE__ */ jsx(
+      TagTableCell,
+      {
+        row,
+        column: field,
+        people,
+        tags,
+        onOpenTag,
+        onChange: onChangeValue,
+        l: cellLabels,
+        testId: `${testId}-field-${field.id}`
+      }
+    ) }, field.id)) }) }),
     /* @__PURE__ */ jsx(
-      Section,
+      DetailSection,
       {
         title: l.documents,
         count: links.doc_count,
         shown: docs.length,
-        l,
+        showingLabel: l.showing,
         testId: `${testId}-documents`,
-        children: docs.length ? /* @__PURE__ */ jsx("ul", { className: LIST, children: docs.map((d) => /* @__PURE__ */ jsxs("li", { className: "flex items-start", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: ITEM,
-              disabled: !onOpenDocument,
-              onClick: () => onOpenDocument?.(d.doc_ext_id),
-              "data-testid": `${testId}-doc-${d.doc_ext_id}`,
-              children: [
-                /* @__PURE__ */ jsx(FileText, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "block truncate font-medium", children: d.file_name }),
-                  (d.note || noteIsValue) && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      className: cn(
-                        "mt-0.5 flex min-w-0 items-baseline gap-2",
-                        noteIsValue ? "text-base text-foreground" : "text-muted-foreground"
-                      ),
-                      "data-testid": `${testId}-doc-${d.doc_ext_id}-note`,
-                      children: [
-                        noteLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: noteLabel }),
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: cn(
-                              "line-clamp-3 min-w-0 whitespace-pre-line",
-                              noteIsValue && "font-semibold",
-                              !d.note && "font-normal italic text-muted-foreground"
-                            ),
-                            children: d.note || l.noValue
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }),
-                d.citations_count > 0 && !renderPassages && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: passages(d.citations_count) })
-              ]
-            }
-          ),
-          d.citations_count > 0 && renderPassages && /* @__PURE__ */ jsx("span", { className: "shrink-0 px-3 py-2 text-xs", children: renderPassages(d, passages(d.citations_count)) })
-        ] }, d.doc_ext_id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.noDocuments })
+        children: docs.length ? /* @__PURE__ */ jsx(DetailLinkList, { children: docs.map((d) => /* @__PURE__ */ jsx(
+          DetailLinkItem,
+          {
+            icon: /* @__PURE__ */ jsx(FileText, { className: "size-4" }),
+            onClick: onOpenDocument ? () => onOpenDocument(d.doc_ext_id) : void 0,
+            testId: `${testId}-doc-${d.doc_ext_id}`,
+            trailing: d.citations_count > 0 && !renderPassages && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: passages(d.citations_count) }),
+            after: d.citations_count > 0 && renderPassages && /* @__PURE__ */ jsx("span", { className: "shrink-0 px-3 py-2 text-xs", children: renderPassages(d, passages(d.citations_count)) }),
+            children: /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate font-medium", children: d.file_name }),
+              (d.note || noteIsValue) && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(
+                    "mt-0.5 flex min-w-0 items-baseline gap-2",
+                    noteIsValue ? "text-base text-foreground" : "text-muted-foreground"
+                  ),
+                  "data-testid": `${testId}-doc-${d.doc_ext_id}-note`,
+                  children: [
+                    noteLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: noteLabel }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "line-clamp-3 min-w-0 whitespace-pre-line",
+                          noteIsValue && "font-semibold",
+                          !d.note && "font-normal italic text-muted-foreground"
+                        ),
+                        children: d.note || l.noValue
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          },
+          d.doc_ext_id
+        )) }) : /* @__PURE__ */ jsx(DetailEmpty, { children: l.noDocuments })
       }
     ),
     /* @__PURE__ */ jsx(
-      Section,
+      DetailSection,
       {
         title: l.facts,
         count: links.fact_count,
         shown: facts.length,
-        l,
+        showingLabel: l.showing,
         testId: `${testId}-facts`,
-        children: facts.length ? /* @__PURE__ */ jsx("ul", { className: LIST, children: facts.map((f) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          "button",
+        children: facts.length ? /* @__PURE__ */ jsx(DetailLinkList, { children: facts.map((f) => /* @__PURE__ */ jsx(
+          DetailLinkItem,
           {
-            type: "button",
-            className: ITEM,
-            disabled: !onOpenFact,
-            onClick: () => onOpenFact?.(f.fact_ext_id),
-            "data-testid": `${testId}-fact-${f.fact_ext_id}`,
-            children: [
-              /* @__PURE__ */ jsx(Lightbulb, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: "line-clamp-3 min-w-0 flex-1", children: f.text })
-            ]
-          }
-        ) }, f.fact_ext_id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.noFacts })
+            icon: /* @__PURE__ */ jsx(Lightbulb, { className: "size-4" }),
+            onClick: onOpenFact ? () => onOpenFact(f.fact_ext_id) : void 0,
+            testId: `${testId}-fact-${f.fact_ext_id}`,
+            children: /* @__PURE__ */ jsx("span", { className: "line-clamp-3 min-w-0 flex-1", children: f.text })
+          },
+          f.fact_ext_id
+        )) }) : /* @__PURE__ */ jsx(DetailEmpty, { children: l.noFacts })
       }
     ),
     /* @__PURE__ */ jsx(
-      Section,
+      DetailSection,
       {
         title: l.threads,
         count: links.thread_count,
         shown: threads.length,
-        l,
+        showingLabel: l.showing,
         testId: `${testId}-threads`,
-        children: threads.length ? /* @__PURE__ */ jsx("ul", { className: LIST, children: threads.map((t) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          "button",
+        children: threads.length ? /* @__PURE__ */ jsx(DetailLinkList, { children: threads.map((t) => /* @__PURE__ */ jsx(
+          DetailLinkItem,
           {
-            type: "button",
-            className: ITEM,
-            disabled: !onOpenThread,
-            onClick: () => onOpenThread?.(t.conversation_ext_id),
-            "data-testid": `${testId}-thread-${t.conversation_ext_id}`,
-            children: [
-              /* @__PURE__ */ jsx(MessagesSquare, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: t.title || l.untitledThread }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: l.threadUpdated.replace("{date}", formatDay(t.updated_at)) })
-            ]
-          }
-        ) }, t.conversation_ext_id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: l.noThreads })
+            icon: /* @__PURE__ */ jsx(MessagesSquare, { className: "size-4" }),
+            onClick: onOpenThread ? () => onOpenThread(t.conversation_ext_id) : void 0,
+            testId: `${testId}-thread-${t.conversation_ext_id}`,
+            trailing: /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: l.threadUpdated.replace("{date}", formatDay(t.updated_at)) }),
+            children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: t.title || l.untitledThread })
+          },
+          t.conversation_ext_id
+        )) }) : /* @__PURE__ */ jsx(DetailEmpty, { children: l.noThreads })
       }
     )
   ] });