@arbidocs/react 0.5.75 → 0.5.76

package/dist/{chunk-3NBPMR3X.js → chunk-LBAGMNGG.js}

@@ -328,6 +328,7 @@ var EntityPill = forwardRef(function EntityPill2({
   size = "sm",
   shape = "rounded",
   className,
+  style,
   labelMaxWidth = "max-w-[320px]",
   labelClassName,
   fullWidth = false,
@@ -467,6 +468,7 @@ var EntityPill = forwardRef(function EntityPill2({
           (onClick || href) && !disabled && "cursor-pointer hover:bg-muted",
           highlight && highlightClasses
         ),
+        style,
         "data-testid": testId,
         children: [
           mainArea,
@@ -492,7 +494,7 @@ var EntityPill = forwardRef(function EntityPill2({
         tooltipContent,
         tooltipSide,
         cn(baseClasses, interactiveClasses),
-        { "data-testid": testId }
+        { "data-testid": testId, style }
       );
     }
     return tooltipWrap(
@@ -510,7 +512,8 @@ var EntityPill = forwardRef(function EntityPill2({
         ref,
         onClick: onClick && !disabled ? onClick : void 0,
         disabled: disabled || void 0,
-        "data-testid": testId
+        "data-testid": testId,
+        style
       }
     );
   }
@@ -523,6 +526,7 @@ var EntityPill = forwardRef(function EntityPill2({
         target: "_blank",
         rel: "noopener noreferrer",
         className: cn(baseClasses, interactiveClasses),
+        style,
         "data-testid": testId,
         onClick,
         children: mainContent
@@ -542,6 +546,7 @@ var EntityPill = forwardRef(function EntityPill2({
           disabled ? disabledClasses : interactiveClasses,
           highlight && highlightClasses
         ),
+        style,
         "data-testid": testId,
         children: mainContent
       }
@@ -552,6 +557,7 @@ var EntityPill = forwardRef(function EntityPill2({
     {
       ref,
       className: cn(baseClasses, highlight && highlightClasses),
+      style,
       "data-testid": testId,
       children: mainContent
     }
@@ -1367,6 +1373,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 = 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",
   {
@@ -1414,77 +1477,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__ */ jsx(
+  const tagColor = tag.color ?? getEntityColor(tag.external_id, "medium");
+  const iconElement = onCheckedChange ? /* @__PURE__ */ 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__ */ jsx(
     "span",
     {
-      className: `inline-flex items-center justify-center rounded-md text-white flex-shrink-0 ${sizeClasses2[size]}`,
-      style: { backgroundColor: tagColor },
-      children: /* @__PURE__ */ 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__ */ jsx(Check, { size: iconSize - 2, color: "#ffffff", strokeWidth: 3 })
     }
   );
   const pillSize = size === "lg" ? "base" : "sm";
-  const defaultTooltip = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+  const defaultTooltip = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "inline-flex items-center justify-center rounded-md text-white p-1",
-          style: { backgroundColor: tagColor },
-          children: /* @__PURE__ */ jsx(Icon2, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: tag.name })
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+      /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tagType) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
-        /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tagType) })
-      ] }),
-      tag.doctag_count != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
-        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
-      ] }),
-      tag.shared != null && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
-    ] })
-  ] });
+    tag.doctag_count != null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: tag.doctag_count ?? 0 })
+    ] }),
+    tag.shared != null && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: tag.shared ? "Shared" : "Private" }) })
+  ] }) });
   const resolvedTooltip = showTooltip ? tooltipContent ?? defaultTooltip : void 0;
   return /* @__PURE__ */ jsx(
     EntityPill,
@@ -1492,11 +1535,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}`
     }
   );
@@ -3010,63 +3055,6 @@ function RagDot({
     withLabel && /* @__PURE__ */ 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,
@@ -5212,6 +5200,6 @@ function UserMenu({
   ] });
 }
 
-export { ARBI_MARK_SRC, AUDIO_MIME_PREFERENCE, AgentBadge, AiMarkdown, ArbiBotHeadIcon, ArbiIcon, AudIcon, BASE_COLORS2 as BASE_COLORS, Badge, COLUMN_LABEL_FALLBACKS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ClaudeIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_METADATA_TAGS, DebouncedInput, DocIcon, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FireworksIcon, GeminiIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, HtmlIcon, IconToggle, ImgIcon, InlineMicButton, Input, Label2 as Label, MarkMenu, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, OpenAIIcon, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, ProviderIcon, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShieldIcon, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TxtIcon, UserEntity, UserMenu, VIDEO_MIME_PREFERENCE, VISIBILITY_ICONS, VerifiedBadge, VerifiedToggle, VidIcon, VisibilityIcon, VisibilityToggle, XlsIcon, agentAvatarColors, badgeVariants, buildFolderTree, canonicalFolderPath, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, createChunkedRecorder, entityNoun, extensionFromMime, formatCompactLastSeen, formatDocDate, formatElapsed, formatFolderLabel, formatFriendlyDate, friendlyFileType, getDocIcon, getDocumentAuthor, getDocumentDate, getDocumentNature, getDocumentSubject, getDocumentTitle, getEntityColor2 as getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getFileExtension, getFileTypeIcon, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, isAudioFile, isDocumentAddableToConversation, isDownloadOnlyFile, isImageDocument, isImageFile, isMediaFile, isVideoFile, markdownToPlainText, markdownToPlainTextBlocks, pickRecorderMimeType, returnFocusToMark, tagKindNouns, tagKindTitle, toggleVariants, useAudioRecorder, useDictateContext, usesOriginalBytesForViewer };
-//# sourceMappingURL=chunk-3NBPMR3X.js.map
-//# sourceMappingURL=chunk-3NBPMR3X.js.map
+export { ARBI_MARK_SRC, AUDIO_MIME_PREFERENCE, AgentBadge, AiMarkdown, ArbiBotHeadIcon, ArbiIcon, AudIcon, BASE_COLORS, Badge, COLUMN_LABEL_FALLBACKS, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ClaudeIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_METADATA_TAGS, DebouncedInput, DocIcon, DocumentCard, DocumentEntity, ENTITY_MAPPINGS, EmlIcon, EntityIcon, EntityPill, FILE_TYPE_COLORS, FireworksIcon, GeminiIcon, GoogleIcon, HoverCard, HoverCardContent, HoverCardTrigger, HtmlIcon, IconToggle, ImgIcon, InlineMicButton, Input, Label2 as Label, MarkMenu, MicRecordingOverlay, MicWaveformIndicator, NEUTRAL_GRAY2 as NEUTRAL_GRAY, OpenAIIcon, PLACEHOLDER_COLOR, PassageCard, PdfIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PresenceLabel, Progress, ProjectEntity, ProviderIcon, RadioGroup, RadioGroupItem, RagDot, RelevanceDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, ShieldIcon, Slider, StatusPill, Switch, TAG_TYPE_ICONS, TAG_TYPE_LABELS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagEntity, Textarea, ThreadVisibilityIcon, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TxtIcon, UserEntity, UserMenu, VIDEO_MIME_PREFERENCE, VISIBILITY_ICONS, VerifiedBadge, VerifiedToggle, VidIcon, VisibilityIcon, VisibilityToggle, XlsIcon, agentAvatarColors, badgeVariants, buildFolderTree, canonicalFolderPath, cardVariants, classifyMediaError, configureEntityRegistry, configureRagLabels, configureStatusRegistry, createChunkedRecorder, entityNoun, extensionFromMime, formatCompactLastSeen, formatDocDate, formatElapsed, formatFolderLabel, formatFriendlyDate, friendlyFileType, getDocIcon, getDocumentAuthor, getDocumentDate, getDocumentNature, getDocumentSubject, getDocumentTitle, getEntityColor, getEntityColorStyles, getEntityIcon, getEntityLabel, getFileExtension, getFileTypeIcon, getStatusVariant, getTagTypeIcon, getTagTypeLabel, getWorkspaceColor, isAudioFile, isDocumentAddableToConversation, isDownloadOnlyFile, isImageDocument, isImageFile, isMediaFile, isVideoFile, markdownToPlainText, markdownToPlainTextBlocks, pickRecorderMimeType, returnFocusToMark, tagKindNouns, tagKindTitle, toggleVariants, useAudioRecorder, useDictateContext, usesOriginalBytesForViewer };
+//# sourceMappingURL=chunk-LBAGMNGG.js.map
+//# sourceMappingURL=chunk-LBAGMNGG.js.map