@ai-matrx/detail 0.1.165 → 0.1.167

package/dist/react.d.cts

@@ -1,5 +1,5 @@
-import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-DrnEXBfp.cjs';
-export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-DrnEXBfp.cjs';
+import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-Doo4S3OG.cjs';
+export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-Doo4S3OG.cjs';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
 

package/dist/react.d.ts

@@ -1,5 +1,5 @@
-import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-DrnEXBfp.js';
-export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-DrnEXBfp.js';
+import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-Doo4S3OG.js';
+export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-Doo4S3OG.js';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
 

package/dist/react.js

@@ -538,14 +538,6 @@ var AlertCircleIcon = glyph(
     /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
   ] })
 );
-var ExternalLinkIcon = glyph(
-  "external-link",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ jsx2("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ jsx2("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
-  ] })
-);
 var HistoryIcon = glyph(
   "history",
   /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -562,15 +554,6 @@ var Link2Icon = glyph(
     /* @__PURE__ */ jsx2("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
   ] })
 );
-var RefreshCwIcon = glyph(
-  "refresh-cw",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-    /* @__PURE__ */ jsx2("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-    /* @__PURE__ */ jsx2("path", { d: "M8 16H3v5" })
-  ] })
-);
 var SHIELD = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
 var ShieldAlertIcon = glyph(
   "shield-alert",
@@ -587,25 +570,6 @@ var ShieldCheckIcon = glyph(
     /* @__PURE__ */ jsx2("path", { d: "m9 12 2 2 4-4" })
   ] })
 );
-var AppWindowIcon = glyph(
-  "app-window",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M10 4v4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M2 8h20" }),
-    /* @__PURE__ */ jsx2("path", { d: "M6 4v4" })
-  ] })
-);
-var CheckIcon = glyph("check", /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }));
-var ChevronLeftIcon = glyph("chevron-left", /* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }));
-var ChevronRightIcon = glyph("chevron-right", /* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }));
-var CopyIcon = glyph(
-  "copy",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
-  ] })
-);
 var ExpandIcon = glyph(
   "expand",
   /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -619,21 +583,6 @@ var ExpandIcon = glyph(
     /* @__PURE__ */ jsx2("path", { d: "M9 9 3 3" })
   ] })
 );
-var MoreHorizontalIcon = glyph(
-  "more-horizontal",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
-  ] })
-);
-var PanelRightIcon = glyph(
-  "panel-right",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15 3v18" })
-  ] })
-);
 var LoaderIcon = glyph("loader", /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }));
 var Settings2Icon = glyph(
   "settings-2",
@@ -646,6 +595,7 @@ var Settings2Icon = glyph(
 );
 
 // src/react/DetailHeader.tsx
+import { AppWindowIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, MoreHorizontalIcon, PanelRightIcon } from "@ai-matrx/design-system/icons";
 import { cn } from "@ai-matrx/design-system";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } 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";
@@ -657,29 +607,37 @@ var PRESENTATIONS = [
   { value: "page", label: "Open as page", Icon: ExpandIcon }
 ];
 function TypeChip({ core, className }) {
-  const accent = core.recordType?.accent ?? null;
+  const color = identityColor(core.recordType?.color);
+  const accent = color ? null : core.recordType?.accent ?? null;
   return /* @__PURE__ */ jsx3(
     "span",
     {
       className: cn(
         TYPE_CHIP,
-        accent?.bg ?? "bg-muted",
-        accent?.text ?? "text-muted-foreground",
-        accent?.ring ?? "ring-border",
+        color ? "text-foreground" : [accent?.bg ?? "bg-muted", accent?.text ?? "text-muted-foreground", accent?.ring ?? "ring-border"],
         className
       ),
+      style: color ? {
+        backgroundColor: `color-mix(in oklab, ${color} 14%, transparent)`,
+        ["--tw-ring-color"]: `color-mix(in oklab, ${color} 30%, transparent)`
+      } : void 0,
       "data-detail-type-chip": true,
       children: core.recordLabel
     }
   );
 }
+var IDENTITY_HEX = /^#[0-9a-f]{6}$/i;
+function identityColor(c) {
+  return c && IDENTITY_HEX.test(c) ? c : null;
+}
 function DetailTitle({ core }) {
   const host = useDetailHost();
   const Icon = core.recordType?.icon ?? null;
+  const color = identityColor(core.recordType?.color);
   const accent = core.recordType?.accent ?? null;
   const RecordDoors = host.doors.RecordDoors;
   return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-    Icon ? /* @__PURE__ */ jsx3(Icon, { className: cn("h-4 w-4 shrink-0", accent?.text) }) : null,
+    Icon ? color ? /* @__PURE__ */ jsx3("span", { className: "inline-flex shrink-0", style: { color }, "data-detail-identity-color": color, children: /* @__PURE__ */ jsx3(Icon, { className: "h-4 w-4 shrink-0" }) }) : /* @__PURE__ */ jsx3(Icon, { className: cn("h-4 w-4 shrink-0", accent?.text) }) : null,
     /* @__PURE__ */ jsx3(
       "span",
       {
@@ -918,6 +876,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 { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var WORD = {
   window: "a window",
@@ -1080,7 +1039,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__ */ jsx4(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx4(CheckIcon, { className: "h-3 w-3" }) : null,
+                state.status === "saving" ? /* @__PURE__ */ jsx4(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx4(CheckIcon2, { className: "h-3 w-3" }) : null,
                 "Save"
               ]
             }
@@ -1112,6 +1071,7 @@ function DetailPresentationPane({ core }) {
 }
 
 // src/react/DetailBody.tsx
+import { ExternalLinkIcon, RefreshCwIcon } from "@ai-matrx/design-system/icons";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
 import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var SLOW_LOAD_NOTICE_MS = 6e3;