@arbidocs/react 0.3.136 → 0.3.138

package/dist/index.d.cts

@@ -13,6 +13,7 @@ import { LucideIcon, StickyNote } from 'lucide-react';
 import { Components } from 'react-markdown';
 import { ToasterProps } from 'sonner';
 export { ToasterProps, toast } from 'sonner';
+import { ColDef } from 'ag-grid-community';
 import 'clsx';
 import '@radix-ui/react-avatar';
 import 'class-variance-authority/types';
@@ -2554,15 +2555,31 @@ interface DocumentTableProps {
     documents?: DocResponse$2[];
     /** Called when a row (document) is opened — row click or name-pill click. */
     onOpenDocument?: (id: string) => void;
+    /**
+     * Whether clicking anywhere in a row opens the document. Default true.
+     *
+     * Set false when the grid is used for bulk work: a reviewer building a
+     * selection to code together will inevitably click a row, and navigating away
+     * mid-selection loses it. With this off, the name pill stays the way to open
+     * a document and the row is purely a selection target.
+     */
+    openOnRowClick?: boolean;
     /** Controlled selection (external ids). Falls back to the SDK ui store. */
     selectedIds?: string[];
     /** Called with the new selection (external ids). Falls back to the SDK ui store. */
     onSelectionChange?: (ids: string[]) => void;
     /** Grid height. Number → pixels; string passed through. Default 480. */
     height?: number | string;
+    /**
+     * Extra columns appended after the built-ins — e.g. one per coding field in a
+     * review protocol, so a grid can be coded across rather than document by
+     * document. Standard AG Grid `ColDef`s; give each an explicit `colId`, since
+     * AG Grid persists column state and auto-generated ids reorder unexpectedly.
+     */
+    extraColumns?: ColDef<DocResponse$2>[];
     className?: string;
 }
-declare function DocumentTable({ workspaceId, documents, onOpenDocument, selectedIds, onSelectionChange, height, className, }: DocumentTableProps): React__default.JSX.Element;
+declare function DocumentTable({ workspaceId, documents, onOpenDocument, openOnRowClick, selectedIds, onSelectionChange, height, extraColumns, className, }: DocumentTableProps): React__default.JSX.Element;
 
 /**
  * DocumentCard — the canonical document thumbnail tile.

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import { LucideIcon, StickyNote } from 'lucide-react';
 import { Components } from 'react-markdown';
 import { ToasterProps } from 'sonner';
 export { ToasterProps, toast } from 'sonner';
+import { ColDef } from 'ag-grid-community';
 import 'clsx';
 import '@radix-ui/react-avatar';
 import 'class-variance-authority/types';
@@ -2554,15 +2555,31 @@ interface DocumentTableProps {
     documents?: DocResponse$2[];
     /** Called when a row (document) is opened — row click or name-pill click. */
     onOpenDocument?: (id: string) => void;
+    /**
+     * Whether clicking anywhere in a row opens the document. Default true.
+     *
+     * Set false when the grid is used for bulk work: a reviewer building a
+     * selection to code together will inevitably click a row, and navigating away
+     * mid-selection loses it. With this off, the name pill stays the way to open
+     * a document and the row is purely a selection target.
+     */
+    openOnRowClick?: boolean;
     /** Controlled selection (external ids). Falls back to the SDK ui store. */
     selectedIds?: string[];
     /** Called with the new selection (external ids). Falls back to the SDK ui store. */
     onSelectionChange?: (ids: string[]) => void;
     /** Grid height. Number → pixels; string passed through. Default 480. */
     height?: number | string;
+    /**
+     * Extra columns appended after the built-ins — e.g. one per coding field in a
+     * review protocol, so a grid can be coded across rather than document by
+     * document. Standard AG Grid `ColDef`s; give each an explicit `colId`, since
+     * AG Grid persists column state and auto-generated ids reorder unexpectedly.
+     */
+    extraColumns?: ColDef<DocResponse$2>[];
     className?: string;
 }
-declare function DocumentTable({ workspaceId, documents, onOpenDocument, selectedIds, onSelectionChange, height, className, }: DocumentTableProps): React__default.JSX.Element;
+declare function DocumentTable({ workspaceId, documents, onOpenDocument, openOnRowClick, selectedIds, onSelectionChange, height, extraColumns, className, }: DocumentTableProps): React__default.JSX.Element;
 
 /**
  * DocumentCard — the canonical document thumbnail tile.

package/dist/index.js

@@ -1,10 +1,12 @@
 import { cn, Avatar, AvatarFallback, AvatarImage, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, MarkdownRenderer, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, ScrollArea, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, Checkbox } from './chunk-VTX77MYP.js';
 export { AiMarkdown, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MarkdownRenderer, MarkdownStreamingContext, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, markdownBaseComponents, splitMarkdownBlocks, toggleVariants } from './chunk-VTX77MYP.js';
-import React2, { createContext, memo, useState, forwardRef, useMemo, useCallback, useId, useRef, useContext, useEffect } from 'react';
-import { Arbi, connectWithReconnect, resolveCitations, summarizeCitations } from '@arbidocs/sdk/browser';
-export { Arbi, ArbiError } from '@arbidocs/sdk/browser';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useArbi, ArbiProvider } from './chunk-J4MX2W4H.js';
+export { ArbiProvider, useArbi } from './chunk-J4MX2W4H.js';
+import React2, { memo, useState, createContext, forwardRef, useMemo, useCallback, useId, useRef, useContext, useEffect } from 'react';
 import { useQuery, useMutation, useQueries, QueryClient, QueryClientProvider, useQueryClient } from '@tanstack/react-query';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { connectWithReconnect, resolveCitations, summarizeCitations } from '@arbidocs/sdk/browser';
+export { Arbi, ArbiError } from '@arbidocs/sdk/browser';
 import { Trash2, CheckCheck, Check, MessageCircleMore, MoreVertical, MessageSquareLock, Info, FileQuestion, BookOpen, Upload, LogOut, LayoutGrid, Bell, MessageSquare, CircleUserRound, Wrench, Package, ClipboardList, UserPlus, Contact, Settings2, Users, User, StickyNote, FolderPlus, Hash, EyeOff, Eye, CaptionsOff, FolderOpen, MessageSquareMore, MessageSquarePlus, MessageSquareText, MessageSquareOff, MessagesSquare, Columns3Cog, SquarePlus, SquareM, ChevronsDown, Bot, Calendar, Search, Folder, List, SquareCheckBig, Loader2, AlertTriangle, ShieldCheck, Copy, Sparkles, FileText, GitCompareArrows, Download, Image as Image$1, CornerDownLeft, X, ArrowLeft, Send, Tags, Crown, Activity, Gauge, Gift, PartyPopper, UserCheck, FileX2, FileCheck2, Pencil, SquareArrowOutUpRight, XCircle, CheckCircle2, ArrowRight, ChevronDown, MoreHorizontal, SquarePen, FileX, SkipForward, CheckCircle } from 'lucide-react';
 import { isMessageType } from '@arbidocs/client';
 export { isMessageType } from '@arbidocs/client';
@@ -18,17 +20,6 @@ import Cropper from 'react-easy-crop';
 import { AgGridReact } from 'ag-grid-react';
 import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
 
-var ArbiContext = createContext(null);
-function ArbiProvider({ children, ...options }) {
-  const arbi = useMemo(
-    () => new Arbi(options),
-    // Stable on url + deploymentDomain — re-creating the instance on every render would be wrong
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [options.url, options.deploymentDomain, options.credentials]
-  );
-  return /* @__PURE__ */ jsx(ArbiContext.Provider, { value: arbi, children });
-}
-
 // src/chat/styles.ts
 var DEFAULT_THEME = {
   primaryColor: "#00adef",
@@ -351,13 +342,6 @@ function agentStatusStyle(theme) {
     alignSelf: "flex-start"
   };
 }
-function useArbi() {
-  const arbi = useContext(ArbiContext);
-  if (!arbi) {
-    throw new Error("useArbi() must be used within an <ArbiProvider>");
-  }
-  return arbi;
-}
 function AuthScreen({ theme, labels, onLogin }) {
   const arbi = useArbi();
   const [mode, setMode] = useState("login");
@@ -2947,8 +2931,8 @@ Question: ${question}`,
     `Suggest 3-6 concise, reusable labels for the document "${docName ?? docId}" \u2014 covering document type, the key issues it touches, and any key parties. Return them as a short comma-separated list with a one-line rationale for each.`,
     [docId]
   );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "doc-qa", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-3", "data-testid": "doc-qa", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -2956,7 +2940,7 @@ Question: ${question}`,
           onChange: (e) => setQ(e.target.value),
           onKeyDown: (e) => e.key === "Enter" && (e.preventDefault(), ask()),
           placeholder: "Ask about this document\u2026",
-          className: "bg-card text-sm placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50",
+          className: "min-w-0 flex-1 bg-card text-sm placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50",
           "data-testid": "doc-qa-input"
         }
       ),
@@ -2967,6 +2951,7 @@ Question: ${question}`,
           size: "icon",
           onClick: ask,
           disabled: task.isRunning || !q.trim(),
+          className: "shrink-0",
           "data-testid": "doc-qa-send",
           children: /* @__PURE__ */ jsx(Send, { className: "size-4" })
         }
@@ -2978,6 +2963,7 @@ Question: ${question}`,
           size: "sm",
           onClick: suggestTags,
           disabled: task.isRunning,
+          className: "shrink-0",
           "data-testid": "doc-qa-tags",
           children: [
             /* @__PURE__ */ jsx(Tags, { className: "size-4" }),
@@ -6120,9 +6106,11 @@ function DocumentTable({
   workspaceId,
   documents,
   onOpenDocument,
+  openOnRowClick = true,
   selectedIds,
   onSelectionChange,
   height = 480,
+  extraColumns,
   className
 }) {
   const query = useDocuments(workspaceId, { enabled: !documents });
@@ -6254,9 +6242,10 @@ function DocumentTable({
         sortable: true,
         field: "folder",
         valueFormatter: (p) => p.value || "\u2014"
-      }
+      },
+      ...extraColumns ?? []
     ],
-    [openDocument, viewingDocId, tagNameById]
+    [openDocument, viewingDocId, tagNameById, extraColumns]
   );
   const handleGridReady = (e) => {
     gridApiRef.current = e.api;
@@ -6267,6 +6256,7 @@ function DocumentTable({
     emitSelection(ids);
   };
   const handleRowClicked = (e) => {
+    if (!openOnRowClick) return;
     const id = e.data?.external_id;
     if (id) openDocument(id);
   };
@@ -6743,6 +6733,6 @@ function DocumentGallery({
   );
 }
 
-export { ActivityFeed, AiActionCard, AiAnswer, AppleIcon, ArbiBotHeadIcon, ArbiBotIcon, ArbiChat, ArbiChatPanel, ArbiIcon, ArbiProvider, ArbiWebSocketProvider, ArtifactCanvas, AudIcon, BASE_COLORS2 as BASE_COLORS, ChatBubble, CitationRenderer, ClaudeIcon, CommandPalette, CommandPaletteProvider, ConversationList, DEFAULT_ASPECT_OPTIONS, DEFAULT_NOTIFY_TONE, DirectMessages, DmAvatar, DmComposer, DocIcon, DocQaPanel, DocSearch, DocumentCard, DocumentCardMenu, DocumentEntity, DocumentGallery, DocumentReview, DocumentTable, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, ImgIcon, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, NEUTRAL_GRAY2 as NEUTRAL_GRAY, NotificationBell, OpenAIIcon, PLACEHOLDER_COLOR, PdfIcon, ProjectEntity, ProviderIcon, RagDot, SemanticSearch, StatusPill, TAG_TYPE_ICONS, TAG_TYPE_LABELS, TagEntity, Toaster, TxtIcon, TypingIndicator, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, XlsIcon, arbiQueryKeys, configureEntityRegistry, configureRagLabels, configureStatusRegistry, cropImage, describeActivity, formatRelativeTime, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getNotificationTypeMeta, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceActionText, getWorkspaceColor, getWorkspaceSentPhrase, isWorkspaceNotificationType, notify, parseActivityContent, redlineStats, seedNotifications, selectUnread, textToArtifact, toRedlineMarkdown, useActivity, useAgents, useAiTask, useArbi, useArbiConnected, useArbiDocumentSync, useArbiUiStore, useArbiWebSocket, useArbiWsContext, useArbiWsMessage, useArbiWsStatus, useArbiWsStore, useArbiWsTask, useArbiWsTasks, useAssistantQuery, useCommandPalette, useConfigs, useConversations, useDeleteAgents, useDirectMessages, useDocuments, useHealth, useMemories, useNotify, useParsedDocument, useProjectInvoices, useProjectUsage, useProjects, useProjectsUsage, useSemanticSearch, useSessions, useTags, useTasks, useThumbnails, useUserUsageToday, useWorkspaceChronology, useWorkspaceDocs, useWorkspaces, userDisplayName, userInitials };
+export { ActivityFeed, AiActionCard, AiAnswer, AppleIcon, ArbiBotHeadIcon, ArbiBotIcon, ArbiChat, ArbiChatPanel, ArbiIcon, ArbiWebSocketProvider, ArtifactCanvas, AudIcon, BASE_COLORS2 as BASE_COLORS, ChatBubble, CitationRenderer, ClaudeIcon, CommandPalette, CommandPaletteProvider, ConversationList, DEFAULT_ASPECT_OPTIONS, DEFAULT_NOTIFY_TONE, DirectMessages, DmAvatar, DmComposer, DocIcon, DocQaPanel, DocSearch, DocumentCard, DocumentCardMenu, DocumentEntity, DocumentGallery, DocumentReview, DocumentTable, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FileIcon, FireworksIcon, GeminiIcon, GitHubIcon, GoogleIcon, HtmlIcon, ImageCropModal, ImageCropper, ImgIcon, LinkedInIcon, MessageArtifactCard, MessageBubble2 as MessageBubble, MessageThread, NEUTRAL_GRAY2 as NEUTRAL_GRAY, NotificationBell, OpenAIIcon, PLACEHOLDER_COLOR, PdfIcon, ProjectEntity, ProviderIcon, RagDot, SemanticSearch, StatusPill, TAG_TYPE_ICONS, TAG_TYPE_LABELS, TagEntity, Toaster, TxtIcon, TypingIndicator, UserEntity, UserMenu, VISIBILITY_ICONS, VidIcon, VisibilityIcon, XlsIcon, arbiQueryKeys, configureEntityRegistry, configureRagLabels, configureStatusRegistry, cropImage, describeActivity, formatRelativeTime, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getNotificationTypeMeta, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceActionText, getWorkspaceColor, getWorkspaceSentPhrase, isWorkspaceNotificationType, notify, parseActivityContent, redlineStats, seedNotifications, selectUnread, textToArtifact, toRedlineMarkdown, useActivity, useAgents, useAiTask, useArbiConnected, useArbiDocumentSync, useArbiUiStore, useArbiWebSocket, useArbiWsContext, useArbiWsMessage, useArbiWsStatus, useArbiWsStore, useArbiWsTask, useArbiWsTasks, useAssistantQuery, useCommandPalette, useConfigs, useConversations, useDeleteAgents, useDirectMessages, useDocuments, useHealth, useMemories, useNotify, useParsedDocument, useProjectInvoices, useProjectUsage, useProjects, useProjectsUsage, useSemanticSearch, useSessions, useTags, useTasks, useThumbnails, useUserUsageToday, useWorkspaceChronology, useWorkspaceDocs, useWorkspaces, userDisplayName, userInitials };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map