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

package/dist/esm/modules/appCatalog/utils/markdownToPlainText.d.ts

@@ -2,7 +2,7 @@
  * Reduce a short markdown string to its visible plain text.
  *
  * Descriptions may contain markdown — notably cross-reference links like
- * `[Signatera Portal](/app/signatera-portal)` (#25). The detail panel renders
+ * `[Team Chat](/app/team-chat)` (#25). The detail panel renders
  * those as interactive links via {@link MarkdownText}, but in compact / clamped
  * surfaces (grid list preview, table row, filter combobox, sub-resources) an
  * interactive link would break `line-clamp` and can't be reliably highlighted

package/dist/esm/modules/appCatalog/utils/markdownToPlainText.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdownToPlainText.js","sources":["../../../../../src/modules/appCatalog/utils/markdownToPlainText.ts"],"sourcesContent":["/**\n * Reduce a short markdown string to its visible plain text.\n *\n * Descriptions may contain markdown — notably cross-reference links like\n * `[Signatera Portal](/app/signatera-portal)` (#25). The detail panel renders\n * those as interactive links via {@link MarkdownText}, but in compact / clamped\n * surfaces (grid list preview, table row, filter combobox, sub-resources) an\n * interactive link would break `line-clamp` and can't be reliably highlighted\n * for search. There we show the *text* only — so `[Name](/app/slug)` shows\n * \"Name\", never the raw bracket/paren syntax.\n *\n * This is deliberately a small, allocation-cheap regex pass (not a full\n * markdown parser): it covers the inline constructs that actually appear in\n * catalog descriptions — links, images, emphasis, and inline code.\n */\nexport function markdownToPlainText(input: string): string {\n  if (!input) return ''\n\n  return (\n    input\n      // Images: ![alt](url) → alt (must run before links)\n      .replace(/!\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')\n      // Links: [text](url) → text\n      .replace(/\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')\n      // Bold / italic markers: **x**, __x__, *x*, _x_ → x\n      .replace(/(\\*\\*|__)(.*?)\\1/g, '$2')\n      .replace(/(\\*|_)(.*?)\\1/g, '$2')\n      // Inline code: `x` → x\n      .replace(/`([^`]*)`/g, '$1')\n  )\n}\n"],"names":[],"mappings":"AAeO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,MAEG,QAAQ,2BAA2B,IAAI,EAEvC,QAAQ,0BAA0B,IAAI,EAEtC,QAAQ,qBAAqB,IAAI,EACjC,QAAQ,kBAAkB,IAAI,EAE9B,QAAQ,cAAc,IAAI;AAEjC;"}
+{"version":3,"file":"markdownToPlainText.js","sources":["../../../../../src/modules/appCatalog/utils/markdownToPlainText.ts"],"sourcesContent":["/**\n * Reduce a short markdown string to its visible plain text.\n *\n * Descriptions may contain markdown — notably cross-reference links like\n * `[Team Chat](/app/team-chat)` (#25). The detail panel renders\n * those as interactive links via {@link MarkdownText}, but in compact / clamped\n * surfaces (grid list preview, table row, filter combobox, sub-resources) an\n * interactive link would break `line-clamp` and can't be reliably highlighted\n * for search. There we show the *text* only — so `[Name](/app/slug)` shows\n * \"Name\", never the raw bracket/paren syntax.\n *\n * This is deliberately a small, allocation-cheap regex pass (not a full\n * markdown parser): it covers the inline constructs that actually appear in\n * catalog descriptions — links, images, emphasis, and inline code.\n */\nexport function markdownToPlainText(input: string): string {\n  if (!input) return ''\n\n  return (\n    input\n      // Images: ![alt](url) → alt (must run before links)\n      .replace(/!\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')\n      // Links: [text](url) → text\n      .replace(/\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1')\n      // Bold / italic markers: **x**, __x__, *x*, _x_ → x\n      .replace(/(\\*\\*|__)(.*?)\\1/g, '$2')\n      .replace(/(\\*|_)(.*?)\\1/g, '$2')\n      // Inline code: `x` → x\n      .replace(/`([^`]*)`/g, '$1')\n  )\n}\n"],"names":[],"mappings":"AAeO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,MAEG,QAAQ,2BAA2B,IAAI,EAEvC,QAAQ,0BAA0B,IAAI,EAEtC,QAAQ,qBAAqB,IAAI,EACjC,QAAQ,kBAAkB,IAAI,EAE9B,QAAQ,cAAc,IAAI;AAEjC;"}

package/dist/esm/routeTree.gen.d.ts

@@ -29,12 +29,14 @@ declare const LayoutAppSlugRoute: import('@tanstack/router-core').Route<import('
     filters: import('zod').ZodOptional<import('zod').ZodString>;
     deprecated: import('zod').ZodOptional<import('zod').ZodString>;
     q: import('zod').ZodOptional<import('zod').ZodString>;
+    sub: import('zod').ZodOptional<import('zod').ZodString>;
 }, import('zod/v4/core').$strip>, import('@tanstack/router-core').ResolveParams<"/app/$slug">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
     appCatalogLoader: import('./modules/appCatalog/routeLoader.js').AppCatalogLoaderReturn;
 }>, unknown, unknown, unknown, unknown, undefined>;
 declare const LayoutCatalogAppsIndexRoute: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('./types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/catalog/apps", "/catalog/apps/", "/_layout/catalog/apps/", "/_layout/catalog/apps/", import('zod').ZodObject<{
     app: import('zod').ZodOptional<import('zod').ZodString>;
     q: import('zod').ZodOptional<import('zod').ZodString>;
+    sub: import('zod').ZodOptional<import('zod').ZodString>;
 }, import('zod/v4/core').$strip>, import('@tanstack/router-core').ResolveParams<"/catalog/apps">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, (ctx: import('@tanstack/router-core').LoaderFnContext<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('./types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/_layout/catalog/apps/", import('@tanstack/router-core').ResolveParams<"/catalog/apps">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<void>, unknown, unknown, unknown, unknown, undefined>;
 export interface FileRoutesByFullPath {
     '/': typeof LayoutIndexRoute;

package/dist/esm/routes/_layout/app.$slug.d.ts

@@ -5,6 +5,7 @@ export declare const Route: import('@tanstack/router-core').Route<import('@tanst
     filters: z.ZodOptional<z.ZodString>;
     deprecated: z.ZodOptional<z.ZodString>;
     q: z.ZodOptional<z.ZodString>;
+    sub: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>, import('@tanstack/router-core').ResolveParams<"/app/$slug">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
     appCatalogLoader: import('~/modules/appCatalog/routeLoader').AppCatalogLoaderReturn;
 }>, unknown, unknown, unknown, unknown, undefined>;

package/dist/esm/routes/_layout/app._slug.js

@@ -9,7 +9,8 @@ const searchSchema = object({
   recent: string().optional(),
   filters: string().optional(),
   deprecated: string().optional(),
-  q: string().optional()
+  q: string().optional(),
+  sub: string().optional()
 });
 const Route = createFileRoute("/_layout/app/$slug")({
   component: RouteComponent,

package/dist/esm/routes/_layout/app._slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"app._slug.js","sources":["../../../../src/routes/_layout/app.$slug.tsx"],"sourcesContent":["import { createFileRoute, stripSearchParams } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\n\n// Preserve the URL-synced filter params (see AppCatalogFiltersContext) on this\n// route so they aren't stripped on navigation. `q` (the search text) is the\n// exception: as of #27 it lives in sessionStorage, not the URL. It stays\n// declared here so an incoming legacy `?q=` still validates, but the\n// `stripSearchParams` middleware removes it so shared app links stay clean.\nconst searchSchema = z.object({\n  filterTag: z.string().optional(),\n  recent: z.string().optional(),\n  filters: z.string().optional(),\n  deprecated: z.string().optional(),\n  q: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/app/$slug')({\n  component: RouteComponent,\n  validateSearch: searchSchema,\n  search: { middlewares: [stripSearchParams(['q'])] },\n  async loader() {\n    const appCatalogLoader = await appCatalogRouteLoader()\n    return { appCatalogLoader }\n  },\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n  const { slug } = Route.useParams()\n\n  return (\n    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n      <AppCatalogPage selectedSlug={slug} />\n    </AppCatalogLayout>\n  )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAWA,MAAM,eAAeA,OAAS;AAAA,EAC5B,WAAWC,OAAE,EAAS,SAAA;AAAA,EACtB,QAAQA,OAAE,EAAS,SAAA;AAAA,EACnB,SAASA,OAAE,EAAS,SAAA;AAAA,EACpB,YAAYA,OAAE,EAAS,SAAA;AAAA,EACvB,GAAGA,OAAE,EAAS,SAAA;AAChB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,oBAAoB,EAAE;AAAA,EACzD,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAA;AAAA,EAChD,MAAM,SAAS;AACb,UAAM,mBAAmB,MAAM,sBAAA;AAC/B,WAAO,EAAE,iBAAA;AAAA,EACX;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAC1C,QAAM,EAAE,KAAA,IAAS,MAAM,UAAA;AAEvB,SACE,oBAAC,oBAAiB,aAA0B,YAC1C,8BAAC,gBAAA,EAAe,cAAc,MAAM,EAAA,CACtC;AAEJ;"}
+{"version":3,"file":"app._slug.js","sources":["../../../../src/routes/_layout/app.$slug.tsx"],"sourcesContent":["import { createFileRoute, stripSearchParams } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\n\n// Preserve the URL-synced filter params (see AppCatalogFiltersContext) on this\n// route so they aren't stripped on navigation. `q` (the search text) is the\n// exception: as of #27 it lives in sessionStorage, not the URL. It stays\n// declared here so an incoming legacy `?q=` still validates, but the\n// `stripSearchParams` middleware removes it so shared app links stay clean.\nconst searchSchema = z.object({\n  filterTag: z.string().optional(),\n  recent: z.string().optional(),\n  filters: z.string().optional(),\n  deprecated: z.string().optional(),\n  q: z.string().optional(),\n  sub: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/app/$slug')({\n  component: RouteComponent,\n  validateSearch: searchSchema,\n  search: { middlewares: [stripSearchParams(['q'])] },\n  async loader() {\n    const appCatalogLoader = await appCatalogRouteLoader()\n    return { appCatalogLoader }\n  },\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n  const { slug } = Route.useParams()\n\n  return (\n    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n      <AppCatalogPage selectedSlug={slug} />\n    </AppCatalogLayout>\n  )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAWA,MAAM,eAAeA,OAAS;AAAA,EAC5B,WAAWC,OAAE,EAAS,SAAA;AAAA,EACtB,QAAQA,OAAE,EAAS,SAAA;AAAA,EACnB,SAASA,OAAE,EAAS,SAAA;AAAA,EACpB,YAAYA,OAAE,EAAS,SAAA;AAAA,EACvB,GAAGA,OAAE,EAAS,SAAA;AAAA,EACd,KAAKA,OAAE,EAAS,SAAA;AAClB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,oBAAoB,EAAE;AAAA,EACzD,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAA;AAAA,EAChD,MAAM,SAAS;AACb,UAAM,mBAAmB,MAAM,sBAAA;AAC/B,WAAO,EAAE,iBAAA;AAAA,EACX;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAC1C,QAAM,EAAE,KAAA,IAAS,MAAM,UAAA;AAEvB,SACE,oBAAC,oBAAiB,aAA0B,YAC1C,8BAAC,gBAAA,EAAe,cAAc,MAAM,EAAA,CACtC;AAEJ;"}

package/dist/esm/routes/_layout/catalog.apps.index.d.ts

@@ -2,4 +2,5 @@ import { z } from 'zod';
 export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/catalog/apps", "/catalog/apps/", "/_layout/catalog/apps/", "/_layout/catalog/apps/", z.ZodObject<{
     app: z.ZodOptional<z.ZodString>;
     q: z.ZodOptional<z.ZodString>;
+    sub: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>, import('@tanstack/router-core').ResolveParams<"/catalog/apps">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, (ctx: import('@tanstack/router-core').LoaderFnContext<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/_layout/catalog/apps/", import('@tanstack/router-core').ResolveParams<"/catalog/apps">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<void>, unknown, unknown, unknown, unknown, undefined>;

package/dist/esm/routes/_layout/catalog.apps.index.js

@@ -6,7 +6,8 @@ import { AppCatalogPage } from "../../modules/appCatalog/ui/pages/AppCatalogPage
 import { object, string } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
 const searchSchema = object({
   app: string().optional(),
-  q: string().optional()
+  q: string().optional(),
+  sub: string().optional()
 });
 const Route = createFileRoute("/_layout/catalog/apps/")({
   component: RouteComponent,

package/dist/esm/routes/_layout/catalog.apps.index.js.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.apps.index.js","sources":["../../../../src/routes/_layout/catalog.apps.index.tsx"],"sourcesContent":["import { createFileRoute, stripSearchParams } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { catalogRouteLoader } from '~/modules/appCatalog/catalogRouteLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\n\n// #27: `q` kept declared for legacy links but stripped from the URL (search\n// text lives in sessionStorage now).\nconst searchSchema = z.object({\n  app: z.string().optional(),\n  q: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/catalog/apps/')({\n  component: RouteComponent,\n  validateSearch: searchSchema,\n  search: { middlewares: [stripSearchParams(['q'])] },\n  async loader(ctx) {\n    await catalogRouteLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  return (\n    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n      <AppCatalogPage />\n    </AppCatalogLayout>\n  )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAQA,MAAM,eAAeA,OAAS;AAAA,EAC5B,KAAKC,OAAE,EAAS,SAAA;AAAA,EAChB,GAAGA,OAAE,EAAS,SAAA;AAChB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,wBAAwB,EAAE;AAAA,EAC7D,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAA;AAAA,EAChD,MAAM,OAAO,KAAK;AAChB,UAAM,mBAAmB,GAAG;AAAA,EAC9B;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,6BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,kBAAe,GAClB;AAEJ;"}
+{"version":3,"file":"catalog.apps.index.js","sources":["../../../../src/routes/_layout/catalog.apps.index.tsx"],"sourcesContent":["import { createFileRoute, stripSearchParams } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { catalogRouteLoader } from '~/modules/appCatalog/catalogRouteLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\n\n// #27: `q` kept declared for legacy links but stripped from the URL (search\n// text lives in sessionStorage now).\nconst searchSchema = z.object({\n  app: z.string().optional(),\n  q: z.string().optional(),\n  sub: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/catalog/apps/')({\n  component: RouteComponent,\n  validateSearch: searchSchema,\n  search: { middlewares: [stripSearchParams(['q'])] },\n  async loader(ctx) {\n    await catalogRouteLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  return (\n    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n      <AppCatalogPage />\n    </AppCatalogLayout>\n  )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAQA,MAAM,eAAeA,OAAS;AAAA,EAC5B,KAAKC,OAAE,EAAS,SAAA;AAAA,EAChB,GAAGA,OAAE,EAAS,SAAA;AAAA,EACd,KAAKA,OAAE,EAAS,SAAA;AAClB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,wBAAwB,EAAE;AAAA,EAC7D,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,QAAQ,EAAE,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAA;AAAA,EAChD,MAAM,OAAO,KAAK;AAChB,UAAM,mBAAmB,GAAG;AAAA,EAC9B;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,6BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,kBAAe,GAClB;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "0.17.0",
+  "version": "0.17.1-alpha-20260821043201",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -39,7 +39,6 @@
     "public"
   ],
   "dependencies": {
-    "@ai-sdk/react": "^3.0.39",
     "@base-ui/react": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.1.14",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -70,10 +69,9 @@
     "@trpc/client": "^11.8.1",
     "@trpc/server": "^11.4.2",
     "@trpc/tanstack-react-query": "^11.8.1",
-    "ai": "^6.0.37",
     "autoprefixer": "^10.4.21",
     "autosuggest-highlight": "^3.3.4",
-    "better-auth": "^1.4.18",
+    "better-auth": ">=1.4.18 <1.7.0",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -134,8 +132,8 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^4.1.2",
-    "@igstack/app-catalog-shared-core": "0.17.0",
-    "@igstack/app-catalog-backend-core": "0.17.0"
+    "@igstack/app-catalog-backend-core": "0.17.1-alpha-20260821043201",
+    "@igstack/app-catalog-shared-core": "0.17.1-alpha-20260821043201"
   },
   "peerDependencies": {
     "react": "19.1.2",
@@ -144,7 +142,7 @@
     "vite": "^6.3.5",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "c7c8e9105727375dce326320db3259b9ef2f9ceb",
+  "gitHead": "304d9c364de826d155069ac01370baffb0620c78",
   "scripts": {
     "build": "vite build",
     "build:lenient": "vite build --mode lenient",

package/src/__tests__/integration/appCatalog.integration.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { fireEvent, waitFor } from '@testing-library/react'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
 import '@testing-library/jest-dom/vitest'
 
 import { given } from './harness/given'
@@ -18,7 +18,7 @@ describe('App Catalog Integration', () => {
   it('navigate screenshots then escape back to list view', async () => {
     const { ui } = await given(magazine.full())
 
-    await ui.catalog.openApp('Jira')
+    await ui.catalog.openApp('TaskFlow')
     await ui.app.screenshots.open()
 
     await waitFor(() => {
@@ -45,7 +45,7 @@ describe('App Catalog Integration', () => {
         const approvalMethod = backendCfg.withApprovalMethod({
           type: 'service',
           displayName: 'Help Desk',
-          config: { url: 'https://helpdesk.example.com' },
+          config: { url: 'https://support.example.com' },
         })
         backendCfg.withApp({
           displayName: 'My Custom App',
@@ -148,6 +148,36 @@ describe('App Catalog Integration', () => {
     expect(ui.catalog.isDetailPanelOpen()).toBe(false)
   })
 
+  // Detail card UX (#45): the detail panel shows a prominent primary "Open" button
+  // with the destination URL visible alongside it.
+  it('shows a prominent primary Open button with URL in the app detail card', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        backendCfg.withApp({
+          displayName: 'Website App',
+          description: 'Has a website',
+          appUrl: 'https://tools.example.com/launch',
+        })
+        backendCfg.withApp({
+          displayName: 'No URL App',
+          description: 'No url',
+        })
+      }),
+    )
+
+    await ui.catalog.openApp('Website App')
+    const btn = ui.app.getOpenButton()
+    expect(btn).not.toBeNull()
+    expect(btn!.getAttribute('href')).toBe('https://tools.example.com/launch')
+    expect(btn!.getAttribute('target')).toBe('_blank')
+    // The URL is shown in the button (stripped of protocol).
+    expect(btn!.textContent).toContain('tools.example.com/launch')
+
+    // An app without appUrl shows no Open button.
+    await ui.catalog.openApp('No URL App')
+    expect(ui.app.getOpenButton()).toBeNull()
+  })
+
   // Test 5: Returning user — cached data + no onboarding + backend down
   it('returning user sees cached apps even when backend is unavailable', async () => {
     suppressConsole([/TRPC Error/, /Failed to fetch/])
@@ -164,8 +194,8 @@ describe('App Catalog Integration', () => {
 
     const tableData = ui.catalog.getTableData()
     expect(tableData.length).toBe(5)
-    expect(tableData.map((r) => r.name)).toContain('Jira')
-    expect(tableData.map((r) => r.name)).toContain('Slack')
+    expect(tableData.map((r) => r.name)).toContain('TaskFlow')
+    expect(tableData.map((r) => r.name)).toContain('TeamChat')
   })
 
   // Test 3: Network Error — Connection Reset
@@ -298,4 +328,233 @@ describe('App Catalog Integration', () => {
       /(?<![\d])0(?![\d]).*clear filters/i,
     )
   })
+
+  it('highlights matched query text in search result app names (#57)', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        backendCfg.withApp({ displayName: 'Kubernetes Platform' })
+        backendCfg.withApp({ displayName: 'Other Tool' })
+      }),
+    )
+
+    await ui.catalog.search('kube')
+
+    await waitFor(() => {
+      const marks = document.querySelectorAll('mark')
+      const markTexts = [...marks].map((m) => String(m.textContent))
+      expect(markTexts.some((t) => t.toLowerCase().includes('kube'))).toBe(true)
+    })
+  })
+
+  it('clear (×) button appears when search has text and clears on click (#54)', async () => {
+    const { ui } = await given(magazine.full())
+
+    // Before typing: no clear button
+    expect(
+      document.querySelector('[aria-label="Clear search"]'),
+    ).not.toBeInTheDocument()
+
+    // After typing: clear button appears
+    await ui.catalog.search('taskflow')
+    await waitFor(() => {
+      expect(
+        document.querySelector('[aria-label="Clear search"]'),
+      ).toBeInTheDocument()
+    })
+
+    // Click × — input clears, button disappears
+    fireEvent.click(document.querySelector('[aria-label="Clear search"]')!)
+    await waitFor(() => {
+      expect(ui.catalog.getSearchInput().value).toBe('')
+      expect(
+        document.querySelector('[aria-label="Clear search"]'),
+      ).not.toBeInTheDocument()
+    })
+  })
+
+  it('shows expandable subresource rows under parent in search results', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const app = backendCfg.withApp({
+          slug: 'aws-console',
+          displayName: 'AWS Console',
+          description: 'Cloud management console',
+        })
+        for (let i = 1; i <= 7; i++) {
+          backendCfg.withSubResource({
+            appSlug: app.slug,
+            slug: `acct-data-${i}`,
+            displayName: `Data Account ${i}`,
+          })
+        }
+      }),
+    )
+    await ui.catalog.search('Data Account')
+    await waitFor(() => {
+      const subRows = ui.catalog.getSubResourceRows()
+      expect(subRows).not.toBeNull()
+      expect(subRows!.visible).toBe(5)
+      expect(subRows!.total).toBe(7)
+      expect(subRows!.hasExpandRow).toBe(true)
+    })
+  })
+
+  it('expand "...N more" row reveals all subresources', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const app = backendCfg.withApp({
+          slug: 'aws-console',
+          displayName: 'AWS Console',
+        })
+        for (let i = 1; i <= 7; i++) {
+          backendCfg.withSubResource({
+            appSlug: app.slug,
+            slug: `acct-data-${i}`,
+            displayName: `Data Account ${i}`,
+          })
+        }
+      }),
+    )
+    await ui.catalog.search('Data Account')
+    await waitFor(() => {
+      expect(ui.catalog.getSubResourceRows()).not.toBeNull()
+    })
+    await ui.catalog.expandSubResources()
+    const subRows = ui.catalog.getSubResourceRows()
+    expect(subRows!.visible).toBe(7)
+    expect(subRows!.hasExpandRow).toBe(false)
+  })
+
+  it('clicking subresource row shows its detail with two-step access', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const parentMethod = backendCfg.withApprovalMethod({
+          type: 'service',
+          displayName: 'Support Portal',
+          config: { url: 'https://support.example.com' },
+        })
+        const subMethod = backendCfg.withApprovalMethod({
+          type: 'custom',
+          displayName: 'Account Owner',
+        })
+        const app = backendCfg.withApp({
+          slug: 'aws-console',
+          displayName: 'AWS Console',
+          accessRequest: {
+            approvalMethodSlug: parentMethod.slug,
+            comments: 'Submit a support ticket to request access',
+          },
+        })
+        backendCfg.withSubResource({
+          appSlug: app.slug,
+          slug: 'acct-data-prod',
+          displayName: 'Data Account Prod',
+          accessRequest: {
+            approvalMethodSlug: subMethod.slug,
+            comments: 'Contact account owner for account-level permissions',
+          },
+        })
+      }),
+    )
+    await ui.catalog.search('Data Account')
+    await waitFor(() => {
+      expect(ui.catalog.getSubResourceRows()).not.toBeNull()
+    })
+    await ui.catalog.clickSubResource('Data Account Prod')
+    await waitFor(() => {
+      expect(ui.app.getSubResourceDetail()).not.toBeNull()
+    })
+    const detail = ui.app.getSubResourceDetail()
+    expect(detail).not.toBeNull()
+    expect(detail!.subResourceName).toBe('Data Account Prod')
+    expect(detail!.hasStep1).toBe(true)
+    expect(detail!.hasStep2).toBe(true)
+    expect(detail!.backButtonLabel).toBe('Back to AWS Console')
+  })
+
+  it('back button from subresource detail returns to parent view', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const method = backendCfg.withApprovalMethod({
+          type: 'service',
+          displayName: 'Support Portal',
+          config: { url: 'https://support.example.com' },
+        })
+        const app = backendCfg.withApp({
+          slug: 'aws-console',
+          displayName: 'AWS Console',
+          accessRequest: { approvalMethodSlug: method.slug },
+        })
+        backendCfg.withSubResource({
+          appSlug: app.slug,
+          slug: 'acct-data-prod',
+          displayName: 'Data Account Prod',
+        })
+      }),
+    )
+    await ui.catalog.search('Data Account')
+    await waitFor(() => {
+      expect(ui.catalog.getSubResourceRows()).not.toBeNull()
+    })
+    await ui.catalog.clickSubResource('Data Account Prod')
+    await waitFor(() => {
+      expect(ui.app.getSubResourceDetail()).not.toBeNull()
+    })
+    await ui.app.clickBackToParent()
+    // After going back, the sub detail should be gone and parent detail shown
+    expect(ui.app.getSubResourceDetail()).toBeNull()
+    expect(ui.catalog.isDetailPanelOpen()).toBe(true)
+  })
+
+  it('shows Step 1 / Step 2 badges for two-step access apps (#56)', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const method = backendCfg.withApprovalMethod({
+          type: 'service',
+          displayName: 'Natero Bot',
+          config: { url: 'https://natero.example.com' },
+        })
+        backendCfg.withApp({
+          displayName: 'Two-Step App',
+          accessRequest: {
+            approvalMethodSlug: method.slug,
+            requestPrompt: 'Give me access to Two-Step App',
+            postApprovalInstructions: 'Contact the owner to complete setup.',
+          },
+        })
+        backendCfg.withApp({ displayName: 'Other App' })
+      }),
+    )
+    await ui.catalog.openApp('Two-Step App')
+    await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(true))
+    expect(screen.getByText('Step 1')).toBeInTheDocument()
+    expect(screen.getByText('Step 2')).toBeInTheDocument()
+    expect(
+      screen.getByText('Contact the owner to complete setup.'),
+    ).toBeInTheDocument()
+  })
+
+  it('hides Step labels for single-step apps (#56)', async () => {
+    const { ui } = await given(
+      magazine.custom(({ backendCfg }) => {
+        const method = backendCfg.withApprovalMethod({
+          type: 'service',
+          displayName: 'Natero Bot',
+          config: { url: 'https://natero.example.com' },
+        })
+        backendCfg.withApp({
+          displayName: 'Single-Step App',
+          accessRequest: {
+            approvalMethodSlug: method.slug,
+            requestPrompt: 'Give me access',
+          },
+        })
+        backendCfg.withApp({ displayName: 'Other App' })
+      }),
+    )
+    await ui.catalog.openApp('Single-Step App')
+    await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(true))
+    expect(screen.queryByText('Step 1')).not.toBeInTheDocument()
+    expect(screen.queryByText('Step 2')).not.toBeInTheDocument()
+  })
 })

package/src/__tests__/integration/appDeepLink.integration.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { fireEvent, waitFor } from '@testing-library/react'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
 import '@testing-library/jest-dom/vitest'
 
 import { given } from './harness/given'
@@ -7,7 +7,9 @@ import { magazine } from './mock-backend/magazines'
 
 describe('App deep-link routing', () => {
   it('opens the app detail when navigating directly to /app/<slug>', async () => {
-    const { ui } = await given(magazine.full(), { initialRoute: '/app/jira' })
+    const { ui } = await given(magazine.full(), {
+      initialRoute: '/app/taskflow',
+    })
     await waitFor(() => {
       expect(ui.catalog.isDetailPanelOpen()).toBe(true)
     })
@@ -16,9 +18,9 @@ describe('App deep-link routing', () => {
 
   it('navigates to /app/<slug> when selecting an app, and pushes history', async () => {
     const { ui, router } = await given(magazine.full(), { initialRoute: '/' })
-    await ui.catalog.openApp('Jira')
+    await ui.catalog.openApp('TaskFlow')
     await waitFor(() => {
-      expect(router.state.location.pathname).toBe('/app/jira')
+      expect(router.state.location.pathname).toBe('/app/taskflow')
     })
     // push (not replace): catalog '/' is still in history, Back returns to it
     expect(router.history.canGoBack()).toBe(true)
@@ -36,9 +38,32 @@ describe('App deep-link routing', () => {
 
   it('returns to / when the detail panel is closed', async () => {
     const { ui, router } = await given(magazine.full(), { initialRoute: '/' })
-    await ui.catalog.openApp('Jira')
+    await ui.catalog.openApp('TaskFlow')
+    await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(true))
+    fireEvent.keyDown(document, { key: 'Escape', code: 'Escape' })
+    await waitFor(() => {
+      expect(ui.catalog.isDetailPanelOpen()).toBe(false)
+    })
+    expect(router.state.location.pathname).toBe('/')
+  })
+
+  it('Esc closes card opened by mouse click (#53 bug 1)', async () => {
+    const { ui, router } = await given(magazine.full(), { initialRoute: '/' })
+    // Open via click (mouse, not keyboard nav)
+    await ui.catalog.openApp('TaskFlow')
     await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(true))
+    // Esc should close — no "dead click" needed
     fireEvent.keyDown(document, { key: 'Escape', code: 'Escape' })
+    await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(false))
+    expect(router.state.location.pathname).toBe('/')
+  })
+
+  it('closes the detail panel when the × close button is clicked (#59)', async () => {
+    const { ui, router } = await given(magazine.full(), { initialRoute: '/' })
+    await ui.catalog.openApp('TaskFlow')
+    await waitFor(() => expect(ui.catalog.isDetailPanelOpen()).toBe(true))
+    const closeBtn = screen.getByRole('button', { name: /^Close$/i })
+    fireEvent.click(closeBtn)
     await waitFor(() => {
       expect(ui.catalog.isDetailPanelOpen()).toBe(false)
     })
@@ -46,7 +71,9 @@ describe('App deep-link routing', () => {
   })
 
   it('ignores legacy ?app= query param (no detail opens)', async () => {
-    const { ui } = await given(magazine.full(), { initialRoute: '/?app=jira' })
+    const { ui } = await given(magazine.full(), {
+      initialRoute: '/?app=taskflow',
+    })
     await waitFor(() => {
       expect(ui.catalog.getTableData().length).toBeGreaterThan(0)
     })
@@ -64,7 +91,7 @@ describe('App deep-link routing', () => {
     // jsdom userEvent.type + useDeferredValue drops characters, orthogonal here.
     const { ui, router } = await given(magazine.full(), {
       initialRoute: '/',
-      seedSearch: 'jira',
+      seedSearch: 'taskflow',
     })
 
     // Stays on the launcher home — NO auto-navigation to the detail route.
@@ -72,33 +99,33 @@ describe('App deep-link routing', () => {
       expect(ui.catalog.getTableData().length).toBeGreaterThan(0)
     })
     expect(router.state.location.pathname).toBe('/')
-    expect(ui.catalog.getTableData().map((r) => r.name)).toContain('Jira')
+    expect(ui.catalog.getTableData().map((r) => r.name)).toContain('TaskFlow')
     // Search text preserved (sessionStorage-backed), no ?q leak.
-    expect(ui.catalog.getSearchInput().value).toBe('jira')
+    expect(ui.catalog.getSearchInput().value).toBe('taskflow')
     expect((router.state.location.search as { q?: string }).q).toBeUndefined()
 
     // Opting in (click) opens the detail.
-    await ui.catalog.openApp('Jira')
+    await ui.catalog.openApp('TaskFlow')
     await waitFor(() => {
-      expect(router.state.location.pathname).toBe('/app/jira')
+      expect(router.state.location.pathname).toBe('/app/taskflow')
     })
   })
 
   it('strips a legacy ?q= from the URL on the app detail route (#27)', async () => {
-    // Old shared links may still carry `?q=` (e.g. /app/jira?q=jira). `q` is
+    // Old shared links may still carry `?q=` (e.g. /app/taskflow?q=taskflow). `q` is
     // still declared in the route search schema (so it validates), but the
     // route's `stripSearchParams(['q'])` middleware rewrites the URL to a clean
-    // /app/jira on load. We no longer read `q` from the URL, so a bare deep-link
+    // /app/taskflow on load. We no longer read `q` from the URL, so a bare deep-link
     // doesn't repopulate the input from the query string.
     const { ui, router } = await given(magazine.full(), {
-      initialRoute: '/app/jira?q=jira',
+      initialRoute: '/app/taskflow?q=taskflow',
     })
 
     await waitFor(() => {
       expect(ui.catalog.isDetailPanelOpen()).toBe(true)
     })
-    expect(router.state.location.pathname).toBe('/app/jira')
-    expect(router.state.location.href).toBe('/app/jira')
+    expect(router.state.location.pathname).toBe('/app/taskflow')
+    expect(router.state.location.href).toBe('/app/taskflow')
     expect((router.state.location.search as { q?: string }).q).toBeUndefined()
   })
 
@@ -131,14 +158,14 @@ describe('App deep-link routing', () => {
     // store as a returning user would have (typed a search, then navigated), and
     // assert the detail route restores it with no `q` in the URL.
     const { ui, router } = await given(magazine.full(), {
-      initialRoute: '/app/jira',
-      seedSearch: 'jira',
+      initialRoute: '/app/taskflow',
+      seedSearch: 'taskflow',
     })
 
     await waitFor(() => {
       expect(ui.catalog.isDetailPanelOpen()).toBe(true)
     })
-    expect(ui.catalog.getSearchInput().value).toBe('jira')
+    expect(ui.catalog.getSearchInput().value).toBe('taskflow')
     expect((router.state.location.search as { q?: string }).q).toBeUndefined()
   })
 })

package/src/__tests__/integration/crossRefLink.integration.test.ts

@@ -16,7 +16,7 @@ describe('Cross-reference links between app entries (#25)', () => {
       slug: 'portals-hub',
       displayName: 'Portals Hub',
       description:
-        'See the [Jira](/app/jira) entry and the external [docs](https://example.com/docs). Also [Ghost](/app/no-such-app) which does not exist.',
+        'See the [TaskFlow](/app/taskflow) entry and the external [docs](https://example.com/docs). Also [Ghost](/app/no-such-app) which does not exist.',
     })
   })
 
@@ -28,22 +28,22 @@ describe('Cross-reference links between app entries (#25)', () => {
       expect(ui.catalog.isDetailPanelOpen()).toBe(true)
     })
 
-    const jiraLink = screen.getByRole('link', { name: 'Jira' })
+    const taskflowLink = screen.getByRole('link', { name: 'TaskFlow' })
     // Internal link must NOT open a new tab.
-    expect(jiraLink).not.toHaveAttribute('target', '_blank')
+    expect(taskflowLink).not.toHaveAttribute('target', '_blank')
     // It points at the router path (rendered as an href).
-    expect(jiraLink).toHaveAttribute('href', '/app/jira')
+    expect(taskflowLink).toHaveAttribute('href', '/app/taskflow')
 
     const user = userEvent.setup()
-    await user.click(jiraLink)
+    await user.click(taskflowLink)
 
-    // In-app navigation: the router path changes and Jira's detail opens,
+    // In-app navigation: the router path changes and TaskFlow's detail opens,
     // without a full page reload / new tab.
     await waitFor(() => {
-      expect(router.state.location.pathname).toBe('/app/jira')
+      expect(router.state.location.pathname).toBe('/app/taskflow')
     })
     await waitFor(() => {
-      expect(ui.app.getOpenTitle()).toContain('Jira')
+      expect(ui.app.getOpenTitle()).toContain('TaskFlow')
     })
   })