@lukeashford/aurelius 4.3.0 → 4.4.0

package/dist/index.js

@@ -1498,12 +1498,12 @@ var statusBorderClass = {
 };
 var statusHoverLabel = {
   pending: null,
-  uploading: "Uploading...",
-  uploaded: "Upload complete. Analyzing...",
-  analyzing: "Upload complete. Analyzing...",
+  uploading: "Uploading",
+  uploaded: "Analyzing",
+  analyzing: "Analyzing",
   analyzed: null,
-  upload_failed: "Upload failed. Remove and try again.",
-  analysis_failed: "Analysis failed. Provide a description in your next message."
+  upload_failed: "Upload failed",
+  analysis_failed: "Couldn't process this file"
 };
 function isErrorStatus(status) {
   return status === "upload_failed" || status === "analysis_failed";
@@ -1529,7 +1529,9 @@ var FileChip = import_react16.default.forwardRef(
     const showPreview = isImage && previewUrl;
     const clickable = !!(artifactId && onOpen);
     const hoverLabel = statusHoverLabel[status];
-    const tooltip = title ?? hoverLabel ?? name;
+    const tooltipContent = isErrorStatus(status) ? error ?? hoverLabel ?? null : hoverLabel;
+    const [hovered, setHovered] = (0, import_react16.useState)(false);
+    const [focused, setFocused] = (0, import_react16.useState)(false);
     const showError = isErrorStatus(status);
     const handleClick = () => {
       if (clickable) {
@@ -1545,7 +1547,8 @@ var FileChip = import_react16.default.forwardRef(
         onOpen(artifactId);
       }
     };
-    return /* @__PURE__ */ import_react16.default.createElement(
+    const tooltipOpen = tooltipContent !== null && (hovered || focused);
+    const chip = /* @__PURE__ */ import_react16.default.createElement(
       "div",
       {
         ...rest,
@@ -1563,7 +1566,11 @@ var FileChip = import_react16.default.forwardRef(
         tabIndex: clickable ? 0 : void 0,
         onClick: clickable ? handleClick : void 0,
         onKeyDown: clickable ? handleKeyDown : void 0,
-        title: tooltip,
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        title,
         "aria-label": hoverLabel ? `${name}: ${hoverLabel}` : name
       },
       showPreview ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-8 h-8 flex-shrink-0 overflow-hidden bg-slate" }, /* @__PURE__ */ import_react16.default.createElement(
@@ -1600,6 +1607,10 @@ var FileChip = import_react16.default.forwardRef(
         /* @__PURE__ */ import_react16.default.createElement(import_lucide_react2.X, { className: "w-3.5 h-3.5" })
       )
     );
+    if (tooltipContent === null) {
+      return chip;
+    }
+    return /* @__PURE__ */ import_react16.default.createElement(Tooltip, { content: tooltipContent, open: tooltipOpen, side: "top" }, chip);
   }
 );
 FileChip.displayName = "FileChip";