@arbidocs/react 0.5.110 → 0.5.112

package/dist/documents/useUploadFromUrls.js

@@ -0,0 +1,63 @@
+import { useCallback } from "react";
+import { useArbi } from "../useArbi.js";
+import { useUploadUrls } from "./documents-writes.js";
+import { useDocumentsSupport } from "./support.js";
+import { extractZipFile, UPLOAD_MAX_FILE_SIZE } from "./upload-files.js";
+function isZipUrl(url) {
+  try {
+    return new URL(url).pathname.toLowerCase().endsWith(".zip");
+  } catch {
+    return url.toLowerCase().endsWith(".zip");
+  }
+}
+function useUploadFromUrls() {
+  const arbi = useArbi();
+  const { mutateAsync: uploadUrls } = useUploadUrls();
+  const { extractZip = extractZipFile } = useDocumentsSupport();
+  return useCallback(
+    async ({
+      urls,
+      shared,
+      configExtId,
+      workspaceId: named
+    }) => {
+      const workspaceId = named ?? arbi.getWorkspaceId();
+      const zipUrls = urls.filter(isZipUrl);
+      const others = urls.filter((url) => !isZipUrl(url));
+      const zipFiles = [];
+      const oversizedInZips = [];
+      const failedZipUrls = [];
+      await Promise.all(
+        zipUrls.map(async (url) => {
+          try {
+            const response = await fetch(url);
+            if (!response.ok) throw new Error(`HTTP ${response.status}`);
+            const name = decodeURIComponent(new URL(url).pathname.split("/").pop() || "") || "archive.zip";
+            const zip = new File([await response.blob()], name, { type: "application/zip" });
+            const { extractedFiles, skippedLargeFiles } = await extractZip(
+              zip,
+              UPLOAD_MAX_FILE_SIZE
+            );
+            zipFiles.push(...extractedFiles);
+            oversizedInZips.push(...skippedLargeFiles);
+          } catch {
+            failedZipUrls.push(url);
+          }
+        })
+      );
+      const result = others.length ? await uploadUrls({ urls: others, shared, configExtId, workspaceId }) : {};
+      return {
+        docIds: result.doc_ext_ids ?? [],
+        skipped: result.skipped ?? [],
+        zipFiles,
+        oversizedInZips,
+        failedZipUrls
+      };
+    },
+    [arbi, uploadUrls, extractZip]
+  );
+}
+export {
+  useUploadFromUrls
+};
+//# sourceMappingURL=useUploadFromUrls.js.map

package/dist/documents/useUploadFromUrls.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/documents/useUploadFromUrls.ts"],
+  "sourcesContent": ["/**\n * Add documents from web addresses to a workspace (default: the one open when it is called, named on\n * the request so a switch while a zip archive is fetched cannot move them). A zip archive's address is fetched here\n * and opened into its files, handed back to be uploaded like chosen files (the server cannot open\n * one); every other address is fetched by the server.\n */\n\nimport { useCallback } from 'react'\nimport { useArbi } from '../useArbi'\nimport { useUploadUrls } from './documents-writes'\nimport { useDocumentsSupport } from './support'\nimport { extractZipFile, UPLOAD_MAX_FILE_SIZE } from './upload-files'\n\nexport interface UploadFromUrlsInput {\n  urls: string[]\n  shared: boolean\n  configExtId?: string | null\n  /** The workspace the documents go to. Default: the one open when this is called. */\n  workspaceId?: string | null\n}\n\nexport interface UploadFromUrlsResult {\n  /** The documents the server made. */\n  docIds: string[]\n  /** Addresses the server did not take, and why. */\n  skipped: { file_name: string; reason: string }[]\n  /** The files of the zip archives, to upload like chosen files. */\n  zipFiles: File[]\n  /** Files inside the archives too large to take. */\n  oversizedInZips: string[]\n  /** Archive addresses that could not be fetched or opened. */\n  failedZipUrls: string[]\n}\n\nfunction isZipUrl(url: string): boolean {\n  try {\n    return new URL(url).pathname.toLowerCase().endsWith('.zip')\n  } catch {\n    return url.toLowerCase().endsWith('.zip')\n  }\n}\n\nexport function useUploadFromUrls() {\n  const arbi = useArbi()\n  const { mutateAsync: uploadUrls } = useUploadUrls()\n  const { extractZip = extractZipFile } = useDocumentsSupport()\n  return useCallback(\n    async ({\n      urls,\n      shared,\n      configExtId,\n      workspaceId: named,\n    }: UploadFromUrlsInput): Promise<UploadFromUrlsResult> => {\n      const workspaceId = named ?? arbi.getWorkspaceId()\n      const zipUrls = urls.filter(isZipUrl)\n      const others = urls.filter((url) => !isZipUrl(url))\n      const zipFiles: File[] = []\n      const oversizedInZips: string[] = []\n      const failedZipUrls: string[] = []\n      await Promise.all(\n        zipUrls.map(async (url) => {\n          try {\n            const response = await fetch(url)\n            if (!response.ok) throw new Error(`HTTP ${response.status}`)\n            const name =\n              decodeURIComponent(new URL(url).pathname.split('/').pop() || '') || 'archive.zip'\n            const zip = new File([await response.blob()], name, { type: 'application/zip' })\n            const { extractedFiles, skippedLargeFiles } = await extractZip(\n              zip,\n              UPLOAD_MAX_FILE_SIZE\n            )\n            zipFiles.push(...extractedFiles)\n            oversizedInZips.push(...skippedLargeFiles)\n          } catch {\n            failedZipUrls.push(url)\n          }\n        })\n      )\n      const result = others.length\n        ? ((await uploadUrls({ urls: others, shared, configExtId, workspaceId })) as {\n            doc_ext_ids?: string[]\n            skipped?: { file_name: string; reason: string }[]\n          })\n        : {}\n      return {\n        docIds: result.doc_ext_ids ?? [],\n        skipped: result.skipped ?? [],\n        zipFiles,\n        oversizedInZips,\n        failedZipUrls,\n      }\n    },\n    [arbi, uploadUrls, extractZip]\n  )\n}\n"],
+  "mappings": "AAOA,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,4BAA4B;AAuBrD,SAAS,SAAS,KAAsB;AACtC,MAAI;AACF,WAAO,IAAI,IAAI,GAAG,EAAE,SAAS,YAAY,EAAE,SAAS,MAAM;AAAA,EAC5D,QAAQ;AACN,WAAO,IAAI,YAAY,EAAE,SAAS,MAAM;AAAA,EAC1C;AACF;AAEO,SAAS,oBAAoB;AAClC,QAAM,OAAO,QAAQ;AACrB,QAAM,EAAE,aAAa,WAAW,IAAI,cAAc;AAClD,QAAM,EAAE,aAAa,eAAe,IAAI,oBAAoB;AAC5D,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,IACf,MAA0D;AACxD,YAAM,cAAc,SAAS,KAAK,eAAe;AACjD,YAAM,UAAU,KAAK,OAAO,QAAQ;AACpC,YAAM,SAAS,KAAK,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,CAAC;AAClD,YAAM,WAAmB,CAAC;AAC1B,YAAM,kBAA4B,CAAC;AACnC,YAAM,gBAA0B,CAAC;AACjC,YAAM,QAAQ;AAAA,QACZ,QAAQ,IAAI,OAAO,QAAQ;AACzB,cAAI;AACF,kBAAM,WAAW,MAAM,MAAM,GAAG;AAChC,gBAAI,CAAC,SAAS,GAAI,OAAM,IAAI,MAAM,QAAQ,SAAS,MAAM,EAAE;AAC3D,kBAAM,OACJ,mBAAmB,IAAI,IAAI,GAAG,EAAE,SAAS,MAAM,GAAG,EAAE,IAAI,KAAK,EAAE,KAAK;AACtE,kBAAM,MAAM,IAAI,KAAK,CAAC,MAAM,SAAS,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/E,kBAAM,EAAE,gBAAgB,kBAAkB,IAAI,MAAM;AAAA,cAClD;AAAA,cACA;AAAA,YACF;AACA,qBAAS,KAAK,GAAG,cAAc;AAC/B,4BAAgB,KAAK,GAAG,iBAAiB;AAAA,UAC3C,QAAQ;AACN,0BAAc,KAAK,GAAG;AAAA,UACxB;AAAA,QACF,CAAC;AAAA,MACH;AACA,YAAM,SAAS,OAAO,SAChB,MAAM,WAAW,EAAE,MAAM,QAAQ,QAAQ,aAAa,YAAY,CAAC,IAIrE,CAAC;AACL,aAAO;AAAA,QACL,QAAQ,OAAO,eAAe,CAAC;AAAA,QAC/B,SAAS,OAAO,WAAW,CAAC;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,YAAY,UAAU;AAAA,EAC/B;AACF;",
+  "names": []
+}

package/dist/documents/useVideoRecorder.js

@@ -0,0 +1,62 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+const ELAPSED_TICK_MS = 200;
+function useVideoRecorder(stream) {
+  const [state, setState] = useState("idle");
+  const [elapsedMs, setElapsedMs] = useState(0);
+  const [blob, setBlob] = useState(null);
+  const [mimeType, setMimeType] = useState(null);
+  const mediaRecorderRef = useRef(null);
+  const chunksRef = useRef([]);
+  const startedAtRef = useRef(0);
+  const tickRef = useRef(null);
+  const stateRef = useRef("idle");
+  stateRef.current = state;
+  const stopTicking = useCallback(() => {
+    if (tickRef.current !== null) clearInterval(tickRef.current);
+    tickRef.current = null;
+  }, []);
+  useEffect(() => stopTicking, [stopTicking]);
+  const start = useCallback(() => {
+    if (!stream || stateRef.current === "recording") return;
+    const mt = MediaRecorder.isTypeSupported("video/webm") ? "video/webm" : "video/mp4";
+    const recorder = new MediaRecorder(stream, { mimeType: mt });
+    chunksRef.current = [];
+    recorder.ondataavailable = (e) => {
+      if (e.data.size > 0) chunksRef.current.push(e.data);
+    };
+    mediaRecorderRef.current = recorder;
+    setMimeType(mt);
+    setBlob(null);
+    startedAtRef.current = performance.now();
+    setElapsedMs(0);
+    recorder.start();
+    setState("recording");
+    tickRef.current = setInterval(() => {
+      setElapsedMs(performance.now() - startedAtRef.current);
+    }, ELAPSED_TICK_MS);
+  }, [stream]);
+  const stop = useCallback(() => {
+    const recorder = mediaRecorderRef.current;
+    if (!recorder || recorder.state === "inactive") return;
+    const finalElapsed = performance.now() - startedAtRef.current;
+    stopTicking();
+    recorder.onstop = () => {
+      const finalBlob = chunksRef.current.length ? new Blob(chunksRef.current, { type: recorder.mimeType }) : null;
+      setBlob(finalBlob);
+      setElapsedMs(finalElapsed);
+      setState("stopped");
+    };
+    recorder.stop();
+  }, [stopTicking]);
+  const reset = useCallback(() => {
+    setState("idle");
+    setBlob(null);
+    setElapsedMs(0);
+    setMimeType(null);
+  }, []);
+  return { state, elapsedMs, blob, mimeType, start, stop, reset };
+}
+export {
+  useVideoRecorder
+};
+//# sourceMappingURL=useVideoRecorder.js.map

package/dist/documents/useVideoRecorder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/documents/useVideoRecorder.ts"],
+  "sourcesContent": ["/**\n * useVideoRecorder\n *\n * MediaRecorder lifecycle for video capture, layered on top of an\n * already-live camera `MediaStream` (see useCameraStream \u2014 this hook does\n * NOT call getUserMedia itself, so the same stream stays open across a\n * stop()/reset() \"record again\" without re-prompting for permission).\n *\n * Deliberately simpler than useAudioRecorder: no pause/resume (tap-to-start,\n * tap-to-stop is the whole interaction \u2014 see VideoCapture) and no\n * level meter (there's a live video preview instead; a bar-graph loudness\n * meter would be redundant chrome on top of it).\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type VideoRecorderState = 'idle' | 'recording' | 'stopped'\n\nexport interface UseVideoRecorderResult {\n  state: VideoRecorderState\n  /** Recorded duration so far (ms). Frozen at its final value once stopped. */\n  elapsedMs: number\n  /** The finished recording. Only set once state === 'stopped'. */\n  blob: Blob | null\n  /** The MediaRecorder MIME type used (e.g. 'video/webm'). */\n  mimeType: string | null\n  start: () => void\n  stop: () => void\n  /** Back to idle: clears blob/elapsedMs, ready to record again on the same stream. */\n  reset: () => void\n}\n\nconst ELAPSED_TICK_MS = 200\n\n/** @param stream The live camera stream to record \u2014 null while the camera\n *    hasn't started yet; start() is a no-op until it's set. */\nexport function useVideoRecorder(stream: MediaStream | null): UseVideoRecorderResult {\n  const [state, setState] = useState<VideoRecorderState>('idle')\n  const [elapsedMs, setElapsedMs] = useState(0)\n  const [blob, setBlob] = useState<Blob | null>(null)\n  const [mimeType, setMimeType] = useState<string | null>(null)\n\n  const mediaRecorderRef = useRef<MediaRecorder | null>(null)\n  const chunksRef = useRef<Blob[]>([])\n  const startedAtRef = useRef(0)\n  const tickRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const stateRef = useRef<VideoRecorderState>('idle')\n  stateRef.current = state\n\n  const stopTicking = useCallback(() => {\n    if (tickRef.current !== null) clearInterval(tickRef.current)\n    tickRef.current = null\n  }, [])\n\n  useEffect(() => stopTicking, [stopTicking])\n\n  const start = useCallback(() => {\n    if (!stream || stateRef.current === 'recording') return\n    const mt = MediaRecorder.isTypeSupported('video/webm') ? 'video/webm' : 'video/mp4'\n    const recorder = new MediaRecorder(stream, { mimeType: mt })\n    chunksRef.current = []\n    recorder.ondataavailable = (e) => {\n      if (e.data.size > 0) chunksRef.current.push(e.data)\n    }\n    mediaRecorderRef.current = recorder\n    setMimeType(mt)\n    setBlob(null)\n    startedAtRef.current = performance.now()\n    setElapsedMs(0)\n    recorder.start()\n    setState('recording')\n    tickRef.current = setInterval(() => {\n      setElapsedMs(performance.now() - startedAtRef.current)\n    }, ELAPSED_TICK_MS)\n  }, [stream])\n\n  const stop = useCallback(() => {\n    const recorder = mediaRecorderRef.current\n    if (!recorder || recorder.state === 'inactive') return\n    const finalElapsed = performance.now() - startedAtRef.current\n    stopTicking()\n    recorder.onstop = () => {\n      const finalBlob = chunksRef.current.length\n        ? new Blob(chunksRef.current, { type: recorder.mimeType })\n        : null\n      setBlob(finalBlob)\n      setElapsedMs(finalElapsed)\n      setState('stopped')\n    }\n    recorder.stop()\n  }, [stopTicking])\n\n  const reset = useCallback(() => {\n    setState('idle')\n    setBlob(null)\n    setElapsedMs(0)\n    setMimeType(null)\n  }, [])\n\n  return { state, elapsedMs, blob, mimeType, start, stop, reset }\n}\n"],
+  "mappings": "AAcA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAkBzD,MAAM,kBAAkB;AAIjB,SAAS,iBAAiB,QAAoD;AACnF,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,MAAM;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,IAAI;AAE5D,QAAM,mBAAmB,OAA6B,IAAI;AAC1D,QAAM,YAAY,OAAe,CAAC,CAAC;AACnC,QAAM,eAAe,OAAO,CAAC;AAC7B,QAAM,UAAU,OAA8C,IAAI;AAClE,QAAM,WAAW,OAA2B,MAAM;AAClD,WAAS,UAAU;AAEnB,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI,QAAQ,YAAY,KAAM,eAAc,QAAQ,OAAO;AAC3D,YAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM,aAAa,CAAC,WAAW,CAAC;AAE1C,QAAM,QAAQ,YAAY,MAAM;AAC9B,QAAI,CAAC,UAAU,SAAS,YAAY,YAAa;AACjD,UAAM,KAAK,cAAc,gBAAgB,YAAY,IAAI,eAAe;AACxE,UAAM,WAAW,IAAI,cAAc,QAAQ,EAAE,UAAU,GAAG,CAAC;AAC3D,cAAU,UAAU,CAAC;AACrB,aAAS,kBAAkB,CAAC,MAAM;AAChC,UAAI,EAAE,KAAK,OAAO,EAAG,WAAU,QAAQ,KAAK,EAAE,IAAI;AAAA,IACpD;AACA,qBAAiB,UAAU;AAC3B,gBAAY,EAAE;AACd,YAAQ,IAAI;AACZ,iBAAa,UAAU,YAAY,IAAI;AACvC,iBAAa,CAAC;AACd,aAAS,MAAM;AACf,aAAS,WAAW;AACpB,YAAQ,UAAU,YAAY,MAAM;AAClC,mBAAa,YAAY,IAAI,IAAI,aAAa,OAAO;AAAA,IACvD,GAAG,eAAe;AAAA,EACpB,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,OAAO,YAAY,MAAM;AAC7B,UAAM,WAAW,iBAAiB;AAClC,QAAI,CAAC,YAAY,SAAS,UAAU,WAAY;AAChD,UAAM,eAAe,YAAY,IAAI,IAAI,aAAa;AACtD,gBAAY;AACZ,aAAS,SAAS,MAAM;AACtB,YAAM,YAAY,UAAU,QAAQ,SAChC,IAAI,KAAK,UAAU,SAAS,EAAE,MAAM,SAAS,SAAS,CAAC,IACvD;AACJ,cAAQ,SAAS;AACjB,mBAAa,YAAY;AACzB,eAAS,SAAS;AAAA,IACpB;AACA,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQ,YAAY,MAAM;AAC9B,aAAS,MAAM;AACf,YAAQ,IAAI;AACZ,iBAAa,CAAC;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,OAAO,WAAW,MAAM,UAAU,OAAO,MAAM,MAAM;AAChE;",
+  "names": []
+}

package/dist/entities/AgentMarkers.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArbiBotHeadIcon } from "../icons/ArbiBotHeadIcon.js";
+import { cn } from "../lib/utils.js";
+function AgentBadge({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "agent-badge",
+      className: cn(
+        "inline-flex shrink-0 items-center gap-1 rounded-full border border-ai-accent/50",
+        "bg-ai-accent-soft px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-ai-accent",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(ArbiBotHeadIcon, { size: 14, className: "text-ai-accent" }),
+        "Agent"
+      ]
+    }
+  );
+}
+const PRESENCE_WORDS = {
+  connected: "Online",
+  connecting: "Connecting",
+  disconnected: "Offline",
+  error: "Connection problem",
+  hidden: null
+};
+function PresenceLabel({
+  status,
+  className
+}) {
+  if (!status) return null;
+  const word = PRESENCE_WORDS[status];
+  if (!word) return null;
+  const online = status === "connected";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-testid": "presence-label",
+      className: cn("inline-flex shrink-0 items-center gap-1 text-xs", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "size-1.5 rounded-full",
+              online ? "bg-status-online" : "bg-muted-foreground/50"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: online ? "font-medium text-status-online" : "text-muted-foreground", children: word })
+      ]
+    }
+  );
+}
+export {
+  AgentBadge,
+  PresenceLabel
+};
+//# sourceMappingURL=AgentMarkers.js.map

package/dist/entities/AgentMarkers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/AgentMarkers.tsx"],
+  "sourcesContent": ["/**\n * The two things you need to know about a correspondent before you write to\n * them: whether it is an agent, and whether it is here.\n *\n * Both live beside {@link UserEntity} rather than in any one feature, because\n * an agent has to look like an agent wherever it appears \u2014 a conversation row,\n * a thread header, a members table. Splitting the mark per surface is how you\n * end up with three of them.\n */\n\nimport { ArbiBotHeadIcon } from '../icons/ArbiBotHeadIcon'\nimport { cn } from '../lib/utils'\nimport type { PresenceDisplayStatus } from './UserEntity'\n\n/**\n * \"AGENT\" stamp for an `agt-` peer.\n *\n * `UserEntity` already marks agents with a dashed ring and a bot icon, but that\n * is a detail you have to know to read. An agent is a different KIND of\n * correspondent \u2014 it acts on someone's behalf, and what you send it may be\n * acted on rather than read \u2014 so it also gets a label you cannot miss.\n */\nexport function AgentBadge({ className }: { className?: string }) {\n  return (\n    <span\n      data-testid=\"agent-badge\"\n      className={cn(\n        'inline-flex shrink-0 items-center gap-1 rounded-full border border-ai-accent/50',\n        'bg-ai-accent-soft px-2 py-0.5 text-xs font-bold uppercase tracking-wider text-ai-accent',\n        className\n      )}\n    >\n      <ArbiBotHeadIcon size={14} className=\"text-ai-accent\" />\n      Agent\n    </span>\n  )\n}\n\n/** Wording for each presence state \u2014 `hidden` deliberately says nothing. */\nconst PRESENCE_WORDS: Record<PresenceDisplayStatus, string | null> = {\n  connected: 'Online',\n  connecting: 'Connecting',\n  disconnected: 'Offline',\n  error: 'Connection problem',\n  hidden: null,\n}\n\n/**\n * Presence in words rather than a coloured dot alone.\n *\n * `status` is *resolved* by the app, exactly as {@link UserEntity} expects it,\n * and `undefined` renders nothing at all. That default matters: a consumer that\n * has not wired a WebSocket provider has no presence information, and labelling\n * every one of its contacts \"Offline\" would be stating something we do not\n * know. Whether absence of a signal means offline is a claim only the app can\n * make, so the app makes it by resolving to `disconnected`.\n */\nexport function PresenceLabel({\n  status,\n  className,\n}: {\n  status?: PresenceDisplayStatus\n  className?: string\n}) {\n  if (!status) return null\n  const word = PRESENCE_WORDS[status]\n  if (!word) return null\n\n  const online = status === 'connected'\n  return (\n    <span\n      data-testid=\"presence-label\"\n      className={cn('inline-flex shrink-0 items-center gap-1 text-xs', className)}\n    >\n      <span\n        className={cn(\n          'size-1.5 rounded-full',\n          online ? 'bg-status-online' : 'bg-muted-foreground/50'\n        )}\n        aria-hidden=\"true\"\n      />\n      <span className={online ? 'font-medium text-status-online' : 'text-muted-foreground'}>\n        {word}\n      </span>\n    </span>\n  )\n}\n"],
+  "mappings": "AAwBI,SAQE,KARF;AAdJ,SAAS,uBAAuB;AAChC,SAAS,UAAU;AAWZ,SAAS,WAAW,EAAE,UAAU,GAA2B;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,mBAAgB,MAAM,IAAI,WAAU,kBAAiB;AAAA,QAAE;AAAA;AAAA;AAAA,EAE1D;AAEJ;AAGA,MAAM,iBAA+D;AAAA,EACnE,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AACV;AAYO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,OAAO,eAAe,MAAM;AAClC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,SAAS,WAAW;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW,GAAG,mDAAmD,SAAS;AAAA,MAE1E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,SAAS,qBAAqB;AAAA,YAChC;AAAA,YACA,eAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,UAAK,WAAW,SAAS,mCAAmC,yBAC1D,gBACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/entities/DocumentEntity.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Eye, FolderOpen } from "lucide-react";
+import { EntityPill } from "./EntityPill.js";
+import { AudIcon } from "../icons/AudIcon.js";
+import { DocIcon } from "../icons/DocIcon.js";
+import { EmlIcon } from "../icons/EmlIcon.js";
+import { HtmlIcon } from "../icons/HtmlIcon.js";
+import { ImgIcon } from "../icons/ImgIcon.js";
+import { PdfIcon } from "../icons/PdfIcon.js";
+import { TxtIcon } from "../icons/TxtIcon.js";
+import { VidIcon } from "../icons/VidIcon.js";
+import { XlsIcon } from "../icons/XlsIcon.js";
+import { cn } from "../lib/utils.js";
+function getDocumentTitle(document, defaultValue = "") {
+  if (!document) return defaultValue;
+  return document.doc_metadata?.title || document.file_name || defaultValue;
+}
+const IMAGE_FILE_TYPES = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "bmp", "tiff", "webp"]);
+function isImageDocument(document) {
+  return !!document?.file_type && IMAGE_FILE_TYPES.has(document.file_type.toLowerCase());
+}
+const MAX_LABEL_CHARS = 30;
+function clampLabel(text) {
+  return text.length > MAX_LABEL_CHARS ? `${text.slice(0, MAX_LABEL_CHARS).trimEnd()}\u2026` : text;
+}
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp"]);
+const VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+const AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+const EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
+const DOCX_EXTENSIONS = /* @__PURE__ */ new Set(["doc", "docx", "odt", "rtf"]);
+const XLSX_EXTENSIONS = /* @__PURE__ */ new Set(["xls", "xlsx", "csv", "ods"]);
+const HTML_EXTENSIONS = /* @__PURE__ */ new Set(["html", "htm", "mhtml"]);
+const TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
+  "txt",
+  "text",
+  "md",
+  "markdown",
+  "log",
+  "json",
+  "xml",
+  "yaml",
+  "yml"
+]);
+function getDocIcon(fileName, iconSize = 14) {
+  const ext = fileName?.split(".").pop()?.toLowerCase();
+  if (ext && VIDEO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(VidIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && AUDIO_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(AudIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && IMAGE_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(ImgIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && EMAIL_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(EmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && DOCX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(DocIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && XLSX_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(XlsIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && HTML_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(HtmlIcon, { size: iconSize, className: "flex-shrink-0" });
+  if (ext && TEXT_EXTENSIONS.has(ext)) return /* @__PURE__ */ jsx(TxtIcon, { size: iconSize, className: "flex-shrink-0" });
+  return /* @__PURE__ */ jsx(PdfIcon, { size: iconSize, className: "flex-shrink-0" });
+}
+function DocumentEntity({
+  doc,
+  icon,
+  size = "sm",
+  labelMaxWidth,
+  labelClassName,
+  onClick,
+  onIconClick,
+  viewing,
+  iconBadge,
+  status,
+  actions,
+  tooltipContent,
+  className,
+  fullWidth,
+  noClamp,
+  "data-testid": testId
+}) {
+  const title = getDocumentTitle(doc);
+  const ext = doc.file_name?.split(".").pop()?.toLowerCase();
+  const iconSize = size === "md" ? 16 : 14;
+  const eyeSizeClass = size === "md" ? "h-4 w-4" : "h-3.5 w-3.5";
+  const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize);
+  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-[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 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: `break-all ${i < arr.length - 1 ? "text-muted-foreground/70" : ""}`, children: part })
+      ] }, i))
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "font-medium break-words", children: [
+      title,
+      ext ? `.${ext}` : ""
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    EntityPill,
+    {
+      icon: displayIcon,
+      size,
+      label: fullWidth || noClamp ? title : clampLabel(title),
+      labelMaxWidth: labelMaxWidth ?? "max-w-[140px]",
+      labelClassName,
+      secondaryText: status,
+      fullWidth,
+      onClick,
+      onIconClick,
+      moreContent: actions,
+      className,
+      highlight: viewing,
+      "data-testid": testId,
+      tooltipContent: tooltipContent ?? defaultTooltip
+    }
+  );
+}
+export {
+  DocumentEntity,
+  getDocIcon,
+  getDocumentTitle,
+  isImageDocument
+};
+//# sourceMappingURL=DocumentEntity.js.map

package/dist/entities/DocumentEntity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/entities/DocumentEntity.tsx"],
+  "sourcesContent": ["/**\n * DocumentEntity Component\n *\n * Displays a document as a compact entity pill with file-type icon and name.\n * Promoted from the ARBI app and DECOUPLED from the app store/API: it renders\n * purely from the `doc` prop and optional `onClick`/`onIconClick` callbacks.\n */\n\nimport React from 'react'\nimport { Eye, FolderOpen } from 'lucide-react'\nimport { EntityPill, type EntitySize } from './EntityPill'\nimport { AudIcon } from '../icons/AudIcon'\nimport { DocIcon } from '../icons/DocIcon'\nimport { EmlIcon } from '../icons/EmlIcon'\nimport { HtmlIcon } from '../icons/HtmlIcon'\nimport { ImgIcon } from '../icons/ImgIcon'\nimport { PdfIcon } from '../icons/PdfIcon'\nimport { TxtIcon } from '../icons/TxtIcon'\nimport { VidIcon } from '../icons/VidIcon'\nimport { XlsIcon } from '../icons/XlsIcon'\nimport { cn } from '../lib/utils'\n\n/** Minimal, decoupled document shape the pill needs. Structurally compatible\n *  with the SDK's `DocResponse` (from `useDocuments`), but no dependency on it \u2014\n *  a consumer can pass any object with these fields. */\nexport interface DocumentLike {\n  file_name?: string | null\n  folder?: string | null\n  doc_metadata?: { title?: string | null } | null\n}\n\n/** Title of a document: `doc_metadata.title`, falling back to `file_name`. */\nexport function getDocumentTitle(\n  document: DocumentLike | null | undefined,\n  defaultValue = ''\n): string {\n  if (!document) return defaultValue\n  return document.doc_metadata?.title || document.file_name || defaultValue\n}\n\nconst IMAGE_FILE_TYPES = new Set(['png', 'jpg', 'jpeg', 'gif', 'bmp', 'tiff', 'webp'])\n\n/**\n * Whether a document is an image (upload or AI-generated): pages and tokens are text-document\n * concepts, never meaningful for an image, whatever the stored value.\n */\nexport function isImageDocument(\n  document: { file_type?: string | null } | null | undefined\n): boolean {\n  return !!document?.file_type && IMAGE_FILE_TYPES.has(document.file_type.toLowerCase())\n}\n\n/** Hard cap on the pill's visible label. The full name still shows in the hover\n *  tooltip; the pill stays compact so the trailing \u22EE menu never gets pushed. */\nconst MAX_LABEL_CHARS = 30\n\nfunction clampLabel(text: string): string {\n  return text.length > MAX_LABEL_CHARS ? `${text.slice(0, MAX_LABEL_CHARS).trimEnd()}\u2026` : text\n}\n\nconst IMAGE_EXTENSIONS = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'webp'])\nconst VIDEO_EXTENSIONS = new Set(['mp4', 'mpeg', 'mpg', 'webm', 'mov', 'avi', 'mkv'])\nconst AUDIO_EXTENSIONS = new Set(['mp3', 'wav', 'm4a', 'aac', 'ogg', 'flac'])\nconst EMAIL_EXTENSIONS = new Set(['eml', 'msg'])\nconst DOCX_EXTENSIONS = new Set(['doc', 'docx', 'odt', 'rtf'])\nconst XLSX_EXTENSIONS = new Set(['xls', 'xlsx', 'csv', 'ods'])\nconst HTML_EXTENSIONS = new Set(['html', 'htm', 'mhtml'])\nconst TEXT_EXTENSIONS = new Set([\n  'txt',\n  'text',\n  'md',\n  'markdown',\n  'log',\n  'json',\n  'xml',\n  'yaml',\n  'yml',\n])\n\n/**\n * The file-type glyph for a document, by extension.\n *\n * Exported because a document is recognisable by its icon before its name \u2014 any\n * surface that lists documents (the entity pill here, the workspace home's\n * Documents card) has to draw the same PDF/image/audio/video/email glyph, or\n * the same file looks like two different things in two places.\n */\nexport function getDocIcon(fileName?: string | null, iconSize = 14): React.ReactNode {\n  const ext = fileName?.split('.').pop()?.toLowerCase()\n  if (ext && VIDEO_EXTENSIONS.has(ext)) return <VidIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && AUDIO_EXTENSIONS.has(ext)) return <AudIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && IMAGE_EXTENSIONS.has(ext)) return <ImgIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && EMAIL_EXTENSIONS.has(ext)) return <EmlIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && DOCX_EXTENSIONS.has(ext)) return <DocIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && XLSX_EXTENSIONS.has(ext)) return <XlsIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && HTML_EXTENSIONS.has(ext)) return <HtmlIcon size={iconSize} className=\"flex-shrink-0\" />\n  if (ext && TEXT_EXTENSIONS.has(ext)) return <TxtIcon size={iconSize} className=\"flex-shrink-0\" />\n  // Unrecognised or missing extension (e.g. a display title): most uploads are PDFs.\n  return <PdfIcon size={iconSize} className=\"flex-shrink-0\" />\n}\n\nexport interface DocumentEntityProps {\n  doc: DocumentLike\n  /** Override the default file-type icon */\n  icon?: React.ReactNode\n  /** `sm` (default) for inline/compact contexts, `md` for a larger pill (e.g. the documents\n   *  grid's primary name column). */\n  size?: Extract<EntitySize, 'sm' | 'md'>\n  /** Override default label max width */\n  labelMaxWidth?: string\n  /** Extra classes on the label text (e.g. a heavier weight on a card face). */\n  labelClassName?: string\n  /** Click handler for the whole pill */\n  onClick?: (e: React.MouseEvent) => void\n  /** Click handler for the icon only */\n  onIconClick?: (e: React.MouseEvent) => void\n  /** When true, the file-type icon is replaced by a pinned Eye \u2014 marks the\n   *  document that is currently open/being viewed. */\n  viewing?: boolean\n  /** Small overlay pinned to the icon's corner (e.g. an \"available offline\" pip). */\n  iconBadge?: React.ReactNode\n  /** Small content right after the name, inside the click area (e.g. a status glyph). */\n  status?: React.ReactNode\n  /** Trailing control rendered outside the click area (e.g. a \u22EF actions menu). */\n  actions?: React.ReactNode\n  /** When true, the pill fills the available width and the name truncates via\n   *  CSS so the trailing \u22EF menu pins to the right edge. */\n  fullWidth?: boolean\n  /** Render the WHOLE title (skip the 30-char `clampLabel` string cut) while\n   *  keeping the normal content-width layout \u2014 for callers that want the full\n   *  name to show/wrap (via a `labelClassName`) without `fullWidth`'s w-full.\n   *  `fullWidth` already implies this. */\n  noClamp?: boolean\n  /** Override the default folder/title hover tooltip. */\n  tooltipContent?: React.ReactNode\n  className?: string\n  /** Forwarded to the pill so a surface can address this document's chip. */\n  'data-testid'?: string\n}\n\nexport function DocumentEntity({\n  doc,\n  icon,\n  size = 'sm',\n  labelMaxWidth,\n  labelClassName,\n  onClick,\n  onIconClick,\n  viewing,\n  iconBadge,\n  status,\n  actions,\n  tooltipContent,\n  className,\n  fullWidth,\n  noClamp,\n  'data-testid': testId,\n}: DocumentEntityProps) {\n  const title = getDocumentTitle(doc)\n  const ext = doc.file_name?.split('.').pop()?.toLowerCase()\n  const iconSize = size === 'md' ? 16 : 14\n  const eyeSizeClass = size === 'md' ? 'h-4 w-4' : 'h-3.5 w-3.5'\n\n  const baseIcon = icon ?? getDocIcon(doc.file_name, iconSize)\n  const displayIcon =\n    viewing || iconBadge ? (\n      <span className=\"relative inline-flex flex-shrink-0 items-center justify-center\">\n        {viewing ? <Eye className={cn('text-primary-foreground', eyeSizeClass)} /> : baseIcon}\n        {iconBadge}\n      </span>\n    ) : (\n      baseIcon\n    )\n\n  const defaultTooltip = (\n    <div className=\"flex flex-col gap-1 text-xs max-w-[440px]\">\n      {doc.folder && (\n        // `flex-wrap` so a deep folder path wraps WITHIN the balloon instead of\n        // spilling out of it (each path segment is atomic and wraps as a unit;\n        // `min-w-0` + `break-all` lets a single over-long segment break too).\n        <span className=\"flex flex-wrap items-center gap-0.5 text-muted-foreground\">\n          <FolderOpen className=\"h-3 w-3 text-yellow-600 shrink-0\" />\n          {doc.folder.split('/').map((part, i, arr) => (\n            <span key={i} className=\"flex min-w-0 items-center gap-0.5\">\n              {i > 0 && <span className=\"text-muted-foreground/50 mx-0.5\">/</span>}\n              <span className={`break-all ${i < arr.length - 1 ? 'text-muted-foreground/70' : ''}`}>\n                {part}\n              </span>\n            </span>\n          ))}\n        </span>\n      )}\n      <span className=\"font-medium break-words\">\n        {title}\n        {ext ? `.${ext}` : ''}\n      </span>\n    </div>\n  )\n\n  return (\n    <EntityPill\n      icon={displayIcon}\n      size={size}\n      label={fullWidth || noClamp ? title : clampLabel(title)}\n      labelMaxWidth={labelMaxWidth ?? 'max-w-[140px]'}\n      labelClassName={labelClassName}\n      secondaryText={status}\n      fullWidth={fullWidth}\n      onClick={onClick}\n      onIconClick={onIconClick}\n      moreContent={actions}\n      className={className}\n      highlight={viewing}\n      data-testid={testId}\n      tooltipContent={tooltipContent ?? defaultTooltip}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/entities/EntityPill.js

@@ -0,0 +1,250 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { MoreVertical } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+const EntityPill = forwardRef(function EntityPill2({
+  icon,
+  label,
+  secondaryText,
+  size = "sm",
+  shape = "rounded",
+  className,
+  style,
+  labelMaxWidth = "max-w-[320px]",
+  labelClassName,
+  fullWidth = false,
+  highlight = false,
+  onClick,
+  onIconClick,
+  onMoreClick,
+  moreContent,
+  href,
+  disabled = false,
+  tooltipContent,
+  "data-testid": testId
+}, ref) {
+  const shapeClass = shape === "pill" ? "rounded-full" : "rounded-md";
+  const sizeClasses = size === "md" ? "gap-1.5 px-1.5 py-0.5" : "gap-1 px-1";
+  const textSizeClass = size === "md" ? "text-base" : "text-sm";
+  const baseClasses = cn(
+    "group/pill items-center",
+    fullWidth ? "flex w-full" : "inline-flex",
+    sizeClasses,
+    shapeClass,
+    "border border-transparent",
+    "transition-colors",
+    className
+  );
+  const interactiveClasses = "relative cursor-pointer hover:bg-muted pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']";
+  const disabledClasses = "cursor-default opacity-60";
+  const highlightClasses = "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground";
+  const mainContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    onIconClick ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "flex-shrink-0 cursor-pointer hover:opacity-70 transition-opacity",
+        onClick: (e) => {
+          e.stopPropagation();
+          onIconClick(e);
+        },
+        children: icon
+      }
+    ) : icon,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          textSizeClass,
+          "font-medium truncate leading-tight min-w-0",
+          labelMaxWidth,
+          labelClassName
+        ),
+        children: label
+      }
+    ),
+    secondaryText && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0 leading-none", children: secondaryText })
+  ] });
+  const tooltipWrap = (content, tip, side = "bottom", triggerClassName, triggerProps) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        onFocusCapture: (e) => e.stopPropagation(),
+        className: triggerClassName,
+        ...triggerProps,
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipContent, { side, className: "p-2", children: tip })
+  ] });
+  const mainAreaClass = cn("inline-flex items-center gap-1", fullWidth && "min-w-0 flex-1");
+  const mainAreaTouchClass = cn(
+    mainAreaClass,
+    (onClick || href) && !disabled && "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']"
+  );
+  if (onMoreClick || moreContent) {
+    let mainArea;
+    if (tooltipContent) {
+      mainArea = tooltipWrap(
+        mainContent,
+        tooltipContent,
+        "bottom",
+        cn(mainAreaTouchClass, disabled && "opacity-60"),
+        {
+          type: "button",
+          onClick: href ? onClick : disabled ? void 0 : onClick,
+          disabled: disabled || void 0
+        }
+      );
+    } else if (href) {
+      mainArea = /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: mainAreaTouchClass,
+          onClick,
+          children: mainContent
+        }
+      );
+    } else if (onClick) {
+      mainArea = /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: disabled ? void 0 : onClick,
+          disabled,
+          className: cn(
+            "relative inline-flex items-center gap-1 pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']",
+            disabled && "opacity-60"
+          ),
+          children: mainContent
+        }
+      );
+    } else {
+      mainArea = /* @__PURE__ */ jsx("span", { className: mainAreaTouchClass, children: mainContent });
+    }
+    const moreArea = moreContent ? /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 leading-none", children: moreContent }) : tooltipWrap(
+      /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }),
+      "Click for more",
+      "bottom",
+      "flex-shrink-0 leading-none text-muted-foreground hover:text-foreground",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onMoreClick?.(e);
+        }
+      }
+    );
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          baseClasses,
+          (onClick || href) && !disabled && "cursor-pointer hover:bg-muted",
+          highlight && highlightClasses
+        ),
+        style,
+        "data-testid": testId,
+        children: [
+          mainArea,
+          moreArea
+        ]
+      }
+    );
+  }
+  if (tooltipContent) {
+    if (href) {
+      return tooltipWrap(
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: mainAreaClass,
+            onClick,
+            children: mainContent
+          }
+        ),
+        tooltipContent,
+        "bottom",
+        cn(baseClasses, interactiveClasses),
+        { "data-testid": testId, style }
+      );
+    }
+    return tooltipWrap(
+      mainContent,
+      tooltipContent,
+      "bottom",
+      cn(
+        baseClasses,
+        onClick && !disabled ? interactiveClasses : "",
+        disabled ? disabledClasses : "",
+        highlight && highlightClasses
+      ),
+      {
+        type: "button",
+        ref,
+        onClick: onClick && !disabled ? onClick : void 0,
+        disabled: disabled || void 0,
+        "data-testid": testId,
+        style
+      }
+    );
+  }
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(baseClasses, interactiveClasses),
+        style,
+        "data-testid": testId,
+        onClick,
+        children: mainContent
+      }
+    );
+  }
+  if (onClick) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: disabled ? void 0 : onClick,
+        disabled,
+        className: cn(
+          baseClasses,
+          disabled ? disabledClasses : interactiveClasses,
+          highlight && highlightClasses
+        ),
+        style,
+        "data-testid": testId,
+        children: mainContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(baseClasses, highlight && highlightClasses),
+      style,
+      "data-testid": testId,
+      children: mainContent
+    }
+  );
+});
+export {
+  EntityPill
+};
+//# sourceMappingURL=EntityPill.js.map