@solidxai/core-ui 0.1.5-beta.0 → 0.1.5-beta.10

package/dist/components/core/tree/SolidTreeView.tsx

@@ -40,6 +40,12 @@ import { SolidBeforeTreeNodeLoad } from "../../../types";
 import { getExtensionFunction } from "../../../helpers/registry";
 import { SolidTreeLoad, SolidTreeUiEventResponse } from "../../../types/solid-core";
 import { Tooltip } from "primereact/tooltip";
+import { useRouter } from "../../../hooks/useRouter";
+import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { usePathname } from "../../../hooks/usePathname";
+import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { SolidListViewRowButtonContextMenu } from "../list/SolidListViewRowButtonContextMenu";
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -122,8 +128,10 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const searchParams = useSearchParams();
 
   const session = useSession();
+  const router = useRouter()
   const user = session?.data?.user;
 
+  const pathname = usePathname();
   const solidGlobalSearchElementRef = useRef<any>(null);
 
   const [showSaveFilterPopup, setShowSaveFilterPopup] = useState<boolean>(false);
@@ -131,8 +139,9 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const [toPopulate, setToPopulate] = useState<string[]>([]);
   const [toPopulateMedia, setToPopulateMedia] = useState<string[]>([]);
   const [actionsAllowed, setActionsAllowed] = useState<string[]>([]);
-  const [createButtonUrl, setCreateButtonUrl] = useState<string>();
   const [createActionQueryParams, setCreateActionQueryParams] = useState<Record<string, string>>({});
+  const [editActionQueryParams, setEditActionQueryParams] = useState<Record<string, string>>({});
+
   const [selectedRecords, setSelectedRecords] = useState<any[]>([]);
   const [selectedRecoverRecords, setSelectedRecoverRecords] = useState<any[]>([]);
 
@@ -156,6 +165,14 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const [showArchived, setShowArchived] = useState(false);
 
 
+  const [createButtonUrl, setCreateButtonUrl] = useState<string>();
+  const [editButtonUrl, setEditButtonUrl] = useState<string>();
+  const [isDraftPublishWorkflowEnabled, setIsDraftPublishWorkflowEnabled] = useState(false);
+
+
+
+
+
   const sizeOptions = [
     { label: "Compact", value: "small", image: CompactImage },
     { label: "Cozy", value: "normal", image: CozyImage },
@@ -289,7 +306,66 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     fetchPermissions();
   }, [params.modelName]);
 
-  const [deleteManySolidEntities] = useDeleteMultipleSolidEntitiesMutation();
+
+  // set layout and actions for create and edit buttons and view modes
+  useEffect(() => {
+    if (solidTreeViewLayout) {
+      const listLayoutAttrs = solidTreeViewLayout.attrs;
+      const createActionUrl = listLayoutAttrs?.createAction && listLayoutAttrs?.createAction?.type === "custom" ? listLayoutAttrs?.createAction?.customComponent : "form/new";
+      const editActionUrl = listLayoutAttrs?.editAction && listLayoutAttrs?.editAction?.type === "custom" ? listLayoutAttrs?.editAction?.customComponent : "form";
+
+      if (listLayoutAttrs?.createAction) {
+        setCreateActionQueryParams({
+          actionName: listLayoutAttrs.createAction.name,
+          actionType: listLayoutAttrs.createAction.type,
+          actionContext: listLayoutAttrs.createAction.context,
+        });
+      }
+      if (listLayoutAttrs?.editAction) {
+        setEditActionQueryParams({
+          actionName: listLayoutAttrs.editAction.name,
+          actionType: listLayoutAttrs.editAction.type,
+          actionContext: listLayoutAttrs.editAction.context,
+        });
+      }
+
+      // const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view }; });
+      setViewModes(solidTreeViewMetaData?.data?.viewModes);
+      if (createActionUrl) {
+        setCreateButtonUrl(createActionUrl);
+      }
+      if (editActionUrl) {
+        setEditButtonUrl(editActionUrl);
+      }
+      setIsDraftPublishWorkflowEnabled(solidTreeViewMetaData?.data?.solidView?.model?.draftPublishWorkflow === true);
+    }
+  }, [solidTreeViewLayout]);
+
+
+
+  const editBaseUrl = useMemo(
+    () => normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"),
+    [editButtonUrl, pathname]
+  );
+
+  const [
+    deleteSolidSingleEntiry,
+    { isSuccess: isDeleteSolidSingleEntitySuccess },
+  ] = useDeleteSolidEntityMutation();
+
+  // Delete mutation
+  const [
+    deleteManySolidEntities,
+    {
+      isLoading: isSolidEntitiesDeleted,
+      isSuccess: isDeleteSolidEntitiesSucess,
+      isError: isSolidEntitiesDeleteError,
+      error: SolidEntitiesDeleteError,
+      data: DeletedSolidEntities,
+    },
+  ] = useDeleteMultipleSolidEntitiesMutation();
+
+
 
   const treeViewTitle = solidTreeViewMetaData?.data?.solidView?.displayName;
 
@@ -1228,7 +1304,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     const rootHasPrev = hasPrev("root");
     const rootHasNext = hasNext("root");
 
-    if (!rootHasPrev && !rootHasNext) return null;
+    // if (!rootHasPrev && !rootHasNext) return null;
 
     return (
       <div style={{ width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", borderTop: "1px solid var(--surface-border)" }}>
@@ -1303,6 +1379,216 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     }),
   }), [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
 
+
+  const handleCustomButtonClick = useHandleListCustomButtonClick();
+
+
+
+  const [selectedSolidViewData, setSelectedSolidViewData] = useState<any>();
+  const selectedDataRef = useRef<any>();
+  const op = useRef<any>(null);
+  const [deleteEntity, setDeleteEntity] = useState(false);
+
+  const hasEditInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&
+    solidTreeViewLayout?.attrs?.edit !== false &&
+    solidTreeViewLayout?.attrs?.showDefaultEditButton !== false &&
+    solidTreeViewLayout?.attrs?.showRowEditInContextMenu !== false &&
+    !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+
+  const hasDeleteInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&
+    solidTreeViewLayout?.attrs?.delete !== false &&
+    solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !== false &&
+    !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+
+  const hasCustomContextMenuButtons =
+    solidTreeViewLayout?.attrs?.rowButtons?.some(
+      (rb: any) => rb?.attrs?.actionInContextMenu === true
+    );
+
+  const hasAnyContextMenuActions =
+    hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
+
+
+  const detailsBodyTemplate = (solidViewData: any) => {
+    return (
+      <div>
+        <Button
+          type="button"
+          text
+          size="small"
+          className=""
+          onClick={(e) =>
+          // @ts-ignore
+          {
+            e.stopPropagation();
+            selectedDataRef.current = solidViewData;
+            setSelectedSolidViewData(solidViewData);
+            op.current?.toggle(e)
+          }
+          }
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="3"
+            height="10"
+            viewBox="0 0 4 16"
+            fill="none"
+          >
+            <path
+              d="M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z"
+              fill="#666666"
+            />
+          </svg>
+        </Button>
+      </div>
+    );
+  };
+
+
+  const handleDeleteEntity = async () => {
+    try {
+      if (!selectedSolidViewData?.id) {
+        throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
+      }
+
+      const response: any = await deleteSolidSingleEntiry(selectedSolidViewData.id);
+
+      if (response?.data?.statusCode === 200) {
+        setDeleteEntity(false);
+        toast.current?.show({
+          severity: "success",
+          summary: ERROR_MESSAGES.DELETED,
+          detail: ERROR_MESSAGES.ENTITY_DELETE,
+          life: 3000,
+        });
+      } else {
+        toast.current?.show({
+          severity: "error",
+          summary: ERROR_MESSAGES.DELETE_FAIELD,
+          detail: response?.error?.data?.error,
+          sticky: true,          // stays until user closes
+        });
+      }
+    } catch (error: any) {
+      toast.current?.show({
+        severity: "error",
+        summary: ERROR_MESSAGES.DELETE_FAIELD,
+        detail: ERROR_MESSAGES.SOMETHING_WRONG,
+        sticky: true,          // stays until user closes
+
+      });
+    }
+  };
+
+  const renderRowActions = (rowData: any) => {
+    return (
+      <div className="flex align-items-center justify-content-end gap-1">
+
+        {/* ---------------- CUSTOM ROW BUTTONS ---------------- */}
+        {solidTreeViewLayout?.attrs?.rowButtons &&
+          solidTreeViewLayout?.attrs?.rowButtons
+            .filter((rb: any) => {
+              const roles = rb?.attrs?.roles || [];
+              const isInContextMenu = rb.attrs.actionInContextMenu === true;
+
+              const isAllowed =
+                roles.length === 0 || hasAnyRole(user?.roles, roles);
+
+              const isVisible = rb?.attrs?.visible !== false;
+
+              return !isInContextMenu && isAllowed && isVisible;
+            })
+            .map((button: any, index: number) => (
+              <Button
+                key={index}
+                type="button"
+                icon={button?.attrs?.icon ?? "pi pi-pencil"}
+                className={`gap-2 ${button?.attrs?.className ?? ""}`}
+                label={
+                  button.attrs.showLabel !== false
+                    ? button.attrs.label
+                    : ""
+                }
+                size="small"
+                iconPos="left"
+                onClick={() => {
+                  const event = {
+                    params,
+                    rowData: rowData,
+                    solidListViewMetaData: solidTreeViewMetaData?.data,
+                  };
+                  handleCustomButtonClick(button.attrs, event);
+                }}
+              />
+            ))}
+
+        {/* ---------------- EDIT BUTTON ---------------- */}
+        {actionsAllowed.includes(
+          `${permissionExpression(params.modelName, "update")}`
+        ) &&
+          solidTreeViewLayout?.attrs?.edit !== false &&
+          solidTreeViewLayout?.attrs?.showRowEditInContextMenu === false && (
+            <Button
+              text
+              severity="secondary"
+              size="small"
+              icon="pi pi-pencil"
+              onClick={() => {
+                // if (params.embeded == true) {
+                //   params.handleEditClickForEmbeddedView(rowData?.id);
+                // } else {
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem(
+                    "fromViewUrl",
+                    window.location.pathname + window.location.search
+                  );
+                } catch (e) { }
+
+                router.push(
+                  `${editBaseUrl}/${rowData?.id}?viewMode=edit&${new URLSearchParams(
+                    editActionQueryParams
+                  ).toString()}`
+                );
+                // }
+              }}
+            />
+          )}
+
+        {/* ---------------- DELETE BUTTON ---------------- */}
+        {actionsAllowed.includes(
+          `${permissionExpression(params.modelName, "delete")}`
+        ) &&
+          solidTreeViewLayout?.attrs?.delete !== false &&
+          (params.embeded ||
+            (solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !==
+              undefined &&
+              solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !==
+              true)) && (
+            <Button
+              text
+              size="small"
+              severity="danger"
+              icon="pi pi-trash"
+              onClick={() => {
+                // if (
+                //   params?.embededFieldRelationType === "many-to-many"
+                // ) {
+                //   params?.handleDeleteClick(rowData.id);
+                // } else {
+                setSelectedSolidViewData(rowData);
+                setDeleteEntity(true);
+                // }
+              }}
+            />
+          )}
+
+        {/* ---------------- CONTEXT MENU ---------------- */}
+        {hasAnyContextMenuActions && detailsBodyTemplate(rowData)}
+      </div>
+    );
+  };
+
   // ─── Render ───────────────────────────────────────────────────────────────
 
   return (
@@ -1474,7 +1760,45 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               setSortField(e.sortField);
               setSortOrder(e.sortOrder as any);
             }}
+            onRowClick={(e) => {
+              const target = e.originalEvent.target as HTMLElement;
+              if (target.closest(".p-checkbox")) return;
+              if (target.closest(".p-c")) return;
+
+              if (e.node.leaf !== true) return;
+              const rowData = e.node.data;
+
+              if (solidTreeViewLayout?.attrs?.disableRowClick === true) return;
+
+              const hasFindPermission = actionsAllowed.includes(
+                permissionExpression(params.modelName, 'findOne')
+              );
+              const hasUpdatePermission =
+                actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                solidTreeViewLayout?.attrs?.edit !== false;
+
+              if (!(hasFindPermission || hasUpdatePermission)) return;
+
+              // if (params.embeded === true) {
+              // params.handleEditClickForEmbeddedView(rowData?.id);
+              // } else {
+              if (typeof window !== "undefined") {
+                // store a simple marker for the caller
+
+                // also store the full current URL so Back can restore exact state (including action params)
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                } catch (e) {
+                  // ignore storage errors
+                }
+              }
+              router.push(`${editBaseUrl}/${rowData?.id}?viewMode=view&${new URLSearchParams(editActionQueryParams).toString()}`);
+              // }
+            }
+            }
             onSelectionChange={(e) => {
+              e.originalEvent.stopPropagation();
               const incoming = e.value as Record<string, any>;
 
               setSelectedNodeKeys((prev: any) => {
@@ -1516,8 +1840,13 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               body={(node: any) => {
                 const rowData = node?.data as TreeRowData;
                 const nodeMeta = rowData?.__treeMeta;
-                if (nodeMeta?.nodeType !== "group") return <span>&nbsp;</span>;
 
+                // ---------------- NORMAL ROW ----------------
+                if (nodeMeta?.nodeType !== "group") {
+                  return renderRowActions(rowData);
+                }
+
+                // ---------------- GROUP ROW ----------------
                 const nodeKey = String(node.key);
                 const isExpanded = expandedKeys[nodeKey];
                 const childrenLoaded = isExpanded && node.children && node.children.length > 0;
@@ -1585,6 +1914,40 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
       {/* ── Root-level pagination bar ── */}
       <RootPaginationBar />
 
+
+
+
+      <Dialog
+        header={`Delete ${solidTreeViewMetaData?.data?.solidView?.model?.displayName
+          ? solidTreeViewMetaData?.data?.solidView?.model?.displayName
+          : params?.modelName
+          }`}
+        headerClassName="py-2"
+        contentClassName="px-0 pb-0"
+        visible={deleteEntity}
+        style={{ width: "20vw" }}
+        onHide={() => {
+          if (!deleteEntity) return;
+          setDeleteEntity(false);
+        }}
+        className="solid-confirm-dialog"
+      >
+        <Divider className="m-0" />
+        <div className="p-4">
+          <p className="m-0 solid-primary-title" style={{ fontSize: 16 }}>
+            {`Are you sure you want to delete this ${solidTreeViewMetaData?.data?.solidView?.model?.displayName
+              ? solidTreeViewMetaData?.data?.solidView?.model?.displayName
+              : params?.modelName
+              }?`}
+          </p>
+          {/* <p className="" style={{ color: 'var{--solid-grey-500}' }}>{selectedSolidViewData?.singularName}</p> */}
+          <div className="flex align-items-center gap-2 mt-3">
+            <Button label="Delete" severity="danger" size="small" onClick={handleDeleteEntity} />
+            <Button label="Cancel" size="small" onClick={() => setDeleteEntity(false)} outlined className='bg-primary-reverse' />
+          </div>
+        </div>
+      </Dialog>
+
       {/* ── Delete dialog ── */}
       <Dialog
         visible={isDeleteRecordsDialogVisible}
@@ -1630,6 +1993,75 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
         <p>Are you sure you want to recover all records?</p>
       </Dialog>
 
+      <OverlayPanel
+        ref={op}
+        className="solid-custom-overlay"
+        style={{ top: 10, minWidth: 120 }}
+      >
+        <div className="flex flex-column gap-1 p-1">
+          {hasEditInContextMenu && (
+            <Button
+              type="button"
+              className="w-full text-left gap-1"
+              label="Edit"
+              size="small"
+              iconPos="left"
+              icon={"pi pi-pencil"}
+              onClick={() => {
+                // if (params.embeded == true) {
+                //   params.handleEditClickForEmbeddedView(
+                //     selectedDataRef.current?.id
+                //   );
+                // } else {
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                } catch (e) { }
+                router.push(
+                  `${editBaseUrl}/${selectedDataRef.current?.id}?viewMode=edit&${new URLSearchParams(editActionQueryParams).toString()}`
+                );
+                // }
+              }}
+            />
+          )}
+
+          {hasDeleteInContextMenu && !params.embeded && (
+            <Button
+              text
+              type="button"
+              className="w-full text-left gap-1"
+              label="Delete"
+              size="small"
+              iconPos="left"
+              severity="danger"
+              icon={"pi pi-trash"}
+              onClick={() => setDeleteEntity(true)}
+            />
+          )}
+          {hasCustomContextMenuButtons && solidTreeViewLayout?.attrs?.rowButtons
+            ?.filter(
+              (rb: any) =>
+                rb?.attrs?.actionInContextMenu === true &&
+                rb?.attrs?.visible !== false
+            )
+            .map((button: any, index: number) => (
+              <SolidListViewRowButtonContextMenu
+                key={`${index}-${selectedDataRef?.current?.id || ''}`}
+                button={button}
+                params={params}
+                getSelectedSolidViewData={() => selectedDataRef.current}
+                // selectedSolidViewData={selectedSolidViewData}
+                solidListViewMetaData={
+                  solidTreeViewMetaData
+                }
+                handleCustomButtonClick={
+                  handleCustomButtonClick
+                }
+              />
+            ))}
+        </div>
+      </OverlayPanel>
+
     </div>
   );
 });

package/dist/components/layout/AdminTopHeader.d.ts

@@ -0,0 +1,2 @@
+export declare const AdminTopHeader: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdminTopHeader.d.ts.map

package/dist/components/layout/AdminTopHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminTopHeader.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CAwH1B,CAAC"}

package/dist/components/layout/AdminTopHeader.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { usePathname } from "../../hooks/usePathname";
+import { useSearchParams } from "../../hooks/useSearchParams";
+import { useRouter } from "../../hooks/useRouter";
+import { useGetSolidActionByIdQuery } from "../../redux/api/solidActionApi";
+import { LayoutContext } from "./context/layoutcontext";
+var SIDEBAR_TOGGLE_EVENT = "solidx:sidebar-toggle";
+var toLabel = function (value) {
+    return decodeURIComponent(value)
+        .replace(/[-_]/g, " ")
+        .replace(/\b\w/g, function (m) { return m.toUpperCase(); });
+};
+export var AdminTopHeader = function () {
+    var pathname = usePathname();
+    var searchParams = useSearchParams();
+    var router = useRouter();
+    var toggleThemeMode = useContext(LayoutContext).toggleThemeMode;
+    // We treat actionId as the source of truth for breadcrumb labels.
+    // If present, we resolve module/model/action via action-metadata API
+    // so breadcrumbs are consistent across list/form/tree/kanban pages.
+    var actionId = searchParams.get("actionId");
+    var actionResponse = useGetSolidActionByIdQuery(actionId, {
+        skip: !actionId,
+    }).data;
+    var crumbs = useMemo(function () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // API response shapes vary by adapter layer, so normalize defensively.
+        var actionData = (_c = (_b = (_a = actionResponse === null || actionResponse === void 0 ? void 0 : actionResponse.data) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : actionResponse === null || actionResponse === void 0 ? void 0 : actionResponse.data) !== null && _c !== void 0 ? _c : actionResponse;
+        var moduleFromApi = ((_d = actionData === null || actionData === void 0 ? void 0 : actionData.module) === null || _d === void 0 ? void 0 : _d.displayName) || ((_e = actionData === null || actionData === void 0 ? void 0 : actionData.module) === null || _e === void 0 ? void 0 : _e.name);
+        var modelFromApi = ((_f = actionData === null || actionData === void 0 ? void 0 : actionData.model) === null || _f === void 0 ? void 0 : _f.displayName) || ((_g = actionData === null || actionData === void 0 ? void 0 : actionData.model) === null || _g === void 0 ? void 0 : _g.name);
+        var actionFromApi = (actionData === null || actionData === void 0 ? void 0 : actionData.displayName) || (actionData === null || actionData === void 0 ? void 0 : actionData.name);
+        var actionDataId = (actionData === null || actionData === void 0 ? void 0 : actionData.id) != null ? String(actionData.id) : null;
+        var hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;
+        // Priority 1: exact business breadcrumb contract requested:
+        // <module> > <model> > <action>.
+        // We only trust API crumbs when they belong to the current URL's actionId.
+        // This avoids stale list breadcrumbs bleeding into form routes that do not
+        // carry actionId in their query string.
+        if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {
+            return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);
+        }
+        var segments = pathname.split("/").filter(Boolean);
+        // Priority 2: derive from route segments when API data is unavailable.
+        // This is intentionally ahead of query fallback so form pages don't
+        // inherit stale list query labels after list -> form navigation.
+        if (segments[0] === "admin" && segments[1] === "core") {
+            var moduleName = segments[2];
+            var modelName = segments[3];
+            var viewName = segments[4];
+            var next = [moduleName, modelName, viewName].filter(Boolean).map(function (item) { return toLabel(item); });
+            return next.length ? next : ["Admin"];
+        }
+        var menuItemName = searchParams.get("menuItemName");
+        var actionName = searchParams.get("actionName");
+        // Priority 3: legacy URL-query fallback for older links/pages.
+        if (menuItemName || actionName) {
+            return [menuItemName, actionName].filter(Boolean).map(function (item) { return toLabel(item); });
+        }
+        return ["Admin"];
+    }, [actionId, actionResponse, pathname, searchParams]);
+    var showBack = /\/admin\/core\/[^/]+\/[^/]+\/form\/[^/]+/.test(pathname);
+    var triggerSidebar = function () {
+        window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));
+    };
+    return (_jsx("header", { className: "solid-admin-header", children: _jsxs("div", { className: "solid-admin-header-inner", children: [_jsx("button", { type: "button", className: "solid-admin-sidebar-trigger", onClick: triggerSidebar, "aria-label": "Toggle sidebar", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.5", y: "2", width: "13", height: "12", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M5.5 2V14", stroke: "currentColor" }), _jsx("rect", { x: "8", y: "5.25", width: "4.5", height: "5.5", rx: "0.9", stroke: "currentColor" })] }) }), _jsx("div", { className: "solid-admin-header-sep" }), _jsx("nav", { className: "solid-admin-breadcrumbs", "aria-label": "Breadcrumb", children: crumbs.map(function (crumb, index) { return (_jsxs("span", { className: "solid-admin-crumb", children: [index > 0 && _jsx("span", { className: "solid-admin-crumb-sep", children: "\u203A" }), _jsx("span", { children: crumb })] }, "".concat(crumb, "-").concat(index))); }) }), _jsxs("div", { className: "solid-admin-header-actions", children: [_jsxs("button", { type: "button", className: "solid-admin-theme-toggle", onClick: toggleThemeMode, "aria-label": "Toggle theme", title: "Toggle theme", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 3l0 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 9l4.65 -4.65", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 14.3l7.37 -7.37", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 19.6l8.85 -8.85", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }), _jsx("span", { className: "solid-sr-only", children: "Toggle theme" })] }), showBack && (_jsx("button", { type: "button", className: "solid-admin-back-btn", onClick: function () { return router.back(); }, "aria-label": "Go back", children: "Back" }))] })] }) }));
+};
+//# sourceMappingURL=AdminTopHeader.js.map

package/dist/components/layout/AdminTopHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminTopHeader.js","sourceRoot":"","sources":["../../../src/components/layout/AdminTopHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,IAAM,oBAAoB,GAAG,uBAAuB,CAAC;AAErD,IAAM,OAAO,GAAG,UAAC,KAAa;IAC5B,OAAA,kBAAkB,CAAC,KAAK,CAAC;SACtB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC;SACrB,OAAO,CAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC;AAF3C,CAE2C,CAAC;AAE9C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IACnB,IAAA,eAAe,GAAK,UAAU,CAAC,aAAa,CAAC,gBAA9B,CAA+B;IAEtD,kEAAkE;IAClE,qEAAqE;IACrE,oEAAoE;IACpE,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACtC,IAAM,cAAc,GAAK,0BAA0B,CAAC,QAAkB,EAAE;QAC9E,IAAI,EAAE,CAAC,QAAQ;KAChB,CAAC,KAF0B,CAEzB;IAEH,IAAM,MAAM,GAAG,OAAO,CAAC;;QACrB,uEAAuE;QACvE,IAAM,UAAU,GAAG,MAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,IAAI,mCAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,mCAAI,cAAc,CAAC;QACxF,IAAM,aAAa,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,WAAW,MAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,IAAI,CAAA,CAAC;QAClF,IAAM,YAAY,GAAG,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,WAAW,MAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,0CAAE,IAAI,CAAA,CAAC;QAC/E,IAAM,aAAa,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,MAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,CAAC;QAClE,IAAM,YAAY,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,KAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3E,IAAM,qBAAqB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,YAAY,KAAK,QAAQ,CAAC;QAE7E,4DAA4D;QAC5D,iCAAiC;QACjC,2EAA2E;QAC3E,2EAA2E;QAC3E,wCAAwC;QACxC,IAAI,qBAAqB,IAAI,CAAC,aAAa,IAAI,YAAY,IAAI,aAAa,CAAC,EAAE;YAC7E,OAAO,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACrE;QAED,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrD,uEAAuE;QACvE,oEAAoE;QACpE,iEAAiE;QACjE,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YACrD,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAM,IAAI,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,OAAO,CAAC,IAAK,CAAC,EAAd,CAAc,CAAC,CAAC;YAC7F,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;SACvC;QAED,IAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QACtD,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAElD,+DAA+D;QAC/D,IAAI,YAAY,IAAI,UAAU,EAAE;YAC9B,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,OAAO,CAAC,IAAK,CAAC,EAAd,CAAc,CAAC,CAAC;SACjF;QAED,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvD,IAAM,QAAQ,GAAG,0CAA0C,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE3E,IAAM,cAAc,GAAG;QACrB,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAO,CACL,iBAAQ,SAAS,EAAC,oBAAoB,YACpC,eAAK,SAAS,EAAC,0BAA0B,aACvC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,cAAc,gBACZ,gBAAgB,YAE3B,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aAC5E,eAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,GAAG,EAC1E,eAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,cAAc,GAAG,EAC5C,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,GAAG,IAC3E,GACC,EAET,cAAK,SAAS,EAAC,wBAAwB,GAAG,EAE1C,cAAK,SAAS,EAAC,yBAAyB,gBAAY,YAAY,YAC7D,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC5B,gBAAgC,SAAS,EAAC,mBAAmB,aAC1D,KAAK,GAAG,CAAC,IAAI,eAAM,SAAS,EAAC,uBAAuB,uBAAS,EAC9D,yBAAO,KAAK,GAAQ,KAFX,UAAG,KAAK,cAAI,KAAK,CAAE,CAGvB,CACR,EAL6B,CAK7B,CAAC,GACE,EAEN,eAAK,SAAS,EAAC,4BAA4B,aACzC,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,eAAe,gBACb,cAAc,EACzB,KAAK,EAAC,cAAc,aAEpB,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aAC/G,eAAM,CAAC,EAAC,4CAA4C,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAC1I,eAAM,CAAC,EAAC,YAAY,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAC1G,eAAM,CAAC,EAAC,kBAAkB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EAChH,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,EACnH,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,IAC/G,EACN,eAAM,SAAS,EAAC,eAAe,6BAAoB,IAC5C,EAER,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,EAAE,EAAb,CAAa,gBACjB,SAAS,qBAGb,CACV,IACG,IACF,GACC,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useGetSolidActionByIdQuery } from \"../../redux/api/solidActionApi\";\nimport { LayoutContext } from \"./context/layoutcontext\";\n\nconst SIDEBAR_TOGGLE_EVENT = \"solidx:sidebar-toggle\";\n\nconst toLabel = (value: string) =>\n  decodeURIComponent(value)\n    .replace(/[-_]/g, \" \")\n    .replace(/\\b\\w/g, (m) => m.toUpperCase());\n\nexport const AdminTopHeader = () => {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const router = useRouter();\n  const { toggleThemeMode } = useContext(LayoutContext);\n\n  // We treat actionId as the source of truth for breadcrumb labels.\n  // If present, we resolve module/model/action via action-metadata API\n  // so breadcrumbs are consistent across list/form/tree/kanban pages.\n  const actionId = searchParams.get(\"actionId\");\n  const { data: actionResponse } = useGetSolidActionByIdQuery(actionId as string, {\n    skip: !actionId,\n  });\n\n  const crumbs = useMemo(() => {\n    // API response shapes vary by adapter layer, so normalize defensively.\n    const actionData = actionResponse?.data?.data ?? actionResponse?.data ?? actionResponse;\n    const moduleFromApi = actionData?.module?.displayName || actionData?.module?.name;\n    const modelFromApi = actionData?.model?.displayName || actionData?.model?.name;\n    const actionFromApi = actionData?.displayName || actionData?.name;\n    const actionDataId = actionData?.id != null ? String(actionData.id) : null;\n    const hasMatchingActionData = Boolean(actionId) && actionDataId === actionId;\n\n    // Priority 1: exact business breadcrumb contract requested:\n    // <module> > <model> > <action>.\n    // We only trust API crumbs when they belong to the current URL's actionId.\n    // This avoids stale list breadcrumbs bleeding into form routes that do not\n    // carry actionId in their query string.\n    if (hasMatchingActionData && (moduleFromApi || modelFromApi || actionFromApi)) {\n      return [moduleFromApi, modelFromApi, actionFromApi].filter(Boolean);\n    }\n\n    const segments = pathname.split(\"/\").filter(Boolean);\n    // Priority 2: derive from route segments when API data is unavailable.\n    // This is intentionally ahead of query fallback so form pages don't\n    // inherit stale list query labels after list -> form navigation.\n    if (segments[0] === \"admin\" && segments[1] === \"core\") {\n      const moduleName = segments[2];\n      const modelName = segments[3];\n      const viewName = segments[4];\n      const next = [moduleName, modelName, viewName].filter(Boolean).map((item) => toLabel(item!));\n      return next.length ? next : [\"Admin\"];\n    }\n\n    const menuItemName = searchParams.get(\"menuItemName\");\n    const actionName = searchParams.get(\"actionName\");\n\n    // Priority 3: legacy URL-query fallback for older links/pages.\n    if (menuItemName || actionName) {\n      return [menuItemName, actionName].filter(Boolean).map((item) => toLabel(item!));\n    }\n\n    return [\"Admin\"];\n  }, [actionId, actionResponse, pathname, searchParams]);\n\n  const showBack = /\\/admin\\/core\\/[^/]+\\/[^/]+\\/form\\/[^/]+/.test(pathname);\n\n  const triggerSidebar = () => {\n    window.dispatchEvent(new CustomEvent(SIDEBAR_TOGGLE_EVENT));\n  };\n\n  return (\n    <header className=\"solid-admin-header\">\n      <div className=\"solid-admin-header-inner\">\n        <button\n          type=\"button\"\n          className=\"solid-admin-sidebar-trigger\"\n          onClick={triggerSidebar}\n          aria-label=\"Toggle sidebar\"\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"1.5\" y=\"2\" width=\"13\" height=\"12\" rx=\"2\" stroke=\"currentColor\" />\n            <path d=\"M5.5 2V14\" stroke=\"currentColor\" />\n            <rect x=\"8\" y=\"5.25\" width=\"4.5\" height=\"5.5\" rx=\"0.9\" stroke=\"currentColor\" />\n          </svg>\n        </button>\n\n        <div className=\"solid-admin-header-sep\" />\n\n        <nav className=\"solid-admin-breadcrumbs\" aria-label=\"Breadcrumb\">\n          {crumbs.map((crumb, index) => (\n            <span key={`${crumb}-${index}`} className=\"solid-admin-crumb\">\n              {index > 0 && <span className=\"solid-admin-crumb-sep\">›</span>}\n              <span>{crumb}</span>\n            </span>\n          ))}\n        </nav>\n\n        <div className=\"solid-admin-header-actions\">\n          <button\n            type=\"button\"\n            className=\"solid-admin-theme-toggle\"\n            onClick={toggleThemeMode}\n            aria-label=\"Toggle theme\"\n            title=\"Toggle theme\"\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 3l0 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 9l4.65 -4.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 14.3l7.37 -7.37\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n              <path d=\"M12 19.6l8.85 -8.85\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            </svg>\n            <span className=\"solid-sr-only\">Toggle theme</span>\n          </button>\n\n          {showBack && (\n            <button\n              type=\"button\"\n              className=\"solid-admin-back-btn\"\n              onClick={() => router.back()}\n              aria-label=\"Go back\"\n            >\n              Back\n            </button>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n"]}