@igstack/app-catalog-frontend-core 6.10.3 → 6.11.0

package/dist/esm/__tests__/modules/auth/AuthContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests__/modules/communityTools/likedBy.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests__/modules/communityTools/timeAgo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests__/modules/communityTools/useTimeUp.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,4 @@
+import { TRPCRouter } from '@igstack/app-catalog-backend-core';
 declare const TRPCProvider: import('react').FunctionComponent<{
     children: React.ReactNode;
     queryClient: import('@tanstack/react-query').QueryClient;
@@ -52,6 +53,8 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             list: import('@trpc/server').TRPCQueryProcedure<{
                 input: {
                     resourceSlug: string;
+                } | {
+                    communityToolSlug: string;
                 };
                 output: import('@igstack/app-catalog-backend-core').FeedbackList;
                 meta: object;
@@ -64,6 +67,7 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             add: import('@trpc/server').TRPCMutationProcedure<{
                 input: {
                     resourceSlug?: string | undefined;
+                    communityToolSlug?: string | undefined;
                     subject?: string | undefined;
                     body?: string | undefined;
                     attachmentIds?: string[] | undefined;
@@ -89,6 +93,142 @@ declare const TRPCProvider: import('react').FunctionComponent<{
                 meta: object;
             }>;
         }>>;
+        communityTools: import('@trpc/server').TRPCBuiltRouter<{
+            ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
+            meta: object;
+            errorShape: import('@trpc/server').TRPCDefaultErrorShape;
+            transformer: false;
+        }, import('@trpc/server').TRPCDecorateCreateRouterOptions<{
+            config: import('@trpc/server').TRPCQueryProcedure<{
+                input: void;
+                output: {
+                    enabled: boolean;
+                };
+                meta: object;
+            }>;
+            list: import('@trpc/server').TRPCQueryProcedure<{
+                input: void;
+                output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+                meta: object;
+            }>;
+            countByApp: import('@trpc/server').TRPCQueryProcedure<{
+                input: void;
+                output: Record<string, number>;
+                meta: object;
+            }>;
+            get: import('@trpc/server').TRPCQueryProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: import('@igstack/app-catalog-shared-core').CommunityTool;
+                meta: object;
+            }>;
+            recordView: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: {
+                    views30d: number;
+                    viewsAll: number;
+                };
+                meta: object;
+            }>;
+            pins: import('@trpc/server').TRPCQueryProcedure<{
+                input: void;
+                output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+                meta: object;
+            }>;
+            pin: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+            like: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+            unlike: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+            unpin: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+            reorderPins: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slugs: string[];
+                };
+                output: void;
+                meta: object;
+            }>;
+            preview: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    url: string;
+                };
+                output: import('@igstack/app-catalog-backend-core').ToolPreview;
+                meta: object;
+            }>;
+            add: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    url: string;
+                    name: string;
+                    summary: string;
+                    descriptionMd: string;
+                    ownerSlugs: string[];
+                    tags: {
+                        kind: "app" | "topic";
+                        value: string;
+                    }[];
+                    ownerNames?: string[] | undefined;
+                };
+                output: import('@igstack/app-catalog-shared-core').CommunityTool;
+                meta: object;
+            }>;
+            edit: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    url: string;
+                    name: string;
+                    summary: string;
+                    descriptionMd: string;
+                    ownerSlugs: string[];
+                    tags: {
+                        kind: "app" | "topic";
+                        value: string;
+                    }[];
+                    slug: string;
+                    ownerNames?: string[] | undefined;
+                };
+                output: import('@igstack/app-catalog-shared-core').CommunityTool;
+                meta: object;
+            }>;
+            archive: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                    reason: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+            approve: import('@trpc/server').TRPCMutationProcedure<{
+                input: {
+                    slug: string;
+                };
+                output: void;
+                meta: object;
+            }>;
+        }>>;
         auth: import('@trpc/server').TRPCBuiltRouter<{
             ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
             meta: {};
@@ -175,6 +315,8 @@ declare const TRPCProvider: import('react').FunctionComponent<{
         list: import('@trpc/server').TRPCQueryProcedure<{
             input: {
                 resourceSlug: string;
+            } | {
+                communityToolSlug: string;
             };
             output: import('@igstack/app-catalog-backend-core').FeedbackList;
             meta: object;
@@ -187,6 +329,7 @@ declare const TRPCProvider: import('react').FunctionComponent<{
         add: import('@trpc/server').TRPCMutationProcedure<{
             input: {
                 resourceSlug?: string | undefined;
+                communityToolSlug?: string | undefined;
                 subject?: string | undefined;
                 body?: string | undefined;
                 attachmentIds?: string[] | undefined;
@@ -212,6 +355,142 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             meta: object;
         }>;
     }>>;
+    communityTools: import('@trpc/server').TRPCBuiltRouter<{
+        ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
+        meta: object;
+        errorShape: import('@trpc/server').TRPCDefaultErrorShape;
+        transformer: false;
+    }, import('@trpc/server').TRPCDecorateCreateRouterOptions<{
+        config: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: {
+                enabled: boolean;
+            };
+            meta: object;
+        }>;
+        list: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+            meta: object;
+        }>;
+        countByApp: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: Record<string, number>;
+            meta: object;
+        }>;
+        get: import('@trpc/server').TRPCQueryProcedure<{
+            input: {
+                slug: string;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        recordView: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: {
+                views30d: number;
+                viewsAll: number;
+            };
+            meta: object;
+        }>;
+        pins: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+            meta: object;
+        }>;
+        pin: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        like: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        unlike: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        unpin: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        reorderPins: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slugs: string[];
+            };
+            output: void;
+            meta: object;
+        }>;
+        preview: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+            };
+            output: import('@igstack/app-catalog-backend-core').ToolPreview;
+            meta: object;
+        }>;
+        add: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+                name: string;
+                summary: string;
+                descriptionMd: string;
+                ownerSlugs: string[];
+                tags: {
+                    kind: "app" | "topic";
+                    value: string;
+                }[];
+                ownerNames?: string[] | undefined;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        edit: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+                name: string;
+                summary: string;
+                descriptionMd: string;
+                ownerSlugs: string[];
+                tags: {
+                    kind: "app" | "topic";
+                    value: string;
+                }[];
+                slug: string;
+                ownerNames?: string[] | undefined;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        archive: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+                reason: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        approve: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+    }>>;
     auth: import('@trpc/server').TRPCBuiltRouter<{
         ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
         meta: {};
@@ -297,6 +576,8 @@ declare const TRPCProvider: import('react').FunctionComponent<{
         list: import('@trpc/server').TRPCQueryProcedure<{
             input: {
                 resourceSlug: string;
+            } | {
+                communityToolSlug: string;
             };
             output: import('@igstack/app-catalog-backend-core').FeedbackList;
             meta: object;
@@ -309,6 +590,7 @@ declare const TRPCProvider: import('react').FunctionComponent<{
         add: import('@trpc/server').TRPCMutationProcedure<{
             input: {
                 resourceSlug?: string | undefined;
+                communityToolSlug?: string | undefined;
                 subject?: string | undefined;
                 body?: string | undefined;
                 attachmentIds?: string[] | undefined;
@@ -334,6 +616,142 @@ declare const TRPCProvider: import('react').FunctionComponent<{
             meta: object;
         }>;
     }>>;
+    communityTools: import('@trpc/server').TRPCBuiltRouter<{
+        ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
+        meta: object;
+        errorShape: import('@trpc/server').TRPCDefaultErrorShape;
+        transformer: false;
+    }, import('@trpc/server').TRPCDecorateCreateRouterOptions<{
+        config: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: {
+                enabled: boolean;
+            };
+            meta: object;
+        }>;
+        list: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+            meta: object;
+        }>;
+        countByApp: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: Record<string, number>;
+            meta: object;
+        }>;
+        get: import('@trpc/server').TRPCQueryProcedure<{
+            input: {
+                slug: string;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        recordView: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: {
+                views30d: number;
+                viewsAll: number;
+            };
+            meta: object;
+        }>;
+        pins: import('@trpc/server').TRPCQueryProcedure<{
+            input: void;
+            output: import('@igstack/app-catalog-shared-core').CommunityTool[];
+            meta: object;
+        }>;
+        pin: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        like: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        unlike: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        unpin: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        reorderPins: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slugs: string[];
+            };
+            output: void;
+            meta: object;
+        }>;
+        preview: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+            };
+            output: import('@igstack/app-catalog-backend-core').ToolPreview;
+            meta: object;
+        }>;
+        add: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+                name: string;
+                summary: string;
+                descriptionMd: string;
+                ownerSlugs: string[];
+                tags: {
+                    kind: "app" | "topic";
+                    value: string;
+                }[];
+                ownerNames?: string[] | undefined;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        edit: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                url: string;
+                name: string;
+                summary: string;
+                descriptionMd: string;
+                ownerSlugs: string[];
+                tags: {
+                    kind: "app" | "topic";
+                    value: string;
+                }[];
+                slug: string;
+                ownerNames?: string[] | undefined;
+            };
+            output: import('@igstack/app-catalog-shared-core').CommunityTool;
+            meta: object;
+        }>;
+        archive: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+                reason: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+        approve: import('@trpc/server').TRPCMutationProcedure<{
+            input: {
+                slug: string;
+            };
+            output: void;
+            meta: object;
+        }>;
+    }>>;
     auth: import('@trpc/server').TRPCBuiltRouter<{
         ctx: import('@igstack/app-catalog-backend-core').AcTrpcContext;
         meta: {};
@@ -368,3 +786,4 @@ declare const TRPCProvider: import('react').FunctionComponent<{
     }>>;
 }>>>;
 export { TRPCProvider, useTRPC, useTRPCClient };
+export type { TRPCRouter };

package/dist/esm/api/infra/trpc.js.map

@@ -1 +1 @@
-{"version":3,"file":"trpc.js","sources":["../../../../src/api/infra/trpc.ts"],"sourcesContent":["import { createTRPCContext } from '@trpc/tanstack-react-query'\nimport type { TRPCRouter } from '@igstack/app-catalog-backend-core'\n\nconst { TRPCProvider, useTRPC, useTRPCClient } = createTRPCContext<TRPCRouter>()\n\nexport { TRPCProvider, useTRPC, useTRPCClient }\n"],"names":[],"mappings":";AAGA,MAAM,EAAE,cAAc,SAAS,cAAA,IAAkB,kBAAA;"}
+{"version":3,"file":"trpc.js","sources":["../../../../src/api/infra/trpc.ts"],"sourcesContent":["import { createTRPCContext } from '@trpc/tanstack-react-query'\nimport type { TRPCRouter } from '@igstack/app-catalog-backend-core'\n\nconst { TRPCProvider, useTRPC, useTRPCClient } = createTRPCContext<TRPCRouter>()\n\n// Re-export with explicit types to avoid portable type errors\nexport { TRPCProvider, useTRPC, useTRPCClient }\nexport type { TRPCRouter }\n"],"names":[],"mappings":";AAGA,MAAM,EAAE,cAAc,SAAS,cAAA,IAAkB,kBAAA;"}

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

@@ -87,9 +87,9 @@ export declare function useUpdateApp(): import('@tanstack/react-query').UseMutat
         status: "active" | "review" | "archived";
         text: string;
         addedAt: string;
+        archivedAt?: string | undefined;
         origin?: string | undefined;
         archiveReason?: string | undefined;
-        archivedAt?: string | undefined;
     }[] | undefined;
     childrenLabel?: string | undefined;
     parentSlug?: string | undefined;

package/dist/esm/modules/appCatalog/ui/catalog/AppDetailPanel.d.ts

@@ -9,10 +9,8 @@ import { Resource } from '@igstack/app-catalog-backend-core';
  * sub-resource's own detail, with its two-step access chain and a back link to
  * the parent.
  *
- * Escape handling: this component does NOT globally bind Escape. Escape-to-close
- * is owned by AppDetails' own key handling (which first closes an open
- * screenshot gallery, then closes the card), so pressing Esc inside the gallery
- * returns to the card — not all the way to the home page (#38 Esc-stacking bug).
+ * The overlay itself — scrim, centring, Widen, Close, Escape — is
+ * `DetailDialogShell`, shared with the community tool card.
  */
 export declare function AppDetailPanel({ app, subResource, onClose, onAppClick, onBackToParent, }: {
     app: Resource;

package/dist/esm/modules/appCatalog/ui/catalog/AppDetailPanel.js

@@ -1,14 +1,13 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Minimize2, Maximize2, X } from "lucide-react";
-import { useMemo, useRef, useState, useLayoutEffect, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { useAppCatalogContext } from "../../context/AppCatalogContext.js";
 import { useOptionalUser } from "../../../auth/AuthContext.js";
 import "@tanstack/react-query";
 import "../../../../ui/button.js";
-import { useDismissStack, useDismissable } from "../../../dismiss/DismissStack.js";
 import { getChildResources } from "../../utils/resolveHelpers.js";
 import { SubResourceDetailPanel } from "../components/SubResourceDetailPanel.js";
 import { AppDetails } from "../detail/AppDetails.js";
+import { DetailDialogShell } from "./DetailDialogShell.js";
 import { ResourceDetailProvider, ResourceDetailAccessActions } from "../../../extensions/features/resourceDetail.js";
 function AppDetailPanel({
   app,
@@ -28,105 +27,34 @@ function AppDetailPanel({
     }),
     [subResource, app, allResources, user]
   );
-  const dialogRef = useRef(null);
-  const [isWide, setIsWide] = useState(false);
-  useLayoutEffect(() => {
-    const card = dialogRef.current;
-    const scroller = card == null ? void 0 : card.parentElement;
-    if (!card || !scroller) return;
-    const pinCentre = () => {
-      card.style.marginTop = "0px";
-      const style = getComputedStyle(scroller);
-      const usable = scroller.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);
-      const slack = usable - card.offsetHeight;
-      card.style.marginTop = `${Math.max(0, Math.round(slack / 2))}px`;
-    };
-    pinCentre();
-    window.addEventListener("resize", pinCentre);
-    return () => window.removeEventListener("resize", pinCentre);
-  }, [app.slug, subResource == null ? void 0 : subResource.slug]);
   const shownSlug = (subResource == null ? void 0 : subResource.slug) ?? app.slug;
-  const stack = useDismissStack();
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog || dialog.contains(document.activeElement)) return;
-    const top = stack.topElement();
-    if (top && top !== dialog) return;
-    const target = dialog.querySelector(".app-door") ?? dialog;
-    target.focus();
-  }, [shownSlug, stack]);
-  useDismissable(dialogRef, onClose);
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto p-4 sm:p-6 md:p-10", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Close details panel",
-        onClick: onClose,
-        className: "fixed inset-0 -z-10 bg-black/40 backdrop-blur-[2px] animate-in fade-in"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: dialogRef,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": `${(subResource == null ? void 0 : subResource.displayName) ?? app.displayName} details`,
-        tabIndex: -1,
-        className: `relative w-full ${isWide ? "max-w-none" : "max-w-[min(1120px,94vw)]"} overflow-hidden rounded-[var(--radius)] border border-border bg-background shadow-2xl animate-in fade-in zoom-in-95 duration-200 outline-none`,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "absolute top-3 right-3 z-10 flex gap-1", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": isWide ? "Restore width" : "Widen card",
-                title: isWide ? "Restore width" : "Widen card",
-                onClick: () => setIsWide((wide) => !wide),
-                className: "rounded-full p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-                children: isWide ? /* @__PURE__ */ jsx(Minimize2, { className: "size-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "size-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Close",
-                onClick: onClose,
-                className: "rounded-full p-1.5 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-                children: /* @__PURE__ */ jsx(X, { className: "size-4" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
+  return /* @__PURE__ */ jsx(
+    DetailDialogShell,
+    {
+      label: `${(subResource == null ? void 0 : subResource.displayName) ?? app.displayName} details`,
+      shownKey: shownSlug,
+      maxWidthClass: "max-w-[min(1120px,94vw)]",
+      focusSelector: ".app-door",
+      onClose,
+      children: /* @__PURE__ */ jsx(
+        ResourceDetailProvider,
+        {
+          resource: subResource ?? app,
+          parent: subResource ? app : void 0,
+          children: subResource ? /* @__PURE__ */ jsx(
+            SubResourceDetailPanel,
             {
-              className: "max-h-[85vh] overflow-y-auto px-6 py-5 sm:px-8 sm:py-7",
-              children: /* @__PURE__ */ jsx(
-                ResourceDetailProvider,
-                {
-                  resource: subResource ?? app,
-                  parent: subResource ? app : void 0,
-                  children: subResource ? /* @__PURE__ */ jsx(
-                    SubResourceDetailPanel,
-                    {
-                      subResource,
-                      parent: app,
-                      approvalMethods,
-                      onBack: onBackToParent ?? onClose,
-                      actions: /* @__PURE__ */ jsx(ResourceDetailAccessActions, { ...subResourceActionsCtx })
-                    }
-                  ) : /* @__PURE__ */ jsx(AppDetails, { app, onAppClick })
-                }
-              )
-            },
-            shownSlug
-          )
-        ]
-      }
-    )
-  ] });
+              subResource,
+              parent: app,
+              approvalMethods,
+              onBack: onBackToParent ?? onClose,
+              actions: /* @__PURE__ */ jsx(ResourceDetailAccessActions, { ...subResourceActionsCtx })
+            }
+          ) : /* @__PURE__ */ jsx(AppDetails, { app, onAppClick })
+        }
+      )
+    }
+  );
 }
 export {
   AppDetailPanel