@ai-matrx/detail 0.1.172 → 0.1.174

package/dist/react.js

@@ -470,7 +470,7 @@ var LoaderIcon = sized(GLoader2Icon);
 var Settings2Icon = sized(GSettings2Icon);
 
 // src/react/DetailHeader.tsx
-import { AppWindowIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, MoreHorizontalIcon, PanelRightIcon } from "@ai-matrx/design-system/icons";
+import { AppWindowIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, MoreHorizontalIcon, PanelRightIcon } from "@ai-matrx/design-system/icons";
 import { cn, RecordId } from "@ai-matrx/design-system";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ICON_BUTTON = "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 disabled:hover:bg-transparent pointer-coarse:h-10 pointer-coarse:w-10";
@@ -569,7 +569,6 @@ function useDetailMenuActions(core) {
 }
 function DetailActions({ core, optional = "inline" }) {
   const host = useDetailHost();
-  const [copied, setCopied] = useState3(false);
   const [menuOpen, setMenuOpen] = useState3(false);
   const menuRef = useRef4(null);
   const copyId = async () => {
@@ -578,8 +577,7 @@ function DetailActions({ core, optional = "inline" }) {
       host.notify.error("Could not copy the record id to the clipboard.");
       return;
     }
-    setCopied(true);
-    window.setTimeout(() => setCopied(false), 1500);
+    host.notify.success("Record id copied");
   };
   useEffect5(() => {
     if (!menuOpen) return void 0;
@@ -651,18 +649,7 @@ function DetailActions({ core, optional = "inline" }) {
               },
               value
             )),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => void copyId(),
-                className: ICON_BUTTON,
-                "aria-label": "Copy record id",
-                title: "Copy record id",
-                "data-detail-copy-id": true,
-                children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "h-3.5 w-3.5" })
-              }
-            )
+            /* @__PURE__ */ jsx("span", { className: "inline-flex", "data-detail-copy-id": true, children: /* @__PURE__ */ jsx(RecordId, { value: core.ref.id, label: "Record", look: "icon" }) })
           ]
         }
       ),
@@ -751,7 +738,7 @@ function formatWhen(iso) {
 // src/react/DetailPresentationPane.tsx
 import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
 import { cn as cn2, ErrorActions } from "@ai-matrx/design-system";
-import { CheckIcon as CheckIcon2 } from "@ai-matrx/design-system/icons";
+import { CheckIcon } from "@ai-matrx/design-system/icons";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var WORD = {
   window: "a window",
@@ -914,7 +901,7 @@ function DetailPresentationPane({ core }) {
               disabled: state.status === "saving",
               className: "inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-60 pointer-coarse:py-2",
               children: [
-                state.status === "saving" ? /* @__PURE__ */ jsx2(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx2(CheckIcon2, { className: "h-3 w-3" }) : null,
+                state.status === "saving" ? /* @__PURE__ */ jsx2(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx2(CheckIcon, { className: "h-3 w-3" }) : null,
                 "Save"
               ]
             }