menu short cuts for each system dynamic entity that exists

Author: simonredfern

src/routes/+layout.svelte

@@ -70,6 +70,7 @@
   let isAccountAccessExpanded = $state(false);
   let isDynamicEntitiesExpanded = $state(false);
   let displayMode: "dark" | "light" = $state("dark");
+  let systemDynamicEntities = $state<any[]>([]);
 
   async function clearCache() {
     try {
@@ -111,6 +112,26 @@
     }
   });
 
+  // Fetch system dynamic entities for shortcuts
+  onMount(async () => {
+    if (isAuthenticated) {
+      try {
+        const response = await fetch("/api/dynamic-entities/system/list", {
+          credentials: "include",
+        });
+        if (response.ok) {
+          const data = await response.json();
+          systemDynamicEntities = data.entities || [];
+          logger.info(
+            `✅ Loaded ${systemDynamicEntities.length} system dynamic entities`,
+          );
+        }
+      } catch (error) {
+        logger.error("Failed to fetch system dynamic entities:", error);
+      }
+    }
+  });
+
   let isMyAccountActive = $derived(
     page.url.pathname === "/user" || page.url.pathname.startsWith("/user/"),
   );
@@ -639,6 +660,39 @@
                     <span>{subItem.label}</span>
                   </a>
                 {/each}
+
+                {#if systemDynamicEntities.length > 0}
+                  <div
+                    class="my-2 border-t border-gray-300 dark:border-gray-600"
+                  ></div>
+                  {#each systemDynamicEntities as entity}
+                    {@const entityName =
+                      Object.keys(entity).find(
+                        (key) =>
+                          ![
+                            "userId",
+                            "dynamicEntityId",
+                            "hasPersonalEntity",
+                          ].includes(key),
+                      ) || "Unknown"}
+                    <a
+                      href="/dynamic-entities/system/{entity.dynamicEntityId}/crud"
+                      class="btn w-full justify-start gap-3 px-2 pl-6 text-sm hover:preset-tonal"
+                      class:preset-filled-secondary-50-950={page.url
+                        .pathname ===
+                        `/dynamic-entities/system/${entity.dynamicEntityId}/crud`}
+                      class:border-l-2={page.url.pathname ===
+                        `/dynamic-entities/system/${entity.dynamicEntityId}/crud`}
+                      class:border-primary-500={page.url.pathname ===
+                        `/dynamic-entities/system/${entity.dynamicEntityId}/crud`}
+                      title={entityName}
+                      aria-label={entityName}
+                    >
+                      <Database class="size-4" />
+                      <span>{entityName}</span>
+                    </a>
+                  {/each}
+                {/if}
               </Navigation.Menu>
             {/if}
           </Navigation.Group>

src/routes/api/dynamic-entities/system/list/+server.ts

@@ -0,0 +1,54 @@
+import { json } from "@sveltejs/kit";
+import type { RequestHandler } from "./$types";
+import { obp_requests } from "$lib/obp/requests";
+import { SessionOAuthHelper } from "$lib/oauth/sessionHelper";
+import { createLogger } from "$lib/utils/logger";
+
+const logger = createLogger("SystemDynamicEntitiesListAPI");
+
+export const GET: RequestHandler = async ({ locals }) => {
+  const session = locals.session;
+
+  if (!session?.data?.user) {
+    return json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  const sessionOAuth = SessionOAuthHelper.getSessionOAuth(session);
+  const accessToken = sessionOAuth?.accessToken;
+
+  if (!accessToken) {
+    logger.warn("No access token available");
+    return json({ error: "No API access token available" }, { status: 401 });
+  }
+
+  try {
+    logger.info("Fetching system dynamic entities list");
+
+    const endpoint = `/obp/v4.0.0/management/system-dynamic-entities`;
+    const response = await obp_requests.get(endpoint, accessToken);
+
+    const entities = response.dynamic_entities || [];
+
+    logger.info(`Retrieved ${entities.length} system dynamic entities`);
+    return json({ entities });
+  } catch (err) {
+    logger.error("Error fetching system dynamic entities:", err);
+
+    let errorMessage = "Failed to fetch system dynamic entities";
+    let obpErrorCode = undefined;
+
+    if (err instanceof Error) {
+      errorMessage = err.message;
+      if ("obpErrorCode" in err) {
+        obpErrorCode = (err as any).obpErrorCode;
+      }
+    }
+
+    const errorResponse: any = { error: errorMessage };
+    if (obpErrorCode) {
+      errorResponse.obpErrorCode = obpErrorCode;
+    }
+
+    return json(errorResponse, { status: 500 });
+  }
+};