@igstack/app-catalog-frontend-core 0.8.0 → 0.8.1

package/dist/esm/modules/appCatalog/context/mergeFrontendBuildId.d.ts

@@ -1,6 +1,6 @@
 import { AppVersionInfo } from '@igstack/app-catalog-backend-core';
 /**
- * Merge the (natera-agnostic) frontend build id into the backend-provided
+ * Merge the (company-agnostic) frontend build id into the backend-provided
  * version info's `frontend` slot.
  *
  * The build id is baked into the deployed JS bundle at build time (e.g. a CI

package/dist/esm/modules/appCatalog/context/mergeFrontendBuildId.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeFrontendBuildId.js","sources":["../../../../../src/modules/appCatalog/context/mergeFrontendBuildId.ts"],"sourcesContent":["import type { AppVersionInfo } from '@igstack/app-catalog-backend-core'\n\n/**\n * Merge the (natera-agnostic) frontend build id into the backend-provided\n * version info's `frontend` slot.\n *\n * The build id is baked into the deployed JS bundle at build time (e.g. a CI\n * pipeline id via a Vite env var). We PREPEND it to the resolved frontend-core\n * npm version instead of replacing it, so the footer surfaces both:\n *   `#<buildId> · <frontend-core version> (<sha>)`.\n *\n * - No build id → return versions unchanged.\n * - build id === 'local' → show `local` (local dev, no meaningful SHA/version).\n * - otherwise → prepend `#<buildId> · ` and preserve the version + sha + shaUrl.\n */\nexport function mergeFrontendBuildId(\n  versions: AppVersionInfo,\n  frontendBuildId: string | undefined,\n): AppVersionInfo {\n  if (!frontendBuildId) return versions\n  if (frontendBuildId === 'local') {\n    return { ...versions, frontend: { displayName: 'local' } }\n  }\n  const be = versions.frontend\n  return {\n    ...versions,\n    frontend: be\n      ? { ...be, displayName: `#${frontendBuildId} · ${be.displayName}` }\n      : { displayName: `#${frontendBuildId}` },\n  }\n}\n"],"names":[],"mappings":"AAeO,SAAS,qBACd,UACA,iBACgB;AAChB,MAAI,CAAC,gBAAiB,QAAO;AAC7B,MAAI,oBAAoB,SAAS;AAC/B,WAAO,EAAE,GAAG,UAAU,UAAU,EAAE,aAAa,UAAQ;AAAA,EACzD;AACA,QAAM,KAAK,SAAS;AACpB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,KACN,EAAE,GAAG,IAAI,aAAa,IAAI,eAAe,MAAM,GAAG,WAAW,OAC7D,EAAE,aAAa,IAAI,eAAe,GAAA;AAAA,EAAG;AAE7C;"}
+{"version":3,"file":"mergeFrontendBuildId.js","sources":["../../../../../src/modules/appCatalog/context/mergeFrontendBuildId.ts"],"sourcesContent":["import type { AppVersionInfo } from '@igstack/app-catalog-backend-core'\n\n/**\n * Merge the (company-agnostic) frontend build id into the backend-provided\n * version info's `frontend` slot.\n *\n * The build id is baked into the deployed JS bundle at build time (e.g. a CI\n * pipeline id via a Vite env var). We PREPEND it to the resolved frontend-core\n * npm version instead of replacing it, so the footer surfaces both:\n *   `#<buildId> · <frontend-core version> (<sha>)`.\n *\n * - No build id → return versions unchanged.\n * - build id === 'local' → show `local` (local dev, no meaningful SHA/version).\n * - otherwise → prepend `#<buildId> · ` and preserve the version + sha + shaUrl.\n */\nexport function mergeFrontendBuildId(\n  versions: AppVersionInfo,\n  frontendBuildId: string | undefined,\n): AppVersionInfo {\n  if (!frontendBuildId) return versions\n  if (frontendBuildId === 'local') {\n    return { ...versions, frontend: { displayName: 'local' } }\n  }\n  const be = versions.frontend\n  return {\n    ...versions,\n    frontend: be\n      ? { ...be, displayName: `#${frontendBuildId} · ${be.displayName}` }\n      : { displayName: `#${frontendBuildId}` },\n  }\n}\n"],"names":[],"mappings":"AAeO,SAAS,qBACd,UACA,iBACgB;AAChB,MAAI,CAAC,gBAAiB,QAAO;AAC7B,MAAI,oBAAoB,SAAS;AAC/B,WAAO,EAAE,GAAG,UAAU,UAAU,EAAE,aAAa,UAAQ;AAAA,EACzD;AACA,QAAM,KAAK,SAAS;AACpB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,KACN,EAAE,GAAG,IAAI,aAAa,IAAI,eAAe,MAAM,GAAG,WAAW,OAC7D,EAAE,aAAa,IAAI,eAAe,GAAA;AAAA,EAAG;AAE7C;"}

package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js

@@ -19,8 +19,10 @@ function ServiceDesksPage() {
     /* @__PURE__ */ jsx(InputGroup, { className: "max-w-sm", children: /* @__PURE__ */ jsx(
       InputGroupInput,
       {
+        autoFocus: true,
         value: search,
         onChange: (e) => setSearch(e.target.value),
+        onFocus: (e) => e.target.select(),
         placeholder: "Search service desks by name…",
         "aria-label": "Search service desks"
       }

package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceDesksPage.js","sources":["../../../../../../src/modules/appCatalog/ui/pages/ServiceDesksPage.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport { InputGroup, InputGroupInput } from '~/ui/input-group'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\n\n/**\n * Service Desks view (#9): a searchable table of all service-desk approval\n * methods (type === 'service'), each with a link that opens its portal in a new\n * tab. Data rides in on the existing app-catalog query (context.approvalMethods).\n */\nexport function ServiceDesksPage() {\n  const { approvalMethods } = useAppCatalogContext()\n  const [search, setSearch] = useState('')\n\n  const desks = useMemo(() => {\n    const services = approvalMethods.filter((m) => m.type === 'service')\n    const q = search.trim().toLowerCase()\n    const filtered = q\n      ? services.filter((m) => m.displayName.toLowerCase().includes(q))\n      : services\n    return [...filtered].sort((a, b) =>\n      a.displayName.localeCompare(b.displayName),\n    )\n  }, [approvalMethods, search])\n\n  return (\n    <div className=\"flex flex-col flex-1 min-h-0 gap-4\">\n      <InputGroup className=\"max-w-sm\">\n        <InputGroupInput\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder=\"Search service desks by name…\"\n          aria-label=\"Search service desks\"\n        />\n      </InputGroup>\n\n      <div className=\"flex-1 min-h-0 overflow-y-auto\">\n        {desks.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            No service desks found{search && ` for \"${search}\"`}.\n          </p>\n        ) : (\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Service Desk</TableHead>\n                <TableHead>Link</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {desks.map((desk) => {\n                const url = desk.config.url\n                const description = desk.config.description\n                return (\n                  <TableRow key={desk.slug}>\n                    <TableCell className=\"font-medium align-top\">\n                      <span data-testid=\"service-desk-name\">\n                        {desk.displayName}\n                      </span>\n                      {description && (\n                        <span className=\"block text-xs font-normal text-muted-foreground\">\n                          {description}\n                        </span>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {url ? (\n                        <a\n                          href={url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"inline-flex items-center gap-1 text-primary hover:underline break-all\"\n                          title={url}\n                        >\n                          {url.replace(/^https?:\\/\\//, '')}\n                          <ExternalLink className=\"size-3 shrink-0\" />\n                        </a>\n                      ) : (\n                        <span className=\"text-muted-foreground\">—</span>\n                      )}\n                    </TableCell>\n                  </TableRow>\n                )\n              })}\n            </TableBody>\n          </Table>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAkBO,SAAS,mBAAmB;AACjC,QAAM,EAAE,gBAAA,IAAoB,qBAAA;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,WAAW,gBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,SAAS;AACnE,UAAM,IAAI,OAAO,KAAA,EAAO,YAAA;AACxB,UAAM,WAAW,IACb,SAAS,OAAO,CAAC,MAAM,EAAE,YAAY,YAAA,EAAc,SAAS,CAAC,CAAC,IAC9D;AACJ,WAAO,CAAC,GAAG,QAAQ,EAAE;AAAA,MAAK,CAAC,GAAG,MAC5B,EAAE,YAAY,cAAc,EAAE,WAAW;AAAA,IAAA;AAAA,EAE7C,GAAG,CAAC,iBAAiB,MAAM,CAAC;AAE5B,SACE,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,WAAU,YACpB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,aAAY;AAAA,QACZ,cAAW;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA,MAAM,WAAW,IAChB,qBAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA;AAAA,MAAA;AAAA,MACpB,UAAU,SAAS,MAAM;AAAA,MAAI;AAAA,IAAA,EAAA,CACtD,yBAEC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,aAAA,EACC,+BAAC,UAAA,EACC,UAAA;AAAA,QAAA,oBAAC,aAAU,UAAA,eAAA,CAAY;AAAA,QACvB,oBAAC,aAAU,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CACjB,EAAA,CACF;AAAA,MACA,oBAAC,WAAA,EACE,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,cAAM,MAAM,KAAK,OAAO;AACxB,cAAM,cAAc,KAAK,OAAO;AAChC,oCACG,UAAA,EACC,UAAA;AAAA,UAAA,qBAAC,WAAA,EAAU,WAAU,yBACnB,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,eAAY,qBACf,UAAA,KAAK,aACR;AAAA,YACC,eACC,oBAAC,QAAA,EAAK,WAAU,mDACb,UAAA,YAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,aACE,UAAA,MACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,WAAU;AAAA,cACV,OAAO;AAAA,cAEN,UAAA;AAAA,gBAAA,IAAI,QAAQ,gBAAgB,EAAE;AAAA,gBAC/B,oBAAC,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAG5C,oBAAC,QAAA,EAAK,WAAU,yBAAwB,eAAC,EAAA,CAE7C;AAAA,QAAA,EAAA,GA1Ba,KAAK,IA2BpB;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ServiceDesksPage.js","sources":["../../../../../../src/modules/appCatalog/ui/pages/ServiceDesksPage.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react'\nimport { useMemo, useState } from 'react'\nimport { InputGroup, InputGroupInput } from '~/ui/input-group'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { useAppCatalogContext } from '../../context/AppCatalogContext'\n\n/**\n * Service Desks view (#9): a searchable table of all service-desk approval\n * methods (type === 'service'), each with a link that opens its portal in a new\n * tab. Data rides in on the existing app-catalog query (context.approvalMethods).\n */\nexport function ServiceDesksPage() {\n  const { approvalMethods } = useAppCatalogContext()\n  const [search, setSearch] = useState('')\n\n  const desks = useMemo(() => {\n    const services = approvalMethods.filter((m) => m.type === 'service')\n    const q = search.trim().toLowerCase()\n    const filtered = q\n      ? services.filter((m) => m.displayName.toLowerCase().includes(q))\n      : services\n    return [...filtered].sort((a, b) =>\n      a.displayName.localeCompare(b.displayName),\n    )\n  }, [approvalMethods, search])\n\n  return (\n    <div className=\"flex flex-col flex-1 min-h-0 gap-4\">\n      <InputGroup className=\"max-w-sm\">\n        <InputGroupInput\n          autoFocus\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          onFocus={(e) => e.target.select()}\n          placeholder=\"Search service desks by name…\"\n          aria-label=\"Search service desks\"\n        />\n      </InputGroup>\n\n      <div className=\"flex-1 min-h-0 overflow-y-auto\">\n        {desks.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            No service desks found{search && ` for \"${search}\"`}.\n          </p>\n        ) : (\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Service Desk</TableHead>\n                <TableHead>Link</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {desks.map((desk) => {\n                const url = desk.config.url\n                const description = desk.config.description\n                return (\n                  <TableRow key={desk.slug}>\n                    <TableCell className=\"font-medium align-top\">\n                      <span data-testid=\"service-desk-name\">\n                        {desk.displayName}\n                      </span>\n                      {description && (\n                        <span className=\"block text-xs font-normal text-muted-foreground\">\n                          {description}\n                        </span>\n                      )}\n                    </TableCell>\n                    <TableCell>\n                      {url ? (\n                        <a\n                          href={url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"inline-flex items-center gap-1 text-primary hover:underline break-all\"\n                          title={url}\n                        >\n                          {url.replace(/^https?:\\/\\//, '')}\n                          <ExternalLink className=\"size-3 shrink-0\" />\n                        </a>\n                      ) : (\n                        <span className=\"text-muted-foreground\">—</span>\n                      )}\n                    </TableCell>\n                  </TableRow>\n                )\n              })}\n            </TableBody>\n          </Table>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAkBO,SAAS,mBAAmB;AACjC,QAAM,EAAE,gBAAA,IAAoB,qBAAA;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,UAAM,WAAW,gBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,SAAS;AACnE,UAAM,IAAI,OAAO,KAAA,EAAO,YAAA;AACxB,UAAM,WAAW,IACb,SAAS,OAAO,CAAC,MAAM,EAAE,YAAY,YAAA,EAAc,SAAS,CAAC,CAAC,IAC9D;AACJ,WAAO,CAAC,GAAG,QAAQ,EAAE;AAAA,MAAK,CAAC,GAAG,MAC5B,EAAE,YAAY,cAAc,EAAE,WAAW;AAAA,IAAA;AAAA,EAE7C,GAAG,CAAC,iBAAiB,MAAM,CAAC;AAE5B,SACE,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAA,oBAAC,YAAA,EAAW,WAAU,YACpB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,SAAS,CAAC,MAAM,EAAE,OAAO,OAAA;AAAA,QACzB,aAAY;AAAA,QACZ,cAAW;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,kCACZ,UAAA,MAAM,WAAW,IAChB,qBAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA;AAAA,MAAA;AAAA,MACpB,UAAU,SAAS,MAAM;AAAA,MAAI;AAAA,IAAA,EAAA,CACtD,yBAEC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,aAAA,EACC,+BAAC,UAAA,EACC,UAAA;AAAA,QAAA,oBAAC,aAAU,UAAA,eAAA,CAAY;AAAA,QACvB,oBAAC,aAAU,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CACjB,EAAA,CACF;AAAA,MACA,oBAAC,WAAA,EACE,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,cAAM,MAAM,KAAK,OAAO;AACxB,cAAM,cAAc,KAAK,OAAO;AAChC,oCACG,UAAA,EACC,UAAA;AAAA,UAAA,qBAAC,WAAA,EAAU,WAAU,yBACnB,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,eAAY,qBACf,UAAA,KAAK,aACR;AAAA,YACC,eACC,oBAAC,QAAA,EAAK,WAAU,mDACb,UAAA,YAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACA,oBAAC,aACE,UAAA,MACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cACJ,WAAU;AAAA,cACV,OAAO;AAAA,cAEN,UAAA;AAAA,gBAAA,IAAI,QAAQ,gBAAgB,EAAE;AAAA,gBAC/B,oBAAC,cAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAG5C,oBAAC,QAAA,EAAK,WAAU,yBAAwB,eAAC,EAAA,CAE7C;AAAA,QAAA,EAAA,GA1Ba,KAAK,IA2BpB;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igstack/app-catalog-frontend-core",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Frontend core library for App Catalog",
   "homepage": "https://github.com/lislon/app-catalog",
   "repository": {
@@ -134,8 +134,8 @@
     "vite-plugin-static-copy": "^3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^4.1.2",
-    "@igstack/app-catalog-backend-core": "0.8.0",
-    "@igstack/app-catalog-shared-core": "0.8.0"
+    "@igstack/app-catalog-backend-core": "0.8.1",
+    "@igstack/app-catalog-shared-core": "0.8.1"
   },
   "peerDependencies": {
     "react": "19.1.2",
@@ -144,7 +144,7 @@
     "vite": "^6.3.5",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "4b4f0b1953cb84985adc73c75943f1f0819b22ba",
+  "gitHead": "16c12c4d457cd8ca88e30ffba17e8b6c23e4d527",
   "scripts": {
     "build": "vite build",
     "build:lenient": "vite build --mode lenient",

package/src/__tests__/integration/mock-backend/magazines.ts

@@ -42,10 +42,10 @@ function fullMagazine(
       },
     })
     backendCfg.withApprovalMethod({
-      slug: 'ux-app-helpdesk',
+      slug: 'ops-helpdesk',
       type: 'service',
-      displayName: 'UX App Helpdesk',
-      config: { url: 'https://uxdesk.example.com' },
+      displayName: 'Ops Helpdesk',
+      config: { url: 'https://opsdesk.example.com' },
     })
     const managerApproval = backendCfg.withApprovalMethod({
       slug: 'manager-approval',

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

@@ -8,7 +8,7 @@ import { magazine } from './mock-backend/magazines'
 
 // #9: a header toggle (Apps | Service Desks) + a /service-desks route showing a
 // searchable table of all type:'service' approval methods with open links.
-// magazine.full() seeds two service desks (IT Help Desk, UX App Helpdesk) and
+// magazine.full() seeds two service desks (IT Help Desk, Ops Helpdesk) and
 // two custom methods (Manager Approval, Self-Service) which must NOT appear.
 
 function serviceDeskTable(): HTMLElement {
@@ -38,7 +38,7 @@ describe('Service Desks view (#9)', () => {
 
     const names = deskNames()
     expect(names).toContain('IT Help Desk')
-    expect(names).toContain('UX App Helpdesk')
+    expect(names).toContain('Ops Helpdesk')
     // custom-type methods are not service desks
     expect(names).not.toContain('Manager Approval')
     expect(names).not.toContain('Self-Service')
@@ -72,12 +72,12 @@ describe('Service Desks view (#9)', () => {
     const nameCell = within(itRow).getAllByRole('cell')[0]
     expect(nameCell).toHaveTextContent('IT Infrastructure support desk')
 
-    // UX App Helpdesk has no description — its name cell shows only the name.
+    // Ops Helpdesk has no description — its name cell shows only the name.
     const uxRow = within(serviceDeskTable())
       .getAllByRole('row')
-      .find((r) => r.textContent.includes('UX App Helpdesk'))!
+      .find((r) => r.textContent.includes('Ops Helpdesk'))!
     const uxNameCell = within(uxRow).getAllByRole('cell')[0]!
-    expect(uxNameCell.textContent.trim()).toBe('UX App Helpdesk')
+    expect(uxNameCell.textContent.trim()).toBe('Ops Helpdesk')
   })
 
   it('filters the desks by search', async () => {
@@ -86,13 +86,13 @@ describe('Service Desks view (#9)', () => {
       initialRoute: '/service-desks',
     })
 
-    await waitFor(() => expect(deskNames()).toContain('UX App Helpdesk'))
+    await waitFor(() => expect(deskNames()).toContain('Ops Helpdesk'))
 
-    await user.type(screen.getByLabelText('Search service desks'), 'UX')
+    await user.type(screen.getByLabelText('Search service desks'), 'Ops')
 
     await waitFor(() => {
       const names = deskNames()
-      expect(names).toContain('UX App Helpdesk')
+      expect(names).toContain('Ops Helpdesk')
       expect(names).not.toContain('IT Help Desk')
     })
   })
@@ -113,4 +113,13 @@ describe('Service Desks view (#9)', () => {
     })
     expect(screen.getByLabelText('Search service desks')).toBeInTheDocument()
   })
+
+  it('autofocuses the search input when the view loads (parity with Apps)', async () => {
+    await given(magazine.full(), {
+      initialRoute: '/service-desks',
+    })
+
+    const search = await screen.findByLabelText('Search service desks')
+    await waitFor(() => expect(search).toHaveFocus())
+  })
 })

package/src/__tests__/modules/appCatalog/utils/searchApps.test.ts

@@ -50,14 +50,14 @@ describe('searchResources', () => {
   describe('child resource search', () => {
     const childResources: Resource[] = [
       makeChildResource({
-        slug: 'aws-natera-pipelines-dev',
-        displayName: 'natera-pipelines-biomarkers-ici-dev',
+        slug: 'aws-acme-pipelines-dev',
+        displayName: 'acme-pipelines-biomarkers-ici-dev',
         parentSlug: 'aws-console',
-        aliases: ['043902793406'],
+        aliases: ['000000000001'],
       }),
       makeChildResource({
-        slug: 'aws-natera-infosec-dev',
-        displayName: 'natera-infosec-dev',
+        slug: 'aws-acme-infosec-dev',
+        displayName: 'acme-infosec-dev',
         parentSlug: 'aws-console',
         aliases: [],
       }),
@@ -72,13 +72,13 @@ describe('searchResources', () => {
     })
 
     it('finds app by child resource alias (account ID)', () => {
-      const results = searchResources(allResources, '043902793406')
+      const results = searchResources(allResources, '000000000001')
       expect(results).toHaveLength(1)
       expect(results[0]!.slug).toBe('aws-console')
     })
 
     it('does not match child resources when none provided', () => {
-      const results = searchResources(apps, '043902793406')
+      const results = searchResources(apps, '000000000001')
       expect(results).toHaveLength(0)
     })
 

package/src/__tests__/ui/components/header/VersionDisplay.test.tsx

@@ -27,7 +27,7 @@ describe('VersionDisplay footer', () => {
       'href',
       'https://github.com/lislon/app-catalog/commit/abc1234',
     )
-    // Backend line carries the natera SHA suffix
+    // Backend line carries the deployment SHA suffix
     expect(screen.getByText(/#12345 \(deadbee\)/)).toBeInTheDocument()
   })
 

package/src/modules/appCatalog/context/mergeFrontendBuildId.ts

@@ -1,7 +1,7 @@
 import type { AppVersionInfo } from '@igstack/app-catalog-backend-core'
 
 /**
- * Merge the (natera-agnostic) frontend build id into the backend-provided
+ * Merge the (company-agnostic) frontend build id into the backend-provided
  * version info's `frontend` slot.
  *
  * The build id is baked into the deployed JS bundle at build time (e.g. a CI

package/src/modules/appCatalog/ui/pages/ServiceDesksPage.tsx

@@ -35,8 +35,10 @@ export function ServiceDesksPage() {
     <div className="flex flex-col flex-1 min-h-0 gap-4">
       <InputGroup className="max-w-sm">
         <InputGroupInput
+          autoFocus
           value={search}
           onChange={(e) => setSearch(e.target.value)}
+          onFocus={(e) => e.target.select()}
           placeholder="Search service desks by name…"
           aria-label="Search service desks"
         />