@arbidocs/react 0.3.176 → 0.3.179

package/dist/index.cjs

@@ -2452,14 +2452,14 @@ var TAG_TYPE_ICONS = {
   checkbox: lucideReact.SquareCheckBig,
   select: lucideReact.List,
   number: lucideReact.Hash,
-  text: lucideReact.StickyNote,
+  text: lucideReact.NotebookPen,
   folder: lucideReact.Folder,
   search: lucideReact.Search,
   date: lucideReact.Calendar,
   assistant: lucideReact.Bot
 };
 function getTagTypeIcon(type) {
-  return TAG_TYPE_ICONS[type ?? "text"] || lucideReact.StickyNote;
+  return TAG_TYPE_ICONS[type ?? "text"] || lucideReact.NotebookPen;
 }
 function getTagTypeLabel(type) {
   const t = type ?? "text";
@@ -2575,7 +2575,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,
@@ -3265,14 +3265,14 @@ var CitationPopover = ({
                   "button",
                   {
                     onClick: onDismissCitation,
-                    className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors",
+                    className: "-m-1.5 flex shrink-0 items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
                     "aria-label": "Close",
                     "data-testid": `citation-popover-close-${citationNum}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       "svg",
                       {
-                        width: "12",
-                        height: "12",
+                        width: "14",
+                        height: "14",
                         viewBox: "0 0 12 12",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
@@ -4287,51 +4287,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__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
-    showEye ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: chunkFIPS3VPH_cjs.cn(
-            "transition-opacity",
-            viewing ? "opacity-0" : "group-hover/pill:opacity-0 group-has-[[data-state=open]]/pill:opacity-0"
-          ),
-          children: baseIcon
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        lucideReact.Eye,
-        {
-          className: chunkFIPS3VPH_cjs.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__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex flex-shrink-0 items-center justify-center", children: [
+    viewing ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: chunkFIPS3VPH_cjs.cn("text-primary-foreground", eyeSizeClass) }) : baseIcon,
     iconBadge
   ] }) : baseIcon;
-  const defaultTooltip = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-xs max-w-[300px]", children: [
-    doc.folder && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-muted-foreground", children: [
+  const defaultTooltip = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-0.5 text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "h-3 w-3 text-yellow-600 shrink-0" }),
-      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 shrink-0", children: [
+      doc.folder.split("/").map((part, i, arr) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-0.5", children: [
         i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/50 mx-0.5", children: "/" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: i < arr.length - 1 ? "text-muted-foreground/70" : "", children: part })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
       ] }, i))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium break-words", children: [
@@ -4344,7 +4325,7 @@ function DocumentEntity({
     {
       icon: displayIcon,
       size,
-      label: fullWidth ? title : clampLabel(title),
+      label: fullWidth || noClamp ? title : clampLabel(title),
       labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
       labelClassName,
       fullWidth,
@@ -6631,7 +6612,6 @@ function DocumentTable({
               doc,
               size: "base",
               fullWidth: true,
-              showHoverEye: true,
               viewing: viewingDocId === doc.external_id,
               onClick: (e) => {
                 e.stopPropagation();
@@ -6932,7 +6912,6 @@ function DocumentCard({
             {
               doc,
               fullWidth: true,
-              showHoverEye: true,
               viewing,
               tooltipContent,
               labelClassName: "font-semibold",