@arbidocs/blocks 0.5.20 → 0.5.21

package/dist/{chunk-X2SQZY7U.js → chunk-FERNQVSH.js}

@@ -1,12 +1,13 @@
 "use client";
-import { CollapsibleSection } from './chunk-5TDGVOR5.js';
+import { KeyValueRow, CollapsibleSection } from './chunk-WZ63HE2C.js';
 import { MemberAvatarStack } from './chunk-FUPAGAZB.js';
 import { ActionLink } from './chunk-ML62FUHZ.js';
 import { fmtDate } from './chunk-5VYJP6XD.js';
-import { FileText, MessagesSquare, Users, Check, ChevronRight, UserPlus, LogOut, Globe } from 'lucide-react';
-import { formatRelativeTime, cn, Popover, PopoverTrigger, PopoverContent, Button, IconToggle } from '@arbidocs/react/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useMemo } from 'react';
+import { ModalHeader } from './chunk-TX2ZICS7.js';
+import { FileText, MessagesSquare, Users, Check, ChevronRight, UserPlus, LogOut, Globe, AlertCircle, Plus, ArrowUpRight, AlignLeft, CreditCard } from 'lucide-react';
+import { formatRelativeTime, cn, Popover, PopoverTrigger, PopoverContent, Button, IconToggle, Dialog, DialogContent, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectSeparator, Input } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo, useId, useState } from 'react';
 
 function WorkspacePageFrame({ testId, children }) {
   return /* @__PURE__ */ jsx(
@@ -153,6 +154,271 @@ var ROLE_DESCRIPTIONS = {
 function getRoleDescription(role) {
   return ROLE_DESCRIPTIONS[role];
 }
+function FormErrorBanner({
+  message,
+  testId,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id,
+      role: "alert",
+      "data-slot": "form-error",
+      "data-testid": testId,
+      className: cn(
+        "flex items-center gap-2 rounded-md border border-red-border bg-red-bg p-3 text-sm text-red-text",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+        message
+      ]
+    }
+  );
+}
+function FormActions({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-actions",
+      className: cn("sticky bottom-0 flex justify-end gap-2 bg-background pt-2", className),
+      children
+    }
+  );
+}
+function ModalActionRow({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-action-row",
+      className: "sticky bottom-0 -mx-6 -mb-6 flex flex-col-reverse gap-2 border-t border-border bg-background px-6 pb-6 pt-3 sm:flex-row sm:items-center sm:justify-end",
+      children
+    }
+  );
+}
+function WorkspaceFormModal({
+  open,
+  onOpenChange,
+  title,
+  icon,
+  intro,
+  testId,
+  description = "Create a new workspace",
+  children
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      presentation: "sheet",
+      className: "flex max-h-panel w-modal max-w-modal-vw flex-col overflow-hidden p-0",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitleRow, { icon, title, description }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto px-6 pb-6", children: [
+          intro && /* @__PURE__ */ jsx("p", { className: "pb-4 text-sm text-muted-foreground", children: intro }),
+          children
+        ] })
+      ]
+    }
+  ) });
+}
+function ModalTitleRow({
+  icon,
+  title,
+  description
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      icon,
+      /* @__PURE__ */ jsx("span", { children: title })
+    ] }) }),
+    /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: description })
+  ] });
+}
+function ProjectOptionRow({ identity, meta }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+    identity,
+    meta && /* @__PURE__ */ jsx("span", { className: "ml-auto truncate text-sm text-muted-foreground", children: meta })
+  ] });
+}
+var CREATE_VALUE = "__create__";
+function ProjectPicker({
+  value,
+  options,
+  onChange,
+  variant = "form",
+  onCreate,
+  disabled,
+  readOnly,
+  className,
+  labels = { placeholder: "Select project", create: "Create new project..." },
+  testId
+}) {
+  const welcome = variant === "welcome";
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: value ?? options[0]?.id,
+      onValueChange: (v) => v === CREATE_VALUE ? onCreate?.() : onChange(v),
+      disabled: disabled || readOnly,
+      children: [
+        /* @__PURE__ */ jsx(
+          SelectTrigger,
+          {
+            className: cn(
+              welcome && "h-7 w-auto max-w-[9.5rem] shrink-0 gap-1 border-none bg-muted px-2 text-xs font-medium pointer-coarse:h-11",
+              className,
+              readOnly && "cursor-not-allowed"
+            ),
+            "data-testid": testId ?? (welcome ? "welcome-modal-project-select" : "workspace-project-select"),
+            children: welcome ? /* @__PURE__ */ jsx(SelectValue, {}) : /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsxs(SelectContent, { align: welcome ? "end" : void 0, children: [
+          options.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.id, children: o.content }, o.id)),
+          onCreate && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(SelectSeparator, {}),
+            /* @__PURE__ */ jsx(SelectItem, { value: CREATE_VALUE, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-primary", children: [
+              /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { children: labels.create })
+            ] }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ProjectActionButton({
+  label,
+  onClick,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      onClick,
+      className: cn(
+        "h-7 gap-1.5 whitespace-nowrap px-2 py-0 text-sm font-medium pointer-coarse:h-11",
+        className
+      ),
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+var DEFAULT_LABELS = {
+  readOnlyNotice: "Read-only workspace",
+  name: "Name *",
+  description: "Description",
+  visibility: "Visibility",
+  project: "Project",
+  over: (n) => `${n} over`,
+  charsLeft: (n) => `${n} chars left`
+};
+function WorkspaceFieldsView({
+  variant = "modal",
+  name,
+  description,
+  onNameChange,
+  onDescriptionChange,
+  onNameBlur,
+  onNameFocus,
+  onDescriptionBlur,
+  disabled = false,
+  readOnly = false,
+  errorId,
+  maxNameLength = 50,
+  visibility,
+  project,
+  labels
+}) {
+  const workspaceDescriptionId = useId();
+  const workspaceNameId = useId();
+  const l = { ...DEFAULT_LABELS, ...labels };
+  const [nameFocused, setNameFocused] = useState(false);
+  const isModal = variant === "modal";
+  const charsLeft = maxNameLength - name.length;
+  const counterVisible = !readOnly && nameFocused && (!isModal || charsLeft <= 10);
+  const isDisabled = isModal ? disabled : disabled || readOnly;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-slot": "workspace-fields", children: [
+    readOnly && /* @__PURE__ */ jsx("div", { "data-testid": "workspace-form-readonly-notice", className: "sr-only", children: l.readOnlyNotice }),
+    /* @__PURE__ */ jsx(KeyValueRow, { label: l.name, icon: /* @__PURE__ */ jsx(FileText, { size: 14 }), htmlFor: workspaceNameId, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: workspaceNameId,
+          type: "text",
+          value: name,
+          onChange: (e) => onNameChange(e.target.value),
+          onBlur: () => {
+            setNameFocused(false);
+            onNameBlur?.();
+          },
+          onFocus: () => {
+            setNameFocused(true);
+            onNameFocus?.();
+          },
+          maxLength: maxNameLength,
+          readOnly,
+          disabled: isDisabled,
+          className: cn(
+            isModal ? "bg-background" : "capitalize",
+            readOnly && "cursor-not-allowed",
+            "pr-20"
+          ),
+          required: true,
+          "aria-invalid": errorId ? true : void 0,
+          "aria-describedby": errorId,
+          "data-testid": "workspace-form-name-input"
+        }
+      ),
+      counterVisible && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "pointer-events-none absolute right-3 top-1/2 hidden -translate-y-1/2 text-sm lg:block",
+            charsLeft < 0 ? "text-red-text" : "text-muted-foreground"
+          ),
+          children: charsLeft < 0 ? l.over(-charsLeft) : l.charsLeft(charsLeft)
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      KeyValueRow,
+      {
+        label: l.description,
+        icon: /* @__PURE__ */ jsx(AlignLeft, { size: 14 }),
+        htmlFor: workspaceDescriptionId,
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: workspaceDescriptionId,
+            type: "text",
+            dictate: true,
+            value: description,
+            onChange: (e) => onDescriptionChange(e.target.value),
+            onBlur: onDescriptionBlur,
+            readOnly,
+            disabled: isDisabled,
+            className: cn(isModal && "bg-background", readOnly && "cursor-not-allowed"),
+            "data-testid": "workspace-form-description-input"
+          }
+        )
+      }
+    ),
+    visibility && /* @__PURE__ */ jsx(KeyValueRow, { label: l.visibility, icon: /* @__PURE__ */ jsx(Globe, { size: 14 }), children: visibility }),
+    project && /* @__PURE__ */ jsx(KeyValueRow, { label: l.project, icon: /* @__PURE__ */ jsx(CreditCard, { size: 14 }), children: project })
+  ] });
+}
 var DEFAULT_WORKSPACE_CARD_LABELS = {
   openWorkspace: (name) => `Open workspace ${name}`,
   currentWorkspace: "Current workspace",
@@ -460,6 +726,6 @@ function WorkspaceGroup({
   );
 }
 
-export { CommonWorkspaceToggle, DEFAULT_WORKSPACE_CARD_LABELS, ExpandableSection, ItalicNone, LeaveFooter, PageLoading, WorkspaceAudienceLine, WorkspaceCard, WorkspaceGroup, WorkspaceIdentityPanel, WorkspaceList, WorkspacePageFrame, WorkspaceProjectSlot, formatRole, getRoleBadgeClass, getRoleDescription };
-//# sourceMappingURL=chunk-X2SQZY7U.js.map
-//# sourceMappingURL=chunk-X2SQZY7U.js.map
+export { CommonWorkspaceToggle, DEFAULT_WORKSPACE_CARD_LABELS, ExpandableSection, FormActions, FormErrorBanner, ItalicNone, LeaveFooter, ModalActionRow, PageLoading, ProjectActionButton, ProjectOptionRow, ProjectPicker, WorkspaceAudienceLine, WorkspaceCard, WorkspaceFieldsView, WorkspaceFormModal, WorkspaceGroup, WorkspaceIdentityPanel, WorkspaceList, WorkspacePageFrame, WorkspaceProjectSlot, formatRole, getRoleBadgeClass, getRoleDescription };
+//# sourceMappingURL=chunk-FERNQVSH.js.map
+//# sourceMappingURL=chunk-FERNQVSH.js.map

package/dist/chunk-FERNQVSH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workspaces/WorkspaceSettingsParts.tsx","../src/workspaces/CommonWorkspaceToggle.tsx","../src/workspaces/workspace-roles.ts","../src/workspaces/WorkspaceFormParts.tsx","../src/workspaces/WorkspaceCard.tsx","../src/workspaces/WorkspaceGroup.tsx"],"names":["jsx","jsxs","cn","Button","Globe","FileText","ChevronRight"],"mappings":"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","file":"chunk-FERNQVSH.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { LogOut, UserPlus } from 'lucide-react'\nimport { Button, cn, Popover, PopoverContent, PopoverTrigger } from '@arbidocs/react/ui'\n\n/**\n * Page frame of a workspace's home: a bounded column whose ONE scroll region spans the full\n * width (scrollbar on the outer edge), the inset living on the content inside it. A container,\n * so children can use `@2xl:` queries.\n */\nexport function WorkspacePageFrame({ testId, children }: { testId?: string; children: ReactNode }) {\n  return (\n    <div\n      className=\"flex h-full flex-col @container\"\n      data-slot=\"workspace-page\"\n      data-testid={testId}\n    >\n      {/* scrollbar-gutter:stable keeps the content from jumping when a scrollbar appears. */}\n      <div className=\"scrollbar-subtle min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]\">\n        <div className=\"space-y-6 px-4 pb-6 sm:px-6 pt-4\">{children}</div>\n      </div>\n    </div>\n  )\n}\n\n/** Tinted card holding the identity bar and the expandable member list. */\nexport function WorkspaceIdentityPanel({ children }: { children: ReactNode }) {\n  return (\n    <div\n      data-slot=\"workspace-identity-panel\"\n      className=\"group rounded-lg border border-border bg-card px-4 py-3 shadow-xs\"\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface WorkspaceProjectSlotProps {\n  testId: string\n  /** Screen-reader caption (\"Project:\"): the chip says what it is without a word in front. */\n  caption: string\n  children: ReactNode\n}\n\n/** The project control / chip pinned to the end of the name row. */\nexport function WorkspaceProjectSlot({ testId, caption, children }: WorkspaceProjectSlotProps) {\n  return (\n    <div className=\"flex min-w-0 items-center gap-3\">\n      <div className=\"flex min-w-0 flex-1 items-center gap-2\" data-testid={testId}>\n        <span className=\"sr-only\">{caption}</span>\n        {children}\n      </div>\n    </div>\n  )\n}\n\n/** Stated absence (\"None\") rather than a blank gap. */\nexport function ItalicNone({ children }: { children: ReactNode }) {\n  return <span className=\"text-sm italic text-muted-foreground\">{children}</span>\n}\n\nexport interface WorkspaceAudienceLineProps {\n  visibility: {\n    testId: string\n    caption: string\n    /** The owner's visibility switch (developers only). */\n    toggle?: ReactNode\n    /** The state named in words, so the switch is never a puzzle. */\n    stateText: string\n    /** What the state means for who can see the workspace; opened by tapping the state words. */\n    stateHelp: string\n  }\n  /** Member avatar stack. */\n  members: ReactNode\n  /** \"Share\" button (owners). */\n  share?: { label: string; onClick: () => void; testId: string }\n}\n\n/** Visibility and members end the description line together: who can see and use the workspace. */\nexport function WorkspaceAudienceLine({ visibility, members, share }: WorkspaceAudienceLineProps) {\n  return (\n    <span className=\"flex flex-wrap items-center gap-x-4 gap-y-2\" data-slot=\"workspace-audience\">\n      <span className=\"flex items-center gap-2\" data-testid={visibility.testId}>\n        <span className=\"sr-only\">{visibility.caption}</span>\n        {visibility.toggle}\n        {/* Tap-to-explain, not hover-only: the words must answer a click on touch screens too. */}\n        <Popover>\n          <PopoverTrigger className=\"touch-hit cursor-pointer rounded-sm text-sm text-muted-foreground underline decoration-dotted underline-offset-4 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\">\n            {visibility.stateText}\n          </PopoverTrigger>\n          <PopoverContent align=\"start\" className=\"w-64 text-sm\">\n            {visibility.stateHelp}\n          </PopoverContent>\n        </Popover>\n      </span>\n      {/* Faces first, then Share: \"these people ... add more\". */}\n      <span className=\"flex items-center gap-1\">\n        {members}\n        {share && (\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 gap-1.5 px-3 text-sm pointer-coarse:h-11\"\n            onClick={share.onClick}\n            data-testid={share.testId}\n          >\n            <UserPlus className=\"size-4\" />\n            {share.label}\n          </Button>\n        )}\n      </span>\n    </span>\n  )\n}\n\n/**\n * Collapsible block under the identity bar. Stays mounted and animates its height (grid-rows\n * 0fr to 1fr), so opening and closing glides instead of snapping.\n */\nexport function ExpandableSection({\n  expanded,\n  testId,\n  children,\n}: {\n  expanded: boolean\n  testId?: string\n  children: ReactNode\n}) {\n  return (\n    <div\n      className={cn(\n        'grid transition-[grid-template-rows] duration-300 ease-in-out',\n        expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n      )}\n      data-slot=\"expandable-section\"\n      data-expanded={expanded}\n      data-testid={testId}\n    >\n      <div className=\"overflow-hidden\">\n        <div className=\"mt-4 border-t border-border pt-4\">{children}</div>\n      </div>\n    </div>\n  )\n}\n\n/** Centered loading placeholder of a page body. */\nexport function PageLoading({ children }: { children: ReactNode }) {\n  return <div className=\"flex h-64 items-center justify-center\">{children}</div>\n}\n\nexport interface LeaveFooterProps {\n  testId?: string\n  leave: { label: string; disabled?: boolean; onClick: () => void; testId?: string }\n}\n\n/** Leaving ENDS your part in the workspace, so it sits last and alone at the foot of the page. */\nexport function LeaveFooter({ testId, leave }: LeaveFooterProps) {\n  return (\n    <div className=\"flex justify-end\" data-slot=\"leave-footer\" data-testid={testId}>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={leave.onClick}\n        disabled={leave.disabled}\n        className=\"h-7 px-2 text-sm text-destructive hover:bg-destructive/10 hover:text-destructive pointer-coarse:h-11\"\n        data-testid={leave.testId}\n      >\n        <LogOut className=\"mr-1 size-3.5\" />\n        {leave.label}\n      </Button>\n    </div>\n  )\n}\n","/**\n * CommonWorkspaceToggle Component\n *\n * Toggle for workspace common/members-only visibility.\n * Takes isCommon and onToggle as props for form integration.\n */\n\nimport { Globe } from 'lucide-react'\nimport { IconToggle } from '@arbidocs/react/ui'\n\nexport interface CommonWorkspaceToggleProps {\n  isCommon: boolean\n  onToggle: (isCommon: boolean) => void\n  disabled?: boolean\n  /** Tooltip to show when disabled */\n  disabledTooltip?: string\n  'data-testid'?: string\n}\n\nconst COLORS = {\n  text: 'text-muted-foreground',\n  bg: 'bg-gray-600',\n}\n\nexport function CommonWorkspaceToggle({\n  isCommon,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  'data-testid': dataTestId,\n}: CommonWorkspaceToggleProps) {\n  return (\n    <IconToggle\n      icon={Globe}\n      isActive={isCommon}\n      onToggle={onToggle}\n      colors={COLORS}\n      disabled={disabled}\n      disabledTooltip={disabledTooltip}\n      tooltipActive=\"On: everyone on this deployment can see it. Turn off to limit it to members.\"\n      tooltipInactive=\"Off: only members of this workspace can see it. Turn on to let everyone on this deployment see it.\"\n      data-testid={dataTestId}\n    />\n  )\n}\n","/**\n * A workspace role ('owner' | 'collaborator' | 'guest') as people see it: its name, its badge\n * colours and what it lets a member do.\n */\n\nexport type WorkspaceRoleName = 'owner' | 'collaborator' | 'guest'\n\n/** \"Owner\", \"Collaborator\", \"Guest\". */\nexport function formatRole(role: string): string {\n  return role.charAt(0).toUpperCase() + role.slice(1)\n}\n\nconst ROLE_BADGE_CLASSES: Record<WorkspaceRoleName, string> = {\n  owner: 'bg-primary text-white hover:bg-primary border border-primary',\n  collaborator: 'bg-secondary text-white hover:bg-secondary border border-secondary',\n  guest: 'bg-gray-600 text-white hover:bg-gray-600 border border-gray-600',\n}\n\n/** The badge classes of a role. */\nexport function getRoleBadgeClass(role: WorkspaceRoleName): string {\n  return ROLE_BADGE_CLASSES[role]\n}\n\nconst ROLE_DESCRIPTIONS: Record<WorkspaceRoleName, string> = {\n  owner:\n    'Owners have full control of the workspace, including adding and removing members, but cannot see private content created by other members.',\n  collaborator:\n    'Collaborators can create and edit shared content, but cannot delete shared content created by others and cannot manage workspace settings or membership.',\n  guest:\n    'Guests can create private content and view shared content, but cannot create or edit shared content.',\n}\n\n/** What a role lets a member do (a tooltip). */\nexport function getRoleDescription(role: WorkspaceRoleName): string {\n  return ROLE_DESCRIPTIONS[role]\n}\n","import { useState, type ReactNode, useId } from 'react'\nimport {\n  AlertCircle,\n  AlignLeft,\n  ArrowUpRight,\n  CreditCard,\n  FileText,\n  Globe,\n  Plus,\n} from 'lucide-react'\nimport {\n  Button,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from '@arbidocs/react/ui'\nimport { KeyValueRow } from '../home/KeyValueRow'\nimport { ModalHeader } from '../settings/ModalScaffold'\n\n/** Inline error strip of a form. */\nexport function FormErrorBanner({\n  message,\n  testId,\n  className,\n  id,\n}: {\n  message: string\n  testId?: string\n  className?: string\n  /** Lets a field point at this message with `aria-describedby`. */\n  id?: string\n}) {\n  return (\n    <div\n      id={id}\n      role=\"alert\"\n      data-slot=\"form-error\"\n      data-testid={testId}\n      className={cn(\n        'flex items-center gap-2 rounded-md border border-red-border bg-red-bg p-3 text-sm text-red-text',\n        className\n      )}\n    >\n      <AlertCircle className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n      {message}\n    </div>\n  )\n}\n\n/** Right-aligned footer row of a form (Cancel + submit). */\nexport function FormActions({ className, children }: { className?: string; children: ReactNode }) {\n  return (\n    <div\n      data-slot=\"form-actions\"\n      className={cn('sticky bottom-0 flex justify-end gap-2 bg-background pt-2', className)}\n    >\n      {children}\n    </div>\n  )\n}\n\n/** Footer row of a modal body, separated by a rule. */\nexport function ModalActionRow({ children }: { children: ReactNode }) {\n  return (\n    <div\n      data-slot=\"modal-action-row\"\n      className=\"sticky bottom-0 -mx-6 -mb-6 flex flex-col-reverse gap-2 border-t border-border bg-background px-6 pb-6 pt-3 sm:flex-row sm:items-center sm:justify-end\"\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface WorkspaceFormModalProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: ReactNode\n  /** Icon before the title. */\n  icon?: ReactNode\n  /** Optional intro paragraph above the form (first-run welcome). */\n  intro?: ReactNode\n  testId?: string\n  /** Visually hidden description. */\n  description?: string\n  children: ReactNode\n}\n\n/** Dialog frame of the create-workspace form: header, optional intro, scrolling body. */\nexport function WorkspaceFormModal({\n  open,\n  onOpenChange,\n  title,\n  icon,\n  intro,\n  testId,\n  description = 'Create a new workspace',\n  children,\n}: WorkspaceFormModalProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        presentation=\"sheet\"\n        className=\"flex max-h-panel w-modal max-w-modal-vw flex-col overflow-hidden p-0\"\n        data-testid={testId}\n      >\n        <ModalHeader>\n          <ModalTitleRow icon={icon} title={title} description={description} />\n        </ModalHeader>\n        <div className=\"min-h-0 flex-1 overflow-auto px-6 pb-6\">\n          {intro && <p className=\"pb-4 text-sm text-muted-foreground\">{intro}</p>}\n          {children}\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction ModalTitleRow({\n  icon,\n  title,\n  description,\n}: {\n  icon?: ReactNode\n  title: ReactNode\n  description: string\n}) {\n  return (\n    <>\n      <DialogTitle>\n        <div className=\"flex items-center gap-2\">\n          {icon}\n          <span>{title}</span>\n        </div>\n      </DialogTitle>\n      <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n    </>\n  )\n}\n\n/** One entry of the project picker: identity on the left, optional quota summary on the right. */\nexport function ProjectOptionRow({ identity, meta }: { identity: ReactNode; meta?: string }) {\n  return (\n    <div className=\"flex w-full min-w-0 items-center gap-2\">\n      {identity}\n      {meta && <span className=\"ml-auto truncate text-sm text-muted-foreground\">{meta}</span>}\n    </div>\n  )\n}\n\nexport interface ProjectPickerOption {\n  id: string\n  content: ReactNode\n}\n\nexport interface ProjectPickerProps {\n  value?: string\n  options: ProjectPickerOption[]\n  onChange: (id: string) => void\n  /**\n   * `form` (default): the full-width field of the workspace form. `welcome`: the compact switcher\n   * in the welcome dialog's quota header (muted pill, menu aligned to its end).\n   */\n  variant?: 'form' | 'welcome'\n  /** Adds a \"Create new project...\" entry. */\n  onCreate?: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  labels?: { placeholder: string; create: string }\n  /** Trigger test id (default `workspace-project-select`, or `welcome-modal-project-select`). */\n  testId?: string\n}\n\nconst CREATE_VALUE = '__create__'\n\n/** The one project picker: a workspace's owning project (optionally with a create entry), or the\n *  welcome dialog's project switcher (`variant=\"welcome\"`). */\nexport function ProjectPicker({\n  value,\n  options,\n  onChange,\n  variant = 'form',\n  onCreate,\n  disabled,\n  readOnly,\n  className,\n  labels = { placeholder: 'Select project', create: 'Create new project...' },\n  testId,\n}: ProjectPickerProps) {\n  const welcome = variant === 'welcome'\n  return (\n    <Select\n      value={value ?? options[0]?.id}\n      onValueChange={(v) => (v === CREATE_VALUE ? onCreate?.() : onChange(v))}\n      disabled={disabled || readOnly}\n    >\n      <SelectTrigger\n        className={cn(\n          welcome &&\n            'h-7 w-auto max-w-[9.5rem] shrink-0 gap-1 border-none bg-muted px-2 text-xs font-medium pointer-coarse:h-11',\n          className,\n          readOnly && 'cursor-not-allowed'\n        )}\n        data-testid={\n          testId ?? (welcome ? 'welcome-modal-project-select' : 'workspace-project-select')\n        }\n      >\n        {welcome ? <SelectValue /> : <SelectValue placeholder={labels.placeholder} />}\n      </SelectTrigger>\n      <SelectContent align={welcome ? 'end' : undefined}>\n        {options.map((o) => (\n          <SelectItem key={o.id} value={o.id}>\n            {o.content}\n          </SelectItem>\n        ))}\n        {onCreate && (\n          <>\n            <SelectSeparator />\n            <SelectItem value={CREATE_VALUE}>\n              <div className=\"flex items-center gap-1.5 text-primary\">\n                <Plus className=\"size-3.5\" />\n                <span>{labels.create}</span>\n              </div>\n            </SelectItem>\n          </>\n        )}\n      </SelectContent>\n    </Select>\n  )\n}\n\n/** Compact CTA on a project row (e.g. Upgrade / Change plan). */\nexport function ProjectActionButton({\n  label,\n  onClick,\n  className,\n  testId,\n}: {\n  label: string\n  onClick: () => void\n  className?: string\n  testId?: string\n}) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={onClick}\n      className={cn(\n        'h-7 gap-1.5 whitespace-nowrap px-2 py-0 text-sm font-medium pointer-coarse:h-11',\n        className\n      )}\n      data-testid={testId}\n    >\n      <ArrowUpRight className=\"size-3.5\" />\n      {label}\n    </Button>\n  )\n}\n\nexport interface WorkspaceFieldsViewProps {\n  /** `modal` (create flow) or `settings` (editing an existing workspace). */\n  variant?: 'modal' | 'settings'\n  name: string\n  description: string\n  onNameChange: (value: string) => void\n  onDescriptionChange: (value: string) => void\n  onNameBlur?: () => void\n  onNameFocus?: () => void\n  onDescriptionBlur?: () => void\n  disabled?: boolean\n  readOnly?: boolean\n  maxNameLength?: number\n  /** Id of the form's error message (a `FormErrorBanner id`): the name input is then `aria-invalid`\n   *  and described by it. */\n  errorId?: string\n  /** Content of the Visibility row (settings only); omit to hide the row. */\n  visibility?: ReactNode\n  /** Content of the Project row; omit to hide the row. */\n  project?: ReactNode\n  labels?: Partial<WorkspaceFieldsLabels>\n}\n\nexport interface WorkspaceFieldsLabels {\n  readOnlyNotice: string\n  name: string\n  description: string\n  visibility: string\n  project: string\n  over: (n: number) => string\n  charsLeft: (n: number) => string\n}\n\nconst DEFAULT_LABELS: WorkspaceFieldsLabels = {\n  readOnlyNotice: 'Read-only workspace',\n  name: 'Name *',\n  description: 'Description',\n  visibility: 'Visibility',\n  project: 'Project',\n  over: (n) => `${n} over`,\n  charsLeft: (n) => `${n} chars left`,\n}\n\n/** Name / description / visibility / project rows shared by the create and settings forms. */\nexport function WorkspaceFieldsView({\n  variant = 'modal',\n  name,\n  description,\n  onNameChange,\n  onDescriptionChange,\n  onNameBlur,\n  onNameFocus,\n  onDescriptionBlur,\n  disabled = false,\n  readOnly = false,\n  errorId,\n  maxNameLength = 50,\n  visibility,\n  project,\n  labels,\n}: WorkspaceFieldsViewProps) {\n  const workspaceDescriptionId = useId()\n  const workspaceNameId = useId()\n  const l = { ...DEFAULT_LABELS, ...labels }\n  const [nameFocused, setNameFocused] = useState(false)\n  const isModal = variant === 'modal'\n  const charsLeft = maxNameLength - name.length\n  // The modal only surfaces the counter near the limit; settings shows it while focused.\n  const counterVisible = !readOnly && nameFocused && (!isModal || charsLeft <= 10)\n  const isDisabled = isModal ? disabled : disabled || readOnly\n\n  return (\n    <div className=\"space-y-1\" data-slot=\"workspace-fields\">\n      {readOnly && (\n        <div data-testid=\"workspace-form-readonly-notice\" className=\"sr-only\">\n          {l.readOnlyNotice}\n        </div>\n      )}\n      <KeyValueRow label={l.name} icon={<FileText size={14} />} htmlFor={workspaceNameId}>\n        <div className=\"relative\">\n          <Input\n            id={workspaceNameId}\n            type=\"text\"\n            value={name}\n            onChange={(e) => onNameChange(e.target.value)}\n            onBlur={() => {\n              setNameFocused(false)\n              onNameBlur?.()\n            }}\n            onFocus={() => {\n              setNameFocused(true)\n              onNameFocus?.()\n            }}\n            maxLength={maxNameLength}\n            readOnly={readOnly}\n            disabled={isDisabled}\n            className={cn(\n              isModal ? 'bg-background' : 'capitalize',\n              readOnly && 'cursor-not-allowed',\n              'pr-20'\n            )}\n            required\n            aria-invalid={errorId ? true : undefined}\n            aria-describedby={errorId}\n            data-testid=\"workspace-form-name-input\"\n          />\n          {counterVisible && (\n            <div\n              className={cn(\n                'pointer-events-none absolute right-3 top-1/2 hidden -translate-y-1/2 text-sm lg:block',\n                charsLeft < 0 ? 'text-red-text' : 'text-muted-foreground'\n              )}\n            >\n              {charsLeft < 0 ? l.over(-charsLeft) : l.charsLeft(charsLeft)}\n            </div>\n          )}\n        </div>\n      </KeyValueRow>\n\n      <KeyValueRow\n        label={l.description}\n        icon={<AlignLeft size={14} />}\n        htmlFor={workspaceDescriptionId}\n      >\n        <Input\n          id={workspaceDescriptionId}\n          type=\"text\"\n          dictate\n          value={description}\n          onChange={(e) => onDescriptionChange(e.target.value)}\n          onBlur={onDescriptionBlur}\n          readOnly={readOnly}\n          disabled={isDisabled}\n          className={cn(isModal && 'bg-background', readOnly && 'cursor-not-allowed')}\n          data-testid=\"workspace-form-description-input\"\n        />\n      </KeyValueRow>\n\n      {visibility && (\n        <KeyValueRow label={l.visibility} icon={<Globe size={14} />}>\n          {visibility}\n        </KeyValueRow>\n      )}\n      {project && (\n        <KeyValueRow label={l.project} icon={<CreditCard size={14} />}>\n          {project}\n        </KeyValueRow>\n      )}\n    </div>\n  )\n}\n","import {\n  createContext,\n  useContext,\n  type HTMLAttributes,\n  useMemo,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { Check, ChevronRight, FileText, MessagesSquare, Users } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { formatRelativeTime } from '@arbidocs/react/ui'\nimport { fmtDate } from '../lib/format'\nimport { ActionLink } from '../components/ActionLink'\nimport { MemberAvatarStack, type StackedMember } from '../components/MemberAvatarStack'\n\n/** Everything a workspace tile shows, source-agnostic (not the raw SDK shape). */\nexport interface WorkspaceSummary {\n  id: string\n  name: string\n  description?: string | null\n  /** Host-supplied line under the name (a reference, a client, a status...). Not interpreted. */\n  subtitle?: ReactNode\n  docCount: number\n  /** Hidden when undefined, so a host without chats shows no empty counter. */\n  chatCount?: number\n  /** Number of visible members (agents excluded by the caller). */\n  memberCount: number\n  members: StackedMember[]\n  /** The viewer may not see who is here (RLS): renders an em dash, not a `0`. */\n  membersHidden?: boolean\n  /** ISO timestamp: rendered as \"Updated {relative}\". */\n  updatedAt?: string | null\n}\n\n/** Every fixed string of the workspace tile. Pass a partial `labels` to translate or reword. */\nexport interface WorkspaceCardLabels {\n  /** The tile's accessible name. */\n  openWorkspace: (name: string) => string\n  currentWorkspace: string\n  documents: string\n  chats: string\n  members: string\n  /** `relative` is the formatted \"3 days ago\". */\n  updated: (relative: string) => string\n}\n\nexport const DEFAULT_WORKSPACE_CARD_LABELS: WorkspaceCardLabels = {\n  openWorkspace: (name) => `Open workspace ${name}`,\n  currentWorkspace: 'Current workspace',\n  documents: 'Documents',\n  chats: 'Tasks',\n  members: 'Members',\n  updated: (relative) => `Updated ${relative}`,\n}\n\ninterface CardContextValue {\n  current: boolean\n  testId?: string\n  labels: WorkspaceCardLabels\n}\n\nconst CardContext = createContext<CardContextValue>({\n  current: false,\n  labels: DEFAULT_WORKSPACE_CARD_LABELS,\n})\n\ntype DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'>\n\n/* ------------------------------------------------------------------ */\n/* Parts                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface WorkspaceCardRootProps extends DivProps {\n  /** This is the workspace you are in: accented surface, \"Current workspace\" cue. */\n  current?: boolean\n  onSelect: () => void\n  /**\n   * Real link target. The tile then renders as an anchor (ctrl-click / new tab, in-SPA through\n   * the host environment's `linkComponent`); `onSelect` still fires on a plain click.\n   */\n  href?: string\n  /** Accessible name; defaults to `labels.openWorkspace(name)` when composed via `WorkspaceCard`. */\n  label: string\n  testId?: string\n  labels?: Partial<WorkspaceCardLabels>\n  children: ReactNode\n}\n\n/**\n * The tile surface: one button that opens the workspace. A raised white card\n * (hairline border, soft shadow, hover lift); the current workspace takes the selection tint.\n */\nfunction WorkspaceCardRoot({\n  current = false,\n  onSelect,\n  href,\n  label,\n  testId,\n  labels,\n  className,\n  children,\n  ...rest\n}: WorkspaceCardRootProps) {\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels }), [labels])\n  const surfaceClass = cn(\n    '@container/ws-card flex min-h-40 w-full cursor-pointer flex-col gap-3 rounded-lg p-4 text-left transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    current\n      ? 'bg-accent text-accent-foreground'\n      : 'border border-border bg-card shadow-xs transition-colors hover:border-ring/50 hover:bg-accent/40',\n    className\n  )\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      onSelect()\n    }\n  }\n  return (\n    <CardContext.Provider value={{ current, testId, labels: mergedLabels }}>\n      {href ? (\n        <ActionLink\n          {...(rest as object)}\n          href={href}\n          onSelect={onSelect}\n          aria-label={label}\n          aria-current={current ? 'page' : undefined}\n          data-slot=\"workspace-card\"\n          data-testid={testId}\n          data-active={current || undefined}\n          className={surfaceClass}\n        >\n          {children}\n        </ActionLink>\n      ) : (\n        <div\n          {...rest}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={label}\n          aria-current={current ? 'page' : undefined}\n          data-slot=\"workspace-card\"\n          data-testid={testId}\n          data-active={current || undefined}\n          onClick={onSelect}\n          onKeyDown={handleKeyDown}\n          className={surfaceClass}\n        >\n          {children}\n        </div>\n      )}\n    </CardContext.Provider>\n  )\n}\n\n/** Mark + name + open cue, on one row. Put the entity mark first. */\nfunction WorkspaceCardHeader({ className, children, ...rest }: DivProps & { children: ReactNode }) {\n  return (\n    <div\n      {...rest}\n      className={cn('flex flex-wrap items-center gap-x-3 gap-y-2', className)}\n      data-slot=\"workspace-card-header\"\n    >\n      {children}\n    </div>\n  )\n}\n\nfunction WorkspaceCardTitle({ children, className }: { children: ReactNode; className?: string }) {\n  const { testId } = useContext(CardContext)\n  return (\n    <h3\n      className={cn(\n        'line-clamp-2 min-w-24 flex-1 break-words text-base font-semibold leading-tight text-foreground',\n        className\n      )}\n      data-slot=\"workspace-card-title\"\n      data-testid={testId && `${testId}-title`}\n    >\n      {children}\n    </h3>\n  )\n}\n\n/**\n * The open cue is always on screen (never hover-only): a chevron, or the words\n * \"Current workspace\" on the one you are in.\n */\nfunction WorkspaceCardOpenCue({\n  testId,\n  currentLabel,\n}: {\n  /** Deliberately separate from the card id: suites count cards by prefix. */\n  testId?: string\n  /** Overrides `labels.currentWorkspace`. */\n  currentLabel?: string\n}) {\n  const { current, labels } = useContext(CardContext)\n  return (\n    <span\n      className=\"inline-flex max-w-full min-w-0 shrink-0 items-center text-sm text-muted-foreground\"\n      data-slot=\"workspace-card-open-cue\"\n      data-testid={testId}\n    >\n      {current ? (\n        // Never wider than the card: the words truncate, and in a card narrower than 20rem\n        // the pill shrinks to a check (the words stay as the accessible name).\n        <span className=\"inline-flex max-w-full min-w-0 items-center gap-1 rounded-full bg-background px-2 py-0.5 text-xs font-medium text-foreground\">\n          <Check className=\"hidden size-3 shrink-0 @max-xs/ws-card:block\" aria-hidden=\"true\" />\n          <span className=\"min-w-0 truncate @max-xs/ws-card:sr-only\">\n            {currentLabel ?? labels.currentWorkspace}\n          </span>\n        </span>\n      ) : (\n        <ChevronRight className=\"size-4\" aria-hidden=\"true\" />\n      )}\n    </span>\n  )\n}\n\nfunction WorkspaceCardDescription({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) {\n  return (\n    <p\n      className={cn('line-clamp-2 text-sm text-muted-foreground', className)}\n      title={typeof children === 'string' ? children : undefined}\n      data-slot=\"workspace-card-description\"\n    >\n      {children}\n    </p>\n  )\n}\n\n/** Host-supplied line under the title. */\nfunction WorkspaceCardSubtitle({\n  className,\n  children,\n  ...rest\n}: DivProps & { children: ReactNode }) {\n  return (\n    <div\n      {...rest}\n      className={cn('truncate text-xs text-muted-foreground', className)}\n      data-slot=\"workspace-card-subtitle\"\n    >\n      {children}\n    </div>\n  )\n}\n\n/** Footer block: stats row and meta line, pinned to the bottom of the tile. */\nfunction WorkspaceCardFooter({ className, children, ...rest }: DivProps & { children: ReactNode }) {\n  return (\n    <div {...rest} className={cn('mt-auto flex flex-col gap-2', className)}>\n      {children}\n    </div>\n  )\n}\n\nexport interface WorkspaceCardStatsProps {\n  docCount: number\n  /** Omit to hide the chats counter. */\n  chatCount?: number\n  memberCount: number\n  members?: StackedMember[]\n  membersHidden?: boolean\n  /** Faces before the rest collapse into `+N`. */\n  maxAvatars?: number\n  className?: string\n}\n\n/** Documents / chats / members counts, with the member faces at the trailing edge. */\nfunction WorkspaceCardStats({\n  docCount,\n  chatCount,\n  memberCount,\n  members = [],\n  membersHidden = false,\n  maxAvatars = 3,\n  className,\n}: WorkspaceCardStatsProps) {\n  const { current, testId, labels } = useContext(CardContext)\n  return (\n    <div\n      className={cn('flex w-full items-center gap-x-4 text-sm text-muted-foreground', className)}\n      data-slot=\"workspace-card-stats\"\n    >\n      <span className=\"inline-flex items-center gap-1.5\" title={labels.documents}>\n        <FileText className=\"size-4\" aria-hidden=\"true\" />\n        <span className=\"tabular-nums\">{docCount.toLocaleString()}</span>\n      </span>\n      {chatCount !== undefined && (\n        <span className=\"inline-flex items-center gap-1.5\" title={labels.chats}>\n          <MessagesSquare className=\"size-4\" aria-hidden=\"true\" />\n          <span className=\"tabular-nums\">{chatCount.toLocaleString()}</span>\n        </span>\n      )}\n      <span className=\"inline-flex items-center gap-1.5\" title={labels.members}>\n        <Users className=\"size-4\" aria-hidden=\"true\" />\n        <span className=\"tabular-nums\" data-testid={testId && `${testId}-member-count`}>\n          {membersHidden ? '—' : memberCount}\n        </span>\n      </span>\n      <MemberAvatarStack\n        members={members}\n        total={memberCount}\n        max={maxAvatars}\n        hidden={membersHidden}\n        ringClassName={current ? 'ring-accent' : 'ring-muted'}\n        label={labels.members}\n        className=\"ml-auto\"\n        testId={testId && `${testId}-member-avatars`}\n      />\n    </div>\n  )\n}\n\n/** \"Updated 3 days ago\", with the exact date on the title. */\nfunction WorkspaceCardMeta({ updatedAt }: { updatedAt: string }) {\n  const { labels } = useContext(CardContext)\n  return (\n    <span\n      className=\"min-w-0 max-w-full self-start truncate text-xs text-muted-foreground\"\n      title={fmtDate(updatedAt)}\n      data-slot=\"workspace-card-meta\"\n    >\n      {labels.updated(formatRelativeTime(updatedAt))}\n    </span>\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/* Default composition                                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface WorkspaceCardProps {\n  workspace: WorkspaceSummary\n  current?: boolean\n  onSelect: () => void\n  /** Real link target; see `WorkspaceCard.Root`. */\n  href?: string\n  /** The entity mark shown before the name (the host's own workspace glyph). */\n  mark?: ReactNode\n  /** Card id; derived ids: `-title`, `-member-count`, `-member-avatars`. */\n  testId?: string\n  /** Id for the open cue (kept apart from `testId`, see `WorkspaceCard.OpenCue`). */\n  openCueTestId?: string\n  maxAvatars?: number\n  /**\n   * The stats row: omit for the default counts + member faces, `false` to hide it, or any node to\n   * replace it.\n   */\n  stats?: ReactNode | false\n  /** Reword the tile's fixed strings. */\n  labels?: Partial<WorkspaceCardLabels>\n  className?: string\n}\n\n/**\n * The workspace tile: mark + name + open cue, description, stats and meta.\n * The whole tile opens the workspace; nothing on it is hover-only.\n *\n * Need a different layout? Compose the parts: `WorkspaceCard.Root`, `.Header`,\n * `.Title`, `.OpenCue`, `.Subtitle`, `.Description`, `.Footer`, `.Stats`, `.Meta`.\n */\nfunction WorkspaceCardBase({\n  workspace,\n  current = false,\n  onSelect,\n  href,\n  mark,\n  testId,\n  openCueTestId,\n  maxAvatars,\n  stats,\n  labels,\n  className,\n}: WorkspaceCardProps) {\n  const mergedLabels = { ...DEFAULT_WORKSPACE_CARD_LABELS, ...labels }\n  return (\n    <WorkspaceCardRoot\n      current={current}\n      onSelect={onSelect}\n      href={href}\n      label={mergedLabels.openWorkspace(workspace.name)}\n      labels={labels}\n      testId={testId}\n      className={className}\n    >\n      <WorkspaceCardHeader>\n        {mark}\n        <WorkspaceCardTitle>{workspace.name}</WorkspaceCardTitle>\n        <WorkspaceCardOpenCue testId={openCueTestId} />\n      </WorkspaceCardHeader>\n      {workspace.subtitle && <WorkspaceCardSubtitle>{workspace.subtitle}</WorkspaceCardSubtitle>}\n      {workspace.description && (\n        <WorkspaceCardDescription>{workspace.description}</WorkspaceCardDescription>\n      )}\n      <WorkspaceCardFooter>\n        {stats === undefined ? (\n          <WorkspaceCardStats\n            docCount={workspace.docCount}\n            chatCount={workspace.chatCount}\n            memberCount={workspace.memberCount}\n            members={workspace.members}\n            membersHidden={workspace.membersHidden}\n            maxAvatars={maxAvatars}\n          />\n        ) : (\n          stats\n        )}\n        {workspace.updatedAt && <WorkspaceCardMeta updatedAt={workspace.updatedAt} />}\n      </WorkspaceCardFooter>\n    </WorkspaceCardRoot>\n  )\n}\n\nexport const WorkspaceCard = Object.assign(WorkspaceCardBase, {\n  Root: WorkspaceCardRoot,\n  Header: WorkspaceCardHeader,\n  Title: WorkspaceCardTitle,\n  OpenCue: WorkspaceCardOpenCue,\n  Subtitle: WorkspaceCardSubtitle,\n  Description: WorkspaceCardDescription,\n  Footer: WorkspaceCardFooter,\n  Stats: WorkspaceCardStats,\n  Meta: WorkspaceCardMeta,\n})\n","import type { ReactNode } from 'react'\nimport { ChevronRight } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { CollapsibleSection } from '../home/CollapsibleSection'\n\nexport interface WorkspaceListProps {\n  children: ReactNode\n  className?: string\n  testId?: string\n}\n\n/** The column that stacks workspace groups (padding follows the page gutter). */\nexport function WorkspaceList({ children, className, testId }: WorkspaceListProps) {\n  return (\n    <div\n      className={cn('flex w-full flex-col gap-2 px-4 py-4 sm:px-8', className)}\n      data-slot=\"workspace-list\"\n      data-testid={testId}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface WorkspaceGroupProps {\n  /** Group heading: name, count, badges. Plain text on the canvas, no band. */\n  title: ReactNode\n  isExpanded: boolean\n  onToggle: () => void\n  /**\n   * Makes the whole header one target (e.g. open the project panel); the\n   * chevron stays a separate toggle. Adds a trailing `openLabel` affordance.\n   */\n  onOpen?: () => void\n  /** Words beside the trailing chevron when `onOpen` is set, e.g. \"Plans & Usage\". */\n  openLabel?: string\n  /** Muted words on the right of a collapsed group without `onOpen`, e.g. \"Show 11 shared workspaces\". */\n  collapsedHint?: string\n  /** The cards, laid out in a responsive grid (1 / 2 / 3 columns). */\n  children: ReactNode\n  className?: string\n}\n\n/**\n * One collapsible band of workspace tiles under a slim header. The open\n * affordance is always visible, so nothing is reachable by hover alone.\n */\nexport function WorkspaceGroup({\n  title,\n  isExpanded,\n  onToggle,\n  onOpen,\n  openLabel,\n  collapsedHint,\n  children,\n  className,\n}: WorkspaceGroupProps) {\n  return (\n    <CollapsibleSection\n      title={title}\n      isExpanded={isExpanded}\n      onToggle={onToggle}\n      onHeaderClick={onOpen}\n      rightContent={\n        onOpen && openLabel ? (\n          <span className=\"flex shrink-0 items-center gap-1 text-sm font-medium text-muted-foreground\">\n            {openLabel}\n            <ChevronRight className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n          </span>\n        ) : collapsedHint && !isExpanded ? (\n          <span className=\"shrink-0 text-sm text-muted-foreground\">{collapsedHint}</span>\n        ) : undefined\n      }\n      className={cn('group', className)}\n      headerClassName=\"mb-3 flex-wrap gap-y-2 rounded-md px-1 py-1 pointer-coarse:min-h-11\"\n      childrenClassName=\"mb-8 grid gap-3 @xl:grid-cols-2 @5xl:grid-cols-3\"\n    >\n      {children}\n    </CollapsibleSection>\n  )\n}\n"]}

package/dist/{chunk-KBSKN3NF.cjs → chunk-FQIJICZE.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkRFIBUWLF_cjs = require('./chunk-RFIBUWLF.cjs');
-var chunkVYFRW6NN_cjs = require('./chunk-VYFRW6NN.cjs');
+var chunkYRHQ7OLG_cjs = require('./chunk-YRHQ7OLG.cjs');
 var chunkCQU37FNV_cjs = require('./chunk-CQU37FNV.cjs');
 var chunkSIB6C7P7_cjs = require('./chunk-SIB6C7P7.cjs');
 var chunkAHDJXIUB_cjs = require('./chunk-AHDJXIUB.cjs');
@@ -1704,7 +1704,7 @@ function WorkflowRunner({
         /* @__PURE__ */ jsxRuntime.jsx(SentBackNote, { state: run.stateOf(step.id), l: pl, testId: tid(step.id) }),
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         /* @__PURE__ */ jsxRuntime.jsx("fieldset", { disabled: run.isLocked(step.id), className: "contents", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkVYFRW6NN_cjs.SchemaForm,
+          chunkYRHQ7OLG_cjs.SchemaForm,
           {
             fields: step.inputs,
             values: run.inputs,
@@ -1758,7 +1758,7 @@ function WorkflowRunner({
         /* @__PURE__ */ jsxRuntime.jsx(AssigneeLine, { run, stepId: step.id, l: pl, testId: tid(step.id) }),
         !(run.phaseOf(step.id) === "done" && run.stateOf(step.id)?.by) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", "data-testid": tid(`${step.id}-status`), children: run.phaseOf(step.id) === "done" ? l.approved : run.phaseOf(step.id) === "skipped" ? l.skipped : l.awaitingReview }),
         (step.fields ?? []).length > 0 && run.phaseOf(step.id) === "ready" && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkVYFRW6NN_cjs.SchemaForm,
+          chunkYRHQ7OLG_cjs.SchemaForm,
           {
             fields: step.fields ?? [],
             values: run.inputs,
@@ -2853,7 +2853,7 @@ function WorkflowStepAction({
     const errors = chunk76L6LOP3_cjs.validateInputs(asForm(step), values);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 p-1", "data-testid": tid, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkVYFRW6NN_cjs.SchemaForm,
+        chunkYRHQ7OLG_cjs.SchemaForm,
         {
           fields,
           values,
@@ -7235,7 +7235,7 @@ function TaskRunsDialog({
               "rounded-full px-2 py-0.5 text-xs font-medium capitalize",
               STATUS_STYLE[data.status] ?? "text-muted-foreground"
             ),
-            children: chunkVYFRW6NN_cjs.workflowRunStatusLabel(data.status)
+            children: chunkYRHQ7OLG_cjs.workflowRunStatusLabel(data.status)
           }
         )
       },
@@ -7689,7 +7689,7 @@ function WorkflowComposer({
                     }
                   ),
                   !noFiles && workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkVYFRW6NN_cjs.SchemaForm,
+                    chunkYRHQ7OLG_cjs.SchemaForm,
                     {
                       fields,
                       values: values.inputs,
@@ -8322,7 +8322,7 @@ function WorkTaskComposer({
                           )
                         ] }),
                         workflow && fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkVYFRW6NN_cjs.SchemaForm,
+                          chunkYRHQ7OLG_cjs.SchemaForm,
                           {
                             fields,
                             values: values.inputs,
@@ -10711,5 +10711,5 @@ exports.workflowTaskFields = workflowTaskFields;
 exports.workflowToComposerValues = workflowToComposerValues;
 exports.workflowToSkillMarkdown = workflowToSkillMarkdown;
 exports.workflowWhen = workflowWhen;
-//# sourceMappingURL=chunk-KBSKN3NF.cjs.map
-//# sourceMappingURL=chunk-KBSKN3NF.cjs.map
+//# sourceMappingURL=chunk-FQIJICZE.cjs.map
+//# sourceMappingURL=chunk-FQIJICZE.cjs.map