@arbidocs/react 0.3.177 → 0.3.179

package/dist/index.d.cts

@@ -468,12 +468,12 @@ declare function useDocuments(workspaceId: string | undefined, options?: {
     doctags: {
         note?: string | null | undefined;
         citations?: {
-            passages: {
+            doc_ext_id: string;
+            chunks?: {
                 chunk_id: string;
-                doc_ext_id?: string | null | undefined;
                 page?: number | null | undefined;
-            }[];
-        } | null | undefined;
+            }[] | undefined;
+        }[] | null | undefined;
         external_id: string;
         doc_ext_id: string;
         tag_ext_id: string;
@@ -519,6 +519,7 @@ declare function useTags(workspaceId: string | undefined, options?: {
     shared: boolean;
     parent_ext_id?: string | null | undefined;
     doctag_count: number;
+    facttag_count: number;
     created_by_ext_id: string;
     updated_by_ext_id?: string | null | undefined;
     created_at: string;
@@ -887,12 +888,12 @@ declare function useWorkspaceDocs(workspaceId?: string): {
         doctags: {
             note?: string | null | undefined;
             citations?: {
-                passages: {
+                doc_ext_id: string;
+                chunks?: {
                     chunk_id: string;
-                    doc_ext_id?: string | null | undefined;
                     page?: number | null | undefined;
-                }[];
-            } | null | undefined;
+                }[] | undefined;
+            }[] | null | undefined;
             external_id: string;
             doc_ext_id: string;
             tag_ext_id: string;
@@ -1571,11 +1572,8 @@ interface DocumentEntityProps {
     onClick?: (e: React__default.MouseEvent) => void;
     /** Click handler for the icon only */
     onIconClick?: (e: React__default.MouseEvent) => void;
-    /** When true, the file-type icon swaps to an Eye on pill hover — a cue that
-     *  clicking opens (view) the document. */
-    showHoverEye?: boolean;
-    /** When true, the Eye is pinned on (not just hover) — marks the document that
-     *  is currently open/being viewed. Implies the hover-swap behaviour. */
+    /** When true, the file-type icon is replaced by a pinned Eye — marks the
+     *  document that is currently open/being viewed. */
     viewing?: boolean;
     /** Small overlay pinned to the icon's corner (e.g. an "available offline" pip). */
     iconBadge?: React__default.ReactNode;
@@ -1584,11 +1582,16 @@ interface DocumentEntityProps {
     /** When true, the pill fills the available width and the name truncates via
      *  CSS so the trailing ⋯ menu pins to the right edge. */
     fullWidth?: boolean;
+    /** Render the WHOLE title (skip the 30-char `clampLabel` string cut) while
+     *  keeping the normal content-width layout — for callers that want the full
+     *  name to show/wrap (via a `labelClassName`) without `fullWidth`'s w-full.
+     *  `fullWidth` already implies this. */
+    noClamp?: boolean;
     /** Override the default folder/title hover tooltip. */
     tooltipContent?: React__default.ReactNode;
     className?: string;
 }
-declare function DocumentEntity({ doc, icon, size, labelMaxWidth, labelClassName, onClick, onIconClick, showHoverEye, viewing, iconBadge, actions, tooltipContent, className, fullWidth, }: DocumentEntityProps): React__default.JSX.Element;
+declare function DocumentEntity({ doc, icon, size, labelMaxWidth, labelClassName, onClick, onIconClick, viewing, iconBadge, actions, tooltipContent, className, fullWidth, noClamp, }: DocumentEntityProps): React__default.JSX.Element;
 
 /**
  * TagEntity Component
@@ -1641,7 +1644,9 @@ declare function TagEntity({ tag, size, className, onClick, showTooltip, tooltip
 declare const TAG_TYPE_LABELS: Record<string, string>;
 /** Icon mapping for tag types. */
 declare const TAG_TYPE_ICONS: Record<string, typeof StickyNote>;
-/** Resolve the icon component for a tag type, with the `text` (StickyNote) fallback. */
+/** Resolve the icon component for a tag type, with the `text` (NotebookPen) fallback.
+ * Annotations share the NotebookPen mark used by the AI Annotate bulk action, so
+ * the table column and the batch bar name the same thing the same way. */
 declare function getTagTypeIcon(type?: string | null): typeof StickyNote;
 /** Resolve the human-readable label for a tag type, falling back to the raw type. */
 declare function getTagTypeLabel(type?: string | null): string;

package/dist/index.d.ts

@@ -468,12 +468,12 @@ declare function useDocuments(workspaceId: string | undefined, options?: {
     doctags: {
         note?: string | null | undefined;
         citations?: {
-            passages: {
+            doc_ext_id: string;
+            chunks?: {
                 chunk_id: string;
-                doc_ext_id?: string | null | undefined;
                 page?: number | null | undefined;
-            }[];
-        } | null | undefined;
+            }[] | undefined;
+        }[] | null | undefined;
         external_id: string;
         doc_ext_id: string;
         tag_ext_id: string;
@@ -519,6 +519,7 @@ declare function useTags(workspaceId: string | undefined, options?: {
     shared: boolean;
     parent_ext_id?: string | null | undefined;
     doctag_count: number;
+    facttag_count: number;
     created_by_ext_id: string;
     updated_by_ext_id?: string | null | undefined;
     created_at: string;
@@ -887,12 +888,12 @@ declare function useWorkspaceDocs(workspaceId?: string): {
         doctags: {
             note?: string | null | undefined;
             citations?: {
-                passages: {
+                doc_ext_id: string;
+                chunks?: {
                     chunk_id: string;
-                    doc_ext_id?: string | null | undefined;
                     page?: number | null | undefined;
-                }[];
-            } | null | undefined;
+                }[] | undefined;
+            }[] | null | undefined;
             external_id: string;
             doc_ext_id: string;
             tag_ext_id: string;
@@ -1571,11 +1572,8 @@ interface DocumentEntityProps {
     onClick?: (e: React__default.MouseEvent) => void;
     /** Click handler for the icon only */
     onIconClick?: (e: React__default.MouseEvent) => void;
-    /** When true, the file-type icon swaps to an Eye on pill hover — a cue that
-     *  clicking opens (view) the document. */
-    showHoverEye?: boolean;
-    /** When true, the Eye is pinned on (not just hover) — marks the document that
-     *  is currently open/being viewed. Implies the hover-swap behaviour. */
+    /** When true, the file-type icon is replaced by a pinned Eye — marks the
+     *  document that is currently open/being viewed. */
     viewing?: boolean;
     /** Small overlay pinned to the icon's corner (e.g. an "available offline" pip). */
     iconBadge?: React__default.ReactNode;
@@ -1584,11 +1582,16 @@ interface DocumentEntityProps {
     /** When true, the pill fills the available width and the name truncates via
      *  CSS so the trailing ⋯ menu pins to the right edge. */
     fullWidth?: boolean;
+    /** Render the WHOLE title (skip the 30-char `clampLabel` string cut) while
+     *  keeping the normal content-width layout — for callers that want the full
+     *  name to show/wrap (via a `labelClassName`) without `fullWidth`'s w-full.
+     *  `fullWidth` already implies this. */
+    noClamp?: boolean;
     /** Override the default folder/title hover tooltip. */
     tooltipContent?: React__default.ReactNode;
     className?: string;
 }
-declare function DocumentEntity({ doc, icon, size, labelMaxWidth, labelClassName, onClick, onIconClick, showHoverEye, viewing, iconBadge, actions, tooltipContent, className, fullWidth, }: DocumentEntityProps): React__default.JSX.Element;
+declare function DocumentEntity({ doc, icon, size, labelMaxWidth, labelClassName, onClick, onIconClick, viewing, iconBadge, actions, tooltipContent, className, fullWidth, noClamp, }: DocumentEntityProps): React__default.JSX.Element;
 
 /**
  * TagEntity Component
@@ -1641,7 +1644,9 @@ declare function TagEntity({ tag, size, className, onClick, showTooltip, tooltip
 declare const TAG_TYPE_LABELS: Record<string, string>;
 /** Icon mapping for tag types. */
 declare const TAG_TYPE_ICONS: Record<string, typeof StickyNote>;
-/** Resolve the icon component for a tag type, with the `text` (StickyNote) fallback. */
+/** Resolve the icon component for a tag type, with the `text` (NotebookPen) fallback.
+ * Annotations share the NotebookPen mark used by the AI Annotate bulk action, so
+ * the table column and the batch bar name the same thing the same way. */
 declare function getTagTypeIcon(type?: string | null): typeof StickyNote;
 /** Resolve the human-readable label for a tag type, falling back to the raw type. */
 declare function getTagTypeLabel(type?: string | null): string;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { useArbi, ArbiProvider, AudioViewer, ImageViewer, VideoViewer } from './chunk-JKO3NR5L.js';
-export { ArbiProvider, useArbi } from './chunk-JKO3NR5L.js';
 import { cn, Avatar, AvatarFallback, AvatarImage, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, AiMarkdown, Card, Button, Badge, MarkdownRenderer, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, ScrollArea, Textarea, Slider, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator, Checkbox, useAudioRecorder, MicWaveformIndicator, IconToggle, classifyMediaError, formatElapsed } from './chunk-I256BUCX.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, DictateProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCard, HoverCardContent, HoverCardTrigger, IconToggle, InlineMicButton, Input, Label, MarkdownRenderer, MarkdownStreamingContext, MicRecordingOverlay, MicWaveformIndicator, 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, formatElapsed, markdownBaseComponents, splitMarkdownBlocks, toggleVariants, useAudioRecorder } from './chunk-I256BUCX.js';
+import { useArbi, ArbiProvider, AudioViewer, ImageViewer, VideoViewer } from './chunk-JKO3NR5L.js';
+export { ArbiProvider, useArbi } from './chunk-JKO3NR5L.js';
 import React2, { memo, useState, createContext, forwardRef, useMemo, useCallback, useId, useRef, useContext, useEffect, Fragment as Fragment$1 } from 'react';
 import { useQuery, useMutation, useQueries, QueryClient, QueryClientProvider, useQueryClient } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2449,14 +2449,14 @@ var TAG_TYPE_ICONS = {
   checkbox: SquareCheckBig,
   select: List,
   number: Hash,
-  text: StickyNote,
+  text: NotebookPen,
   folder: Folder,
   search: Search,
   date: Calendar,
   assistant: Bot
 };
 function getTagTypeIcon(type) {
-  return TAG_TYPE_ICONS[type ?? "text"] || StickyNote;
+  return TAG_TYPE_ICONS[type ?? "text"] || NotebookPen;
 }
 function getTagTypeLabel(type) {
   const t = type ?? "text";
@@ -2572,7 +2572,7 @@ function DocumentReview({
     const list = [];
     const chunkTag = /* @__PURE__ */ new Map();
     for (const dt of doc?.doctags ?? []) {
-      const chunkIds = dt.citations?.passages?.map((p) => p.chunk_id) ?? [];
+      const chunkIds = (dt.citations ?? []).flatMap((d) => (d.chunks ?? []).map((c) => c.chunk_id));
       if (chunkIds.length === 0) continue;
       list.push({
         key: dt.tag_ext_id,
@@ -4284,51 +4284,32 @@ function DocumentEntity({
   labelClassName,
   onClick,
   onIconClick,
-  showHoverEye,
   viewing,
   iconBadge,
   actions,
   tooltipContent,
   className,
-  fullWidth
+  fullWidth,
+  noClamp
 }) {
   const title = getDocumentTitle(doc);
   const ext = doc.file_name?.split(".").pop()?.toLowerCase();
   const iconSize = size === "base" ? 16 : 14;
   const eyeSizeClass = size === "base" ? "h-4 w-4" : "h-3.5 w-3.5";
   const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize);
-  const showEye = showHoverEye || viewing;
-  const displayIcon = showEye || iconBadge ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
-    showEye ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "transition-opacity",
-            viewing ? "opacity-0" : "group-hover/pill:opacity-0 group-has-[[data-state=open]]/pill:opacity-0"
-          ),
-          children: baseIcon
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Eye,
-        {
-          className: cn(
-            "absolute inset-0 m-auto transition-opacity",
-            eyeSizeClass,
-            viewing ? "text-primary-foreground opacity-100" : "text-primary opacity-0 group-hover/pill:opacity-100 group-has-[[data-state=open]]/pill:opacity-100"
-          )
-        }
-      )
-    ] }) : baseIcon,
+  const displayIcon = viewing || iconBadge ? /* @__PURE__ */ jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
+    viewing ? /* @__PURE__ */ jsx(Eye, { className: cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
     iconBadge
   ] }) : baseIcon;
-  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[300px]", children: [
-    doc.folder && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
+  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[440px]", children: [
+    doc.folder && // `flex-wrap` so a deep folder path wraps WITHIN the balloon instead of
+    // spilling out of it (each path segment is atomic and wraps as a unit;
+    // `min-w-0` + `break-all` lets a single over-long segment break too).
+    /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
       /* @__PURE__ */ jsx(FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
-      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 shrink-0", children: [
+      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
         i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
-        /* @__PURE__ */ jsx("span", { className: i < arr.length - 1 ? "text-muted-foreground/70" : "", children: part })
+        /* @__PURE__ */ jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
       ] }, i))
     ] }),
     /* @__PURE__ */ jsxs("span", { className: "font-medium break-words", children: [
@@ -4341,7 +4322,7 @@ function DocumentEntity({
     {
       icon: displayIcon,
       size,
-      label: fullWidth ? title : clampLabel(title),
+      label: fullWidth || noClamp ? title : clampLabel(title),
       labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
       labelClassName,
       fullWidth,
@@ -6628,7 +6609,6 @@ function DocumentTable({
               doc,
               size: "base",
               fullWidth: true,
-              showHoverEye: true,
               viewing: viewingDocId === doc.external_id,
               onClick: (e) => {
                 e.stopPropagation();
@@ -6929,7 +6909,6 @@ function DocumentCard({
             {
               doc,
               fullWidth: true,
-              showHoverEye: true,
               viewing,
               tooltipContent,
               labelClassName: "font-semibold",