@almadar/ui 1.0.26 → 1.0.28

package/dist/components/index.d.ts

@@ -2558,8 +2558,8 @@ interface DetailPanelProps {
     onClose?: () => void;
     className?: string;
     entity?: string;
-    /** Fields to display - accepts string[] or {key, header}[] for unified interface */
-    fields?: readonly FieldDef$2[] | readonly DetailField[];
+    /** Fields to display - accepts string[], {key, header}[], or DetailField[] */
+    fields?: readonly (FieldDef$2 | DetailField)[];
     /** Alias for fields - backwards compatibility */
     fieldNames?: readonly string[];
     data?: Record<string, unknown> | unknown;

package/dist/components/index.js

@@ -1,9 +1,9 @@
 import { useUISlots } from '../chunk-W5YTXLXL.js';
+import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from '../chunk-KKCVDUK7.js';
+export { cn } from '../chunk-KKCVDUK7.js';
 import { useQuerySingleton, useSelectedEntity, useAuthContext } from '../chunk-7IYF4RUG.js';
 export { ENTITY_EVENTS, parseQueryBinding, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useQuerySingleton, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-7IYF4RUG.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-7NEWMNNU.js';
-import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from '../chunk-KKCVDUK7.js';
-export { cn } from '../chunk-KKCVDUK7.js';
 import '../chunk-XSEDIUM6.js';
 import { useTheme } from '../chunk-4UFNDD6B.js';
 import { useEventBus, usePaginatedEntityList, useEntityList, useEntityDetail } from '../chunk-HY5EFCOK.js';
@@ -6814,6 +6814,22 @@ var DetailPanel = ({
   let title = propTitle;
   let sections = propSections ? [...propSections] : void 0;
   const normalizedData = data && typeof data === "object" && !Array.isArray(data) ? data : void 0;
+  if (sections && normalizedData) {
+    sections = sections.map((section) => ({
+      ...section,
+      fields: section.fields.map((field) => {
+        if (typeof field === "string") {
+          const value = getNestedValue(normalizedData, field);
+          return {
+            label: formatFieldLabel(field),
+            value: formatFieldValue(value, field),
+            icon: getFieldIcon(field)
+          };
+        }
+        return field;
+      })
+    }));
+  }
   if (normalizedData && effectiveFieldNames) {
     const primaryField = effectiveFieldNames[0];
     if (!title && primaryField && normalizedData[primaryField]) {
@@ -6992,28 +7008,31 @@ var DetailPanel = ({
     sections && sections.map((section, sectionIdx) => /* @__PURE__ */ jsx(Card, { variant: "bordered", children: /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "p-6", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "semibold", children: section.title }),
       /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(SimpleGrid, { minChildWidth: "250px", maxCols: 2, gap: "lg", children: section.fields.map((field, fieldIdx) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", children: [
-        field.icon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: field.icon,
-            size: "md",
-            className: "text-[var(--color-muted-foreground)] mt-1"
-          }
-        ),
-        /* @__PURE__ */ jsxs(VStack, { gap: "xs", flex: true, className: "min-w-0", children: [
-          /* @__PURE__ */ jsx(
-            Typography,
+      /* @__PURE__ */ jsx(SimpleGrid, { minChildWidth: "250px", maxCols: 2, gap: "lg", children: section.fields.map((field, fieldIdx) => {
+        const resolved = typeof field === "string" ? { label: formatFieldLabel(field), value: normalizedData ? formatFieldValue(getNestedValue(normalizedData, field), field) : "\u2014", icon: getFieldIcon(field) } : field;
+        return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", children: [
+          resolved.icon && /* @__PURE__ */ jsx(
+            Icon,
             {
-              variant: "small",
-              color: "secondary",
-              weight: "medium",
-              children: field.label
+              icon: resolved.icon,
+              size: "md",
+              className: "text-[var(--color-muted-foreground)] mt-1"
             }
           ),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: field.value || "\u2014" })
-        ] })
-      ] }, fieldIdx)) })
+          /* @__PURE__ */ jsxs(VStack, { gap: "xs", flex: true, className: "min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "small",
+                color: "secondary",
+                weight: "medium",
+                children: resolved.label
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: resolved.value || "\u2014" })
+          ] })
+        ] }, fieldIdx);
+      }) })
     ] }) }, sectionIdx)),
     footer && /* @__PURE__ */ jsx(Card, { variant: "bordered", children: footer })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -65,8 +65,8 @@
     "remark-math": "^6.0.0",
     "react-force-graph-2d": "^1.28.0",
     "@almadar/core": "1.0.17",
-    "@almadar/patterns": "1.1.1",
-    "@almadar/evaluator": "1.0.14"
+    "@almadar/evaluator": "1.0.14",
+    "@almadar/patterns": "1.1.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",