@igstack/app-catalog-frontend-core 0.16.0 → 0.17.1-alpha-20260821043201

package/dist/esm/__tests__/integration/mock-backend/magazines.d.ts

@@ -11,7 +11,7 @@ export type Magazine = (ctx: ConfigurerContext) => void;
 export declare const magazine: {
     /** No apps, no tags, no approval methods */
     empty: () => void;
-    /** 1 app (Jira), 1 tag, 1 approval method — accepts optional post-configurer */
+    /** 1 app (TaskFlow), 1 tag, 1 approval method — accepts optional post-configurer */
     single: (postConfigure?: Magazine) => Magazine;
     /** Full catalog, first-time user — accepts optional post-configurer */
     full: (postConfigure?: Magazine) => Magazine;

package/dist/esm/__tests__/integration/tools/AppDetailTools.d.ts

@@ -41,6 +41,22 @@ export declare class AppDetailTools {
     clickViewReplacement(): Promise<void>;
     /** The title shown in the currently open detail panel (empty if none). */
     getOpenTitle(): string;
+    /**
+     * The prominent primary "Open" button in the app detail card.
+     * Returns the anchor element when the app has an appUrl, null otherwise.
+     */
+    getOpenButton(): HTMLAnchorElement | null;
+    /**
+     * Get sub-resource detail panel data when a sub-resource is selected.
+     * Returns null if the sub-resource detail panel is not shown.
+     */
+    getSubResourceDetail(): {
+        subResourceName: string;
+        hasStep1: boolean;
+        hasStep2: boolean;
+        backButtonLabel: string | null;
+    } | null;
+    clickBackToParent(): Promise<void>;
     private getPanel;
     private findHeading;
     private getNextSiblingText;

package/dist/esm/__tests__/integration/tools/CatalogTools.d.ts

@@ -48,6 +48,18 @@ export declare class CatalogTools {
      * "Your apps" and "Browse all").
      */
     private getLauncherRows;
+    /**
+     * Get expandable subresource rows shown under parents in search results.
+     * Returns null if no sub-rows are visible.
+     */
+    getSubResourceRows(): {
+        visible: number;
+        total: number;
+        hasExpandRow: boolean;
+        names: string[];
+    } | null;
+    clickSubResource(displayName: string): Promise<void>;
+    expandSubResources(): Promise<void>;
     /**
      * Get the main catalog table (first table on page, skipping sub-resource tables in detail panel).
      */

package/dist/esm/api/infra/trpc.d.ts

@@ -34,6 +34,14 @@ declare const TRPCProvider: import('react').FunctionComponent<{
                 output: import('@igstack/app-catalog-backend-core').Resource;
                 meta: object;
             }>;
+            updateAiMemory: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    id: string;
+                    aiMemory: string | null;
+                };
+                output: import('@igstack/app-catalog-backend-core').Resource;
+                meta: object;
+            }>;
         }>>;
         auth: import('@trpc/server').TRPCBuiltRouter<{
             ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
@@ -103,6 +111,14 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             output: import('@igstack/app-catalog-backend-core').Resource;
             meta: object;
         }>;
+        updateAiMemory: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                id: string;
+                aiMemory: string | null;
+            };
+            output: import('@igstack/app-catalog-backend-core').Resource;
+            meta: object;
+        }>;
     }>>;
     auth: import('@trpc/server').TRPCBuiltRouter<{
         ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
@@ -171,6 +187,14 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             output: import('@igstack/app-catalog-backend-core').Resource;
             meta: object;
         }>;
+        updateAiMemory: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                id: string;
+                aiMemory: string | null;
+            };
+            output: import('@igstack/app-catalog-backend-core').Resource;
+            meta: object;
+        }>;
     }>>;
     auth: import('@trpc/server').TRPCBuiltRouter<{
         ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;

package/dist/esm/modules/appCatalog/hooks/useUpdateApp.d.ts

@@ -20,6 +20,9 @@ export declare function useUpdateApp(): import('@tanstack/react-query').UseMutat
     } | undefined;
     createdAt?: string | undefined;
     type?: string | undefined;
+    lastCheckedAt?: string | null | undefined;
+    nextCheckAfter?: string | null | undefined;
+    lastContentChangeAt?: string | null | undefined;
     abbreviation?: string | undefined;
     nicknames?: string[] | undefined;
     description?: string | undefined;
@@ -50,6 +53,7 @@ export declare function useUpdateApp(): import('@tanstack/react-query').UseMutat
     iconName?: string | undefined;
     screenshotIds?: string[] | undefined;
     aiPrompt?: string | undefined;
+    aiMemory?: string | undefined;
     urlIssues?: string[] | undefined;
     tiers?: {
         tierSlug: string;
@@ -81,8 +85,6 @@ export declare function useUpdateApp(): import('@tanstack/react-query').UseMutat
     accessMaintainerGroupSlugs?: string[] | undefined;
     accessComments?: string | undefined;
     extra?: Record<string, unknown> | undefined;
-    lastCheckedAt?: string | null | undefined;
-    nextCheckAfter?: string | null | undefined;
     sources?: string[] | {
         sourceSlug: string;
         url: string;
@@ -90,6 +92,7 @@ export declare function useUpdateApp(): import('@tanstack/react-query').UseMutat
     }[] | undefined;
     freshness?: {
         lastCheckedAt: string | null;
+        lastContentChangeAt: string | null;
         isStale: boolean;
     } | undefined;
 }, Error, UpdateAppVariables, unknown>;

package/dist/esm/modules/appCatalog/ui/components/AccessPrerequisiteChain.d.ts

@@ -5,7 +5,7 @@ import { Resource } from '@igstack/app-catalog-backend-core';
  * the user must obtain the parent's access FIRST. That chain is invisible
  * otherwise, so surface it explicitly as ordered steps:
  *
- *   Step 1 — get access to <parent> (e.g. AWS Console via IT Helpdesk)
+ *   Step 1 — get access to <parent> (e.g. AWS Console via Support Portal)
  *   Step 2 — get access to THIS resource (contact its owner / access contacts)
  *
  * Renders nothing for root resources or children with no access-bearing parent.

package/dist/esm/modules/appCatalog/ui/components/AccessPrerequisiteChain.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessPrerequisiteChain.js","sources":["../../../../../../src/modules/appCatalog/ui/components/AccessPrerequisiteChain.tsx"],"sourcesContent":["import type { Resource } from '@igstack/app-catalog-backend-core'\nimport { ArrowRight, KeyRound } from 'lucide-react'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\nimport { getAccessPrerequisiteChain } from '../../utils/resolveHelpers'\n\n/**\n * Two-step (prerequisite) access banner (#38 item D). When the viewed resource\n * is a child whose ancestor(s) carry an access policy, the domain model says\n * the user must obtain the parent's access FIRST. That chain is invisible\n * otherwise, so surface it explicitly as ordered steps:\n *\n *   Step 1 — get access to <parent> (e.g. AWS Console via IT Helpdesk)\n *   Step 2 — get access to THIS resource (contact its owner / access contacts)\n *\n * Renders nothing for root resources or children with no access-bearing parent.\n * `onOpenParent` lets the user jump to the parent's full access instructions.\n */\nexport function AccessPrerequisiteChain({\n  resource,\n  onOpenParent,\n}: {\n  resource: Resource\n  onOpenParent?: (parent: Resource) => void\n}) {\n  const { resources } = useAppCatalogContext()\n  const chain = getAccessPrerequisiteChain(resources, resource)\n  if (chain.length === 0) return null\n\n  // Steps = each prerequisite ancestor (root→nearest), then this resource last.\n  const steps = [...chain, resource]\n\n  return (\n    <div\n      className=\"mt-6 rounded-lg border-[1.5px] border-primary/40 bg-primary/[0.03] p-4\"\n      role=\"note\"\n      aria-label=\"Access requires prerequisite steps\"\n    >\n      <h3 className=\"mb-1 flex items-center gap-1.5 text-sm font-semibold text-foreground\">\n        <KeyRound className=\"size-4 text-primary\" />\n        Two-step access\n      </h3>\n      <p className=\"mb-3 text-xs text-muted-foreground\">\n        This resource is nested — you need access to its parent first, then to\n        the resource itself.\n      </p>\n      <ol className=\"space-y-2\">\n        {steps.map((r, i) => {\n          const isLast = i === steps.length - 1\n          return (\n            <li key={r.slug} className=\"flex items-start gap-2.5 text-sm\">\n              <span className=\"mt-0.5 grid size-5 shrink-0 place-items-center rounded-full bg-primary text-[11px] font-bold text-primary-foreground\">\n                {i + 1}\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"text-muted-foreground\">Get access to </span>\n                {isLast ? (\n                  <span className=\"font-semibold\">this resource</span>\n                ) : onOpenParent ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onOpenParent(r)}\n                    className=\"inline-flex items-center gap-1 font-semibold text-primary hover:underline\"\n                  >\n                    {r.displayName}\n                    <ArrowRight className=\"size-3\" />\n                  </button>\n                ) : (\n                  <span className=\"font-semibold\">{r.displayName}</span>\n                )}\n                {!isLast && (\n                  <span className=\"text-muted-foreground\">\n                    {' '}\n                    (see its access instructions)\n                  </span>\n                )}\n                {isLast && (\n                  <span className=\"text-muted-foreground\">\n                    {' '}\n                    — details below.\n                  </span>\n                )}\n              </span>\n            </li>\n          )\n        })}\n      </ol>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,UAAA,IAAc,qBAAA;AACtB,QAAM,QAAQ,2BAA2B,WAAW,QAAQ;AAC5D,MAAI,MAAM,WAAW,EAAG,QAAO;AAG/B,QAAM,QAAQ,CAAC,GAAG,OAAO,QAAQ;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,qBAAC,MAAA,EAAG,WAAU,wEACZ,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,WAAU,sBAAA,CAAsB;AAAA,UAAE;AAAA,QAAA,GAE9C;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,sCAAqC,UAAA,+FAGlD;AAAA,QACA,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,GAAG,MAAM;AACnB,gBAAM,SAAS,MAAM,MAAM,SAAS;AACpC,iBACE,qBAAC,MAAA,EAAgB,WAAU,oCACzB,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wHACb,UAAA,IAAI,GACP;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,WACd,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,kBAAc;AAAA,cACrD,SACC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,gBAAA,CAAa,IAC3C,eACF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,aAAa,CAAC;AAAA,kBAC7B,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAA,EAAE;AAAA,oBACH,oBAAC,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,IAGjC,oBAAC,QAAA,EAAK,WAAU,iBAAiB,YAAE,aAAY;AAAA,cAEhD,CAAC,UACA,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,gBAAA;AAAA,gBAAI;AAAA,cAAA,GAEP;AAAA,cAED,UACC,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,gBAAA;AAAA,gBAAI;AAAA,cAAA,EAAA,CAEP;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,GAhCO,EAAE,IAiCX;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"AccessPrerequisiteChain.js","sources":["../../../../../../src/modules/appCatalog/ui/components/AccessPrerequisiteChain.tsx"],"sourcesContent":["import type { Resource } from '@igstack/app-catalog-backend-core'\nimport { ArrowRight, KeyRound } from 'lucide-react'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\nimport { getAccessPrerequisiteChain } from '../../utils/resolveHelpers'\n\n/**\n * Two-step (prerequisite) access banner (#38 item D). When the viewed resource\n * is a child whose ancestor(s) carry an access policy, the domain model says\n * the user must obtain the parent's access FIRST. That chain is invisible\n * otherwise, so surface it explicitly as ordered steps:\n *\n *   Step 1 — get access to <parent> (e.g. AWS Console via Support Portal)\n *   Step 2 — get access to THIS resource (contact its owner / access contacts)\n *\n * Renders nothing for root resources or children with no access-bearing parent.\n * `onOpenParent` lets the user jump to the parent's full access instructions.\n */\nexport function AccessPrerequisiteChain({\n  resource,\n  onOpenParent,\n}: {\n  resource: Resource\n  onOpenParent?: (parent: Resource) => void\n}) {\n  const { resources } = useAppCatalogContext()\n  const chain = getAccessPrerequisiteChain(resources, resource)\n  if (chain.length === 0) return null\n\n  // Steps = each prerequisite ancestor (root→nearest), then this resource last.\n  const steps = [...chain, resource]\n\n  return (\n    <div\n      className=\"mt-6 rounded-lg border-[1.5px] border-primary/40 bg-primary/[0.03] p-4\"\n      role=\"note\"\n      aria-label=\"Access requires prerequisite steps\"\n    >\n      <h3 className=\"mb-1 flex items-center gap-1.5 text-sm font-semibold text-foreground\">\n        <KeyRound className=\"size-4 text-primary\" />\n        Two-step access\n      </h3>\n      <p className=\"mb-3 text-xs text-muted-foreground\">\n        This resource is nested — you need access to its parent first, then to\n        the resource itself.\n      </p>\n      <ol className=\"space-y-2\">\n        {steps.map((r, i) => {\n          const isLast = i === steps.length - 1\n          return (\n            <li key={r.slug} className=\"flex items-start gap-2.5 text-sm\">\n              <span className=\"mt-0.5 grid size-5 shrink-0 place-items-center rounded-full bg-primary text-[11px] font-bold text-primary-foreground\">\n                {i + 1}\n              </span>\n              <span className=\"min-w-0\">\n                <span className=\"text-muted-foreground\">Get access to </span>\n                {isLast ? (\n                  <span className=\"font-semibold\">this resource</span>\n                ) : onOpenParent ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => onOpenParent(r)}\n                    className=\"inline-flex items-center gap-1 font-semibold text-primary hover:underline\"\n                  >\n                    {r.displayName}\n                    <ArrowRight className=\"size-3\" />\n                  </button>\n                ) : (\n                  <span className=\"font-semibold\">{r.displayName}</span>\n                )}\n                {!isLast && (\n                  <span className=\"text-muted-foreground\">\n                    {' '}\n                    (see its access instructions)\n                  </span>\n                )}\n                {isLast && (\n                  <span className=\"text-muted-foreground\">\n                    {' '}\n                    — details below.\n                  </span>\n                )}\n              </span>\n            </li>\n          )\n        })}\n      </ol>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,UAAA,IAAc,qBAAA;AACtB,QAAM,QAAQ,2BAA2B,WAAW,QAAQ;AAC5D,MAAI,MAAM,WAAW,EAAG,QAAO;AAG/B,QAAM,QAAQ,CAAC,GAAG,OAAO,QAAQ;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,qBAAC,MAAA,EAAG,WAAU,wEACZ,UAAA;AAAA,UAAA,oBAAC,UAAA,EAAS,WAAU,sBAAA,CAAsB;AAAA,UAAE;AAAA,QAAA,GAE9C;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,sCAAqC,UAAA,+FAGlD;AAAA,QACA,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,GAAG,MAAM;AACnB,gBAAM,SAAS,MAAM,MAAM,SAAS;AACpC,iBACE,qBAAC,MAAA,EAAgB,WAAU,oCACzB,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,wHACb,UAAA,IAAI,GACP;AAAA,YACA,qBAAC,QAAA,EAAK,WAAU,WACd,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,kBAAc;AAAA,cACrD,SACC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,gBAAA,CAAa,IAC3C,eACF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,aAAa,CAAC;AAAA,kBAC7B,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAA,EAAE;AAAA,oBACH,oBAAC,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,IAGjC,oBAAC,QAAA,EAAK,WAAU,iBAAiB,YAAE,aAAY;AAAA,cAEhD,CAAC,UACA,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,gBAAA;AAAA,gBAAI;AAAA,cAAA,GAEP;AAAA,cAED,UACC,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,gBAAA;AAAA,gBAAI;AAAA,cAAA,EAAA,CAEP;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,GAhCO,EAAE,IAiCX;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/modules/appCatalog/ui/components/SubResourceDetailPanel.d.ts

@@ -0,0 +1,9 @@
+import { AppApprovalMethod, Resource } from '@igstack/app-catalog-backend-core';
+interface SubResourceDetailPanelProps {
+    subResource: Resource;
+    parent: Resource;
+    approvalMethods: AppApprovalMethod[];
+    onBack: () => void;
+}
+export declare function SubResourceDetailPanel({ subResource, parent, approvalMethods, onBack, }: SubResourceDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/appCatalog/ui/components/SubResourceDetailPanel.js

@@ -0,0 +1,90 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { Button } from "../../../../ui/button.js";
+import { Badge } from "../../../../ui/badge.js";
+import { AccessRequestSection } from "./AccessRequestSection.js";
+function StepBadge({ step }) {
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center size-6 rounded-full bg-primary text-primary-foreground text-xs font-semibold shrink-0", children: step });
+}
+function SubResourceDetailPanel({
+  subResource,
+  parent,
+  approvalMethods,
+  onBack
+}) {
+  const hasParentAccess = !!parent.accessRequest;
+  const hasSubAccess = !!subResource.accessRequest;
+  const hasTwoStepAccess = hasParentAccess && hasSubAccess;
+  const hasAnyAccess = hasParentAccess || hasSubAccess;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col p-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: onBack,
+        className: "gap-1.5 text-muted-foreground hover:text-foreground -ml-2",
+        "aria-label": `Back to ${parent.displayName}`,
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { children: parent.displayName })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "border-b pb-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: subResource.displayName }),
+        subResource.tier && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: subResource.tier })
+      ] }),
+      subResource.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: subResource.description }),
+      (subResource.aliases ?? []).length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+        "Also known as: ",
+        (subResource.aliases ?? []).join(", ")
+      ] })
+    ] }),
+    hasAnyAccess && /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-6", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "How to get access" }),
+      hasTwoStepAccess ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(StepBadge, { step: 1 }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: parent.displayName })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pl-8", children: /* @__PURE__ */ jsx(
+            AccessRequestSection,
+            {
+              app: parent,
+              approvalMethods
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(StepBadge, { step: 2 }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: subResource.displayName })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pl-8", children: /* @__PURE__ */ jsx(
+            AccessRequestSection,
+            {
+              app: subResource,
+              approvalMethods
+            }
+          ) })
+        ] })
+      ] }) : (
+        /* Single-step: only one of them has access info */
+        /* @__PURE__ */ jsx(
+          AccessRequestSection,
+          {
+            app: hasParentAccess ? parent : subResource,
+            approvalMethods
+          }
+        )
+      )
+    ] })
+  ] });
+}
+export {
+  SubResourceDetailPanel
+};
+//# sourceMappingURL=SubResourceDetailPanel.js.map

package/dist/esm/modules/appCatalog/ui/components/SubResourceDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubResourceDetailPanel.js","sources":["../../../../../../src/modules/appCatalog/ui/components/SubResourceDetailPanel.tsx"],"sourcesContent":["import type {\n  AppApprovalMethod,\n  Resource,\n} from '@igstack/app-catalog-backend-core'\nimport { ArrowLeft } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport { Badge } from '~/ui/badge'\nimport { AccessRequestSection } from './AccessRequestSection'\n\ninterface SubResourceDetailPanelProps {\n  subResource: Resource\n  parent: Resource\n  approvalMethods: AppApprovalMethod[]\n  onBack: () => void\n}\n\nfunction StepBadge({ step }: { step: number }) {\n  return (\n    <span className=\"inline-flex items-center justify-center size-6 rounded-full bg-primary text-primary-foreground text-xs font-semibold shrink-0\">\n      {step}\n    </span>\n  )\n}\n\nexport function SubResourceDetailPanel({\n  subResource,\n  parent,\n  approvalMethods,\n  onBack,\n}: SubResourceDetailPanelProps) {\n  const hasParentAccess = !!parent.accessRequest\n  const hasSubAccess = !!subResource.accessRequest\n  const hasTwoStepAccess = hasParentAccess && hasSubAccess\n  const hasAnyAccess = hasParentAccess || hasSubAccess\n\n  return (\n    <div className=\"flex h-full flex-col p-6\">\n      {/* Back navigation */}\n      <div className=\"mb-4\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={onBack}\n          className=\"gap-1.5 text-muted-foreground hover:text-foreground -ml-2\"\n          aria-label={`Back to ${parent.displayName}`}\n        >\n          <ArrowLeft className=\"size-4\" />\n          <span>{parent.displayName}</span>\n        </Button>\n      </div>\n\n      {/* Sub-resource title */}\n      <div className=\"border-b pb-4\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <h2 className=\"text-xl font-semibold\">{subResource.displayName}</h2>\n          {subResource.tier && (\n            <Badge variant=\"outline\" className=\"text-xs\">\n              {subResource.tier}\n            </Badge>\n          )}\n        </div>\n        {subResource.description && (\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {subResource.description}\n          </p>\n        )}\n        {(subResource.aliases ?? []).length > 0 && (\n          <p className=\"text-xs text-muted-foreground mt-1\">\n            Also known as: {(subResource.aliases ?? []).join(', ')}\n          </p>\n        )}\n      </div>\n\n      {/* Two-step access section */}\n      {hasAnyAccess && (\n        <div className=\"mt-6 space-y-6\">\n          <h3 className=\"text-sm font-medium\">How to get access</h3>\n\n          {hasTwoStepAccess ? (\n            <>\n              {/* Step 1: Parent access */}\n              <div className=\"space-y-2\">\n                <div className=\"flex items-center gap-2\">\n                  <StepBadge step={1} />\n                  <span className=\"text-sm font-medium text-muted-foreground\">\n                    {parent.displayName}\n                  </span>\n                </div>\n                <div className=\"pl-8\">\n                  <AccessRequestSection\n                    app={parent}\n                    approvalMethods={approvalMethods}\n                  />\n                </div>\n              </div>\n\n              {/* Step 2: Sub-resource access */}\n              <div className=\"space-y-2\">\n                <div className=\"flex items-center gap-2\">\n                  <StepBadge step={2} />\n                  <span className=\"text-sm font-medium text-muted-foreground\">\n                    {subResource.displayName}\n                  </span>\n                </div>\n                <div className=\"pl-8\">\n                  <AccessRequestSection\n                    app={subResource}\n                    approvalMethods={approvalMethods}\n                  />\n                </div>\n              </div>\n            </>\n          ) : (\n            /* Single-step: only one of them has access info */\n            <AccessRequestSection\n              app={hasParentAccess ? parent : subResource}\n              approvalMethods={approvalMethods}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAgBA,SAAS,UAAU,EAAE,QAA0B;AAC7C,SACE,oBAAC,QAAA,EAAK,WAAU,iIACb,UAAA,MACH;AAEJ;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,kBAAkB,CAAC,CAAC,OAAO;AACjC,QAAM,eAAe,CAAC,CAAC,YAAY;AACnC,QAAM,mBAAmB,mBAAmB;AAC5C,QAAM,eAAe,mBAAmB;AAExC,SACE,qBAAC,OAAA,EAAI,WAAU,4BAEb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACV,cAAY,WAAW,OAAO,WAAW;AAAA,QAEzC,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU,WAAU,SAAA,CAAS;AAAA,UAC9B,oBAAC,QAAA,EAAM,UAAA,OAAO,YAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE9B;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,YAAY,aAAY;AAAA,QAC9D,YAAY,QACX,oBAAC,OAAA,EAAM,SAAQ,WAAU,WAAU,WAChC,UAAA,YAAY,KAAA,CACf;AAAA,MAAA,GAEJ;AAAA,MACC,YAAY,eACX,oBAAC,OAAE,WAAU,sCACV,sBAAY,aACf;AAAA,OAEA,YAAY,WAAW,CAAA,GAAI,SAAS,KACpC,qBAAC,KAAA,EAAE,WAAU,sCAAqC,UAAA;AAAA,QAAA;AAAA,SAC/B,YAAY,WAAW,CAAA,GAAI,KAAK,IAAI;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,GAEJ;AAAA,IAGC,gBACC,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,uBAAsB,UAAA,qBAAiB;AAAA,MAEpD,mBACC,qBAAA,UAAA,EAEE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,oBAAC,WAAA,EAAU,MAAM,EAAA,CAAG;AAAA,YACpB,oBAAC,QAAA,EAAK,WAAU,6CACb,iBAAO,YAAA,CACV;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,QAGA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,oBAAC,WAAA,EAAU,MAAM,EAAA,CAAG;AAAA,YACpB,oBAAC,QAAA,EAAK,WAAU,6CACb,sBAAY,YAAA,CACf;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA;AAAA,QAGA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,kBAAkB,SAAS;AAAA,YAChC;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,IACF,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.d.ts

@@ -5,7 +5,7 @@ interface SubResourcesSectionProps {
      * Initial filter text (#38 item C). When the user reached this app by
      * searching a term that matched a sub-resource, seed the sub-resource filter
      * with that term so the matched child is revealed instead of buried in a
-     * long list (e.g. searching "biom" → open AWS Console → the biomarker
+     * long list (e.g. searching "data" → open Cloud Console → the matching
      * account is pre-filtered). Only applied when it actually matches a child.
      */
     initialSearch?: string;

package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubResourcesSection.js","sources":["../../../../../../src/modules/appCatalog/ui/components/SubResourcesSection.tsx"],"sourcesContent":["import type { Resource } from '@igstack/app-catalog-backend-core'\nimport { Check, Copy, Search } from 'lucide-react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Badge } from '~/ui/badge'\nimport { Input } from '~/ui/input'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { PersonBadge } from './PersonBadge'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '~/ui/select'\nimport { useAppCatalogContext } from '~/modules/appCatalog'\nimport { getGroupBySlug } from '~/modules/appCatalog/utils/resolveHelpers'\nimport { markdownToPlainText } from '~/modules/appCatalog/utils/markdownToPlainText'\n\ninterface SubResourcesSectionProps {\n  subResources: Resource[]\n  /**\n   * Initial filter text (#38 item C). When the user reached this app by\n   * searching a term that matched a sub-resource, seed the sub-resource filter\n   * with that term so the matched child is revealed instead of buried in a\n   * long list (e.g. searching \"biom\" → open AWS Console → the biomarker\n   * account is pre-filtered). Only applied when it actually matches a child.\n   */\n  initialSearch?: string\n}\n\nfunction getTierBadgeVariant(\n  tierSlug: string,\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  if (tierSlug === 'prod' || tierSlug === 'production') return 'destructive'\n  if (tierSlug === 'dev' || tierSlug === 'staging') return 'secondary'\n  if (tierSlug === 'preprod') return 'outline'\n  if (tierSlug === 'sandbox') return 'outline'\n  return 'outline'\n}\n\nfunction getTierBadgeClassName(tierSlug: string): string {\n  if (tierSlug === 'preprod')\n    return 'border-amber-400 bg-amber-100 text-amber-800 hover:bg-amber-200'\n  if (tierSlug === 'sandbox')\n    return 'border-gray-400 bg-gray-100 text-gray-700 hover:bg-gray-200'\n  return ''\n}\n\nfunction getTierDisplayLabel(tierSlug: string): string {\n  if (tierSlug === 'preprod') return 'Pre-Prod'\n  if (tierSlug === 'sandbox') return 'Sandbox'\n  if (tierSlug === 'prod' || tierSlug === 'production') return 'Prod'\n  if (tierSlug === 'dev') return 'Dev'\n  if (tierSlug === 'staging') return 'Staging'\n  return tierSlug\n}\n\nfunction CopyAccountIdButton({ accountId }: { accountId: string }) {\n  const [copied, setCopied] = useState(false)\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    }\n  }, [])\n\n  const handleCopy = useCallback(() => {\n    void navigator.clipboard.writeText(accountId).then(() => {\n      setCopied(true)\n      timeoutRef.current = setTimeout(() => setCopied(false), 1500)\n    })\n  }, [accountId])\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      className=\"flex items-center gap-1 font-mono text-xs text-muted-foreground hover:text-foreground transition-colors group\"\n      title=\"Copy account ID\"\n    >\n      <span>{accountId}</span>\n      {copied ? (\n        <Check className=\"size-3 text-green-500 shrink-0\" />\n      ) : (\n        <Copy className=\"size-3 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity\" />\n      )}\n    </button>\n  )\n}\n\nexport function SubResourcesSection({\n  subResources,\n  initialSearch,\n}: SubResourcesSectionProps) {\n  const { groups } = useAppCatalogContext()\n  // Seed the filter with the incoming query ONLY if it matches a child, so we\n  // reveal the matched sub-resource without hiding everything on a non-match.\n  const seededSearch = useMemo(() => {\n    const q = initialSearch?.trim().toLowerCase()\n    if (!q) return ''\n    const hit = subResources.some(\n      (sr) =>\n        sr.displayName.toLowerCase().includes(q) ||\n        (sr.aliases ?? []).some((a) => a.toLowerCase().includes(q)),\n    )\n    return hit ? initialSearch!.trim() : ''\n  }, [initialSearch, subResources])\n  const [search, setSearch] = useState(seededSearch)\n  const [tierFilter, setTierFilter] = useState<string>('all')\n\n  const uniqueTiers = useMemo(() => {\n    const tiers = new Set<string>()\n    for (const sr of subResources) {\n      if (sr.tier) tiers.add(sr.tier)\n    }\n    return [...tiers].sort()\n  }, [subResources])\n\n  const filtered = useMemo(() => {\n    let result = subResources\n\n    if (tierFilter !== 'all') {\n      result = result.filter((sr) => sr.tier === tierFilter)\n    }\n\n    if (search.trim()) {\n      const q = search.trim().toLowerCase()\n      result = result.filter(\n        (sr) =>\n          sr.displayName.toLowerCase().includes(q) ||\n          (sr.aliases ?? []).some((a) => a.toLowerCase().includes(q)) ||\n          (sr.description?.toLowerCase().includes(q) ?? false) ||\n          (\n            (sr.extra as Record<string, unknown>).awsAccountId as\n              | string\n              | undefined\n          )?.includes(q) === true,\n      )\n    }\n\n    return result\n  }, [subResources, search, tierFilter])\n\n  if (subResources.length === 0) return null\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-sm font-medium\">\n          Sub-Resources ({filtered.length} of {subResources.length})\n        </div>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-2.5 top-2.5 size-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search resources by name or alias...\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-9 h-9\"\n          />\n        </div>\n        {uniqueTiers.length > 1 && (\n          <Select value={tierFilter} onValueChange={setTierFilter}>\n            <SelectTrigger className=\"w-[130px] h-9\">\n              <SelectValue placeholder=\"All tiers\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">All tiers</SelectItem>\n              {uniqueTiers.map((tier) => (\n                <SelectItem key={tier} value={tier}>\n                  {tier}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n      </div>\n\n      {/* Table */}\n      <div className=\"rounded-lg border max-h-[400px] overflow-auto\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead>Name</TableHead>\n              <TableHead className=\"w-[80px]\">Tier</TableHead>\n              <TableHead>Owner</TableHead>\n              <TableHead>Access Contacts</TableHead>\n              <TableHead className=\"w-[140px]\">AWS Account</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {filtered.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={5}\n                  className=\"text-center text-muted-foreground py-8\"\n                >\n                  No resources match your filters\n                </TableCell>\n              </TableRow>\n            ) : (\n              filtered.map((sr) => {\n                // Resolve maintainer group members\n                const maintainerMembers = (\n                  sr.accessMaintainerGroupSlugs ?? []\n                ).flatMap((groupSlug) => {\n                  const group = getGroupBySlug(groups, groupSlug)\n                  return group?.memberSlugs ?? []\n                })\n                // Deduplicate\n                const uniqueMaintainers = [...new Set(maintainerMembers)]\n\n                return (\n                  <TableRow key={sr.slug}>\n                    <TableCell>\n                      <div className=\"font-medium text-sm\">\n                        {sr.displayName}\n                      </div>\n                      {(sr.aliases ?? []).length > 0 && (\n                        <div className=\"text-xs text-muted-foreground mt-0.5\">\n                          {(sr.aliases ?? []).join(', ')}\n                        </div>\n                      )}\n                      {sr.description && (\n                        <div className=\"text-xs text-muted-foreground mt-0.5\">\n                          {markdownToPlainText(sr.description)}\n                        </div>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {sr.tier && (\n                        <Badge\n                          variant={getTierBadgeVariant(sr.tier)}\n                          className={`text-xs ${getTierBadgeClassName(sr.tier)}`}\n                        >\n                          {getTierDisplayLabel(sr.tier)}\n                        </Badge>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {sr.ownerPersonSlug && (\n                        <PersonBadge slug={sr.ownerPersonSlug} />\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {uniqueMaintainers.length > 0 ? (\n                        <div className=\"flex flex-wrap gap-1\">\n                          {uniqueMaintainers.map((personSlug) => (\n                            <PersonBadge key={personSlug} slug={personSlug} />\n                          ))}\n                        </div>\n                      ) : (\n                        <span className=\"text-muted-foreground\">-</span>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {(() => {\n                        const accountId = (\n                          sr.extra as Record<string, unknown> | null | undefined\n                        )?.awsAccountId as string | undefined\n                        return accountId ? (\n                          <CopyAccountIdButton accountId={accountId} />\n                        ) : (\n                          <span className=\"text-muted-foreground\">—</span>\n                        )\n                      })()}\n                    </TableCell>\n                  </TableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SubResourcesSection.js","sources":["../../../../../../src/modules/appCatalog/ui/components/SubResourcesSection.tsx"],"sourcesContent":["import type { Resource } from '@igstack/app-catalog-backend-core'\nimport { Check, Copy, Search } from 'lucide-react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Badge } from '~/ui/badge'\nimport { Input } from '~/ui/input'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { PersonBadge } from './PersonBadge'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '~/ui/select'\nimport { useAppCatalogContext } from '~/modules/appCatalog'\nimport { getGroupBySlug } from '~/modules/appCatalog/utils/resolveHelpers'\nimport { markdownToPlainText } from '~/modules/appCatalog/utils/markdownToPlainText'\n\ninterface SubResourcesSectionProps {\n  subResources: Resource[]\n  /**\n   * Initial filter text (#38 item C). When the user reached this app by\n   * searching a term that matched a sub-resource, seed the sub-resource filter\n   * with that term so the matched child is revealed instead of buried in a\n   * long list (e.g. searching \"data\" → open Cloud Console → the matching\n   * account is pre-filtered). Only applied when it actually matches a child.\n   */\n  initialSearch?: string\n}\n\nfunction getTierBadgeVariant(\n  tierSlug: string,\n): 'default' | 'secondary' | 'destructive' | 'outline' {\n  if (tierSlug === 'prod' || tierSlug === 'production') return 'destructive'\n  if (tierSlug === 'dev' || tierSlug === 'staging') return 'secondary'\n  if (tierSlug === 'preprod') return 'outline'\n  if (tierSlug === 'sandbox') return 'outline'\n  return 'outline'\n}\n\nfunction getTierBadgeClassName(tierSlug: string): string {\n  if (tierSlug === 'preprod')\n    return 'border-amber-400 bg-amber-100 text-amber-800 hover:bg-amber-200'\n  if (tierSlug === 'sandbox')\n    return 'border-gray-400 bg-gray-100 text-gray-700 hover:bg-gray-200'\n  return ''\n}\n\nfunction getTierDisplayLabel(tierSlug: string): string {\n  if (tierSlug === 'preprod') return 'Pre-Prod'\n  if (tierSlug === 'sandbox') return 'Sandbox'\n  if (tierSlug === 'prod' || tierSlug === 'production') return 'Prod'\n  if (tierSlug === 'dev') return 'Dev'\n  if (tierSlug === 'staging') return 'Staging'\n  return tierSlug\n}\n\nfunction CopyAccountIdButton({ accountId }: { accountId: string }) {\n  const [copied, setCopied] = useState(false)\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current)\n    }\n  }, [])\n\n  const handleCopy = useCallback(() => {\n    void navigator.clipboard.writeText(accountId).then(() => {\n      setCopied(true)\n      timeoutRef.current = setTimeout(() => setCopied(false), 1500)\n    })\n  }, [accountId])\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleCopy}\n      className=\"flex items-center gap-1 font-mono text-xs text-muted-foreground hover:text-foreground transition-colors group\"\n      title=\"Copy account ID\"\n    >\n      <span>{accountId}</span>\n      {copied ? (\n        <Check className=\"size-3 text-green-500 shrink-0\" />\n      ) : (\n        <Copy className=\"size-3 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity\" />\n      )}\n    </button>\n  )\n}\n\nexport function SubResourcesSection({\n  subResources,\n  initialSearch,\n}: SubResourcesSectionProps) {\n  const { groups } = useAppCatalogContext()\n  // Seed the filter with the incoming query ONLY if it matches a child, so we\n  // reveal the matched sub-resource without hiding everything on a non-match.\n  const seededSearch = useMemo(() => {\n    const q = initialSearch?.trim().toLowerCase()\n    if (!q) return ''\n    const hit = subResources.some(\n      (sr) =>\n        sr.displayName.toLowerCase().includes(q) ||\n        (sr.aliases ?? []).some((a) => a.toLowerCase().includes(q)),\n    )\n    return hit ? initialSearch!.trim() : ''\n  }, [initialSearch, subResources])\n  const [search, setSearch] = useState(seededSearch)\n  const [tierFilter, setTierFilter] = useState<string>('all')\n\n  const uniqueTiers = useMemo(() => {\n    const tiers = new Set<string>()\n    for (const sr of subResources) {\n      if (sr.tier) tiers.add(sr.tier)\n    }\n    return [...tiers].sort()\n  }, [subResources])\n\n  const filtered = useMemo(() => {\n    let result = subResources\n\n    if (tierFilter !== 'all') {\n      result = result.filter((sr) => sr.tier === tierFilter)\n    }\n\n    if (search.trim()) {\n      const q = search.trim().toLowerCase()\n      result = result.filter(\n        (sr) =>\n          sr.displayName.toLowerCase().includes(q) ||\n          (sr.aliases ?? []).some((a) => a.toLowerCase().includes(q)) ||\n          (sr.description?.toLowerCase().includes(q) ?? false) ||\n          (\n            (sr.extra as Record<string, unknown>).awsAccountId as\n              | string\n              | undefined\n          )?.includes(q) === true,\n      )\n    }\n\n    return result\n  }, [subResources, search, tierFilter])\n\n  if (subResources.length === 0) return null\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-sm font-medium\">\n          Sub-Resources ({filtered.length} of {subResources.length})\n        </div>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-2.5 top-2.5 size-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search resources by name or alias...\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-9 h-9\"\n          />\n        </div>\n        {uniqueTiers.length > 1 && (\n          <Select value={tierFilter} onValueChange={setTierFilter}>\n            <SelectTrigger className=\"w-[130px] h-9\">\n              <SelectValue placeholder=\"All tiers\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">All tiers</SelectItem>\n              {uniqueTiers.map((tier) => (\n                <SelectItem key={tier} value={tier}>\n                  {tier}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n      </div>\n\n      {/* Table */}\n      <div className=\"rounded-lg border max-h-[400px] overflow-auto\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead>Name</TableHead>\n              <TableHead className=\"w-[80px]\">Tier</TableHead>\n              <TableHead>Owner</TableHead>\n              <TableHead>Access Contacts</TableHead>\n              <TableHead className=\"w-[140px]\">AWS Account</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {filtered.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={5}\n                  className=\"text-center text-muted-foreground py-8\"\n                >\n                  No resources match your filters\n                </TableCell>\n              </TableRow>\n            ) : (\n              filtered.map((sr) => {\n                // Resolve maintainer group members\n                const maintainerMembers = (\n                  sr.accessMaintainerGroupSlugs ?? []\n                ).flatMap((groupSlug) => {\n                  const group = getGroupBySlug(groups, groupSlug)\n                  return group?.memberSlugs ?? []\n                })\n                // Deduplicate\n                const uniqueMaintainers = [...new Set(maintainerMembers)]\n\n                return (\n                  <TableRow key={sr.slug}>\n                    <TableCell>\n                      <div className=\"font-medium text-sm\">\n                        {sr.displayName}\n                      </div>\n                      {(sr.aliases ?? []).length > 0 && (\n                        <div className=\"text-xs text-muted-foreground mt-0.5\">\n                          {(sr.aliases ?? []).join(', ')}\n                        </div>\n                      )}\n                      {sr.description && (\n                        <div className=\"text-xs text-muted-foreground mt-0.5\">\n                          {markdownToPlainText(sr.description)}\n                        </div>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {sr.tier && (\n                        <Badge\n                          variant={getTierBadgeVariant(sr.tier)}\n                          className={`text-xs ${getTierBadgeClassName(sr.tier)}`}\n                        >\n                          {getTierDisplayLabel(sr.tier)}\n                        </Badge>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {sr.ownerPersonSlug && (\n                        <PersonBadge slug={sr.ownerPersonSlug} />\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {uniqueMaintainers.length > 0 ? (\n                        <div className=\"flex flex-wrap gap-1\">\n                          {uniqueMaintainers.map((personSlug) => (\n                            <PersonBadge key={personSlug} slug={personSlug} />\n                          ))}\n                        </div>\n                      ) : (\n                        <span className=\"text-muted-foreground\">-</span>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {(() => {\n                        const accountId = (\n                          sr.extra as Record<string, unknown> | null | undefined\n                        )?.awsAccountId as string | undefined\n                        return accountId ? (\n                          <CopyAccountIdButton accountId={accountId} />\n                        ) : (\n                          <span className=\"text-muted-foreground\">—</span>\n                        )\n                      })()}\n                    </TableCell>\n                  </TableRow>\n                )\n              })\n            )}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.d.ts

@@ -14,10 +14,16 @@ export interface AppCatalogGridProps {
     onClearFilters?: () => void;
     /** Called when the user closes the detail panel (Esc or X) — e.g. to navigate back to the catalog URL */
     onClosePanel?: () => void;
+    /** Currently selected subresource slug */
+    selectedSubSlug?: string;
+    /** Called when user clicks a sub-row */
+    onSubClick?: (parentSlug: string, subSlug: string) => void;
+    /** Called when user clicks Back in sub detail */
+    onBackToParent?: () => void;
 }
 export declare function AppDetails({ app, onAppClick, onClosePanel, }: {
     app: Resource;
     onAppClick?: (app: Resource) => void;
     onClosePanel: () => void;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function AppCatalogGrid({ apps, selectedAppSlug, groupingDefinition, onAppClick, hasSearch, searchQuery, totalAppsCount, onClearFilters, onClosePanel, }: AppCatalogGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppCatalogGrid({ apps, selectedAppSlug, groupingDefinition, onAppClick, hasSearch, searchQuery, totalAppsCount, onClearFilters, onClosePanel, selectedSubSlug, onSubClick, onBackToParent, }: AppCatalogGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js

@@ -25,6 +25,7 @@ import { markdownToPlainText } from "../../utils/markdownToPlainText.js";
 import { formatRelativeTime } from "../../utils/formatRelativeTime.js";
 import { TierVariantsSection } from "../components/TierVariantsSection.js";
 import { SubResourcesSection } from "../components/SubResourcesSection.js";
+import { SubResourceDetailPanel } from "../components/SubResourceDetailPanel.js";
 import { getChildResources } from "../../utils/resolveHelpers.js";
 function getIconUrl(iconName) {
   return `/api/icons/${iconName}`;
@@ -347,11 +348,14 @@ function AppDetails({
           "span",
           {
             className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
-            title: app.freshness.lastCheckedAt,
+            title: app.freshness.lastContentChangeAt ? `Content last changed ${app.freshness.lastContentChangeAt} · last checked ${app.freshness.lastCheckedAt}` : `Last checked ${app.freshness.lastCheckedAt}`,
             children: [
               /* @__PURE__ */ jsx(Clock, { className: "size-3" }),
-              "Updated ",
-              formatRelativeTime(app.freshness.lastCheckedAt),
+              "Updated",
+              " ",
+              formatRelativeTime(
+                app.freshness.lastContentChangeAt ?? app.freshness.lastCheckedAt
+              ),
               app.freshness.isStale && /* @__PURE__ */ jsxs("span", { className: "italic opacity-75", children: [
                 " ",
                 "· may be out of date"
@@ -546,10 +550,13 @@ function AppCatalogGrid({
   searchQuery,
   totalAppsCount,
   onClearFilters,
-  onClosePanel
+  onClosePanel,
+  selectedSubSlug,
+  onSubClick,
+  onBackToParent
 }) {
-  const { resources: allResourcesForDetail } = useAppCatalogContext();
-  const selectedApp = selectedAppSlug ? apps.find((a) => a.slug === selectedAppSlug) ?? allResourcesForDetail.find((a) => a.slug === selectedAppSlug) : null;
+  const { resources: allResources2, approvalMethods } = useAppCatalogContext();
+  const selectedApp = selectedAppSlug ? apps.find((a) => a.slug === selectedAppSlug) ?? allResources2.find((a) => a.slug === selectedAppSlug && !a.parentSlug) ?? null : null;
   const groupedApps = groupApps(apps, groupingDefinition, hasSearch);
   const appsInDisplayOrder = React__default.useMemo(
     () => groupedApps.flatMap((group) => group.apps),
@@ -561,26 +568,31 @@ function AppCatalogGrid({
     onAppClick
   });
   const { recordClick: recordLaunch } = useAppClickHistory();
-  const { resources: allResources2 } = useAppCatalogContext();
-  const matchedSubResourceMap = React__default.useMemo(() => {
+  const matchedSubResourcesMap = React__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (!(searchQuery == null ? void 0 : searchQuery.trim()) || allResources2.length === 0) return map;
     const queryTerms = searchQuery.trim().toLowerCase().split(/\s+/).filter(Boolean);
     const allTermsMatch = (text) => queryTerms.every((term) => text.includes(term));
     for (const r of allResources2) {
       if (!r.parentSlug) continue;
-      if (map.has(r.parentSlug)) continue;
       const nameMatch = allTermsMatch(r.displayName.toLowerCase());
       const aliasMatch = (r.aliases ?? []).some(
         (a) => allTermsMatch(a.toLowerCase())
       );
       const descMatch = r.description ? allTermsMatch(r.description.toLowerCase()) : false;
       if (nameMatch || aliasMatch || descMatch) {
-        map.set(r.parentSlug, r.displayName);
+        if (!map.has(r.parentSlug)) {
+          map.set(r.parentSlug, []);
+        }
+        map.get(r.parentSlug).push(r);
       }
     }
     return map;
   }, [searchQuery, allResources2]);
+  const [expandedParentSlugs, setExpandedParentSlugs] = React__default.useState(() => /* @__PURE__ */ new Set());
+  React__default.useEffect(() => {
+    setExpandedParentSlugs(/* @__PURE__ */ new Set());
+  }, [searchQuery]);
   const columns = React__default.useMemo(
     () => [
       {
@@ -622,20 +634,63 @@ function AppCatalogGrid({
       {
         id: "description",
         header: "Description",
-        cell: ({ row }) => /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground line-clamp-2", children: /* @__PURE__ */ jsx(
-            HighlightedText,
-            {
-              text: row.original.description ? markdownToPlainText(row.original.description) : "—",
-              searchQuery
-            }
-          ) }),
-          matchedSubResourceMap.get(row.original.slug) && /* @__PURE__ */ jsxs("div", { className: "text-xs text-primary mt-0.5", children: [
-            "Matched sub-resource:",
-            " ",
-            matchedSubResourceMap.get(row.original.slug)
-          ] })
-        ] })
+        cell: ({ row }) => {
+          var _a;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground line-clamp-2", children: /* @__PURE__ */ jsx(
+              HighlightedText,
+              {
+                text: row.original.description ? markdownToPlainText(row.original.description) : "—",
+                searchQuery
+              }
+            ) }),
+            (((_a = matchedSubResourcesMap.get(row.original.slug)) == null ? void 0 : _a.length) ?? 0) > 0 && (() => {
+              const matchedSubs = matchedSubResourcesMap.get(
+                row.original.slug
+              );
+              const COLLAPSED_LIMIT = 5;
+              const isExpanded = expandedParentSlugs.has(row.original.slug);
+              const visibleSubs = isExpanded ? matchedSubs : matchedSubs.slice(0, COLLAPSED_LIMIT);
+              const hiddenCount = matchedSubs.length - COLLAPSED_LIMIT;
+              return /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5", children: [
+                visibleSubs.map((sub) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onSubClick == null ? void 0 : onSubClick(row.original.slug, sub.slug);
+                    },
+                    className: cn(
+                      "flex items-center gap-1.5 text-xs pl-3 border-l-2 w-full text-left py-0.5 rounded-sm hover:bg-accent/50 transition-colors",
+                      selectedSubSlug === sub.slug ? "border-primary text-primary font-medium" : "border-muted-foreground/30 text-muted-foreground hover:text-foreground"
+                    ),
+                    children: /* @__PURE__ */ jsx("span", { children: sub.displayName })
+                  },
+                  sub.slug
+                )),
+                !isExpanded && hiddenCount > 0 && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setExpandedParentSlugs(
+                        (prev) => /* @__PURE__ */ new Set([...prev, row.original.slug])
+                      );
+                    },
+                    className: "text-xs pl-3 border-l-2 border-muted-foreground/30 text-muted-foreground hover:text-primary w-full text-left py-0.5",
+                    children: [
+                      "... ",
+                      hiddenCount,
+                      " more"
+                    ]
+                  }
+                )
+              ] });
+            })()
+          ] });
+        }
       },
       {
         // Secondary "launch" action (#31): the primary row click opens the
@@ -665,7 +720,15 @@ function AppCatalogGrid({
         }
       }
     ],
-    [searchQuery, matchedSubResourceMap, recordLaunch]
+    [
+      searchQuery,
+      matchedSubResourcesMap,
+      expandedParentSlugs,
+      selectedSubSlug,
+      onSubClick,
+      setExpandedParentSlugs,
+      recordLaunch
+    ]
   );
   const table = useReactTable({
     data: apps,
@@ -805,7 +868,7 @@ function AppCatalogGrid({
           defaultSize: 40,
           minSize: 25,
           className: "overflow-hidden",
-          children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto border-l bg-background pl-4", children: selectedApp ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          children: /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto border-l bg-background pl-4", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -817,15 +880,32 @@ function AppCatalogGrid({
                 children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
               }
             ),
-            /* @__PURE__ */ jsx(
-              AppDetails,
-              {
-                app: selectedApp,
-                onAppClick,
-                onClosePanel: handleClosePanel
+            selectedApp && (() => {
+              const app = selectedApp;
+              const selectedSub = selectedSubSlug ? allResources2.find(
+                (r) => r.slug === selectedSubSlug && r.parentSlug === app.slug
+              ) : null;
+              if (selectedSub != null) {
+                return /* @__PURE__ */ jsx(
+                  SubResourceDetailPanel,
+                  {
+                    subResource: selectedSub,
+                    parent: app,
+                    approvalMethods,
+                    onBack: onBackToParent ?? (() => void 0)
+                  }
+                );
               }
-            )
-          ] }) : null })
+              return /* @__PURE__ */ jsx(
+                AppDetails,
+                {
+                  app: selectedApp,
+                  onAppClick,
+                  onClosePanel: handleClosePanel
+                }
+              );
+            })()
+          ] }) })
         }
       )
     ] })