@ai-matrx/detail 0.1.166 → 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

@@ -607,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",
       {