@arbidocs/blocks 0.4.30 → 0.4.32

package/dist/agents/index.js

@@ -1,8 +1,8 @@
 "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, 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, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskRunsDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, 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-J7IXAJWT.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, 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, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskRunsDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, 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-TZ4QF7EP.js';
 import '../chunk-P6GHJSLR.js';
-import '../chunk-NJL4LIXX.js';
 import '../chunk-NUPVHEJW.js';
+import '../chunk-NJL4LIXX.js';
 import '../chunk-4XJZ6AAY.js';
 import '../chunk-DPLRHEJZ.js';
 import '../chunk-S7PSMMRG.js';

package/dist/{chunk-CRIKTUEU.cjs → chunk-46IU3UPF.cjs}

@@ -15,7 +15,7 @@ function UsageMeter({
   testId
 }) {
   const clamped = Math.max(0, Math.min(100, pct));
-  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-green-500";
+  const tone = clamped >= 100 ? "bg-red-500" : clamped >= 50 ? "bg-yellow-500" : "bg-primary";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("space-y-1.5", className), "data-testid": testId, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5 text-muted-foreground", children: [
@@ -43,5 +43,5 @@ function UsageMeter({
 }
 
 exports.UsageMeter = UsageMeter;
-//# sourceMappingURL=chunk-CRIKTUEU.cjs.map
-//# sourceMappingURL=chunk-CRIKTUEU.cjs.map
+//# sourceMappingURL=chunk-46IU3UPF.cjs.map
+//# sourceMappingURL=chunk-46IU3UPF.cjs.map

package/dist/{chunk-CRIKTUEU.cjs.map → chunk-46IU3UPF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":["jsxs","cn","jsx"],"mappings":";;;;;;AAUO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,cAAA;AAC/E,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAWC,KAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQE,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7CF,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,SAAA,EACzB;AAAA,OAAA,EACF,CAAA;AAAA,sBACAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,KAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-CRIKTUEU.cjs","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the\n * right, a thin bar underneath. The bar's tone follows pressure with the shared\n * green → yellow → red gradation — green while there's room, yellow past the\n * halfway mark, red at the limit — so a stack of meters reads at a glance which\n * quota is the one to think about.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct,\n  hint,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Fill percentage, 0–100 (values are clamped). */\n  pct: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-green-500'\n  return (\n    <div className={cn('space-y-1.5', className)} data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-3 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-muted-foreground\">\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{value}</span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn('h-full rounded-full transition-[width]', tone)}\n          style={{ width: `${clamped}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clamped}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={label}\n        />\n      </div>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/UsageMeter.tsx"],"names":["jsxs","cn","jsx"],"mappings":";;;;;;AAUO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,GAAG,CAAC,CAAA;AAG9C,EAAA,MAAM,OAAO,OAAA,IAAW,GAAA,GAAM,YAAA,GAAe,OAAA,IAAW,KAAK,eAAA,GAAkB,YAAA;AAC/E,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAWC,KAAA,CAAG,eAAe,SAAS,CAAA,EAAG,eAAa,MAAA,EACzD,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yDAAA,EACb,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQE,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,wBAC7CF,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UACA,IAAA,GAAO,CAAA,EAAA,EAAK,IAAI,CAAA,CAAA,CAAA,GAAM;AAAA,SAAA,EACzB;AAAA,OAAA,EACF,CAAA;AAAA,sBACAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7E,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,KAAA,CAAG,wCAAA,EAA0C,IAAI,CAAA;AAAA,QAC5D,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,EAAI;AAAA,QAC9B,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,OAAA;AAAA,QACf,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,YAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-46IU3UPF.cjs","sourcesContent":["import type { LucideIcon } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/**\n * One labelled quota meter: icon + label on the left, used-of-limit on the\n * right, a thin bar underneath. The bar's tone follows pressure with the shared\n * green → yellow → red gradation — green while there's room, yellow past the\n * halfway mark, red at the limit — so a stack of meters reads at a glance which\n * quota is the one to think about.\n */\nexport function UsageMeter({\n  icon: Icon,\n  label,\n  value,\n  pct,\n  hint,\n  className,\n  testId,\n}: {\n  icon?: LucideIcon\n  label: string\n  /** Formatted used-of-limit text, e.g. \"1,200 / 25,000\" or \"40 / 500 MB\". */\n  value: string\n  /** Fill percentage, 0–100 (values are clamped). */\n  pct: number\n  /** Inline parenthetical after the label, e.g. \"resets May 31, 2025\" —\n   *  same font as the label, so the meter never grows an extra row. */\n  hint?: string\n  className?: string\n  testId?: string\n}) {\n  const clamped = Math.max(0, Math.min(100, pct))\n  // Shared green → yellow → red gradation (same thresholds as the project-card\n  // quota badges): green with room, yellow past the halfway mark, red at limit.\n  const tone = clamped >= 100 ? 'bg-red-500' : clamped >= 50 ? 'bg-yellow-500' : 'bg-primary'\n  return (\n    <div className={cn('space-y-1.5', className)} data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-3 text-sm\">\n        <span className=\"flex min-w-0 items-center gap-1.5 text-muted-foreground\">\n          {Icon && <Icon className=\"size-3.5 shrink-0\" />}\n          <span className=\"truncate\">\n            {label}\n            {hint ? ` (${hint})` : ''}\n          </span>\n        </span>\n        <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{value}</span>\n      </div>\n      <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n        <div\n          className={cn('h-full rounded-full transition-[width]', tone)}\n          style={{ width: `${clamped}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clamped}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-label={label}\n        />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-ZJ6RIPFS.js → chunk-C75S6USL.js}

@@ -3,7 +3,7 @@ import { ActionLink } from './chunk-S7PSMMRG.js';
 import { useDrawerBehavior, BlocksTooltipProvider, useShellBottomInset } from './chunk-KZJAG7T3.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { createContext, forwardRef, useContext, useMemo, useRef, useState, useEffect, useCallback, useId } from 'react';
-import { PanelLeftClose, PanelLeftOpen, X, Globe, Users, Lock, ChevronDown, LayoutGrid, Plus, Sparkles, Search, ArrowUp, Menu, Download, TriangleAlert, CheckCircle2, Loader2, RefreshCw, WifiOff, MousePointerClick, Lightbulb, Pencil, ChevronLeft, ChevronRight, Info } from 'lucide-react';
+import { TriangleAlert, CheckCircle2, Loader2, PanelLeftClose, PanelLeftOpen, X, Globe, Users, Lock, ChevronDown, LayoutGrid, Plus, Sparkles, Search, ArrowUp, Menu, Download, RefreshCw, WifiOff, MousePointerClick, Lightbulb, Pencil, ChevronLeft, ChevronRight, Info } from 'lucide-react';
 import { cn, Tooltip, TooltipTrigger, TooltipContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, Button } from '@arbidocs/react/ui';
 export { UserMenu } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -459,7 +459,7 @@ function SidebarNavItem({
         /* @__PURE__ */ jsx("div", { className: "flex size-5 flex-shrink-0 items-center justify-center", children: icon }),
         /* @__PURE__ */ jsx("span", { className: "ml-3 min-w-0 truncate text-left", children: label }),
         countNode,
-        trailing && /* @__PURE__ */ jsx(SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsx("span", { className: "ml-2 flex flex-shrink-0 items-center", children: trailing }) })
+        trailing && /* @__PURE__ */ jsx(SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsx("span", { className: "ml-auto flex flex-shrink-0 items-center pl-2", children: trailing }) })
       ]
     }
   );
@@ -585,7 +585,7 @@ function workspaceKindMeta(kind, labels) {
   if (kind === "common")
     return { Icon: Globe, label: l.common, fill: "bg-muted text-muted-foreground" };
   if (kind === "shared")
-    return { Icon: Users, label: l.shared, fill: "bg-accent text-accent-foreground" };
+    return { Icon: Users, label: l.shared, fill: "bg-secondary text-secondary-foreground" };
   return { Icon: Lock, label: l.private, fill: "bg-primary text-primary-foreground" };
 }
 function workspaceKindColor(kind) {
@@ -1346,6 +1346,7 @@ function InstallPrompt({
 function ActionCluster({
   layout = "bar",
   status,
+  mail,
   bell,
   contacts,
   account,
@@ -1377,6 +1378,7 @@ function ActionCluster({
               children: label
             }
           ),
+          mail,
           bell,
           contacts,
           account && layout !== "drawer" && /* @__PURE__ */ jsx("div", { className: rail ? "mt-1" : "mt-1 min-w-0", children: account })
@@ -1394,6 +1396,7 @@ function ActionCluster({
       "data-slot": "action-cluster",
       children: [
         status,
+        mail,
         bell,
         contacts,
         account
@@ -1401,7 +1404,8 @@ function ActionCluster({
     }
   );
 }
-var TONES = {
+var STATUS_ROW_BASE_CLASS = "flex items-center gap-2 rounded-md text-sm font-medium transition-colors hover:brightness-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11";
+var STATUS_ROW_TONES = {
   progress: { className: "bg-muted text-foreground", Icon: Loader2, spin: true },
   success: { className: "bg-green-bg text-green-text", Icon: CheckCircle2 },
   error: { className: "bg-red-bg text-red-text", Icon: TriangleAlert }
@@ -1414,7 +1418,7 @@ function StatusRow({
   icon,
   "data-testid": testId
 }) {
-  const { className, Icon, spin } = TONES[tone];
+  const { className, Icon, spin } = STATUS_ROW_TONES[tone];
   return /* @__PURE__ */ jsx("div", { role: "status", "data-slot": "status-row", className: cn(compact && "flex justify-center"), children: /* @__PURE__ */ jsxs(
     "button",
     {
@@ -1425,7 +1429,7 @@ function StatusRow({
       "data-testid": testId,
       "data-tone": tone,
       className: cn(
-        "flex items-center gap-2 rounded-md text-sm font-medium transition-colors hover:brightness-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+        STATUS_ROW_BASE_CLASS,
         compact ? "size-9 justify-center pointer-coarse:size-11" : "w-full px-2.5 py-1.5",
         className
       ),
@@ -1441,10 +1445,65 @@ function StatusRow({
     }
   ) });
 }
+function StatusBadge({
+  tone,
+  label,
+  onClick,
+  onDismiss,
+  "data-testid": testId
+}) {
+  const className = cn(
+    "rounded-md px-1.5 py-0.5 text-xs font-medium whitespace-nowrap",
+    STATUS_ROW_TONES[tone].className
+  );
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "status",
+      className: cn(
+        "ml-auto inline-flex items-center rounded-md",
+        STATUS_ROW_TONES[tone].className
+      ),
+      "data-testid": testId,
+      "data-tone": tone,
+      children: [
+        onClick ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            title: label,
+            className,
+            onClick: (event) => {
+              event.stopPropagation();
+              onClick();
+            },
+            onKeyDown: (event) => event.stopPropagation(),
+            children: label
+          }
+        ) : /* @__PURE__ */ jsx("span", { className, children: label }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Dismiss ${label}`,
+            title: "Dismiss",
+            className: "mr-1 rounded-sm p-0.5 opacity-60 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
+            onClick: (event) => {
+              event.stopPropagation();
+              onDismiss();
+            },
+            onKeyDown: (event) => event.stopPropagation(),
+            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
 var DEFAULT_OFFLINE_PILL_LABELS = {
   reconnect: "Reconnect"
 };
-var TONES2 = {
+var TONES = {
   offline: { className: "bg-yellow-bg text-yellow-text", Icon: WifiOff },
   failed: { className: "bg-red-bg text-red-text", Icon: TriangleAlert },
   syncing: { className: "bg-blue-bg text-blue-text", Icon: RefreshCw }
@@ -1459,7 +1518,7 @@ function OfflinePill({
   "data-testid": testId,
   reconnectTestId
 }) {
-  const { className, Icon } = TONES2[tone];
+  const { className, Icon } = TONES[tone];
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1819,6 +1878,6 @@ function SplitLayout({
   );
 }
 
-export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, OfflinePill, RemoteControlPill, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusRow, TipCard, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta };
-//# sourceMappingURL=chunk-ZJ6RIPFS.js.map
-//# sourceMappingURL=chunk-ZJ6RIPFS.js.map
+export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, OfflinePill, RemoteControlPill, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusBadge, StatusRow, TipCard, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta };
+//# sourceMappingURL=chunk-C75S6USL.js.map
+//# sourceMappingURL=chunk-C75S6USL.js.map