@igstack/app-catalog-frontend-core 6.8.0 → 6.8.1

package/dist/esm/modules/appCatalog/ui/detail/AppDetails.js

@@ -128,13 +128,16 @@ function AppDetails({
       const tag = (_a2 = document.activeElement) == null ? void 0 : _a2.tagName;
       if (tag === "BUTTON" || tag === "A" || tag === "INPUT" || tag === "SELECT" || tag === "TEXTAREA")
         return;
-      if (app.screenshotIds && app.screenshotIds.length > 0) {
+      if (app.appUrl) {
+        recordClick(app.slug);
+        window.open(app.appUrl, "_blank", "noopener,noreferrer");
+      } else if (app.screenshotIds && app.screenshotIds.length > 0) {
         setGalleryInitialIndex(0);
         setIsGalleryOpen(true);
       }
     },
     { enabled: !isGalleryOpen },
-    [app, isGalleryOpen]
+    [app, isGalleryOpen, recordClick]
   );
   const handleScreenshotClick = (index) => {
     setGalleryInitialIndex(index);

package/dist/esm/modules/appCatalog/ui/detail/AppDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppDetails.js","sources":["../../../../../../src/modules/appCatalog/ui/detail/AppDetails.tsx"],"sourcesContent":["import type {\n  Resource,\n  SourceReference,\n} from '@igstack/app-catalog-backend-core'\nimport { useSearch } from '@tanstack/react-router'\nimport { CalendarPlus, Clock, ExternalLink, Plus, Trash2 } from 'lucide-react'\nimport React from 'react'\nimport { useHotkeys } from 'react-hotkeys-hook'\nimport { Badge } from '~/ui/badge'\nimport { Button } from '~/ui/button'\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '~/ui/accordion'\nimport { AccessRequestSection } from '../components/AccessRequestSection'\nimport { AccessPrerequisiteChain } from '../components/AccessPrerequisiteChain'\nimport { QuickJumpBar, hasQuickJumps } from '../components/QuickJumpBar'\nimport { useAppCatalogFilters } from '../context/AppCatalogFiltersContext'\nimport { PersonBadge } from '../components/PersonBadge'\nimport { useUser } from '~/modules/auth'\nimport { InlineEditableField } from '../components/InlineEditableField'\nimport { MarkdownText } from '../components/MarkdownText'\nimport { ScreenshotGallery } from '../components/ScreenshotGallery'\nimport { SourcePulse } from '../components/SourcePulse'\nimport { useUpdateApp } from '../../hooks/useUpdateApp'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\nimport { useAppClickHistory } from '../../hooks/useAppClickHistory'\nimport { formatRelativeTime } from '../../utils/formatRelativeTime'\nimport { TierVariantsSection } from '../components/TierVariantsSection'\nimport { SubResourcesSection } from '../components/SubResourcesSection'\nimport { getChildResources } from '../../utils/resolveHelpers'\nimport { ResourceDetailAccessActions } from '~/modules/extensions'\nimport { FeedbackSection } from './FeedbackSection'\nimport { displayUrl } from '~/modules/appCatalog/utils/displayUrl'\nimport { accessTabLabel } from '~/modules/appCatalog/utils/accessTabLabel'\nimport { AppDoor } from './AppDoor'\nimport { DetailTabs } from './DetailTabs'\nimport type { DetailTab } from './DetailTabs'\n\n/** Tab ids. Public — they land in `?tab=`, so renaming one breaks links. */\nconst TAB = {\n  overview: 'overview',\n  access: 'access',\n  resources: 'resources',\n  documentation: 'documentation',\n  notes: 'notes',\n} as const\n\n/** A labelled block inside a tab. One register for all of them. */\nfunction Section({\n  title,\n  hint,\n  first,\n  children,\n}: {\n  title: string\n  hint?: string\n  /** Drops the top margin for the first block in a panel. */\n  first?: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <div className={first ? '' : 'mt-7'}>\n      <h3 className=\"section-label mb-1.5\">{title}</h3>\n      {hint && <p className=\"mb-2 text-xs text-muted-foreground\">{hint}</p>}\n      {children}\n    </div>\n  )\n}\n\nfunction AppScreenshot({ app }: { app: Resource }) {\n  const [imageError, setImageError] = React.useState(false)\n  const [isLoadingImage, setIsLoadingImage] = React.useState(true)\n\n  const screenshotId = app.screenshotIds?.[0]\n  if (!screenshotId) {\n    return (\n      <div className=\"w-full bg-muted/50 rounded-lg overflow-hidden flex items-center justify-center min-h-64\">\n        <div className=\"w-full h-64 bg-muted/30 flex items-center justify-center text-muted-foreground text-sm\">\n          No screenshot available\n        </div>\n      </div>\n    )\n  }\n\n  const screenshotImageUrl = `/api/screenshots/${screenshotId}?size=512`\n\n  return (\n    <div className=\"w-full flex justify-center\">\n      <div className=\"rounded-lg overflow-hidden inline-flex items-center justify-center min-h-64\">\n        {!imageError ? (\n          <img\n            src={screenshotImageUrl}\n            alt={`${app.abbreviation || app.displayName} screenshot`}\n            className=\"h-64 object-contain\"\n            onError={() => {\n              setImageError(true)\n              setIsLoadingImage(false)\n            }}\n            onLoad={() => setIsLoadingImage(false)}\n          />\n        ) : null}\n        {(imageError || isLoadingImage) && (\n          <div className=\"w-full h-64 bg-muted/30 flex items-center justify-center text-muted-foreground text-sm\">\n            {isLoadingImage\n              ? 'Loading screenshot...'\n              : 'No screenshot available'}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function AppDetails({\n  app,\n  onAppClick,\n}: {\n  app: Resource\n  onAppClick?: (app: Resource) => void\n}) {\n  const [isGalleryOpen, setIsGalleryOpen] = React.useState(false)\n  const [galleryInitialIndex, setGalleryInitialIndex] = React.useState(0)\n  /**\n   * Set by the band's \"Suggest a change\", which has to do two things the button\n   * cannot do alone: bring the notes tab forward, and open the composer inside it.\n   * Held here because the band and the panel are siblings — neither can reach the\n   * other, and routing it through the URL would put a transient intent in a\n   * shareable link.\n   *\n   * A count, not a flag: the composer closes itself on send, so asking a second\n   * time has to be distinguishable from the first ask still being set. As a\n   * boolean the second click changed nothing and the button was dead for the rest\n   * of the card's life.\n   */\n  const [composeRequests, setComposeRequests] = React.useState(0)\n\n  const { approvalMethods, resources: allResources } = useAppCatalogContext()\n  const { recordClick } = useAppClickHistory()\n  const updateApp = useUpdateApp()\n  const [draftSource, setDraftSource] = React.useState<string | null>(null)\n  const user = useUser()\n  const isAdmin = user?.isAdmin ?? false\n  const { state: filterState } = useAppCatalogFilters()\n\n  // Arriving with `?sub=` means the visitor picked one child out of a search —\n  // so the card has to open ON that child's tab. Landing on Overview and\n  // leaving them to find the tab is the bug this scenario exists to prevent.\n  const search = useSearch({ strict: false })\n  const subSlug = search.sub\n\n  const displayTags = (app.tags ?? []).filter((tag) => !tag.includes(':'))\n  const sourceUrls: string[] =\n    app.sources?.map((s) => (typeof s === 'string' ? s : s.url)) ?? []\n  const displaySources =\n    draftSource !== null ? [...sourceUrls, draftSource] : sourceUrls\n  // The list renders bare URLs (they are editable as text), so the pulse has to\n  // be looked up rather than carried alongside. Absent until the autoupdate loop\n  // has seen the source — a freshly added one simply gets no mark.\n  const pulseByUrl = React.useMemo(() => {\n    const byUrl = new Map<string, NonNullable<SourceReference['pulse']>>()\n    for (const source of app.sources ?? []) {\n      if (typeof source !== 'string' && source.pulse) {\n        byUrl.set(source.url, source.pulse)\n      }\n    }\n    return byUrl\n  }, [app.sources])\n\n  const children = React.useMemo(\n    () => getChildResources(allResources, app.slug),\n    [allResources, app.slug],\n  )\n\n  // `app` is whatever resource the card shows, a nested one included, so the\n  // parent has to be looked up rather than assumed absent. A plugin uses its\n  // presence to tell a sub-resource view from a top-level one.\n  const parent = React.useMemo(\n    () =>\n      app.parentSlug\n        ? allResources.find((r) => r.slug === app.parentSlug)\n        : undefined,\n    [allResources, app.parentSlug],\n  )\n\n  // What a plugin slot in the band receives. Memoised so a plugin that\n  // memoises on its props is not defeated by a new object every render.\n  const accessActionsCtx = React.useMemo(\n    () => ({\n      resource: app,\n      parent,\n      subResources: parent\n        ? getChildResources(allResources, parent.slug)\n        : children,\n      user: user ? { email: user.email, isAdmin } : null,\n    }),\n    [app, parent, allResources, children, user, isAdmin],\n  )\n\n  // Enter: open screenshot gallery\n  useHotkeys(\n    'enter',\n    () => {\n      const tag = document.activeElement?.tagName\n      if (\n        tag === 'BUTTON' ||\n        tag === 'A' ||\n        tag === 'INPUT' ||\n        tag === 'SELECT' ||\n        tag === 'TEXTAREA'\n      )\n        return\n\n      if (app.screenshotIds && app.screenshotIds.length > 0) {\n        setGalleryInitialIndex(0)\n        setIsGalleryOpen(true)\n      }\n    },\n    { enabled: !isGalleryOpen },\n    [app, isGalleryOpen],\n  )\n\n  const handleScreenshotClick = (index: number) => {\n    setGalleryInitialIndex(index)\n    setIsGalleryOpen(true)\n  }\n\n  // Find replacement app if deprecated\n  const replacementApp = app.deprecated?.replacementSlug\n    ? allResources.find((a) => a.slug === app.deprecated?.replacementSlug)\n    : null\n\n  const access = accessTabLabel(app, approvalMethods)\n\n  const hasResourcesTab = children.length > 0 || (app.tiers?.length ?? 0) > 0\n  const resourcesLabel = children.length\n    ? (app.childrenLabel ?? 'Resources')\n    : 'Environments'\n\n  const tabs: DetailTab[] = [\n    {\n      id: TAB.overview,\n      label: 'Overview',\n      render: () => (\n        <>\n          <Section title=\"Description\" first>\n            {isAdmin ? (\n              <InlineEditableField\n                value={app.description ?? ''}\n                onSave={(description) =>\n                  updateApp.mutate({ id: app.id, data: { description } })\n                }\n                multiline\n                placeholder=\"Description\"\n                className=\"min-h-[4rem] resize-y text-sm text-muted-foreground\"\n              />\n            ) : app.description ? (\n              <MarkdownText className=\"prose prose-sm max-w-none text-sm text-muted-foreground [&_p]:m-0\">\n                {app.description}\n              </MarkdownText>\n            ) : (\n              <p className=\"text-sm text-muted-foreground\">—</p>\n            )}\n          </Section>\n\n          {app.screenshotIds && app.screenshotIds.length > 0 && (\n            <Section title={`Screenshots (${app.screenshotIds.length})`}>\n              {/* A button, not a clickable div: the gallery was unreachable by\n                  keyboard, and a role + label gives it a stable handle. */}\n              <button\n                type=\"button\"\n                aria-label={`View screenshots of ${app.displayName}`}\n                className=\"block w-full cursor-pointer text-left hover:opacity-80 transition-opacity\"\n                onClick={() => handleScreenshotClick(0)}\n              >\n                <AppScreenshot app={app} />\n                {app.screenshotIds.length > 1 && (\n                  <p className=\"text-xs text-muted-foreground mt-2 text-center\">\n                    Click to view all {app.screenshotIds.length} screenshots\n                  </p>\n                )}\n              </button>\n            </Section>\n          )}\n\n          {/* Owner — who is responsible for this resource. Distinct from the\n              access approver (who decides access requests); see domain model. */}\n          {app.ownerPersonSlug && (\n            <Section title=\"Owner\" hint=\"Who is responsible for this resource\">\n              <PersonBadge slug={app.ownerPersonSlug} />\n            </Section>\n          )}\n\n          {/* Tags, minus the indexing machinery: `namespace:value` tags drive\n              grouping, faceting and placement, are about half of all tag\n              references, and say nothing about what an app is for. The colon is\n              the test. Search still matches them — only the display drops them. */}\n          {displayTags.length > 0 && (\n            <Section title=\"Tags\">\n              <div className=\"flex flex-wrap gap-2\">\n                {displayTags.map((tag) => (\n                  <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </div>\n            </Section>\n          )}\n\n          {app.teams && app.teams.length > 0 && (\n            <Section title=\"Teams\">\n              <div className=\"flex flex-wrap gap-2\">\n                {app.teams.map((team) => (\n                  <Badge key={team} variant=\"outline\" className=\"text-xs\">\n                    {team}\n                  </Badge>\n                ))}\n              </div>\n            </Section>\n          )}\n        </>\n      ),\n    },\n    {\n      id: TAB.access,\n      label: `Access — ${access.route}`,\n      chip: access.chip,\n      render: () => (\n        <>\n          {/* Two-step access: for a nested resource, show the parent-first\n              prerequisite chain before this resource's own instructions. */}\n          <AccessPrerequisiteChain resource={app} onOpenParent={onAppClick} />\n          <AccessRequestSection app={app} approvalMethods={approvalMethods} />\n        </>\n      ),\n    },\n    ...(hasResourcesTab\n      ? [\n          {\n            id: TAB.resources,\n            label: resourcesLabel,\n            chip: children.length ? String(children.length) : undefined,\n            render: () => (\n              <>\n                {app.tiers && app.tiers.length > 0 && (\n                  <TierVariantsSection tiers={app.tiers} />\n                )}\n                {children.length > 0 && (\n                  <div className={app.tiers?.length ? 'mt-7' : ''}>\n                    {/* The active catalog search term seeds the filter, so a\n                        visitor who got here by searching something that matched\n                        a child sees that child rather than all of its siblings. */}\n                    <SubResourcesSection\n                      subResources={children}\n                      parentSlug={app.slug}\n                      parent={app}\n                      initialSearch={filterState.searchValue}\n                      childrenLabel={app.childrenLabel}\n                    />\n                  </div>\n                )}\n              </>\n            ),\n          } satisfies DetailTab,\n        ]\n      : []),\n    {\n      id: TAB.documentation,\n      label: 'Documentation',\n      render: () => (\n        <>\n          {app.links && app.links.length > 0 && (\n            <Section title=\"Documentation\" first>\n              <div className=\"space-y-0.5\">\n                {app.links.map((link) => (\n                  <a\n                    key={link.url}\n                    href={link.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-primary truncate\"\n                  >\n                    <ExternalLink className=\"size-3 shrink-0\" />\n                    {link.title || displayUrl(link.url)}\n                  </a>\n                ))}\n              </div>\n            </Section>\n          )}\n          {/* Background: why the app exists at all. Deliberately quiet — a\n              reader who came to get access has already passed everything they\n              need, and history should not compete with the description. */}\n          {app.background && (\n            <Section title=\"Background\">\n              <MarkdownText className=\"prose prose-sm text-muted-foreground max-w-none text-sm [&_p]:mt-0 [&_p]:mb-2 [&_p:last-child]:mb-0\">\n                {app.background}\n              </MarkdownText>\n            </Section>\n          )}\n\n          <Section title=\"Sources\" first={!app.background}>\n            {isAdmin ? (\n              <>\n                <ul className=\"space-y-2\">\n                  {displaySources.map((url, index) => {\n                    const isDraft =\n                      draftSource !== null && index === sourceUrls.length\n                    return (\n                      <li\n                        key={isDraft ? 'draft' : `${index}-${url}`}\n                        className=\"group flex items-center gap-2 text-xs\"\n                      >\n                        <span className=\"text-muted-foreground shrink-0 tabular-nums\">\n                          {index + 1}.\n                        </span>\n                        <InlineEditableField\n                          value={url}\n                          initialEditMode={isDraft}\n                          onCancel={\n                            isDraft ? () => setDraftSource(null) : undefined\n                          }\n                          onSave={(newUrl) => {\n                            if (isDraft) {\n                              setDraftSource(null)\n                              if (newUrl) {\n                                updateApp.mutate({\n                                  id: app.id,\n                                  data: { sources: [...sourceUrls, newUrl] },\n                                })\n                              }\n                            } else {\n                              const next = [...sourceUrls]\n                              next[index] = newUrl\n                              updateApp.mutate({\n                                id: app.id,\n                                data: { sources: next.filter(Boolean) },\n                              })\n                            }\n                          }}\n                          placeholder=\"https://...\"\n                          viewClassName=\"flex-1 min-w-0\"\n                          renderView={(val) =>\n                            val ? (\n                              <a\n                                href={val}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"hover:text-primary inline-flex items-center gap-1 truncate\"\n                              >\n                                {displayUrl(val)}\n                                <ExternalLink className=\"size-3 shrink-0\" />\n                              </a>\n                            ) : (\n                              <span className=\"text-muted-foreground\">—</span>\n                            )\n                          }\n                        />\n                        {!isDraft && pulseByUrl.has(url) && (\n                          <SourcePulse\n                            pulse={pulseByUrl.get(url)!}\n                            className=\"ml-auto\"\n                          />\n                        )}\n                        {!isDraft && (\n                          <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"icon-sm\"\n                            aria-label=\"Remove source\"\n                            className=\"shrink-0 text-muted-foreground hover:text-destructive\"\n                            onClick={() => {\n                              const next = sourceUrls.filter(\n                                (_, i) => i !== index,\n                              )\n                              updateApp.mutate({\n                                id: app.id,\n                                data: { sources: next },\n                              })\n                            }}\n                          >\n                            <Trash2 className=\"size-3.5\" />\n                          </Button>\n                        )}\n                      </li>\n                    )\n                  })}\n                </ul>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"mt-2 gap-1 text-muted-foreground\"\n                  onClick={() => setDraftSource('')}\n                >\n                  <Plus className=\"size-3.5\" />\n                  Add source\n                </Button>\n              </>\n            ) : (\n              <ul className=\"space-y-2\">\n                {sourceUrls.map((url, index) => (\n                  // `group` so hovering anywhere on the row fades that source's\n                  // track in — the mark sits in a right-hand column, and row\n                  // hover is what ties the two ends of a wide row together.\n                  <li\n                    key={index}\n                    className=\"group flex items-center gap-2 text-xs\"\n                  >\n                    <span className=\"text-muted-foreground shrink-0 tabular-nums\">\n                      {index + 1}.\n                    </span>\n                    {url ? (\n                      <a\n                        href={url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"hover:text-primary inline-flex min-w-0 items-center gap-1 truncate\"\n                      >\n                        {displayUrl(url)}\n                        <ExternalLink className=\"size-3 shrink-0\" />\n                      </a>\n                    ) : (\n                      <span className=\"text-muted-foreground\">—</span>\n                    )}\n                    {pulseByUrl.has(url) && (\n                      <SourcePulse\n                        pulse={pulseByUrl.get(url)!}\n                        className=\"ml-auto\"\n                      />\n                    )}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </Section>\n\n          {/* These used to sit unlabelled in a 64px gap between two sections,\n              which is what made that gap look like a mistake. Labelled, in\n              their own block. \"Dates\" rather than \"Added / updated\" on purpose:\n              a label that repeats the first word of every line below it adds\n              nothing, and it made \"Added\"/\"Updated\" ambiguous to anything\n              matching on text — including this card's own tests. */}\n          {(app.createdAt || app.freshness?.lastCheckedAt) && (\n            <Section title=\"Dates\">\n              <div className=\"flex flex-wrap gap-x-5 gap-y-1\">\n                {app.createdAt && (\n                  <span\n                    className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\"\n                    title={app.createdAt}\n                  >\n                    <CalendarPlus className=\"size-3\" />\n                    Added {formatRelativeTime(app.createdAt)}\n                  </span>\n                )}\n                {app.freshness?.lastCheckedAt && (\n                  <span\n                    className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\"\n                    title={\n                      app.freshness.lastContentChangeAt\n                        ? `Content last changed ${app.freshness.lastContentChangeAt} · last checked ${app.freshness.lastCheckedAt}`\n                        : `Last checked ${app.freshness.lastCheckedAt}`\n                    }\n                  >\n                    <Clock className=\"size-3\" />\n                    {/* \"Updated\" means the content changed, not that a check\n                        ran — entries predating the field have none, so fall\n                        back. */}\n                    Updated{' '}\n                    {formatRelativeTime(\n                      app.freshness.lastContentChangeAt ??\n                        app.freshness.lastCheckedAt,\n                    )}\n                    {app.freshness.isStale && (\n                      <span className=\"italic opacity-75\">\n                        {' '}\n                        · may be out of date\n                      </span>\n                    )}\n                  </span>\n                )}\n              </div>\n            </Section>\n          )}\n\n          {/* Technical information: AI-facing fields, de-emphasized/collapsed */}\n          {(app.aiPrompt || app.aiMemory) && (\n            <Accordion type=\"single\" collapsible className=\"mt-7\">\n              <AccordionItem\n                value=\"technical-info\"\n                className=\"border rounded-lg px-4\"\n              >\n                <AccordionTrigger className=\"text-sm hover:no-underline py-3\">\n                  Technical information\n                </AccordionTrigger>\n                <AccordionContent className=\"pb-3 space-y-3\">\n                  {app.aiPrompt && (\n                    <div>\n                      <h4 className=\"section-label mb-1\">AI Prompt</h4>\n                      <p className=\"text-xs whitespace-pre-wrap\">\n                        {app.aiPrompt}\n                      </p>\n                    </div>\n                  )}\n                  {app.aiMemory && (\n                    <div>\n                      <h4 className=\"section-label mb-1\">AI Memory</h4>\n                      <p className=\"text-xs whitespace-pre-wrap\">\n                        {app.aiMemory}\n                      </p>\n                    </div>\n                  )}\n                </AccordionContent>\n              </AccordionItem>\n            </Accordion>\n          )}\n        </>\n      ),\n    },\n    {\n      id: TAB.notes,\n      label: 'Notes & requests',\n      render: () => (\n        <FeedbackSection appSlug={app.slug} openComposer={composeRequests} />\n      ),\n    },\n  ]\n\n  // The hero band: identity, the way in, and the typed-id jumps. It does NOT\n  // scroll away with a tab, so \"take me to the app\" is reachable from every one\n  // of them.\n  //\n  // Deliberately holds nothing else. An owner/teams/freshness strip was drawn\n  // and dropped: `ownerPersonSlug` is set on a tiny fraction of entries so the\n  // owner slot would almost always be empty, teams already has its own block in\n  // Overview, and on an entry with quick jumps the band had grown past 250px\n  // before any content — on exactly the apps where people most want to type an\n  // id and leave.\n  const band = (\n    <>\n      <div className=\"flex flex-wrap items-center gap-x-7 gap-y-2\">\n        <AppDoor app={app} onOpen={() => recordClick(app.slug)} />\n        {app.deprecated && (\n          <Badge\n            variant={\n              app.deprecated.type === 'discouraged'\n                ? 'secondary'\n                : 'destructive'\n            }\n          >\n            {app.deprecated.type === 'discouraged'\n              ? 'Discouraged'\n              : 'Deprecated'}\n          </Badge>\n        )}\n        {/* In the band, not at the foot of the notes panel.\n            Down there it was invisible twice over: below the fold of a panel, and\n            behind a tab nobody opens unless they already know what is in it — so\n            the one affordance the feature exists for was the hardest thing on the\n            card to find. Up here it is present on every tab, which is the whole\n            reason the band does not scroll away.\n            `mr-10` keeps it clear of the dialog's own close button at top-right. */}\n        {/* Plugin actions sit beside \"Suggest a change\", sharing its reasoning:\n            the band is mounted on every tab and never scrolls away. A slot in a\n            tab panel would be invisible until a second click, and one inside\n            SubResourceDetailPanel's `hasAnyAccess` gate would vanish for exactly\n            the resources that need help most.\n            Renders nothing when no plugin contributes, so the band keeps its\n            current shape in the open-source build. */}\n        <div className=\"ml-auto mr-10 flex items-center gap-2\">\n          <ResourceDetailAccessActions {...accessActionsCtx} />\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setComposeRequests((n) => n + 1)}\n          >\n            ✎ Suggest a change\n          </Button>\n        </div>\n      </div>\n\n      {app.nicknames && app.nicknames.length > 0 && (\n        <p className=\"mt-2.5 text-xs text-muted-foreground\">\n          Also known as {app.nicknames.join(', ')}\n        </p>\n      )}\n\n      {isAdmin && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-6 gap-y-1\">\n          <span className=\"inline-flex items-center gap-2\">\n            <span className=\"text-xs text-muted-foreground\">Slug:</span>\n            <InlineEditableField\n              value={app.slug}\n              onSave={(slug) =>\n                updateApp.mutate({ id: app.id, data: { slug } })\n              }\n              className=\"text-sm\"\n            />\n          </span>\n          <span className=\"inline-flex items-center gap-2\">\n            <span className=\"text-xs text-muted-foreground\">URL:</span>\n            <InlineEditableField\n              value={app.appUrl ?? ''}\n              onSave={(appUrl) =>\n                updateApp.mutate({ id: app.id, data: { appUrl } })\n              }\n              placeholder=\"App URL\"\n              className=\"text-sm\"\n            />\n          </span>\n        </div>\n      )}\n\n      {hasQuickJumps(app) && (\n        <div className=\"mt-4\">\n          {/* Named, where the bare control was not: \"or go straight to a\n                  record\" says what the field is for before you reach it. */}\n          <p className=\"mb-1.5 text-xs text-muted-foreground\">\n            Or go straight to a record:\n          </p>\n          <QuickJumpBar app={app} />\n        </div>\n      )}\n\n      {/* Deprecation stays in the band, not in a tab: \"do not use this\"\n              must not be something you have to go looking for. */}\n      {app.deprecated &&\n        (() => {\n          const isDiscouraged = app.deprecated.type === 'discouraged'\n          return (\n            <div\n              className={\n                isDiscouraged\n                  ? 'mt-4 rounded-lg border border-yellow-500/50 bg-yellow-50 p-4 dark:bg-yellow-950/20'\n                  : 'mt-4 rounded-lg border border-destructive/50 bg-destructive/10 p-4'\n              }\n            >\n              <h3\n                className={\n                  isDiscouraged\n                    ? 'section-label mb-1.5 text-yellow-700 dark:text-yellow-500'\n                    : 'section-label mb-1.5 text-destructive'\n                }\n              >\n                {isDiscouraged\n                  ? 'Usage discouraged'\n                  : 'This application is deprecated'}\n              </h3>\n              <p className=\"text-sm text-muted-foreground\">\n                {app.deprecated.comment}\n              </p>\n              {replacementApp && (\n                <button\n                  type=\"button\"\n                  onClick={() => onAppClick?.(replacementApp)}\n                  className=\"mt-3 inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  View replacement: {replacementApp.displayName}\n                  <ExternalLink className=\"size-3\" />\n                </button>\n              )}\n            </div>\n          )\n        })()}\n    </>\n  )\n\n  return (\n    <>\n      <div className=\"flex h-full flex-col\">\n        <DetailTabs\n          tabs={tabs}\n          band={band}\n          // Cancels the dialog's own padding so the tint reaches the card's\n          // edges, then re-applies it inside.\n          bandClassName=\"-mx-6 -mt-5 px-6 pt-5 sm:-mx-8 sm:-mt-7 sm:px-8 sm:pt-7\"\n          // `?sub=` means a child was picked out of a search, so the card opens\n          // on the tab that holds it rather than making them hunt for it.\n          forcedTab={subSlug && hasResourcesTab ? TAB.resources : undefined}\n          requestTab={composeRequests > 0 ? TAB.notes : undefined}\n          requestNonce={composeRequests}\n        />\n      </div>\n\n      {/* Screenshot Gallery Dialog */}\n      <ScreenshotGallery\n        app={app}\n        screenshotIds={app.screenshotIds || []}\n        open={isGalleryOpen}\n        onOpenChange={setIsGalleryOpen}\n        initialIndex={galleryInitialIndex}\n        title={`${app.abbreviation || app.displayName} - Screenshots`}\n      />\n    </>\n  )\n}\n"],"names":["React","_a","_b"],"mappings":"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"}
+{"version":3,"file":"AppDetails.js","sources":["../../../../../../src/modules/appCatalog/ui/detail/AppDetails.tsx"],"sourcesContent":["import type {\n  Resource,\n  SourceReference,\n} from '@igstack/app-catalog-backend-core'\nimport { useSearch } from '@tanstack/react-router'\nimport { CalendarPlus, Clock, ExternalLink, Plus, Trash2 } from 'lucide-react'\nimport React from 'react'\nimport { useHotkeys } from 'react-hotkeys-hook'\nimport { Badge } from '~/ui/badge'\nimport { Button } from '~/ui/button'\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '~/ui/accordion'\nimport { AccessRequestSection } from '../components/AccessRequestSection'\nimport { AccessPrerequisiteChain } from '../components/AccessPrerequisiteChain'\nimport { QuickJumpBar, hasQuickJumps } from '../components/QuickJumpBar'\nimport { useAppCatalogFilters } from '../context/AppCatalogFiltersContext'\nimport { PersonBadge } from '../components/PersonBadge'\nimport { useUser } from '~/modules/auth'\nimport { InlineEditableField } from '../components/InlineEditableField'\nimport { MarkdownText } from '../components/MarkdownText'\nimport { ScreenshotGallery } from '../components/ScreenshotGallery'\nimport { SourcePulse } from '../components/SourcePulse'\nimport { useUpdateApp } from '../../hooks/useUpdateApp'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\nimport { useAppClickHistory } from '../../hooks/useAppClickHistory'\nimport { formatRelativeTime } from '../../utils/formatRelativeTime'\nimport { TierVariantsSection } from '../components/TierVariantsSection'\nimport { SubResourcesSection } from '../components/SubResourcesSection'\nimport { getChildResources } from '../../utils/resolveHelpers'\nimport { ResourceDetailAccessActions } from '~/modules/extensions'\nimport { FeedbackSection } from './FeedbackSection'\nimport { displayUrl } from '~/modules/appCatalog/utils/displayUrl'\nimport { accessTabLabel } from '~/modules/appCatalog/utils/accessTabLabel'\nimport { AppDoor } from './AppDoor'\nimport { DetailTabs } from './DetailTabs'\nimport type { DetailTab } from './DetailTabs'\n\n/** Tab ids. Public — they land in `?tab=`, so renaming one breaks links. */\nconst TAB = {\n  overview: 'overview',\n  access: 'access',\n  resources: 'resources',\n  documentation: 'documentation',\n  notes: 'notes',\n} as const\n\n/** A labelled block inside a tab. One register for all of them. */\nfunction Section({\n  title,\n  hint,\n  first,\n  children,\n}: {\n  title: string\n  hint?: string\n  /** Drops the top margin for the first block in a panel. */\n  first?: boolean\n  children: React.ReactNode\n}) {\n  return (\n    <div className={first ? '' : 'mt-7'}>\n      <h3 className=\"section-label mb-1.5\">{title}</h3>\n      {hint && <p className=\"mb-2 text-xs text-muted-foreground\">{hint}</p>}\n      {children}\n    </div>\n  )\n}\n\nfunction AppScreenshot({ app }: { app: Resource }) {\n  const [imageError, setImageError] = React.useState(false)\n  const [isLoadingImage, setIsLoadingImage] = React.useState(true)\n\n  const screenshotId = app.screenshotIds?.[0]\n  if (!screenshotId) {\n    return (\n      <div className=\"w-full bg-muted/50 rounded-lg overflow-hidden flex items-center justify-center min-h-64\">\n        <div className=\"w-full h-64 bg-muted/30 flex items-center justify-center text-muted-foreground text-sm\">\n          No screenshot available\n        </div>\n      </div>\n    )\n  }\n\n  const screenshotImageUrl = `/api/screenshots/${screenshotId}?size=512`\n\n  return (\n    <div className=\"w-full flex justify-center\">\n      <div className=\"rounded-lg overflow-hidden inline-flex items-center justify-center min-h-64\">\n        {!imageError ? (\n          <img\n            src={screenshotImageUrl}\n            alt={`${app.abbreviation || app.displayName} screenshot`}\n            className=\"h-64 object-contain\"\n            onError={() => {\n              setImageError(true)\n              setIsLoadingImage(false)\n            }}\n            onLoad={() => setIsLoadingImage(false)}\n          />\n        ) : null}\n        {(imageError || isLoadingImage) && (\n          <div className=\"w-full h-64 bg-muted/30 flex items-center justify-center text-muted-foreground text-sm\">\n            {isLoadingImage\n              ? 'Loading screenshot...'\n              : 'No screenshot available'}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function AppDetails({\n  app,\n  onAppClick,\n}: {\n  app: Resource\n  onAppClick?: (app: Resource) => void\n}) {\n  const [isGalleryOpen, setIsGalleryOpen] = React.useState(false)\n  const [galleryInitialIndex, setGalleryInitialIndex] = React.useState(0)\n  /**\n   * Set by the band's \"Suggest a change\", which has to do two things the button\n   * cannot do alone: bring the notes tab forward, and open the composer inside it.\n   * Held here because the band and the panel are siblings — neither can reach the\n   * other, and routing it through the URL would put a transient intent in a\n   * shareable link.\n   *\n   * A count, not a flag: the composer closes itself on send, so asking a second\n   * time has to be distinguishable from the first ask still being set. As a\n   * boolean the second click changed nothing and the button was dead for the rest\n   * of the card's life.\n   */\n  const [composeRequests, setComposeRequests] = React.useState(0)\n\n  const { approvalMethods, resources: allResources } = useAppCatalogContext()\n  const { recordClick } = useAppClickHistory()\n  const updateApp = useUpdateApp()\n  const [draftSource, setDraftSource] = React.useState<string | null>(null)\n  const user = useUser()\n  const isAdmin = user?.isAdmin ?? false\n  const { state: filterState } = useAppCatalogFilters()\n\n  // Arriving with `?sub=` means the visitor picked one child out of a search —\n  // so the card has to open ON that child's tab. Landing on Overview and\n  // leaving them to find the tab is the bug this scenario exists to prevent.\n  const search = useSearch({ strict: false })\n  const subSlug = search.sub\n\n  const displayTags = (app.tags ?? []).filter((tag) => !tag.includes(':'))\n  const sourceUrls: string[] =\n    app.sources?.map((s) => (typeof s === 'string' ? s : s.url)) ?? []\n  const displaySources =\n    draftSource !== null ? [...sourceUrls, draftSource] : sourceUrls\n  // The list renders bare URLs (they are editable as text), so the pulse has to\n  // be looked up rather than carried alongside. Absent until the autoupdate loop\n  // has seen the source — a freshly added one simply gets no mark.\n  const pulseByUrl = React.useMemo(() => {\n    const byUrl = new Map<string, NonNullable<SourceReference['pulse']>>()\n    for (const source of app.sources ?? []) {\n      if (typeof source !== 'string' && source.pulse) {\n        byUrl.set(source.url, source.pulse)\n      }\n    }\n    return byUrl\n  }, [app.sources])\n\n  const children = React.useMemo(\n    () => getChildResources(allResources, app.slug),\n    [allResources, app.slug],\n  )\n\n  // `app` is whatever resource the card shows, a nested one included, so the\n  // parent has to be looked up rather than assumed absent. A plugin uses its\n  // presence to tell a sub-resource view from a top-level one.\n  const parent = React.useMemo(\n    () =>\n      app.parentSlug\n        ? allResources.find((r) => r.slug === app.parentSlug)\n        : undefined,\n    [allResources, app.parentSlug],\n  )\n\n  // What a plugin slot in the band receives. Memoised so a plugin that\n  // memoises on its props is not defeated by a new object every render.\n  const accessActionsCtx = React.useMemo(\n    () => ({\n      resource: app,\n      parent,\n      subResources: parent\n        ? getChildResources(allResources, parent.slug)\n        : children,\n      user: user ? { email: user.email, isAdmin } : null,\n    }),\n    [app, parent, allResources, children, user, isAdmin],\n  )\n\n  // Enter: open the app, as the door does — the card opens from search on one\n  // Enter, so a second one finishes the trip. No address: the screenshot gallery.\n  useHotkeys(\n    'enter',\n    () => {\n      const tag = document.activeElement?.tagName\n      if (\n        tag === 'BUTTON' ||\n        tag === 'A' ||\n        tag === 'INPUT' ||\n        tag === 'SELECT' ||\n        tag === 'TEXTAREA'\n      )\n        return\n\n      if (app.appUrl) {\n        recordClick(app.slug)\n        window.open(app.appUrl, '_blank', 'noopener,noreferrer')\n      } else if (app.screenshotIds && app.screenshotIds.length > 0) {\n        setGalleryInitialIndex(0)\n        setIsGalleryOpen(true)\n      }\n    },\n    { enabled: !isGalleryOpen },\n    [app, isGalleryOpen, recordClick],\n  )\n\n  const handleScreenshotClick = (index: number) => {\n    setGalleryInitialIndex(index)\n    setIsGalleryOpen(true)\n  }\n\n  // Find replacement app if deprecated\n  const replacementApp = app.deprecated?.replacementSlug\n    ? allResources.find((a) => a.slug === app.deprecated?.replacementSlug)\n    : null\n\n  const access = accessTabLabel(app, approvalMethods)\n\n  const hasResourcesTab = children.length > 0 || (app.tiers?.length ?? 0) > 0\n  const resourcesLabel = children.length\n    ? (app.childrenLabel ?? 'Resources')\n    : 'Environments'\n\n  const tabs: DetailTab[] = [\n    {\n      id: TAB.overview,\n      label: 'Overview',\n      render: () => (\n        <>\n          <Section title=\"Description\" first>\n            {isAdmin ? (\n              <InlineEditableField\n                value={app.description ?? ''}\n                onSave={(description) =>\n                  updateApp.mutate({ id: app.id, data: { description } })\n                }\n                multiline\n                placeholder=\"Description\"\n                className=\"min-h-[4rem] resize-y text-sm text-muted-foreground\"\n              />\n            ) : app.description ? (\n              <MarkdownText className=\"prose prose-sm max-w-none text-sm text-muted-foreground [&_p]:m-0\">\n                {app.description}\n              </MarkdownText>\n            ) : (\n              <p className=\"text-sm text-muted-foreground\">—</p>\n            )}\n          </Section>\n\n          {app.screenshotIds && app.screenshotIds.length > 0 && (\n            <Section title={`Screenshots (${app.screenshotIds.length})`}>\n              {/* A button, not a clickable div: the gallery was unreachable by\n                  keyboard, and a role + label gives it a stable handle. */}\n              <button\n                type=\"button\"\n                aria-label={`View screenshots of ${app.displayName}`}\n                className=\"block w-full cursor-pointer text-left hover:opacity-80 transition-opacity\"\n                onClick={() => handleScreenshotClick(0)}\n              >\n                <AppScreenshot app={app} />\n                {app.screenshotIds.length > 1 && (\n                  <p className=\"text-xs text-muted-foreground mt-2 text-center\">\n                    Click to view all {app.screenshotIds.length} screenshots\n                  </p>\n                )}\n              </button>\n            </Section>\n          )}\n\n          {/* Owner — who is responsible for this resource. Distinct from the\n              access approver (who decides access requests); see domain model. */}\n          {app.ownerPersonSlug && (\n            <Section title=\"Owner\" hint=\"Who is responsible for this resource\">\n              <PersonBadge slug={app.ownerPersonSlug} />\n            </Section>\n          )}\n\n          {/* Tags, minus the indexing machinery: `namespace:value` tags drive\n              grouping, faceting and placement, are about half of all tag\n              references, and say nothing about what an app is for. The colon is\n              the test. Search still matches them — only the display drops them. */}\n          {displayTags.length > 0 && (\n            <Section title=\"Tags\">\n              <div className=\"flex flex-wrap gap-2\">\n                {displayTags.map((tag) => (\n                  <Badge key={tag} variant=\"secondary\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </div>\n            </Section>\n          )}\n\n          {app.teams && app.teams.length > 0 && (\n            <Section title=\"Teams\">\n              <div className=\"flex flex-wrap gap-2\">\n                {app.teams.map((team) => (\n                  <Badge key={team} variant=\"outline\" className=\"text-xs\">\n                    {team}\n                  </Badge>\n                ))}\n              </div>\n            </Section>\n          )}\n        </>\n      ),\n    },\n    {\n      id: TAB.access,\n      label: `Access — ${access.route}`,\n      chip: access.chip,\n      render: () => (\n        <>\n          {/* Two-step access: for a nested resource, show the parent-first\n              prerequisite chain before this resource's own instructions. */}\n          <AccessPrerequisiteChain resource={app} onOpenParent={onAppClick} />\n          <AccessRequestSection app={app} approvalMethods={approvalMethods} />\n        </>\n      ),\n    },\n    ...(hasResourcesTab\n      ? [\n          {\n            id: TAB.resources,\n            label: resourcesLabel,\n            chip: children.length ? String(children.length) : undefined,\n            render: () => (\n              <>\n                {app.tiers && app.tiers.length > 0 && (\n                  <TierVariantsSection tiers={app.tiers} />\n                )}\n                {children.length > 0 && (\n                  <div className={app.tiers?.length ? 'mt-7' : ''}>\n                    {/* The active catalog search term seeds the filter, so a\n                        visitor who got here by searching something that matched\n                        a child sees that child rather than all of its siblings. */}\n                    <SubResourcesSection\n                      subResources={children}\n                      parentSlug={app.slug}\n                      parent={app}\n                      initialSearch={filterState.searchValue}\n                      childrenLabel={app.childrenLabel}\n                    />\n                  </div>\n                )}\n              </>\n            ),\n          } satisfies DetailTab,\n        ]\n      : []),\n    {\n      id: TAB.documentation,\n      label: 'Documentation',\n      render: () => (\n        <>\n          {app.links && app.links.length > 0 && (\n            <Section title=\"Documentation\" first>\n              <div className=\"space-y-0.5\">\n                {app.links.map((link) => (\n                  <a\n                    key={link.url}\n                    href={link.url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"flex items-center gap-1 text-xs text-muted-foreground hover:text-primary truncate\"\n                  >\n                    <ExternalLink className=\"size-3 shrink-0\" />\n                    {link.title || displayUrl(link.url)}\n                  </a>\n                ))}\n              </div>\n            </Section>\n          )}\n          {/* Background: why the app exists at all. Deliberately quiet — a\n              reader who came to get access has already passed everything they\n              need, and history should not compete with the description. */}\n          {app.background && (\n            <Section title=\"Background\">\n              <MarkdownText className=\"prose prose-sm text-muted-foreground max-w-none text-sm [&_p]:mt-0 [&_p]:mb-2 [&_p:last-child]:mb-0\">\n                {app.background}\n              </MarkdownText>\n            </Section>\n          )}\n\n          <Section title=\"Sources\" first={!app.background}>\n            {isAdmin ? (\n              <>\n                <ul className=\"space-y-2\">\n                  {displaySources.map((url, index) => {\n                    const isDraft =\n                      draftSource !== null && index === sourceUrls.length\n                    return (\n                      <li\n                        key={isDraft ? 'draft' : `${index}-${url}`}\n                        className=\"group flex items-center gap-2 text-xs\"\n                      >\n                        <span className=\"text-muted-foreground shrink-0 tabular-nums\">\n                          {index + 1}.\n                        </span>\n                        <InlineEditableField\n                          value={url}\n                          initialEditMode={isDraft}\n                          onCancel={\n                            isDraft ? () => setDraftSource(null) : undefined\n                          }\n                          onSave={(newUrl) => {\n                            if (isDraft) {\n                              setDraftSource(null)\n                              if (newUrl) {\n                                updateApp.mutate({\n                                  id: app.id,\n                                  data: { sources: [...sourceUrls, newUrl] },\n                                })\n                              }\n                            } else {\n                              const next = [...sourceUrls]\n                              next[index] = newUrl\n                              updateApp.mutate({\n                                id: app.id,\n                                data: { sources: next.filter(Boolean) },\n                              })\n                            }\n                          }}\n                          placeholder=\"https://...\"\n                          viewClassName=\"flex-1 min-w-0\"\n                          renderView={(val) =>\n                            val ? (\n                              <a\n                                href={val}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"hover:text-primary inline-flex items-center gap-1 truncate\"\n                              >\n                                {displayUrl(val)}\n                                <ExternalLink className=\"size-3 shrink-0\" />\n                              </a>\n                            ) : (\n                              <span className=\"text-muted-foreground\">—</span>\n                            )\n                          }\n                        />\n                        {!isDraft && pulseByUrl.has(url) && (\n                          <SourcePulse\n                            pulse={pulseByUrl.get(url)!}\n                            className=\"ml-auto\"\n                          />\n                        )}\n                        {!isDraft && (\n                          <Button\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"icon-sm\"\n                            aria-label=\"Remove source\"\n                            className=\"shrink-0 text-muted-foreground hover:text-destructive\"\n                            onClick={() => {\n                              const next = sourceUrls.filter(\n                                (_, i) => i !== index,\n                              )\n                              updateApp.mutate({\n                                id: app.id,\n                                data: { sources: next },\n                              })\n                            }}\n                          >\n                            <Trash2 className=\"size-3.5\" />\n                          </Button>\n                        )}\n                      </li>\n                    )\n                  })}\n                </ul>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"mt-2 gap-1 text-muted-foreground\"\n                  onClick={() => setDraftSource('')}\n                >\n                  <Plus className=\"size-3.5\" />\n                  Add source\n                </Button>\n              </>\n            ) : (\n              <ul className=\"space-y-2\">\n                {sourceUrls.map((url, index) => (\n                  // `group` so hovering anywhere on the row fades that source's\n                  // track in — the mark sits in a right-hand column, and row\n                  // hover is what ties the two ends of a wide row together.\n                  <li\n                    key={index}\n                    className=\"group flex items-center gap-2 text-xs\"\n                  >\n                    <span className=\"text-muted-foreground shrink-0 tabular-nums\">\n                      {index + 1}.\n                    </span>\n                    {url ? (\n                      <a\n                        href={url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"hover:text-primary inline-flex min-w-0 items-center gap-1 truncate\"\n                      >\n                        {displayUrl(url)}\n                        <ExternalLink className=\"size-3 shrink-0\" />\n                      </a>\n                    ) : (\n                      <span className=\"text-muted-foreground\">—</span>\n                    )}\n                    {pulseByUrl.has(url) && (\n                      <SourcePulse\n                        pulse={pulseByUrl.get(url)!}\n                        className=\"ml-auto\"\n                      />\n                    )}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </Section>\n\n          {/* These used to sit unlabelled in a 64px gap between two sections,\n              which is what made that gap look like a mistake. Labelled, in\n              their own block. \"Dates\" rather than \"Added / updated\" on purpose:\n              a label that repeats the first word of every line below it adds\n              nothing, and it made \"Added\"/\"Updated\" ambiguous to anything\n              matching on text — including this card's own tests. */}\n          {(app.createdAt || app.freshness?.lastCheckedAt) && (\n            <Section title=\"Dates\">\n              <div className=\"flex flex-wrap gap-x-5 gap-y-1\">\n                {app.createdAt && (\n                  <span\n                    className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\"\n                    title={app.createdAt}\n                  >\n                    <CalendarPlus className=\"size-3\" />\n                    Added {formatRelativeTime(app.createdAt)}\n                  </span>\n                )}\n                {app.freshness?.lastCheckedAt && (\n                  <span\n                    className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\"\n                    title={\n                      app.freshness.lastContentChangeAt\n                        ? `Content last changed ${app.freshness.lastContentChangeAt} · last checked ${app.freshness.lastCheckedAt}`\n                        : `Last checked ${app.freshness.lastCheckedAt}`\n                    }\n                  >\n                    <Clock className=\"size-3\" />\n                    {/* \"Updated\" means the content changed, not that a check\n                        ran — entries predating the field have none, so fall\n                        back. */}\n                    Updated{' '}\n                    {formatRelativeTime(\n                      app.freshness.lastContentChangeAt ??\n                        app.freshness.lastCheckedAt,\n                    )}\n                    {app.freshness.isStale && (\n                      <span className=\"italic opacity-75\">\n                        {' '}\n                        · may be out of date\n                      </span>\n                    )}\n                  </span>\n                )}\n              </div>\n            </Section>\n          )}\n\n          {/* Technical information: AI-facing fields, de-emphasized/collapsed */}\n          {(app.aiPrompt || app.aiMemory) && (\n            <Accordion type=\"single\" collapsible className=\"mt-7\">\n              <AccordionItem\n                value=\"technical-info\"\n                className=\"border rounded-lg px-4\"\n              >\n                <AccordionTrigger className=\"text-sm hover:no-underline py-3\">\n                  Technical information\n                </AccordionTrigger>\n                <AccordionContent className=\"pb-3 space-y-3\">\n                  {app.aiPrompt && (\n                    <div>\n                      <h4 className=\"section-label mb-1\">AI Prompt</h4>\n                      <p className=\"text-xs whitespace-pre-wrap\">\n                        {app.aiPrompt}\n                      </p>\n                    </div>\n                  )}\n                  {app.aiMemory && (\n                    <div>\n                      <h4 className=\"section-label mb-1\">AI Memory</h4>\n                      <p className=\"text-xs whitespace-pre-wrap\">\n                        {app.aiMemory}\n                      </p>\n                    </div>\n                  )}\n                </AccordionContent>\n              </AccordionItem>\n            </Accordion>\n          )}\n        </>\n      ),\n    },\n    {\n      id: TAB.notes,\n      label: 'Notes & requests',\n      render: () => (\n        <FeedbackSection appSlug={app.slug} openComposer={composeRequests} />\n      ),\n    },\n  ]\n\n  // The hero band: identity, the way in, and the typed-id jumps. It does NOT\n  // scroll away with a tab, so \"take me to the app\" is reachable from every one\n  // of them.\n  //\n  // Deliberately holds nothing else. An owner/teams/freshness strip was drawn\n  // and dropped: `ownerPersonSlug` is set on a tiny fraction of entries so the\n  // owner slot would almost always be empty, teams already has its own block in\n  // Overview, and on an entry with quick jumps the band had grown past 250px\n  // before any content — on exactly the apps where people most want to type an\n  // id and leave.\n  const band = (\n    <>\n      <div className=\"flex flex-wrap items-center gap-x-7 gap-y-2\">\n        <AppDoor app={app} onOpen={() => recordClick(app.slug)} />\n        {app.deprecated && (\n          <Badge\n            variant={\n              app.deprecated.type === 'discouraged'\n                ? 'secondary'\n                : 'destructive'\n            }\n          >\n            {app.deprecated.type === 'discouraged'\n              ? 'Discouraged'\n              : 'Deprecated'}\n          </Badge>\n        )}\n        {/* In the band, not at the foot of the notes panel.\n            Down there it was invisible twice over: below the fold of a panel, and\n            behind a tab nobody opens unless they already know what is in it — so\n            the one affordance the feature exists for was the hardest thing on the\n            card to find. Up here it is present on every tab, which is the whole\n            reason the band does not scroll away.\n            `mr-10` keeps it clear of the dialog's own close button at top-right. */}\n        {/* Plugin actions sit beside \"Suggest a change\", sharing its reasoning:\n            the band is mounted on every tab and never scrolls away. A slot in a\n            tab panel would be invisible until a second click, and one inside\n            SubResourceDetailPanel's `hasAnyAccess` gate would vanish for exactly\n            the resources that need help most.\n            Renders nothing when no plugin contributes, so the band keeps its\n            current shape in the open-source build. */}\n        <div className=\"ml-auto mr-10 flex items-center gap-2\">\n          <ResourceDetailAccessActions {...accessActionsCtx} />\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setComposeRequests((n) => n + 1)}\n          >\n            ✎ Suggest a change\n          </Button>\n        </div>\n      </div>\n\n      {app.nicknames && app.nicknames.length > 0 && (\n        <p className=\"mt-2.5 text-xs text-muted-foreground\">\n          Also known as {app.nicknames.join(', ')}\n        </p>\n      )}\n\n      {isAdmin && (\n        <div className=\"mt-3 flex flex-wrap items-center gap-x-6 gap-y-1\">\n          <span className=\"inline-flex items-center gap-2\">\n            <span className=\"text-xs text-muted-foreground\">Slug:</span>\n            <InlineEditableField\n              value={app.slug}\n              onSave={(slug) =>\n                updateApp.mutate({ id: app.id, data: { slug } })\n              }\n              className=\"text-sm\"\n            />\n          </span>\n          <span className=\"inline-flex items-center gap-2\">\n            <span className=\"text-xs text-muted-foreground\">URL:</span>\n            <InlineEditableField\n              value={app.appUrl ?? ''}\n              onSave={(appUrl) =>\n                updateApp.mutate({ id: app.id, data: { appUrl } })\n              }\n              placeholder=\"App URL\"\n              className=\"text-sm\"\n            />\n          </span>\n        </div>\n      )}\n\n      {hasQuickJumps(app) && (\n        <div className=\"mt-4\">\n          {/* Named, where the bare control was not: \"or go straight to a\n                  record\" says what the field is for before you reach it. */}\n          <p className=\"mb-1.5 text-xs text-muted-foreground\">\n            Or go straight to a record:\n          </p>\n          <QuickJumpBar app={app} />\n        </div>\n      )}\n\n      {/* Deprecation stays in the band, not in a tab: \"do not use this\"\n              must not be something you have to go looking for. */}\n      {app.deprecated &&\n        (() => {\n          const isDiscouraged = app.deprecated.type === 'discouraged'\n          return (\n            <div\n              className={\n                isDiscouraged\n                  ? 'mt-4 rounded-lg border border-yellow-500/50 bg-yellow-50 p-4 dark:bg-yellow-950/20'\n                  : 'mt-4 rounded-lg border border-destructive/50 bg-destructive/10 p-4'\n              }\n            >\n              <h3\n                className={\n                  isDiscouraged\n                    ? 'section-label mb-1.5 text-yellow-700 dark:text-yellow-500'\n                    : 'section-label mb-1.5 text-destructive'\n                }\n              >\n                {isDiscouraged\n                  ? 'Usage discouraged'\n                  : 'This application is deprecated'}\n              </h3>\n              <p className=\"text-sm text-muted-foreground\">\n                {app.deprecated.comment}\n              </p>\n              {replacementApp && (\n                <button\n                  type=\"button\"\n                  onClick={() => onAppClick?.(replacementApp)}\n                  className=\"mt-3 inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n                >\n                  View replacement: {replacementApp.displayName}\n                  <ExternalLink className=\"size-3\" />\n                </button>\n              )}\n            </div>\n          )\n        })()}\n    </>\n  )\n\n  return (\n    <>\n      <div className=\"flex h-full flex-col\">\n        <DetailTabs\n          tabs={tabs}\n          band={band}\n          // Cancels the dialog's own padding so the tint reaches the card's\n          // edges, then re-applies it inside.\n          bandClassName=\"-mx-6 -mt-5 px-6 pt-5 sm:-mx-8 sm:-mt-7 sm:px-8 sm:pt-7\"\n          // `?sub=` means a child was picked out of a search, so the card opens\n          // on the tab that holds it rather than making them hunt for it.\n          forcedTab={subSlug && hasResourcesTab ? TAB.resources : undefined}\n          requestTab={composeRequests > 0 ? TAB.notes : undefined}\n          requestNonce={composeRequests}\n        />\n      </div>\n\n      {/* Screenshot Gallery Dialog */}\n      <ScreenshotGallery\n        app={app}\n        screenshotIds={app.screenshotIds || []}\n        open={isGalleryOpen}\n        onOpenChange={setIsGalleryOpen}\n        initialIndex={galleryInitialIndex}\n        title={`${app.abbreviation || app.displayName} - Screenshots`}\n      />\n    </>\n  )\n}\n"],"names":["React","_a","_b"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "6.8.0",
+  "version": "6.8.1",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -118,7 +118,7 @@
     "tailwindcss": "^4.1.7",
     "tiptap-markdown": "^0.8.0",
     "tslib": "^2.3.0",
-    "@igstack/app-catalog-shared-core": "6.8.0"
+    "@igstack/app-catalog-shared-core": "6.8.1"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.5",
@@ -146,7 +146,7 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^4.1.2",
-    "@igstack/app-catalog-backend-core": "6.8.0"
+    "@igstack/app-catalog-backend-core": "6.8.1"
   },
   "peerDependencies": {
     "@tanstack/react-router": "1.170.41",
@@ -156,7 +156,7 @@
     "vite": "^6.3.5",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "23f71eafc97012101c37c2939800b95f7a515851",
+  "gitHead": "e850b173b27ae74c0935d72db50359d1ad036fa2",
   "scripts": {
     "build": "vite build",
     "build:lenient": "vite build --mode lenient",

package/src/__tests__/modules/appCatalog/ui/detail/AppDetails.enter.test.tsx

@@ -0,0 +1,90 @@
+import type { Resource } from '@igstack/app-catalog-backend-core'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { describe, expect, it, vi } from 'vitest'
+import '@testing-library/jest-dom/vitest'
+
+// Same stubs as the tags test: AppDetails drags the whole panel data layer in
+// and none of it decides what Enter does.
+vi.mock('@tanstack/react-router', () => ({
+  useSearch: vi.fn(() => ({})),
+  useNavigate: vi.fn(() => vi.fn()),
+  useRouter: vi.fn(() => ({
+    state: { location: { pathname: '/', search: {} } },
+  })),
+  Link: ({ children, ...rest }: { children?: React.ReactNode }) => (
+    <a {...rest}>{children}</a>
+  ),
+}))
+vi.mock('~/modules/appCatalog/context/AppCatalogContext', () => ({
+  useAppCatalogContext: vi.fn(() => ({ approvalMethods: [], resources: [] })),
+}))
+vi.mock('~/modules/appCatalog/hooks/useAppClickHistory', () => ({
+  useAppClickHistory: vi.fn(() => ({ recordClick: vi.fn() })),
+}))
+vi.mock('~/modules/appCatalog/hooks/useUpdateApp', () => ({
+  useUpdateApp: vi.fn(() => ({ mutate: vi.fn() })),
+}))
+vi.mock('~/modules/appCatalog/ui/context/AppCatalogFiltersContext', () => ({
+  useAppCatalogFilters: vi.fn(() => ({ selectedTags: [], toggleTag: vi.fn() })),
+}))
+vi.mock('~/modules/auth', () => ({ useUser: vi.fn(() => null) }))
+vi.mock('~/modules/appCatalog/ui/detail/FeedbackSection', () => ({
+  FeedbackSection: () => <div />,
+}))
+
+const { AppDetails } = await import('~/modules/appCatalog/ui/detail/AppDetails')
+
+/** Enter as the browser delivers it to whatever holds focus. */
+function pressEnter(target: Element) {
+  fireEvent.keyDown(target, { key: 'Enter', code: 'Enter' })
+  fireEvent.keyUp(target, { key: 'Enter', code: 'Enter' })
+}
+
+/** The card as it opens from search: the dialog itself holds focus. */
+function openCard(app: Resource) {
+  render(
+    <div role="dialog" aria-label="card" tabIndex={-1}>
+      <AppDetails app={app} />
+    </div>,
+  )
+  const card = screen.getByRole('dialog', { name: 'card' })
+  card.focus()
+  return card
+}
+
+// Enter on a search result opens the card; a second Enter has to take the
+// reader into the app, or the keyboard path ends one step short of the goal.
+describe('AppDetails — Enter on the open card', () => {
+  it('opens the app address in a new tab', () => {
+    const open = vi.spyOn(window, 'open').mockReturnValue(null)
+    const card = openCard({
+      id: 'tracker',
+      slug: 'tracker',
+      displayName: 'Tracker',
+      appUrl: 'https://tracker.example.com',
+    })
+
+    pressEnter(card)
+
+    expect(open).toHaveBeenCalledWith(
+      'https://tracker.example.com',
+      '_blank',
+      'noopener,noreferrer',
+    )
+    open.mockRestore()
+  })
+
+  it('opens nothing for an app with no address', () => {
+    const open = vi.spyOn(window, 'open').mockReturnValue(null)
+    const card = openCard({
+      id: 'tracker',
+      slug: 'tracker',
+      displayName: 'Tracker',
+    })
+
+    pressEnter(card)
+
+    expect(open).not.toHaveBeenCalled()
+    open.mockRestore()
+  })
+})

package/src/modules/appCatalog/ui/detail/AppDetails.tsx

@@ -199,7 +199,8 @@ export function AppDetails({
     [app, parent, allResources, children, user, isAdmin],
   )
 
-  // Enter: open screenshot gallery
+  // Enter: open the app, as the door does — the card opens from search on one
+  // Enter, so a second one finishes the trip. No address: the screenshot gallery.
   useHotkeys(
     'enter',
     () => {
@@ -213,13 +214,16 @@ export function AppDetails({
       )
         return
 
-      if (app.screenshotIds && app.screenshotIds.length > 0) {
+      if (app.appUrl) {
+        recordClick(app.slug)
+        window.open(app.appUrl, '_blank', 'noopener,noreferrer')
+      } else if (app.screenshotIds && app.screenshotIds.length > 0) {
         setGalleryInitialIndex(0)
         setIsGalleryOpen(true)
       }
     },
     { enabled: !isGalleryOpen },
-    [app, isGalleryOpen],
+    [app, isGalleryOpen, recordClick],
   )
 
   const handleScreenshotClick = (index: number) => {