@arbidocs/react 0.5.75 → 0.5.76

package/dist/{chunk-3BFSALPC.cjs → chunk-IHKQPOPK.cjs}

@@ -362,6 +362,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
   size = "sm",
   shape = "rounded",
   className,
+  style,
   labelMaxWidth = "max-w-[320px]",
   labelClassName,
   fullWidth = false,
@@ -501,6 +502,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
           (onClick || href) && !disabled && "cursor-pointer hover:bg-muted",
           highlight && highlightClasses
         ),
+        style,
         "data-testid": testId,
         children: [
           mainArea,
@@ -526,7 +528,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
         tooltipContent,
         tooltipSide,
         chunkS6A6FSG7_cjs.cn(baseClasses, interactiveClasses),
-        { "data-testid": testId }
+        { "data-testid": testId, style }
       );
     }
     return tooltipWrap(
@@ -544,7 +546,8 @@ var EntityPill = React.forwardRef(function EntityPill2({
         ref,
         onClick: onClick && !disabled ? onClick : void 0,
         disabled: disabled || void 0,
-        "data-testid": testId
+        "data-testid": testId,
+        style
       }
     );
   }
@@ -557,6 +560,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
         target: "_blank",
         rel: "noopener noreferrer",
         className: chunkS6A6FSG7_cjs.cn(baseClasses, interactiveClasses),
+        style,
         "data-testid": testId,
         onClick,
         children: mainContent
@@ -576,6 +580,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
           disabled ? disabledClasses : interactiveClasses,
           highlight && highlightClasses
         ),
+        style,
         "data-testid": testId,
         children: mainContent
       }
@@ -586,6 +591,7 @@ var EntityPill = React.forwardRef(function EntityPill2({
     {
       ref,
       className: chunkS6A6FSG7_cjs.cn(baseClasses, highlight && highlightClasses),
+      style,
       "data-testid": testId,
       children: mainContent
     }
@@ -1401,6 +1407,63 @@ function DocumentCard({
     }
   );
 }
+
+// src/entities/colors.ts
+var OPACITY_LIGHT = 0.15;
+var OPACITY_MEDIUM = 1;
+var OPACITY_BORDER = 0.3;
+var PLACEHOLDER_COLOR = "#9ca3af";
+var NEUTRAL_GRAY2 = "#64748b";
+var BASE_COLORS = {
+  "0": "#10b981",
+  "1": "#3b82f6",
+  "2": "#8b5cf6",
+  "3": "#f43f5e",
+  "4": "#f59e0b",
+  "5": "#84cc16",
+  "6": "#a855f7",
+  "7": "#06b6d4",
+  "8": "#f97316",
+  "9": "#14b8a6",
+  a: "#ef4444",
+  b: "#6366f1",
+  c: "#ec4899",
+  d: "#22c55e",
+  e: "#eab308",
+  f: "#0ea5e9"
+};
+function hexToRgba(hex, opacity) {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+function getEntityColor(entityId, variant = "medium") {
+  const baseColor = BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
+  switch (variant) {
+    case "light":
+      return hexToRgba(baseColor, OPACITY_LIGHT);
+    case "medium":
+      return hexToRgba(baseColor, OPACITY_MEDIUM);
+    case "text":
+      return baseColor;
+  }
+}
+function getEntityColorStyles(entityId) {
+  const baseColor = BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
+  return {
+    backgroundColor: getEntityColor(entityId, "light"),
+    color: baseColor,
+    borderColor: hexToRgba(baseColor, OPACITY_BORDER)
+  };
+}
+var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
+  const shouldUseWorkspaceColors = useWorkspaceColors !== void 0 ? useWorkspaceColors : true;
+  if (!shouldUseWorkspaceColors) return "hsl(var(--primary))";
+  const isValidId = workspaceId && workspaceId.startsWith("wrk-") && workspaceId.length >= 5;
+  if (!isValidId) return "hsl(var(--primary))";
+  return getEntityColor(workspaceId, "medium");
+};
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -1448,77 +1511,57 @@ function getTagTypeLabel(type) {
   const t = type ?? "text";
   return TAG_TYPE_LABELS[t] || t;
 }
-var BASE_COLORS = {
-  "0": "#10b981",
-  "1": "#3b82f6",
-  "2": "#8b5cf6",
-  "3": "#f43f5e",
-  "4": "#f59e0b",
-  "5": "#84cc16",
-  "6": "#a855f7",
-  "7": "#06b6d4",
-  "8": "#f97316",
-  "9": "#14b8a6",
-  a: "#ef4444",
-  b: "#6366f1",
-  c: "#ec4899",
-  d: "#22c55e",
-  e: "#eab308",
-  f: "#0ea5e9"
-};
-function getEntityColor(entityId) {
-  return BASE_COLORS[entityId[4]] || BASE_COLORS["0"];
-}
 function TagEntity({
   tag,
   size = "md",
+  checked = true,
+  onCheckedChange,
   className = "",
+  wrap = false,
   onClick,
   showTooltip = true,
   tooltipContent
 }) {
   const tagType = tag.tag_type?.type ?? "text";
   const iconSize = size === "sm" ? 12 : size === "md" ? 14 : 16;
-  const Icon2 = getTagTypeIcon(tagType);
-  const sizeClasses2 = {
-    sm: "p-0.5",
-    md: "p-1",
-    lg: "p-1.5"
-  };
-  const tagColor = tag.color ?? getEntityColor(tag.external_id);
-  const iconElement = /* @__PURE__ */ jsxRuntime.jsx(
+  const tagColor = tag.color ?? getEntityColor(tag.external_id, "medium");
+  const iconElement = onCheckedChange ? /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-label": tag.name,
+      checked,
+      onClick: (e) => e.stopPropagation(),
+      onChange: (e) => onCheckedChange(e.target.checked),
+      className: "shrink-0 cursor-pointer",
+      style: { accentColor: tagColor, width: iconSize, height: iconSize }
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
-      style: { backgroundColor: tagColor },
-      children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: iconSize, className: "flex-shrink-0" })
+      className: "flex shrink-0 items-center justify-center rounded-sm border",
+      style: {
+        width: iconSize,
+        height: iconSize,
+        borderColor: tagColor,
+        backgroundColor: checked ? tagColor : void 0
+      },
+      "aria-hidden": "true",
+      children: checked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: iconSize - 2, color: "#ffffff", strokeWidth: 3 })
     }
   );
   const pillSize = size === "lg" ? "base" : "sm";
-  const defaultTooltip = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+  const defaultTooltip = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "inline-flex items-center justify-center rounded-md text-white p-1",
-          style: { backgroundColor: tagColor },
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", children: tag.name })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: getTagTypeLabel(tagType) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: getTagTypeLabel(tagType) })
-      ] }),
-      tag.doctag_count != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
-      ] }),
-      tag.shared != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
-    ] })
-  ] });
+    tag.doctag_count != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
+    ] }),
+    tag.shared != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
+  ] }) });
   const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     EntityPill,
@@ -1526,11 +1569,13 @@ function TagEntity({
       icon: iconElement,
       label: tag.name,
       size: pillSize,
-      shape: "rounded",
-      labelMaxWidth: "max-w-[180px]",
-      tooltipContent: resolvedTooltip,
-      onClick,
-      className,
+      shape: "pill",
+      style: { borderColor: tagColor },
+      labelMaxWidth: wrap ? "max-w-full" : "max-w-[180px]",
+      labelClassName: wrap ? "whitespace-normal! line-clamp-3 break-words text-left" : void 0,
+      tooltipContent: onCheckedChange ? void 0 : resolvedTooltip,
+      onClick: onCheckedChange ? void 0 : onClick,
+      className: `max-w-full px-2! py-0.5! ${className}`,
       "data-testid": `tag-entity-${tag.external_id}`
     }
   );
@@ -3044,63 +3089,6 @@ function RagDot({
     withLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: RAG_LABELS[rag] })
   ] });
 }
-
-// src/entities/colors.ts
-var OPACITY_LIGHT = 0.15;
-var OPACITY_MEDIUM = 1;
-var OPACITY_BORDER = 0.3;
-var PLACEHOLDER_COLOR = "#9ca3af";
-var NEUTRAL_GRAY2 = "#64748b";
-var BASE_COLORS2 = {
-  "0": "#10b981",
-  "1": "#3b82f6",
-  "2": "#8b5cf6",
-  "3": "#f43f5e",
-  "4": "#f59e0b",
-  "5": "#84cc16",
-  "6": "#a855f7",
-  "7": "#06b6d4",
-  "8": "#f97316",
-  "9": "#14b8a6",
-  a: "#ef4444",
-  b: "#6366f1",
-  c: "#ec4899",
-  d: "#22c55e",
-  e: "#eab308",
-  f: "#0ea5e9"
-};
-function hexToRgba(hex, opacity) {
-  const r = parseInt(hex.slice(1, 3), 16);
-  const g = parseInt(hex.slice(3, 5), 16);
-  const b = parseInt(hex.slice(5, 7), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-function getEntityColor2(entityId, variant = "medium") {
-  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
-  switch (variant) {
-    case "light":
-      return hexToRgba(baseColor, OPACITY_LIGHT);
-    case "medium":
-      return hexToRgba(baseColor, OPACITY_MEDIUM);
-    case "text":
-      return baseColor;
-  }
-}
-function getEntityColorStyles(entityId) {
-  const baseColor = BASE_COLORS2[entityId[4]] || BASE_COLORS2["0"];
-  return {
-    backgroundColor: getEntityColor2(entityId, "light"),
-    color: baseColor,
-    borderColor: hexToRgba(baseColor, OPACITY_BORDER)
-  };
-}
-var getWorkspaceColor = (workspaceId, useWorkspaceColors) => {
-  const shouldUseWorkspaceColors = useWorkspaceColors !== void 0 ? useWorkspaceColors : true;
-  if (!shouldUseWorkspaceColors) return "hsl(var(--primary))";
-  const isValidId = workspaceId && workspaceId.startsWith("wrk-") && workspaceId.length >= 5;
-  if (!isValidId) return "hsl(var(--primary))";
-  return getEntityColor2(workspaceId, "medium");
-};
 var ShieldIcon = ({
   char,
   size = 24,
@@ -5253,7 +5241,7 @@ exports.AiMarkdown = AiMarkdown;
 exports.ArbiBotHeadIcon = ArbiBotHeadIcon;
 exports.ArbiIcon = ArbiIcon;
 exports.AudIcon = AudIcon;
-exports.BASE_COLORS = BASE_COLORS2;
+exports.BASE_COLORS = BASE_COLORS;
 exports.Badge = Badge;
 exports.COLUMN_LABEL_FALLBACKS = COLUMN_LABEL_FALLBACKS;
 exports.Card = Card;
@@ -5393,7 +5381,7 @@ exports.getDocumentDate = getDocumentDate;
 exports.getDocumentNature = getDocumentNature;
 exports.getDocumentSubject = getDocumentSubject;
 exports.getDocumentTitle = getDocumentTitle;
-exports.getEntityColor = getEntityColor2;
+exports.getEntityColor = getEntityColor;
 exports.getEntityColorStyles = getEntityColorStyles;
 exports.getEntityIcon = getEntityIcon;
 exports.getEntityLabel = getEntityLabel;
@@ -5420,5 +5408,5 @@ exports.toggleVariants = toggleVariants;
 exports.useAudioRecorder = useAudioRecorder;
 exports.useDictateContext = useDictateContext;
 exports.usesOriginalBytesForViewer = usesOriginalBytesForViewer;
-//# sourceMappingURL=chunk-3BFSALPC.cjs.map
-//# sourceMappingURL=chunk-3BFSALPC.cjs.map
+//# sourceMappingURL=chunk-IHKQPOPK.cjs.map
+//# sourceMappingURL=chunk-IHKQPOPK.cjs.map