@arbidocs/blocks 0.5.95 → 0.5.97

package/dist/{chunk-CVYFX7AD.js → chunk-SEBNGA3F.js}

@@ -1,7 +1,7 @@
 "use client";
 import { KeyValueRow } from './chunk-5PAQWN5U.js';
 import { ModalHeader } from './chunk-TX2ZICS7.js';
-import { useId, useState } from 'react';
+import { useRef, useId, useState } from 'react';
 import { AlertCircle, FolderKanban, Plus, FileText, AlignLeft, Globe, CreditCard } from 'lucide-react';
 import { cn, entityNoun, getEntityLabel, Dialog, DialogContent, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectSeparator, Input } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -117,11 +117,16 @@ function ProjectPicker({
 }) {
   const welcome = variant === "welcome";
   const run = variant === "run";
+  const creating = useRef(false);
   return /* @__PURE__ */ jsxs(
     Select,
     {
-      value: run ? value : value ?? options[0]?.id,
-      onValueChange: (v) => v === CREATE_VALUE ? onCreate?.() : onChange(v),
+      value: run ? value ?? "" : value ?? options[0]?.id,
+      onValueChange: (v) => {
+        creating.current = v === CREATE_VALUE;
+        if (v === CREATE_VALUE) onCreate?.();
+        else onChange(v);
+      },
       disabled: disabled || readOnly,
       children: [
         /* @__PURE__ */ jsxs(
@@ -140,16 +145,27 @@ function ProjectPicker({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(SelectContent, { align: welcome ? "end" : run ? "start" : 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 })
-            ] }) })
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs(
+          SelectContent,
+          {
+            align: welcome ? "end" : run ? "start" : void 0,
+            onCloseAutoFocus: (e) => {
+              if (!creating.current) return;
+              creating.current = false;
+              e.preventDefault();
+            },
+            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 })
+                ] }) })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
@@ -262,5 +278,5 @@ function WorkspaceFieldsView({
 }
 
 export { FormActions, FormErrorBanner, ModalActionRow, ProjectOptionRow, ProjectPicker, WorkspaceFieldsView, WorkspaceFormModal };
-//# sourceMappingURL=chunk-CVYFX7AD.js.map
-//# sourceMappingURL=chunk-CVYFX7AD.js.map
+//# sourceMappingURL=chunk-SEBNGA3F.js.map
+//# sourceMappingURL=chunk-SEBNGA3F.js.map

package/dist/chunk-SEBNGA3F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workspaces/WorkspaceFormParts.tsx"],"names":[],"mappings":"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","file":"chunk-SEBNGA3F.js","sourcesContent":["import { useId, useRef, useState, type ReactNode } from 'react'\nimport {\n  AlertCircle,\n  AlignLeft,\n  CreditCard,\n  FileText,\n  FolderKanban,\n  Globe,\n  Plus,\n} from 'lucide-react'\nimport {\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  entityNoun,\n  getEntityLabel,\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  variant?: 'create' | 'welcome' | 'forProject'\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  variant = 'create',\n  title,\n  icon,\n  intro,\n  testId,\n  description = `Create a new ${entityNoun('WORKSPACE')}`,\n  children,\n}: WorkspaceFormModalProps) {\n  const noun = entityNoun('WORKSPACE')\n  const heading =\n    title ??\n    (variant === 'welcome'\n      ? `Welcome — let's create your first ${noun}`\n      : `Create New ${getEntityLabel('WORKSPACE')}`)\n  const introduction =\n    intro ??\n    (variant === 'welcome'\n      ? `A ${noun} is an encrypted vault for storing information and collaborating with AI. Give it a name to get started — you can always create more later.`\n      : undefined)\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={heading} description={description} />\n        </ModalHeader>\n        <div className=\"min-h-0 flex-1 overflow-auto px-6 pb-6\">\n          {introduction && <p className=\"pb-4 text-sm text-muted-foreground\">{introduction}</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). `run`: where a\n   * workflow run works (the run page's target), a taller field with the project mark, as wide as\n   * a project's name needs on a desktop and the full width on a phone.\n   */\n  variant?: 'form' | 'welcome' | 'run'\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  /**\n   * Trigger test id (default `workspace-project-select`, `welcome-modal-project-select` or\n   * `workflow-run-project-select`).\n   */\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 = {\n    placeholder: `Select ${entityNoun('PROJECT')}`,\n    create: `Create new ${entityNoun('PROJECT')}...`,\n  },\n  testId,\n}: ProjectPickerProps) {\n  const welcome = variant === 'welcome'\n  const run = variant === 'run'\n  // \"Create new\" hands focus to what it opens (a form's first field), not back to the trigger.\n  const creating = useRef(false)\n  return (\n    <Select\n      // A run starts on no project until one is chosen: the placeholder, not the first one (and\n      // not the \"New project\" entry once that was chosen: its form is open below).\n      value={run ? (value ?? '') : (value ?? options[0]?.id)}\n      onValueChange={(v) => {\n        creating.current = v === CREATE_VALUE\n        if (v === CREATE_VALUE) onCreate?.()\n        else onChange(v)\n      }}\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          run && 'h-10 w-full gap-2 sm:max-w-md pointer-coarse:h-11',\n          className,\n          readOnly && 'cursor-not-allowed'\n        )}\n        data-testid={\n          testId ??\n          (welcome\n            ? 'welcome-modal-project-select'\n            : run\n              ? 'workflow-run-project-select'\n              : 'workspace-project-select')\n        }\n      >\n        {run && <FolderKanban className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />}\n        {welcome ? (\n          <SelectValue />\n        ) : run ? (\n          <span className=\"min-w-0 flex-1 truncate text-left\">\n            <SelectValue placeholder={labels.placeholder} />\n          </span>\n        ) : (\n          <SelectValue placeholder={labels.placeholder} />\n        )}\n      </SelectTrigger>\n      <SelectContent\n        align={welcome ? 'end' : run ? 'start' : undefined}\n        onCloseAutoFocus={(e) => {\n          if (!creating.current) return\n          creating.current = false\n          e.preventDefault()\n        }}\n      >\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\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  get project() {\n    return getEntityLabel('PROJECT')\n  },\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"]}

package/dist/{chunk-6HI5OXB6.cjs → chunk-SYWJNSPS.cjs}

@@ -8,9 +8,9 @@ var chunk4PA6VCCR_cjs = require('./chunk-4PA6VCCR.cjs');
 var chunkRL2HI6NP_cjs = require('./chunk-RL2HI6NP.cjs');
 var chunk6UZC4XVV_cjs = require('./chunk-6UZC4XVV.cjs');
 var chunkLKK52DEY_cjs = require('./chunk-LKK52DEY.cjs');
+var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
 var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
 var chunk5GQOIQCB_cjs = require('./chunk-5GQOIQCB.cjs');
 var chunkUDSHVNU3_cjs = require('./chunk-UDSHVNU3.cjs');
 var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
@@ -1719,5 +1719,5 @@ exports.buildWorkflowScopeSource = buildWorkflowScopeSource;
 exports.createWorkflowColumns = createWorkflowColumns;
 exports.documentScopeLabels = documentScopeLabels;
 exports.matchWorkflowScope = matchWorkflowScope;
-//# sourceMappingURL=chunk-6HI5OXB6.cjs.map
-//# sourceMappingURL=chunk-6HI5OXB6.cjs.map
+//# sourceMappingURL=chunk-SYWJNSPS.cjs.map
+//# sourceMappingURL=chunk-SYWJNSPS.cjs.map