@arbidocs/blocks 0.4.33 → 0.4.37

package/dist/agents/index.js

@@ -1,17 +1,17 @@
 "use client";
-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_SCHEMA_FORM_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_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_REVIEW_ACTIONS_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, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EMPTY_WORKFLOW_SCOPE, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SchemaForm, 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, TaskActivityTimeline, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskReviewDialog, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, inputsFromContext, isAgenticWorkflow, isEmptyWorkflowScope, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isWorkflowScope, isoToLocalInput, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, promptFieldName, resolveScopeInputs, skillToWorkflow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, validateInputs, workflowAccepts, workflowFromFrontmatter, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowTriggerType, workflowWhen, workflowsAccepting, workflowsForHost } from '../chunk-6RXUMBTK.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_SCHEMA_FORM_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_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_REVIEW_ACTIONS_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, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EMPTY_WORKFLOW_SCOPE, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SchemaForm, 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, TaskActivityTimeline, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskReviewDialog, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, inputsFromContext, isAgenticWorkflow, isEmptyWorkflowScope, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isWorkflowScope, isoToLocalInput, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, promptFieldName, resolveScopeInputs, skillToWorkflow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, validateInputs, workflowAccepts, workflowFromFrontmatter, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowTriggerType, workflowWhen, workflowsAccepting, workflowsForHost } from '../chunk-ZDA5CZPS.js';
 import '../chunk-P6GHJSLR.js';
-import '../chunk-LFGJAZ5H.js';
 import '../chunk-RFXJYIDV.js';
 import '../chunk-BUHKUKKB.js';
-import '../chunk-C7FGONCM.js';
+import '../chunk-LFGJAZ5H.js';
+import '../chunk-DDW3M22Z.js';
 import '../chunk-S7PSMMRG.js';
-import '../chunk-4AWS54US.js';
-import '../chunk-PXFJDX2C.js';
+import '../chunk-CKB64Z4R.js';
 import '../chunk-DPLRHEJZ.js';
+import '../chunk-4WWM3GQ5.js';
+import '../chunk-76JDDMSP.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';
-import '../chunk-76JDDMSP.js';
 import '../chunk-OXF2IFXG.js';
 import '../chunk-CPMNAJLF.js';
 import '../chunk-TJMKFY5P.js';

package/dist/chat/index.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkAZ75JUIH_cjs = require('../chunk-AZ75JUIH.cjs');
-require('../chunk-XKSFJYOD.cjs');
+var chunkL7B4W4LA_cjs = require('../chunk-L7B4W4LA.cjs');
 var chunkDLVX6R6B_cjs = require('../chunk-DLVX6R6B.cjs');
+require('../chunk-XKSFJYOD.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-FX3K6LNZ.cjs');
 require('../chunk-PPCATBOY.cjs');
@@ -15,259 +15,259 @@ require('../chunk-MHVNT4J3.cjs');
 
 Object.defineProperty(exports, "AssistantToaster", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.AssistantToaster; }
+  get: function () { return chunkL7B4W4LA_cjs.AssistantToaster; }
 });
 Object.defineProperty(exports, "BranchControls", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.BranchControls; }
+  get: function () { return chunkL7B4W4LA_cjs.BranchControls; }
 });
 Object.defineProperty(exports, "ComposerAccessories", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ComposerAccessories; }
+  get: function () { return chunkL7B4W4LA_cjs.ComposerAccessories; }
 });
 Object.defineProperty(exports, "ComposerTools", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ComposerTools; }
+  get: function () { return chunkL7B4W4LA_cjs.ComposerTools; }
 });
 Object.defineProperty(exports, "ContextActionButton", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextActionButton; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextActionButton; }
 });
 Object.defineProperty(exports, "ContextCheckRow", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextCheckRow; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextCheckRow; }
 });
 Object.defineProperty(exports, "ContextPanelContent", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextPanelContent; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextPanelContent; }
 });
 Object.defineProperty(exports, "ContextPanelFooter", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextPanelFooter; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextPanelFooter; }
 });
 Object.defineProperty(exports, "ContextPanelTabs", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextPanelTabs; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextPanelTabs; }
 });
 Object.defineProperty(exports, "ContextPickerList", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextPickerList; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextPickerList; }
 });
 Object.defineProperty(exports, "ContextPickerRow", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextPickerRow; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextPickerRow; }
 });
 Object.defineProperty(exports, "ContextSearchInput", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextSearchInput; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextSearchInput; }
 });
 Object.defineProperty(exports, "ContextSelectList", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextSelectList; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextSelectList; }
 });
 Object.defineProperty(exports, "ContextSelectRow", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ContextSelectRow; }
+  get: function () { return chunkL7B4W4LA_cjs.ContextSelectRow; }
 });
 Object.defineProperty(exports, "Conversation", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.Conversation; }
+  get: function () { return chunkL7B4W4LA_cjs.Conversation; }
 });
 Object.defineProperty(exports, "ConversationBody", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationBody; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationBody; }
 });
 Object.defineProperty(exports, "ConversationHeader", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationHeader; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationHeader; }
 });
 Object.defineProperty(exports, "ConversationHeaderActions", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationHeaderActions; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationHeaderActions; }
 });
 Object.defineProperty(exports, "ConversationHistoryPane", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationHistoryPane; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationHistoryPane; }
 });
 Object.defineProperty(exports, "ConversationLoading", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationLoading; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationLoading; }
 });
 Object.defineProperty(exports, "ConversationMain", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationMain; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationMain; }
 });
 Object.defineProperty(exports, "ConversationRoot", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationRoot; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationRoot; }
 });
 Object.defineProperty(exports, "ConversationSearchView", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationSearchView; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationSearchView; }
 });
 Object.defineProperty(exports, "ConversationSettingsButton", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ConversationSettingsButton; }
+  get: function () { return chunkL7B4W4LA_cjs.ConversationSettingsButton; }
 });
 Object.defineProperty(exports, "DEFAULT_BRANCH_CONTROLS_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_BRANCH_CONTROLS_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_BRANCH_CONTROLS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONVERSATION_LAYOUT_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_CONVERSATION_LAYOUT_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_CONVERSATION_LAYOUT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONVERSATION_PARTS_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_CONVERSATION_PARTS_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_CONVERSATION_PARTS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_CONVERSATION_SEARCH_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_CONVERSATION_SEARCH_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_CONVERSATION_SEARCH_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_LABEL_PIN_ROW_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_LABEL_PIN_ROW_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_LABEL_PIN_ROW_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MODEL_PRICING_TIP_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_MODEL_PRICING_TIP_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_MODEL_PRICING_TIP_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PENDING_ANSWER_BAR_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_PENDING_ANSWER_BAR_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_PENDING_ANSWER_BAR_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PINNED_DOC_CHIP_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_PINNED_DOC_CHIP_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_PINNED_DOC_CHIP_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SLASH_MENU_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_SLASH_MENU_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_SLASH_MENU_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_THREAD_MAP_LABELS", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.DEFAULT_THREAD_MAP_LABELS; }
+  get: function () { return chunkL7B4W4LA_cjs.DEFAULT_THREAD_MAP_LABELS; }
 });
 Object.defineProperty(exports, "LabelPinRow", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.LabelPinRow; }
+  get: function () { return chunkL7B4W4LA_cjs.LabelPinRow; }
 });
 Object.defineProperty(exports, "ModelAutoIcon", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelAutoIcon; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelAutoIcon; }
 });
 Object.defineProperty(exports, "ModelConfigureButton", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelConfigureButton; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelConfigureButton; }
 });
 Object.defineProperty(exports, "ModelDot", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelDot; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelDot; }
 });
 Object.defineProperty(exports, "ModelMenuDivider", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelMenuDivider; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelMenuDivider; }
 });
 Object.defineProperty(exports, "ModelMenuMessage", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelMenuMessage; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelMenuMessage; }
 });
 Object.defineProperty(exports, "ModelOption", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelOption; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelOption; }
 });
 Object.defineProperty(exports, "ModelOptionLabel", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelOptionLabel; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelOptionLabel; }
 });
 Object.defineProperty(exports, "ModelPickerPopover", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelPickerPopover; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelPickerPopover; }
 });
 Object.defineProperty(exports, "ModelPickerTrigger", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelPickerTrigger; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelPickerTrigger; }
 });
 Object.defineProperty(exports, "ModelPricingTip", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelPricingTip; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelPricingTip; }
 });
 Object.defineProperty(exports, "ModelTierIcon", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelTierIcon; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelTierIcon; }
 });
 Object.defineProperty(exports, "ModelTierOption", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelTierOption; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelTierOption; }
 });
 Object.defineProperty(exports, "ModelTriggerContent", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ModelTriggerContent; }
+  get: function () { return chunkL7B4W4LA_cjs.ModelTriggerContent; }
 });
 Object.defineProperty(exports, "NewChatButton", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.NewChatButton; }
+  get: function () { return chunkL7B4W4LA_cjs.NewChatButton; }
 });
 Object.defineProperty(exports, "NewPaChatButton", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.NewPaChatButton; }
+  get: function () { return chunkL7B4W4LA_cjs.NewPaChatButton; }
 });
 Object.defineProperty(exports, "PaModeBadge", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.PaModeBadge; }
+  get: function () { return chunkL7B4W4LA_cjs.PaModeBadge; }
 });
 Object.defineProperty(exports, "PendingAnswerBar", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.PendingAnswerBar; }
+  get: function () { return chunkL7B4W4LA_cjs.PendingAnswerBar; }
 });
 Object.defineProperty(exports, "PinnedDocChip", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.PinnedDocChip; }
+  get: function () { return chunkL7B4W4LA_cjs.PinnedDocChip; }
 });
 Object.defineProperty(exports, "SlashMenu", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.SlashMenu; }
+  get: function () { return chunkL7B4W4LA_cjs.SlashMenu; }
 });
 Object.defineProperty(exports, "ThreadMap", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ThreadMap; }
+  get: function () { return chunkL7B4W4LA_cjs.ThreadMap; }
 });
 Object.defineProperty(exports, "ThreadMapDiagram", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ThreadMapDiagram; }
+  get: function () { return chunkL7B4W4LA_cjs.ThreadMapDiagram; }
 });
 Object.defineProperty(exports, "ThreadMapError", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ThreadMapError; }
+  get: function () { return chunkL7B4W4LA_cjs.ThreadMapError; }
 });
 Object.defineProperty(exports, "ThreadMapLoading", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.ThreadMapLoading; }
+  get: function () { return chunkL7B4W4LA_cjs.ThreadMapLoading; }
 });
 Object.defineProperty(exports, "getParticipantTints", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.getParticipantTints; }
+  get: function () { return chunkL7B4W4LA_cjs.getParticipantTints; }
 });
 Object.defineProperty(exports, "hasMessageBody", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.hasMessageBody; }
+  get: function () { return chunkL7B4W4LA_cjs.hasMessageBody; }
 });
 Object.defineProperty(exports, "isLongPastedText", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.isLongPastedText; }
+  get: function () { return chunkL7B4W4LA_cjs.isLongPastedText; }
 });
 Object.defineProperty(exports, "useDismissibleCard", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.useDismissibleCard; }
+  get: function () { return chunkL7B4W4LA_cjs.useDismissibleCard; }
 });
 Object.defineProperty(exports, "useLongPaste", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.useLongPaste; }
+  get: function () { return chunkL7B4W4LA_cjs.useLongPaste; }
 });
 Object.defineProperty(exports, "useRecipientDraft", {
   enumerable: true,
-  get: function () { return chunkAZ75JUIH_cjs.useRecipientDraft; }
+  get: function () { return chunkL7B4W4LA_cjs.useRecipientDraft; }
 });
 Object.defineProperty(exports, "AssistantDock", {
   enumerable: true,

package/dist/chat/index.js

@@ -1,7 +1,7 @@
 "use client";
-export { AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, getParticipantTints, hasMessageBody, isLongPastedText, useDismissibleCard, useLongPaste, useRecipientDraft } from '../chunk-V6U5KVAR.js';
-import '../chunk-BV7FEMSI.js';
+export { AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, getParticipantTints, hasMessageBody, isLongPastedText, useDismissibleCard, useLongPaste, useRecipientDraft } from '../chunk-PE7Z53RB.js';
 export { AssistantDock, AssistantDockToggle, AssistantModeToggle, ChatDocuments, ChatMessageContent, ChatPage, ChatThreadList, ChatThreadSelect, CitationMark, Composer, ComposerBranchingNotice, ComposerContainer, ComposerDock, ComposerFrame, ComposerInput, ComposerRoot, ComposerSend, ComposerToolbar, ComposerVoiceButton, ContextChip, ConversationEmpty, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_CHAT_PAGE_LABELS, DEFAULT_COMPOSER_LABELS, DEFAULT_CONVERSATION_EMPTY_LABELS, DEFAULT_MESSAGE_ALERT_LABELS, DEFAULT_MESSAGE_LABELS, DEFAULT_MESSAGE_LIST_LABELS, Message, MessageActionButton, MessageActionMenu, MessageAlert, MessageBody, MessageBubble, MessageByline, MessageContent, MessageFooter, MessageList, MessageListBanner, MessageListEmpty, MessageListRoot, MessageListRow, MessageListRows, MessageListStatus, MessageListTail, MessageNarration, MessageRoot, MessageSources, MessageSubagentBadge, ScrollToBottom, SourceChip, toSpeakableText, useAssistantDock, useChatSurface, useMentionAutocomplete, useRegisterEmbeddedChat, useStreamAnnouncement } from '../chunk-XWEJ5LV2.js';
+import '../chunk-BV7FEMSI.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-SLSBJRWW.js';
 import '../chunk-NPLYHR2E.js';

package/dist/{chunk-PXFJDX2C.js → chunk-4WWM3GQ5.js}

@@ -50,6 +50,7 @@ function TabButton({
     tab.presentation === "count" && "rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent",
     tab.tabClassName
   );
+  const countValue = tab.isProcessing ? /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count;
   const countBadge = tab.count === void 0 ? null : (
     // A plain muted number, a footnote to the label. A filtered count switches to primary ink so
     // "this is narrowed" still reads without a fill.
@@ -68,7 +69,7 @@ function TabButton({
         ),
         children: [
           tab.countIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center justify-center", children: tab.countIcon }),
-          tab.isProcessing ? /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count
+          tab.countClassName ? /* @__PURE__ */ jsx("span", { className: tab.countClassName, children: countValue }) : countValue
         ]
       }
     )
@@ -294,5 +295,5 @@ function TabHeader({
 }
 
 export { DEFAULT_TAB_HEADER_LABELS, TabHeader };
-//# sourceMappingURL=chunk-PXFJDX2C.js.map
-//# sourceMappingURL=chunk-PXFJDX2C.js.map
+//# sourceMappingURL=chunk-4WWM3GQ5.js.map
+//# sourceMappingURL=chunk-4WWM3GQ5.js.map

package/dist/chunk-4WWM3GQ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/TabHeader.tsx"],"names":[],"mappings":"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","file":"chunk-4WWM3GQ5.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { X } from 'lucide-react'\nimport { Badge, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\n/** Fixed strings of the tab row. */\nexport interface TabHeaderLabels {\n  /** A tab's close button (a tab's own `closeTooltip` wins). */\n  closeTab: string\n}\n\nexport const DEFAULT_TAB_HEADER_LABELS: TabHeaderLabels = {\n  closeTab: 'Close tab',\n}\n\nexport interface Tab {\n  id: string\n  label: string | ReactNode\n  testId?: string\n  icon?: ReactNode\n  /**\n   * An entity pill (conversation, workspace, …) shown in place of the icon + label. The app\n   * renders it, so the block stays free of entity components.\n   */\n  pill?: ReactNode\n  count?: number\n  /** Where the count sits relative to the label. Defaults to 'trailing'. */\n  countPlacement?: 'leading' | 'trailing'\n  /** Glyph INSIDE the count, in front of the number, so icon and count read as one object. */\n  countIcon?: ReactNode\n  /** Classes for the number alone (e.g. a filled pill), leaving the glyph as it is. */\n  countClassName?: string\n  badge?: string | ReactNode\n  disabled?: boolean\n  tooltip?: string\n  actions?: ReactNode\n  /** Hover handlers from actions (e.g. a filter dropdown), attached to the whole tab wrapper. */\n  actionsHoverHandlers?: { onMouseEnter: () => void; onMouseLeave: () => void }\n  isProcessing?: boolean\n  isVariable?: boolean\n  onClose?: () => void\n  closeTooltip?: string\n  hasActiveFilters?: boolean\n  /** Entity count header without selectable-tab chrome (Facts, Tasks, Files). */\n  presentation?: 'tab' | 'count'\n  /** Extra classes for the tab button. */\n  tabClassName?: string\n}\n\n/** Forces buttons in a header section to a uniform compact size (28px, 14px text). */\nconst COMPACT_SECTION =\n  '[&_button]:h-7 [&_button]:px-2 [&_button]:py-0 [&_button]:text-sm [&_button]:font-medium ' +\n  '[&_[role=button]]:h-7 [&_[role=button]]:px-2 [&_[role=button]]:py-0 [&_[role=button]]:text-sm [&_[role=button]]:font-medium ' +\n  // Touch: the compact 28px floor is lifted to 44px (important beats the rules above).\n  'pointer-coarse:[&_button]:h-11! pointer-coarse:[&_[role=button]]:h-11!'\n\ninterface TabButtonProps {\n  tab: Tab\n  isActive: boolean\n  /** Closable-items row: a soft chip with a close button instead of an underline. */\n  isChip: boolean\n  isCompact: boolean\n  onTabChange: (tabId: string) => void\n  labels: TabHeaderLabels\n  testIds?: TabHeaderProps['testIds']\n}\n\nfunction TabButton({\n  tab,\n  isActive,\n  isChip,\n  isCompact,\n  onTabChange,\n  labels,\n  testIds,\n}: TabButtonProps) {\n  // Compact mode (narrow header) collapses every INACTIVE tab that has an icon to icon-only so\n  // the trailing controls are never pushed off the edge. The active tab keeps a truncated title:\n  // otherwise two icon-only tabs cannot be told apart on a phone. Collapsed tabs keep an\n  // accessible name and a title with their label; label-only tabs keep their text.\n  const hideLabel = isCompact && !!tab.icon && !isActive\n  const handleClick = useCallback(() => {\n    if (!tab.disabled) onTabChange(tab.id)\n  }, [tab.disabled, tab.id, onTabChange])\n\n  // div+role=button needs explicit keyboard handling; Space must not scroll the page.\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (tab.disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onTabChange(tab.id)\n      }\n    },\n    [tab.disabled, tab.id, onTabChange]\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent) => {\n      e.stopPropagation()\n      tab.onClose?.()\n    },\n    [tab]\n  )\n\n  // Two looks, chosen by the row: a row that holds closable items (conversations, open panels)\n  // shows soft chips, the active one filled, so \"close\" has an obvious owner. Every other row is a\n  // plain underline: ink text + a 2px primary underline for the active tab, nothing else.\n  const className = cn(\n    'group relative z-[1] flex pointer-coarse:h-11 cursor-pointer items-center justify-start text-left text-sm transition-colors',\n    isChip\n      ? 'h-8 max-w-[260px] rounded-md px-2.5'\n      : 'h-9 max-w-[320px] border-b-2 bg-transparent px-2.5',\n    isChip\n      ? isActive\n        ? 'bg-muted font-semibold text-foreground'\n        : 'bg-transparent font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground'\n      : isActive\n        ? 'border-b-primary font-semibold text-foreground'\n        : 'border-b-transparent font-medium text-muted-foreground hover:text-foreground',\n    // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.\n    isCompact && tab.icon && (isActive ? 'max-w-[45vw]' : 'pointer-coarse:min-w-11 justify-center'),\n    tab.disabled && 'cursor-not-allowed opacity-50',\n    tab.presentation === 'count' &&\n      'rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent',\n    tab.tabClassName\n  )\n\n  const countValue = tab.isProcessing ? (\n    <span className=\"animate-pulse\">{tab.count}</span>\n  ) : (\n    tab.count\n  )\n  const countBadge =\n    tab.count === undefined ? null : (\n      // A plain muted number, a footnote to the label. A filtered count switches to primary ink so\n      // \"this is narrowed\" still reads without a fill.\n      <span\n        data-testid={testIdOr(testIds?.count, { testId: 'tab-count' })}\n        className={cn(\n          'flex-shrink-0 items-center justify-center gap-1 font-normal leading-none tabular-nums',\n          tab.countIcon ? 'text-sm' : 'text-xs',\n          tab.countPlacement === 'leading' ? 'mr-1.5' : 'ml-1.5',\n          // Compact rows drop counts to save width, but a tab whose glyph lives in the count has\n          // nothing else to show: there the count IS the tab.\n          isCompact && !tab.countIcon ? 'hidden' : 'inline-flex',\n          tab.hasActiveFilters ? 'text-primary' : 'text-muted-foreground'\n        )}\n      >\n        {tab.countIcon && (\n          <span aria-hidden className=\"flex shrink-0 items-center justify-center\">\n            {tab.countIcon}\n          </span>\n        )}\n        {tab.countClassName ? <span className={tab.countClassName}>{countValue}</span> : countValue}\n      </span>\n    )\n\n  const content = tab.pill ? (\n    // The outer wrapper hosts the processing dot outside the pill's bounds; the inner span keeps\n    // the truncation the pill needs without clipping the dot.\n    <span className=\"relative inline-flex min-w-0 items-center\">\n      <span className=\"min-w-0 truncate overflow-hidden\">{tab.pill}</span>\n      {tab.isProcessing && (\n        <span className=\"absolute -right-1 -top-1 size-2 rounded-full border border-background bg-yellow-solid\" />\n      )}\n    </span>\n  ) : (\n    <>\n      {tab.icon && (\n        <span\n          className={cn(\n            'flex size-5 flex-shrink-0 items-center justify-center',\n            !hideLabel && 'mr-1.5'\n          )}\n        >\n          {tab.icon}\n        </span>\n      )}\n      {tab.countPlacement === 'leading' && countBadge}\n      <span className={cn('truncate', hideLabel ? 'hidden' : 'inline')}>{tab.label}</span>\n      {tab.countPlacement !== 'leading' && countBadge}\n      {tab.badge &&\n        (typeof tab.badge === 'string' ? (\n          <Badge\n            variant=\"outline\"\n            className={cn('ml-1.5 truncate', isCompact ? 'max-w-[120px]' : 'max-w-none')}\n          >\n            {tab.badge}\n          </Badge>\n        ) : (\n          <span className=\"ml-1.5 inline-flex items-center\">{tab.badge}</span>\n        ))}\n    </>\n  )\n\n  return (\n    <div\n      className={cn('flex items-end', isChip && 'pb-1')}\n      data-testid={testIdOr(tab.testId, { testId: `${tab.id}-tab` })}\n      onMouseEnter={tab.actionsHoverHandlers?.onMouseEnter}\n      onMouseLeave={tab.actionsHoverHandlers?.onMouseLeave}\n    >\n      {/* role=button on a div, not a <button>: a tab whose badge holds a real interactive element\n          (an entity tooltip trigger) would otherwise nest a button inside a button. */}\n      <div\n        role=\"button\"\n        tabIndex={tab.disabled ? -1 : 0}\n        aria-disabled={tab.disabled || undefined}\n        aria-current={isActive ? 'true' : undefined}\n        data-slot=\"tab\"\n        data-state={isActive ? 'active' : 'inactive'}\n        // Icon-only tabs expose the label for a11y and as a native title.\n        aria-label={hideLabel && typeof tab.label === 'string' ? tab.label : undefined}\n        title={hideLabel && !tab.tooltip && typeof tab.label === 'string' ? tab.label : undefined}\n        className={className}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {content}\n        {tab.actions && (\n          <span className=\"ml-auto flex-shrink-0\" onClick={(e) => e.stopPropagation()}>\n            {tab.actions}\n          </span>\n        )}\n        {tab.onClose && (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"button\"\n                tabIndex={0}\n                className={cn(\n                  'ml-0.5 inline-flex !size-4 flex-shrink-0 items-center justify-center rounded-sm !p-0 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:!size-11',\n                  // A chip row keeps the close button quiet until the chip is the active one or is\n                  // hovered or focused; touch always shows it (there is no hover).\n                  isChip &&\n                    !isActive &&\n                    'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100'\n                )}\n                onClick={handleClose}\n                aria-label={tab.closeTooltip || labels.closeTab}\n                data-testid={testIdOr(testIds?.closeButton, { testId: 'close-tab-button' })}\n              >\n                <X className=\"size-3\" />\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{tab.closeTooltip || labels.closeTab}</p>\n            </TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface TabHeaderProps {\n  tabs: Tab[]\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  /** Pinned to the far left before the tabs (e.g. the sidebar toggle). */\n  leading?: ReactNode\n  leftContent?: ReactNode\n  /** Controls attached to the first count tab, before any additional tabs. */\n  firstTabContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  afterTabs?: ReactNode | ((isCompact: boolean) => ReactNode)\n  centerContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  /** Pinned to the true horizontal center of the row, independent of left/right widths. */\n  absoluteCenterContent?: ReactNode\n  rightContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  className?: string\n  /** Header width below which tabs collapse to icons. */\n  compactBreakpoint?: number\n  labels?: Partial<TabHeaderLabels>\n  /**\n   * `chips` renders every tab as a soft chip (for rows of closable items), `underline` as a plain\n   * underline tab. Default: chips when any tab can be closed, underline otherwise.\n   */\n  variant?: 'underline' | 'chips'\n  /** Root id (default `tab-header`). */\n  testId?: string\n  /**\n   * Per-tab ids; defaults are the current ids. A tab's own id is `Tab.testId`, else `<tab id>-tab`\n   * (structural).\n   */\n  testIds?: Partial<Record<'count' | 'closeButton', string>>\n}\n\n/** Underline tab row with leading / center / right slots; collapses to icons when narrow. */\nexport function TabHeader({\n  tabs,\n  activeTabId,\n  onTabChange,\n  leading,\n  leftContent,\n  firstTabContent,\n  afterTabs,\n  centerContent,\n  absoluteCenterContent,\n  rightContent,\n  className,\n  compactBreakpoint = 640,\n  labels,\n  variant,\n  testId,\n  testIds,\n}: TabHeaderProps) {\n  const mergedLabels = { ...DEFAULT_TAB_HEADER_LABELS, ...labels }\n  const isChipRow = variant ? variant === 'chips' : tabs.some((tab) => !!tab.onClose)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [canScrollEnd, setCanScrollEnd] = useState(false)\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    return observeResize(container, (entries) => {\n      for (const entry of entries) setIsCompact(entry.contentRect.width < compactBreakpoint)\n    })\n  }, [compactBreakpoint])\n\n  // Overflow cue: track whether tabs are hidden past the trailing edge.\n  useEffect(() => {\n    const scroller = scrollerRef.current\n    if (!scroller) return\n    const update = () =>\n      setCanScrollEnd(scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1)\n    update()\n    scroller.addEventListener('scroll', update, { passive: true })\n    const stopObserving = observeResize(scroller, update)\n    return () => {\n      scroller.removeEventListener('scroll', update)\n      stopObserving()\n    }\n  }, [tabs.length])\n\n  // Keep the active tab visible when it changes (or on first render) in a scrolling row.\n  useEffect(() => {\n    const active = scrollerRef.current?.querySelector('[data-slot=\"tab\"][data-state=\"active\"]')\n    if (active && typeof active.scrollIntoView === 'function') {\n      active.scrollIntoView({ inline: 'nearest', block: 'nearest' })\n    }\n  }, [activeTabId])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('w-full bg-background pt-1 pr-3 pb-2', className)}\n      data-slot=\"tab-header\"\n      data-testid={testIdOr(testId, { testId: 'tab-header' })}\n    >\n      <div className=\"relative bg-background\">\n        {/* The hairline lives on this non-scrolling wrapper: overflow-y-hidden on the scroll row\n            would clip the active tab's underline overhang. The tabs paint over the line. */}\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\"\n        />\n        {/* overflow-y-hidden is mandatory: overflow-x-auto alone makes the browser compute\n            overflow-y to `auto` too, surfacing a phantom vertical scrollbar from sub-pixel\n            overflow (e.g. the processing dot's -top-1). pt-1 keeps that dot inside the clip box. */}\n        <div className=\"relative flex min-h-[40px] items-end justify-between gap-4\">\n          {/* Leading slot: placed in the left margin (the pl-8 gap), claiming no extra width. */}\n          {leading && (\n            <div className=\"absolute bottom-1.5 left-1.5 z-10 flex items-center\">{leading}</div>\n          )}\n          {/* Only the tabs scroll: the center and right slots sit outside the scroller so they can\n              never overlap a tab, and a fade at the trailing edge signals that more tabs exist. */}\n          <div className=\"relative flex min-w-0 flex-shrink items-end\">\n            <div\n              ref={scrollerRef}\n              data-slot=\"tab-scroller\"\n              className={cn(\n                'flex min-w-0 items-end overflow-x-auto overflow-y-hidden pt-1',\n                leading ? 'pl-8' : 'pl-3'\n              )}\n            >\n              {leftContent || (\n                <div className=\"flex items-end gap-1\">\n                  {tabs.map((tab, index) => {\n                    const tabButton = (\n                      <TabButton\n                        key={tab.id}\n                        tab={tab}\n                        isActive={activeTabId === tab.id}\n                        isChip={isChipRow}\n                        // A lone tab competes with nothing: its label is the surface's title.\n                        isCompact={isCompact && tabs.length > 1}\n                        onTabChange={onTabChange}\n                        labels={mergedLabels}\n                        testIds={testIds}\n                      />\n                    )\n                    const renderedTab = !tab.tooltip ? (\n                      tabButton\n                    ) : (\n                      <Tooltip key={tab.id}>\n                        <TooltipTrigger asChild>{tabButton}</TooltipTrigger>\n                        {/* Below: the header can sit at the very top of the viewport. */}\n                        <TooltipContent side=\"bottom\">\n                          <p>{tab.tooltip}</p>\n                        </TooltipContent>\n                      </Tooltip>\n                    )\n                    if (index !== 0 || !firstTabContent) return renderedTab\n                    return (\n                      <div\n                        key={tab.id}\n                        data-slot=\"count-tab-group\"\n                        className=\"flex shrink-0 items-end gap-1\"\n                      >\n                        {renderedTab}\n                        <div className={cn('self-center', COMPACT_SECTION)}>\n                          {typeof firstTabContent === 'function'\n                            ? firstTabContent(isCompact)\n                            : firstTabContent}\n                        </div>\n                      </div>\n                    )\n                  })}\n                  {afterTabs && (\n                    <div className={cn('self-center', COMPACT_SECTION)}>\n                      {typeof afterTabs === 'function' ? afterTabs(isCompact) : afterTabs}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {canScrollEnd && (\n              <span\n                aria-hidden\n                data-slot=\"tab-scroll-cue\"\n                className=\"pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent\"\n              />\n            )}\n          </div>\n\n          {centerContent && (\n            <div className={cn('flex min-w-fit flex-1 items-center self-center', COMPACT_SECTION)}>\n              {typeof centerContent === 'function' ? centerContent(isCompact) : centerContent}\n            </div>\n          )}\n\n          {/* pointer-events-none on the overlay so clicks reach the tabs beneath; the inner div\n              re-enables them for the actual content. */}\n          {absoluteCenterContent && (\n            <div className=\"pointer-events-none absolute inset-0 z-10 flex items-center justify-center\">\n              <div className=\"pointer-events-auto\">{absoluteCenterContent}</div>\n            </div>\n          )}\n\n          <div\n            className={cn(\n              'flex flex-shrink-0 items-center justify-end gap-2 self-center',\n              COMPACT_SECTION\n            )}\n          >\n            {typeof rightContent === 'function' ? rightContent(isCompact) : rightContent}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-6DNYPLCD.cjs → chunk-7RGLTF76.cjs}

@@ -52,6 +52,7 @@ function TabButton({
     tab.presentation === "count" && "rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent",
     tab.tabClassName
   );
+  const countValue = tab.isProcessing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count;
   const countBadge = tab.count === void 0 ? null : (
     // A plain muted number, a footnote to the label. A filtered count switches to primary ink so
     // "this is narrowed" still reads without a fill.
@@ -70,7 +71,7 @@ function TabButton({
         ),
         children: [
           tab.countIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center justify-center", children: tab.countIcon }),
-          tab.isProcessing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: tab.count }) : tab.count
+          tab.countClassName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: tab.countClassName, children: countValue }) : countValue
         ]
       }
     )
@@ -297,5 +298,5 @@ function TabHeader({
 
 exports.DEFAULT_TAB_HEADER_LABELS = DEFAULT_TAB_HEADER_LABELS;
 exports.TabHeader = TabHeader;
-//# sourceMappingURL=chunk-6DNYPLCD.cjs.map
-//# sourceMappingURL=chunk-6DNYPLCD.cjs.map
+//# sourceMappingURL=chunk-7RGLTF76.cjs.map
+//# sourceMappingURL=chunk-7RGLTF76.cjs.map

package/dist/chunk-7RGLTF76.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/TabHeader.tsx"],"names":["useCallback","cn","jsx","jsxs","testIdOr","Fragment","Badge","Tooltip","TooltipTrigger","X","TooltipContent","useRef","useState","useEffect","observeResize"],"mappings":"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","file":"chunk-7RGLTF76.cjs","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { X } from 'lucide-react'\nimport { Badge, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { observeResize } from '../lib/observe-resize'\n\n/** Fixed strings of the tab row. */\nexport interface TabHeaderLabels {\n  /** A tab's close button (a tab's own `closeTooltip` wins). */\n  closeTab: string\n}\n\nexport const DEFAULT_TAB_HEADER_LABELS: TabHeaderLabels = {\n  closeTab: 'Close tab',\n}\n\nexport interface Tab {\n  id: string\n  label: string | ReactNode\n  testId?: string\n  icon?: ReactNode\n  /**\n   * An entity pill (conversation, workspace, …) shown in place of the icon + label. The app\n   * renders it, so the block stays free of entity components.\n   */\n  pill?: ReactNode\n  count?: number\n  /** Where the count sits relative to the label. Defaults to 'trailing'. */\n  countPlacement?: 'leading' | 'trailing'\n  /** Glyph INSIDE the count, in front of the number, so icon and count read as one object. */\n  countIcon?: ReactNode\n  /** Classes for the number alone (e.g. a filled pill), leaving the glyph as it is. */\n  countClassName?: string\n  badge?: string | ReactNode\n  disabled?: boolean\n  tooltip?: string\n  actions?: ReactNode\n  /** Hover handlers from actions (e.g. a filter dropdown), attached to the whole tab wrapper. */\n  actionsHoverHandlers?: { onMouseEnter: () => void; onMouseLeave: () => void }\n  isProcessing?: boolean\n  isVariable?: boolean\n  onClose?: () => void\n  closeTooltip?: string\n  hasActiveFilters?: boolean\n  /** Entity count header without selectable-tab chrome (Facts, Tasks, Files). */\n  presentation?: 'tab' | 'count'\n  /** Extra classes for the tab button. */\n  tabClassName?: string\n}\n\n/** Forces buttons in a header section to a uniform compact size (28px, 14px text). */\nconst COMPACT_SECTION =\n  '[&_button]:h-7 [&_button]:px-2 [&_button]:py-0 [&_button]:text-sm [&_button]:font-medium ' +\n  '[&_[role=button]]:h-7 [&_[role=button]]:px-2 [&_[role=button]]:py-0 [&_[role=button]]:text-sm [&_[role=button]]:font-medium ' +\n  // Touch: the compact 28px floor is lifted to 44px (important beats the rules above).\n  'pointer-coarse:[&_button]:h-11! pointer-coarse:[&_[role=button]]:h-11!'\n\ninterface TabButtonProps {\n  tab: Tab\n  isActive: boolean\n  /** Closable-items row: a soft chip with a close button instead of an underline. */\n  isChip: boolean\n  isCompact: boolean\n  onTabChange: (tabId: string) => void\n  labels: TabHeaderLabels\n  testIds?: TabHeaderProps['testIds']\n}\n\nfunction TabButton({\n  tab,\n  isActive,\n  isChip,\n  isCompact,\n  onTabChange,\n  labels,\n  testIds,\n}: TabButtonProps) {\n  // Compact mode (narrow header) collapses every INACTIVE tab that has an icon to icon-only so\n  // the trailing controls are never pushed off the edge. The active tab keeps a truncated title:\n  // otherwise two icon-only tabs cannot be told apart on a phone. Collapsed tabs keep an\n  // accessible name and a title with their label; label-only tabs keep their text.\n  const hideLabel = isCompact && !!tab.icon && !isActive\n  const handleClick = useCallback(() => {\n    if (!tab.disabled) onTabChange(tab.id)\n  }, [tab.disabled, tab.id, onTabChange])\n\n  // div+role=button needs explicit keyboard handling; Space must not scroll the page.\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (tab.disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onTabChange(tab.id)\n      }\n    },\n    [tab.disabled, tab.id, onTabChange]\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent) => {\n      e.stopPropagation()\n      tab.onClose?.()\n    },\n    [tab]\n  )\n\n  // Two looks, chosen by the row: a row that holds closable items (conversations, open panels)\n  // shows soft chips, the active one filled, so \"close\" has an obvious owner. Every other row is a\n  // plain underline: ink text + a 2px primary underline for the active tab, nothing else.\n  const className = cn(\n    'group relative z-[1] flex pointer-coarse:h-11 cursor-pointer items-center justify-start text-left text-sm transition-colors',\n    isChip\n      ? 'h-8 max-w-[260px] rounded-md px-2.5'\n      : 'h-9 max-w-[320px] border-b-2 bg-transparent px-2.5',\n    isChip\n      ? isActive\n        ? 'bg-muted font-semibold text-foreground'\n        : 'bg-transparent font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground'\n      : isActive\n        ? 'border-b-primary font-semibold text-foreground'\n        : 'border-b-transparent font-medium text-muted-foreground hover:text-foreground',\n    // Touch: an icon-only tab still meets the 44px target; a titled active tab truncates.\n    isCompact && tab.icon && (isActive ? 'max-w-[45vw]' : 'pointer-coarse:min-w-11 justify-center'),\n    tab.disabled && 'cursor-not-allowed opacity-50',\n    tab.presentation === 'count' &&\n      'rounded-none border-transparent bg-transparent pl-0 font-normal hover:bg-transparent',\n    tab.tabClassName\n  )\n\n  const countValue = tab.isProcessing ? (\n    <span className=\"animate-pulse\">{tab.count}</span>\n  ) : (\n    tab.count\n  )\n  const countBadge =\n    tab.count === undefined ? null : (\n      // A plain muted number, a footnote to the label. A filtered count switches to primary ink so\n      // \"this is narrowed\" still reads without a fill.\n      <span\n        data-testid={testIdOr(testIds?.count, { testId: 'tab-count' })}\n        className={cn(\n          'flex-shrink-0 items-center justify-center gap-1 font-normal leading-none tabular-nums',\n          tab.countIcon ? 'text-sm' : 'text-xs',\n          tab.countPlacement === 'leading' ? 'mr-1.5' : 'ml-1.5',\n          // Compact rows drop counts to save width, but a tab whose glyph lives in the count has\n          // nothing else to show: there the count IS the tab.\n          isCompact && !tab.countIcon ? 'hidden' : 'inline-flex',\n          tab.hasActiveFilters ? 'text-primary' : 'text-muted-foreground'\n        )}\n      >\n        {tab.countIcon && (\n          <span aria-hidden className=\"flex shrink-0 items-center justify-center\">\n            {tab.countIcon}\n          </span>\n        )}\n        {tab.countClassName ? <span className={tab.countClassName}>{countValue}</span> : countValue}\n      </span>\n    )\n\n  const content = tab.pill ? (\n    // The outer wrapper hosts the processing dot outside the pill's bounds; the inner span keeps\n    // the truncation the pill needs without clipping the dot.\n    <span className=\"relative inline-flex min-w-0 items-center\">\n      <span className=\"min-w-0 truncate overflow-hidden\">{tab.pill}</span>\n      {tab.isProcessing && (\n        <span className=\"absolute -right-1 -top-1 size-2 rounded-full border border-background bg-yellow-solid\" />\n      )}\n    </span>\n  ) : (\n    <>\n      {tab.icon && (\n        <span\n          className={cn(\n            'flex size-5 flex-shrink-0 items-center justify-center',\n            !hideLabel && 'mr-1.5'\n          )}\n        >\n          {tab.icon}\n        </span>\n      )}\n      {tab.countPlacement === 'leading' && countBadge}\n      <span className={cn('truncate', hideLabel ? 'hidden' : 'inline')}>{tab.label}</span>\n      {tab.countPlacement !== 'leading' && countBadge}\n      {tab.badge &&\n        (typeof tab.badge === 'string' ? (\n          <Badge\n            variant=\"outline\"\n            className={cn('ml-1.5 truncate', isCompact ? 'max-w-[120px]' : 'max-w-none')}\n          >\n            {tab.badge}\n          </Badge>\n        ) : (\n          <span className=\"ml-1.5 inline-flex items-center\">{tab.badge}</span>\n        ))}\n    </>\n  )\n\n  return (\n    <div\n      className={cn('flex items-end', isChip && 'pb-1')}\n      data-testid={testIdOr(tab.testId, { testId: `${tab.id}-tab` })}\n      onMouseEnter={tab.actionsHoverHandlers?.onMouseEnter}\n      onMouseLeave={tab.actionsHoverHandlers?.onMouseLeave}\n    >\n      {/* role=button on a div, not a <button>: a tab whose badge holds a real interactive element\n          (an entity tooltip trigger) would otherwise nest a button inside a button. */}\n      <div\n        role=\"button\"\n        tabIndex={tab.disabled ? -1 : 0}\n        aria-disabled={tab.disabled || undefined}\n        aria-current={isActive ? 'true' : undefined}\n        data-slot=\"tab\"\n        data-state={isActive ? 'active' : 'inactive'}\n        // Icon-only tabs expose the label for a11y and as a native title.\n        aria-label={hideLabel && typeof tab.label === 'string' ? tab.label : undefined}\n        title={hideLabel && !tab.tooltip && typeof tab.label === 'string' ? tab.label : undefined}\n        className={className}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {content}\n        {tab.actions && (\n          <span className=\"ml-auto flex-shrink-0\" onClick={(e) => e.stopPropagation()}>\n            {tab.actions}\n          </span>\n        )}\n        {tab.onClose && (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span\n                role=\"button\"\n                tabIndex={0}\n                className={cn(\n                  'ml-0.5 inline-flex !size-4 flex-shrink-0 items-center justify-center rounded-sm !p-0 text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground pointer-coarse:!size-11',\n                  // A chip row keeps the close button quiet until the chip is the active one or is\n                  // hovered or focused; touch always shows it (there is no hover).\n                  isChip &&\n                    !isActive &&\n                    'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-100'\n                )}\n                onClick={handleClose}\n                aria-label={tab.closeTooltip || labels.closeTab}\n                data-testid={testIdOr(testIds?.closeButton, { testId: 'close-tab-button' })}\n              >\n                <X className=\"size-3\" />\n              </span>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{tab.closeTooltip || labels.closeTab}</p>\n            </TooltipContent>\n          </Tooltip>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface TabHeaderProps {\n  tabs: Tab[]\n  activeTabId: string\n  onTabChange: (tabId: string) => void\n  /** Pinned to the far left before the tabs (e.g. the sidebar toggle). */\n  leading?: ReactNode\n  leftContent?: ReactNode\n  /** Controls attached to the first count tab, before any additional tabs. */\n  firstTabContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  afterTabs?: ReactNode | ((isCompact: boolean) => ReactNode)\n  centerContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  /** Pinned to the true horizontal center of the row, independent of left/right widths. */\n  absoluteCenterContent?: ReactNode\n  rightContent?: ReactNode | ((isCompact: boolean) => ReactNode)\n  className?: string\n  /** Header width below which tabs collapse to icons. */\n  compactBreakpoint?: number\n  labels?: Partial<TabHeaderLabels>\n  /**\n   * `chips` renders every tab as a soft chip (for rows of closable items), `underline` as a plain\n   * underline tab. Default: chips when any tab can be closed, underline otherwise.\n   */\n  variant?: 'underline' | 'chips'\n  /** Root id (default `tab-header`). */\n  testId?: string\n  /**\n   * Per-tab ids; defaults are the current ids. A tab's own id is `Tab.testId`, else `<tab id>-tab`\n   * (structural).\n   */\n  testIds?: Partial<Record<'count' | 'closeButton', string>>\n}\n\n/** Underline tab row with leading / center / right slots; collapses to icons when narrow. */\nexport function TabHeader({\n  tabs,\n  activeTabId,\n  onTabChange,\n  leading,\n  leftContent,\n  firstTabContent,\n  afterTabs,\n  centerContent,\n  absoluteCenterContent,\n  rightContent,\n  className,\n  compactBreakpoint = 640,\n  labels,\n  variant,\n  testId,\n  testIds,\n}: TabHeaderProps) {\n  const mergedLabels = { ...DEFAULT_TAB_HEADER_LABELS, ...labels }\n  const isChipRow = variant ? variant === 'chips' : tabs.some((tab) => !!tab.onClose)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const scrollerRef = useRef<HTMLDivElement>(null)\n  const [isCompact, setIsCompact] = useState(false)\n  const [canScrollEnd, setCanScrollEnd] = useState(false)\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    return observeResize(container, (entries) => {\n      for (const entry of entries) setIsCompact(entry.contentRect.width < compactBreakpoint)\n    })\n  }, [compactBreakpoint])\n\n  // Overflow cue: track whether tabs are hidden past the trailing edge.\n  useEffect(() => {\n    const scroller = scrollerRef.current\n    if (!scroller) return\n    const update = () =>\n      setCanScrollEnd(scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1)\n    update()\n    scroller.addEventListener('scroll', update, { passive: true })\n    const stopObserving = observeResize(scroller, update)\n    return () => {\n      scroller.removeEventListener('scroll', update)\n      stopObserving()\n    }\n  }, [tabs.length])\n\n  // Keep the active tab visible when it changes (or on first render) in a scrolling row.\n  useEffect(() => {\n    const active = scrollerRef.current?.querySelector('[data-slot=\"tab\"][data-state=\"active\"]')\n    if (active && typeof active.scrollIntoView === 'function') {\n      active.scrollIntoView({ inline: 'nearest', block: 'nearest' })\n    }\n  }, [activeTabId])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('w-full bg-background pt-1 pr-3 pb-2', className)}\n      data-slot=\"tab-header\"\n      data-testid={testIdOr(testId, { testId: 'tab-header' })}\n    >\n      <div className=\"relative bg-background\">\n        {/* The hairline lives on this non-scrolling wrapper: overflow-y-hidden on the scroll row\n            would clip the active tab's underline overhang. The tabs paint over the line. */}\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border\"\n        />\n        {/* overflow-y-hidden is mandatory: overflow-x-auto alone makes the browser compute\n            overflow-y to `auto` too, surfacing a phantom vertical scrollbar from sub-pixel\n            overflow (e.g. the processing dot's -top-1). pt-1 keeps that dot inside the clip box. */}\n        <div className=\"relative flex min-h-[40px] items-end justify-between gap-4\">\n          {/* Leading slot: placed in the left margin (the pl-8 gap), claiming no extra width. */}\n          {leading && (\n            <div className=\"absolute bottom-1.5 left-1.5 z-10 flex items-center\">{leading}</div>\n          )}\n          {/* Only the tabs scroll: the center and right slots sit outside the scroller so they can\n              never overlap a tab, and a fade at the trailing edge signals that more tabs exist. */}\n          <div className=\"relative flex min-w-0 flex-shrink items-end\">\n            <div\n              ref={scrollerRef}\n              data-slot=\"tab-scroller\"\n              className={cn(\n                'flex min-w-0 items-end overflow-x-auto overflow-y-hidden pt-1',\n                leading ? 'pl-8' : 'pl-3'\n              )}\n            >\n              {leftContent || (\n                <div className=\"flex items-end gap-1\">\n                  {tabs.map((tab, index) => {\n                    const tabButton = (\n                      <TabButton\n                        key={tab.id}\n                        tab={tab}\n                        isActive={activeTabId === tab.id}\n                        isChip={isChipRow}\n                        // A lone tab competes with nothing: its label is the surface's title.\n                        isCompact={isCompact && tabs.length > 1}\n                        onTabChange={onTabChange}\n                        labels={mergedLabels}\n                        testIds={testIds}\n                      />\n                    )\n                    const renderedTab = !tab.tooltip ? (\n                      tabButton\n                    ) : (\n                      <Tooltip key={tab.id}>\n                        <TooltipTrigger asChild>{tabButton}</TooltipTrigger>\n                        {/* Below: the header can sit at the very top of the viewport. */}\n                        <TooltipContent side=\"bottom\">\n                          <p>{tab.tooltip}</p>\n                        </TooltipContent>\n                      </Tooltip>\n                    )\n                    if (index !== 0 || !firstTabContent) return renderedTab\n                    return (\n                      <div\n                        key={tab.id}\n                        data-slot=\"count-tab-group\"\n                        className=\"flex shrink-0 items-end gap-1\"\n                      >\n                        {renderedTab}\n                        <div className={cn('self-center', COMPACT_SECTION)}>\n                          {typeof firstTabContent === 'function'\n                            ? firstTabContent(isCompact)\n                            : firstTabContent}\n                        </div>\n                      </div>\n                    )\n                  })}\n                  {afterTabs && (\n                    <div className={cn('self-center', COMPACT_SECTION)}>\n                      {typeof afterTabs === 'function' ? afterTabs(isCompact) : afterTabs}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {canScrollEnd && (\n              <span\n                aria-hidden\n                data-slot=\"tab-scroll-cue\"\n                className=\"pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent\"\n              />\n            )}\n          </div>\n\n          {centerContent && (\n            <div className={cn('flex min-w-fit flex-1 items-center self-center', COMPACT_SECTION)}>\n              {typeof centerContent === 'function' ? centerContent(isCompact) : centerContent}\n            </div>\n          )}\n\n          {/* pointer-events-none on the overlay so clicks reach the tabs beneath; the inner div\n              re-enables them for the actual content. */}\n          {absoluteCenterContent && (\n            <div className=\"pointer-events-none absolute inset-0 z-10 flex items-center justify-center\">\n              <div className=\"pointer-events-auto\">{absoluteCenterContent}</div>\n            </div>\n          )}\n\n          <div\n            className={cn(\n              'flex flex-shrink-0 items-center justify-end gap-2 self-center',\n              COMPACT_SECTION\n            )}\n          >\n            {typeof rightContent === 'function' ? rightContent(isCompact) : rightContent}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}