@arbidocs/blocks 0.4.38 → 0.4.40

package/dist/{chunk-EA6YX3GR.js → chunk-RFCQPDEP.js}

@@ -3,14 +3,16 @@ import { EmptyState } from './chunk-P6GHJSLR.js';
 import { CellHoverIcon } from './chunk-RFXJYIDV.js';
 import { GridView, SelectionBar, SelectionBarAction } from './chunk-BUHKUKKB.js';
 import { FoldSection, QuickActionDialogHeader, AddFilesFirst, ScopePicker, StartTiles } from './chunk-LFGJAZ5H.js';
-import { FilterInput } from './chunk-YU2KUMGE.js';
-import { ActionLink } from './chunk-S7PSMMRG.js';
 import { DocumentPicker, TriStateFilterMenu, MultiSelect } from './chunk-CKB64Z4R.js';
 import { ToneBadge } from './chunk-DPLRHEJZ.js';
+import { FilterInput } from './chunk-YU2KUMGE.js';
+import { ActionLink } from './chunk-S7PSMMRG.js';
 import { TabHeader } from './chunk-4WWM3GQ5.js';
+import { useMentionAutocomplete } from './chunk-3VQYJBOI.js';
+import { ModalHeader } from './chunk-CPMNAJLF.js';
 import { useBlocksEnvironment } from './chunk-76JDDMSP.js';
 import { formatCount, initials } from './chunk-OXF2IFXG.js';
-import { ModalHeader } from './chunk-CPMNAJLF.js';
+import { toMessageMentions, extractMentions, MentionMenu } from './chunk-AA3PT6KR.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { memo, forwardRef, useState, useMemo, useId, useEffect, useRef, useCallback, useLayoutEffect } from 'react';
 import { cn, Label, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Textarea, Input, Switch, Button, Collapsible, CollapsibleTrigger, CollapsibleContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Tooltip, TooltipTrigger, TooltipContent, Badge, Slider, UserEntity, getEntityColorStyles, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem, VisibilityToggle, EntityPill, ThreadVisibilityIcon, DialogClose, DropdownMenuSeparator, badgeVariants, Checkbox } from '@arbidocs/react/ui';
@@ -4292,6 +4294,7 @@ function TaskTable(props) {
         const isOwner = task.is_owner !== false;
         const canEdit = isOwner || Boolean(p.canEditShared);
         const canAdmin = isOwner || Boolean(p.isWorkspaceOwner);
+        const canAskReview = status !== "done" && status !== "chat" && canEdit && Boolean(p.onRequestApproval && p.people?.length);
         const reviewActions = (closeMenu) => status === "ready_for_review" ? /* @__PURE__ */ jsx(
           TaskReviewActions,
           {
@@ -4316,6 +4319,23 @@ function TaskTable(props) {
             compact: true,
             labels: p.reviewLabels
           }
+        ) : canAskReview ? /* @__PURE__ */ jsx(
+          TaskReviewActions,
+          {
+            id,
+            busy,
+            canApprove: false,
+            canRequestChanges: false,
+            onApprove: () => void 0,
+            onRequestChanges: () => void 0,
+            onRequestApproval: (userId, note) => {
+              p.onRequestApproval?.(task, userId, note);
+              closeMenu?.();
+            },
+            people: p.people,
+            compact: true,
+            labels: p.reviewLabels
+          }
         ) : null;
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
           !latest.current.narrow && reviewActions(),
@@ -4335,7 +4355,7 @@ function TaskTable(props) {
           /* @__PURE__ */ jsx(
             TaskRowMenu,
             {
-              reviewActions: latest.current.narrow && status === "ready_for_review" ? reviewActions : void 0,
+              reviewActions: latest.current.narrow && (status === "ready_for_review" || canAskReview) ? reviewActions : void 0,
               task,
               status,
               busy,
@@ -4784,6 +4804,21 @@ function TaskInbox(p) {
                   children: "Allow access"
                 }
               ),
+              p.onRequestApproval && status !== "done" && canEdit(task) && /* @__PURE__ */ jsx(
+                TaskReviewActions,
+                {
+                  id,
+                  busy,
+                  compact: true,
+                  canApprove: false,
+                  canRequestChanges: false,
+                  onApprove: () => void 0,
+                  onRequestChanges: () => void 0,
+                  onRequestApproval: (userId, note) => p.onRequestApproval?.(task, userId, note),
+                  people: p.people,
+                  labels: p.reviewLabels
+                }
+              ),
               /* @__PURE__ */ jsx(
                 TaskRowMenu,
                 {
@@ -5161,7 +5196,7 @@ function ConversationListView(p) {
       ...liveProps.current.renderBy || liveProps.current.renderOwner ? [
         {
           colId: liveProps.current.renderBy ? "by" : "owner",
-          headerName: liveProps.current.renderBy ? "By" : "Owner",
+          headerName: liveProps.current.renderBy ? "Last message by" : "Owner",
           width: 160,
           cellRenderer: ({ data }) => data && (liveProps.current.renderBy || liveProps.current.renderOwner)?.(data)
         }
@@ -5185,7 +5220,7 @@ function ConversationListView(p) {
         {
           colId: "visibility",
           headerName: "Visibility",
-          width: 100,
+          width: 170,
           cellClass: "cell-hcenter",
           sortable: false,
           resizable: false,
@@ -5193,7 +5228,8 @@ function ConversationListView(p) {
             VisibilityToggle,
             {
               items: [data],
-              showLabel: false,
+              showLabel: true,
+              label: data.is_shared ? "Workspace" : "Only Me",
               disabled: data.is_owner === false,
               onToggle: () => liveProps.current.onToggleShared?.(data, !data.is_shared)
             }
@@ -5292,10 +5328,14 @@ function ConversationListView(p) {
     p.selectionActions && /* @__PURE__ */ jsx(SelectionBar, { count: selectedRows.length, onClear: () => setSelected(/* @__PURE__ */ new Set()), children: (compact) => p.selectionActions?.(selectedRows, compact, () => setSelected(/* @__PURE__ */ new Set())) })
   ] });
 }
+var NO_PEOPLE = [];
+var NO_ASSIGNEES = [];
 function TaskStartDialog({
   open,
   onOpenChange,
   workflows,
+  people = NO_PEOPLE,
+  assignees = NO_ASSIGNEES,
   isPending,
   error,
   onStart,
@@ -5304,14 +5344,35 @@ function TaskStartDialog({
   const [prompt, setPrompt] = useState("");
   const [choice, setChoice] = useState("prompt");
   const [shared, setShared] = useState(false);
+  const [sourceOpen, setSourceOpen] = useState(false);
+  const [assignee, setAssignee] = useState("");
+  useEffect(() => {
+    if (open) return;
+    setPrompt("");
+    setChoice("prompt");
+    setShared(false);
+    setSourceOpen(false);
+    setAssignee("");
+  }, [open]);
+  const textareaRef = useRef(null);
+  const mention = useMentionAutocomplete({
+    value: prompt,
+    onValueChange: setPrompt,
+    candidates: people,
+    textareaRef
+  });
   const todo = choice === "todo";
   const workflowId = choice === "prompt" || todo ? null : choice;
+  const assigneeId = todo ? assignee : "";
+  const sharedNow = shared || assigneeId !== "";
   const valid = workflowId ? workflows.some((w) => w.external_id === workflowId) : Boolean(prompt.trim());
   const values = {
     prompt: prompt.trim(),
     workflowId,
     todo,
-    shared
+    shared: sharedNow,
+    mentions: toMessageMentions(extractMentions(prompt, people)),
+    ...assigneeId ? { assigneeId } : {}
   };
   return /* @__PURE__ */ jsx(Dialog, { modal: false, open, onOpenChange: (next) => !isPending && onOpenChange(next), children: /* @__PURE__ */ jsxs(
     DialogContent,
@@ -5319,6 +5380,11 @@ function TaskStartDialog({
       presentation: "right",
       hideCloseButton: true,
       onInteractOutside: (event) => event.preventDefault(),
+      onEscapeKeyDown: (event) => {
+        if (!sourceOpen) return;
+        event.preventDefault();
+        setSourceOpen(false);
+      },
       className: "flex flex-col gap-0 overflow-hidden p-0 shadow-lg",
       "data-testid": "task-start-dialog",
       children: [
@@ -5337,35 +5403,90 @@ function TaskStartDialog({
         /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: [
           !workflowId ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Label, { className: "sr-only", htmlFor: "task-start-prompt", children: todo ? "What needs doing?" : "What should ARBI do?" }),
-            /* @__PURE__ */ jsx(
-              Textarea,
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id: "task-start-prompt",
+                  ref: textareaRef,
+                  autoFocus: true,
+                  value: prompt,
+                  onChange: (event) => mention.onValueChange(event.target.value),
+                  onKeyDown: mention.nav.handleKeyDown,
+                  ...mention.isOpen ? mention.nav.comboboxProps : {},
+                  ...mention.textareaProps,
+                  disabled: isPending,
+                  placeholder: "What needs doing?",
+                  className: "min-h-44 resize-y shadow-none"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                MentionMenu,
+                {
+                  open: mention.isOpen,
+                  placement: "below",
+                  items: mention.items,
+                  selectedIndex: mention.nav.selectedIndex,
+                  setSelectedIndex: mention.nav.setSelectedIndex,
+                  listboxId: mention.nav.listboxId,
+                  onSelect: mention.pick
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm", children: workflows.find((workflow) => workflow.external_id === workflowId)?.name }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: choice,
+              onValueChange: setChoice,
+              open: sourceOpen,
+              onOpenChange: setSourceOpen,
+              disabled: isPending,
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    id: "task-start-source",
+                    "aria-label": "Who does the work",
+                    className: "mt-3 h-7 w-auto max-w-full border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted",
+                    children: /* @__PURE__ */ jsx(SelectValue, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "prompt", children: "With ARBI" }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "todo", children: "People only" }),
+                  workflows.map((workflow) => /* @__PURE__ */ jsx(SelectItem, { value: workflow.external_id, children: workflow.name }, workflow.external_id))
+                ] })
+              ]
+            }
+          ),
+          todo && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: "Assigned to" }),
+            /* @__PURE__ */ jsxs(
+              Select,
               {
-                id: "task-start-prompt",
-                autoFocus: true,
-                value: prompt,
-                onChange: (event) => setPrompt(event.target.value),
+                value: assigneeId || "me",
+                onValueChange: (next) => setAssignee(next === "me" ? "" : next),
                 disabled: isPending,
-                placeholder: "What needs doing?",
-                className: "min-h-44 resize-y shadow-none"
+                children: [
+                  /* @__PURE__ */ jsx(
+                    SelectTrigger,
+                    {
+                      id: "task-start-assignee",
+                      "aria-label": "Assigned to",
+                      className: "h-7 w-auto max-w-full border-0 bg-transparent px-1 text-xs font-normal text-foreground shadow-none hover:bg-muted",
+                      children: /* @__PURE__ */ jsx(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "me", children: "Me" }),
+                    assignees.map((person) => /* @__PURE__ */ jsx(SelectItem, { value: person.id, children: person.label }, person.id))
+                  ] })
+                ]
               }
             )
-          ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm", children: workflows.find((workflow) => workflow.external_id === workflowId)?.name }),
-          /* @__PURE__ */ jsxs(Select, { value: choice, onValueChange: setChoice, disabled: isPending, children: [
-            /* @__PURE__ */ jsx(
-              SelectTrigger,
-              {
-                id: "task-start-source",
-                "aria-label": "Who does the work",
-                className: "mt-3 h-7 w-auto max-w-full border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted",
-                children: /* @__PURE__ */ jsx(SelectValue, {})
-              }
-            ),
-            /* @__PURE__ */ jsxs(SelectContent, { children: [
-              /* @__PURE__ */ jsx(SelectItem, { value: "prompt", children: "With ARBI" }),
-              /* @__PURE__ */ jsx(SelectItem, { value: "todo", children: "People only" }),
-              workflows.map((workflow) => /* @__PURE__ */ jsx(SelectItem, { value: workflow.external_id, children: workflow.name }, workflow.external_id))
-            ] })
           ] }),
+          todo && assignees.length === 0 && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Invite a workspace collaborator to assign this to them." }),
           error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-3 text-sm text-destructive", children: error })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t px-3 py-2", children: [
@@ -5384,10 +5505,10 @@ function TaskStartDialog({
             /* @__PURE__ */ jsx(
               VisibilityToggle,
               {
-                items: { shared },
+                items: { shared: sharedNow },
                 onToggle: setShared,
-                label: shared ? "Workspace" : "Only Me",
-                disabled: isPending,
+                label: sharedNow ? "Workspace" : "Only Me",
+                disabled: isPending || assigneeId !== "",
                 "data-testid": "task-start-visibility"
               }
             ),
@@ -5400,9 +5521,6 @@ function TaskStartDialog({
                 onClick: async () => {
                   try {
                     await onStart(values);
-                    setPrompt("");
-                    setChoice("prompt");
-                    setShared(false);
                   } catch {
                   }
                 },
@@ -10530,5 +10648,5 @@ function AgentCreateView({
 }
 
 export { AgentAvatarField, AgentBar, AgentBarIconButton, AgentBarMenu, AgentBarNotes, AgentBarProbeAnswer, AgentBarQueuedNote, AgentBarStatus, AgentCard, AgentCreateView, AgentCreatedView, AgentCreator, AgentEditView, AgentGallery, AgentMainView, AgentSelect, AgentTypeSelector, CapabilityGrid, CapabilityTile, ConfigField, ConfigForm, ConsentActions, ConsentBulletList, ConsentCard, ConsentFootnote, ConsentHeader, ConsentMessage, ConsentNotice, ConsentPage, ConsentPermissionList, ConsentSection, ConsentStrong, ConsentText, ConversationListView, ConversationTurnSpeaker, CopyableUrl, DEFAULT_AGENT_AVATAR_FIELD_LABELS, DEFAULT_AGENT_BAR_LABELS, DEFAULT_AGENT_CARD_LABELS, DEFAULT_AGENT_CREATOR_LABELS, DEFAULT_AGENT_GALLERY_LABELS, DEFAULT_AGENT_SELECT_LABELS, DEFAULT_AGENT_STEPS_LABELS, DEFAULT_AGENT_TYPE_SELECTOR_LABELS, DEFAULT_AUTHORIZE_AGENT_LABELS, DEFAULT_CONFIG_FIELD_LABELS, DEFAULT_CONFIG_FORM_LABELS, DEFAULT_CONSENT_ACTIONS_LABELS, DEFAULT_COPYABLE_URL_LABELS, DEFAULT_NEW_THREAD_DIALOG_LABELS, DEFAULT_PILL_SELECT_LABELS, DEFAULT_RECURRENCE, DEFAULT_RECURRENCE_BUILDER_LABELS, DEFAULT_SCHEMA_FORM_LABELS, DEFAULT_SKILL_CARD_LABELS, DEFAULT_SKILL_EDIT_FORM_LABELS, DEFAULT_SKILL_GENERATE_FORM_LABELS, DEFAULT_SKILL_GLOBAL_BADGE_LABELS, DEFAULT_SKILL_ROW_LABELS, DEFAULT_SKILL_VIEW_TOGGLE_LABELS, DEFAULT_SUBAGENT_ROSTER_LABELS, DEFAULT_TASKS_CHROME_LABELS, DEFAULT_TASK_ACTIVITY_LABELS, DEFAULT_TASK_COMPOSER_LABELS, DEFAULT_TASK_LIST_LABELS, DEFAULT_TASK_OUTPUTS_CELL_LABELS, DEFAULT_TASK_PLAN_LABELS, DEFAULT_TASK_REVIEW_ACTIONS_LABELS, DEFAULT_TASK_RUNS_DIALOG_LABELS, DEFAULT_TASK_STATUS_PILL_LABELS, DEFAULT_TASK_THREAD_CHIP_LABELS, DEFAULT_TASK_TRIGGER_CHIP_LABELS, DEFAULT_TUPLE_ARRAY_FIELD_LABELS, DEFAULT_UPLOAD_TASK_ITEM_LABELS, DEFAULT_UPLOAD_TASK_LIST_LABELS, DEFAULT_WORKFLOWS_CHROME_LABELS, DEFAULT_WORKFLOW_CONFIG_DIALOG_LABELS, DEFAULT_WORKFLOW_LIST_LABELS, DERIVED_NAME_WORDS, EMPTY_NEW_THREAD, EMPTY_WORKFLOW_SCOPE, EntityChip, GoalCriteria, MAX_TASK_DEPTH, NewThreadDialog, PersonPill, PillSelect, RecurrenceBuilder, SKILL_PROMPT_FALLBACK_PLACEHOLDER, SKILL_PROMPT_LABEL, STATUS_LABELS, STATUS_ORDER, STATUS_TONE, SchemaForm, SkillActionButton, SkillCard, SkillDetail, SkillDetailSection, SkillEditForm, SkillFilterChips, SkillGenerateForm, SkillGlobalBadge, SkillRow, SkillTile, SkillTypeBadge, SkillViewToggle, StepDetail, StepNarration, StepOutcome, StepParams, StepRow, StepSummary, StepTrace, StepTraceSummary, SubAgentLane, SubStepGroup, SubagentRoster, TASK_COLUMN_ORDER, TRIGGER_LABELS, TaskActivityDialog, TaskActivityTimeline, TaskComposer, TaskFlow, TaskInbox, TaskMoveDialog, TaskOutputsCell, TaskPlan, TaskReviewActions, TaskReviewDialog, TaskRunsDialog, TaskStartDialog, TaskStatusPill, TaskTable, TaskThreadChip, TaskTriggerChip, TasksToolbar, ThreadActivity, ThreadNotifyDialog, TupleArrayField, UploadTaskItem, UploadTaskList, WEEKDAYS, WORKFLOW_COLUMN_ORDER, WorkflowConfigDialog, WorkflowDocumentsField, WorkflowLauncher, WorkflowsTable, WorkflowsToolbar, agentConfigSectionToValues, agentCreatorToConfigSection, asTaskStatus, authModeFor, buildLaunch, buildRRule, buildTaskRows, buildWorkflowScopeSource, compactThreadActivity, composePersona, composeWorkflowPrompt, composerToTaskQuery, composerToWorkRequest, composerToWorkflowRequest, composerToWorkflowUpdate, createTaskColumns, createWorkflowColumns, createsWork, defaultInputs, defaultScopeRenderer, defaultTaskComposerValues, deriveAgentName, deriveWorkflowName, descendantIds, describeRRule, filterConversationRows, firstWords, formatElapsed, goalProgress, hasTaskFields, hasTrigger, humanizeSection, indexTasks, inferType, inputDocumentIds, inputsFromContext, isAgenticWorkflow, isEmptyWorkflowScope, isOutOfBounds, isPlainTodo, isSkillRow, isValidAgentName, isWorkflowScope, isoToLocalInput, localInputToIso, matchWorkflowScope, moveTargets, newThreadToRequest, nextCriterionId, ownerExtId, parseRRule, prettifyKey, promptFieldName, resolveScopeInputs, skillToWorkflow, stripPersonaPreamble, summarizeAgent, summarizeCapabilities, taskComposerToCreateRequest, taskComposerToUpdateRequest, taskNeedsAccess, taskToComposerValues, validateInputs, workflowAccepts, workflowFromFrontmatter, workflowStatus, workflowTaskFields, workflowToComposerValues, workflowTriggerType, workflowWhen, workflowsAccepting, workflowsForHost };
-//# sourceMappingURL=chunk-EA6YX3GR.js.map
-//# sourceMappingURL=chunk-EA6YX3GR.js.map
+//# sourceMappingURL=chunk-RFCQPDEP.js.map
+//# sourceMappingURL=chunk-RFCQPDEP.js.map