@igstack/app-catalog-frontend-core 0.6.5 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/esm/__tests__/integration/serviceDesks.integration.test.d.ts +0 -0
  2. package/dist/esm/__tests__/modules/gallery/Gallery.zoom-toggle.test.d.ts +0 -0
  3. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js +4 -3
  4. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js.map +1 -1
  5. package/dist/esm/modules/appCatalog/ui/components/PersonBadge.js +4 -3
  6. package/dist/esm/modules/appCatalog/ui/components/PersonBadge.js.map +1 -1
  7. package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.js +4 -3
  8. package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.js.map +1 -1
  9. package/dist/esm/modules/appCatalog/ui/components/TierVariantsSection.js +4 -3
  10. package/dist/esm/modules/appCatalog/ui/components/TierVariantsSection.js.map +1 -1
  11. package/dist/esm/modules/appCatalog/ui/components/ViewToggle.d.ts +6 -0
  12. package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js +43 -0
  13. package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js.map +1 -0
  14. package/dist/esm/modules/appCatalog/ui/layout/AppCatalogLayout.js +2 -1
  15. package/dist/esm/modules/appCatalog/ui/layout/AppCatalogLayout.js.map +1 -1
  16. package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.d.ts +6 -0
  17. package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js +63 -0
  18. package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js.map +1 -0
  19. package/dist/esm/modules/gallery/Gallery.js +5 -2
  20. package/dist/esm/modules/gallery/Gallery.js.map +1 -1
  21. package/dist/esm/routeTree.gen.d.ts +20 -3
  22. package/dist/esm/routeTree.gen.js +9 -2
  23. package/dist/esm/routeTree.gen.js.map +1 -1
  24. package/dist/esm/routes/_layout/service-desks.d.ts +6 -0
  25. package/dist/esm/routes/_layout/service-desks.js +25 -0
  26. package/dist/esm/routes/_layout/service-desks.js.map +1 -0
  27. package/package.json +4 -4
  28. package/src/__tests__/integration/mock-backend/magazines.ts +6 -0
  29. package/src/__tests__/integration/serviceDesks.integration.test.ts +85 -0
  30. package/src/__tests__/modules/gallery/Gallery.zoom-toggle.test.tsx +53 -0
  31. package/src/modules/appCatalog/ui/components/ViewToggle.tsx +40 -0
  32. package/src/modules/appCatalog/ui/layout/AppCatalogLayout.tsx +2 -1
  33. package/src/modules/appCatalog/ui/pages/ServiceDesksPage.tsx +91 -0
  34. package/src/modules/gallery/Gallery.tsx +4 -1
  35. package/src/routeTree.gen.ts +33 -2
  36. package/src/routes/_layout/service-desks.tsx +28 -0
@@ -2,6 +2,7 @@ import { Route as rootRouteImport } from './routes/__root.js';
2
2
  import { Route as LayoutRouteImport } from './routes/_layout.js';
3
3
  import { Route as LayoutIndexRouteImport } from './routes/_layout/index.js';
4
4
  import { Route as AuthCallbackRouteImport } from './routes/auth.callback';
5
+ import { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks.js';
5
6
  import { Route as LayoutLoginRouteImport } from './routes/_layout/login.js';
6
7
  import { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug';
7
8
  import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index';
@@ -16,6 +17,11 @@ declare const AuthCallbackRoute: import('@tanstack/router-core').Route<import('@
16
17
  error: string | undefined;
17
18
  code: string | undefined;
18
19
  }, import('@tanstack/router-core').ResolveParams<"/auth/callback">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
20
+ declare const LayoutServiceDesksRoute: 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>, "/service-desks", "/service-desks", "/_layout/service-desks", "/_layout/service-desks", import('zod').ZodObject<{
21
+ q: import('zod').ZodOptional<import('zod').ZodString>;
22
+ }, import('zod/v4/core').$strip>, import('@tanstack/router-core').ResolveParams<"/service-desks">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
23
+ appCatalogLoader: import('./modules/appCatalog/routeLoader.js').AppCatalogLoaderReturn;
24
+ }>, unknown, unknown, unknown, unknown, undefined>;
19
25
  declare const LayoutLoginRoute: 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>, "/login", "/login", "/_layout/login", "/_layout/login", undefined, import('@tanstack/router-core').ResolveParams<"/login">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
20
26
  declare const LayoutAppSlugRoute: 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>, "/app/$slug", "/app/$slug", "/_layout/app/$slug", "/_layout/app/$slug", import('zod').ZodObject<{
21
27
  q: import('zod').ZodOptional<import('zod').ZodString>;
@@ -33,12 +39,14 @@ declare const LayoutCatalogAppsIndexRoute: import('@tanstack/router-core').Route
33
39
  export interface FileRoutesByFullPath {
34
40
  '/': typeof LayoutIndexRoute;
35
41
  '/login': typeof LayoutLoginRoute;
42
+ '/service-desks': typeof LayoutServiceDesksRoute;
36
43
  '/auth/callback': typeof AuthCallbackRoute;
37
44
  '/app/$slug': typeof LayoutAppSlugRoute;
38
45
  '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute;
39
46
  }
40
47
  export interface FileRoutesByTo {
41
48
  '/login': typeof LayoutLoginRoute;
49
+ '/service-desks': typeof LayoutServiceDesksRoute;
42
50
  '/auth/callback': typeof AuthCallbackRoute;
43
51
  '/': typeof LayoutIndexRoute;
44
52
  '/app/$slug': typeof LayoutAppSlugRoute;
@@ -48,6 +56,7 @@ export interface FileRoutesById {
48
56
  __root__: typeof rootRouteImport;
49
57
  '/_layout': typeof LayoutRouteWithChildren;
50
58
  '/_layout/login': typeof LayoutLoginRoute;
59
+ '/_layout/service-desks': typeof LayoutServiceDesksRoute;
51
60
  '/auth/callback': typeof AuthCallbackRoute;
52
61
  '/_layout/': typeof LayoutIndexRoute;
53
62
  '/_layout/app/$slug': typeof LayoutAppSlugRoute;
@@ -55,10 +64,10 @@ export interface FileRoutesById {
55
64
  }
56
65
  export interface FileRouteTypes {
57
66
  fileRoutesByFullPath: FileRoutesByFullPath;
58
- fullPaths: '/' | '/login' | '/auth/callback' | '/app/$slug' | '/catalog/apps/';
67
+ fullPaths: '/' | '/login' | '/service-desks' | '/auth/callback' | '/app/$slug' | '/catalog/apps/';
59
68
  fileRoutesByTo: FileRoutesByTo;
60
- to: '/login' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps';
61
- id: '__root__' | '/_layout' | '/_layout/login' | '/auth/callback' | '/_layout/' | '/_layout/app/$slug' | '/_layout/catalog/apps/';
69
+ to: '/login' | '/service-desks' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps';
70
+ id: '__root__' | '/_layout' | '/_layout/login' | '/_layout/service-desks' | '/auth/callback' | '/_layout/' | '/_layout/app/$slug' | '/_layout/catalog/apps/';
62
71
  fileRoutesById: FileRoutesById;
63
72
  }
64
73
  export interface RootRouteChildren {
@@ -88,6 +97,13 @@ declare module '@tanstack/react-router' {
88
97
  preLoaderRoute: typeof AuthCallbackRouteImport;
89
98
  parentRoute: typeof rootRouteImport;
90
99
  };
100
+ '/_layout/service-desks': {
101
+ id: '/_layout/service-desks';
102
+ path: '/service-desks';
103
+ fullPath: '/service-desks';
104
+ preLoaderRoute: typeof LayoutServiceDesksRouteImport;
105
+ parentRoute: typeof LayoutRoute;
106
+ };
91
107
  '/_layout/login': {
92
108
  id: '/_layout/login';
93
109
  path: '/login';
@@ -113,6 +129,7 @@ declare module '@tanstack/react-router' {
113
129
  }
114
130
  interface LayoutRouteChildren {
115
131
  LayoutLoginRoute: typeof LayoutLoginRoute;
132
+ LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute;
116
133
  LayoutIndexRoute: typeof LayoutIndexRoute;
117
134
  LayoutAppSlugRoute: typeof LayoutAppSlugRoute;
118
135
  LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute;
@@ -2,7 +2,8 @@ import { Route } from "./routes/__root.js";
2
2
  import { Route as Route$2 } from "./routes/_layout.js";
3
3
  import { Route as Route$5 } from "./routes/_layout/index.js";
4
4
  import { Route as Route$1 } from "./routes/auth.callback.js";
5
- import { Route as Route$6 } from "./routes/_layout/login.js";
5
+ import { Route as Route$6 } from "./routes/_layout/service-desks.js";
6
+ import { Route as Route$7 } from "./routes/_layout/login.js";
6
7
  import { Route as Route$4 } from "./routes/_layout/app._slug.js";
7
8
  import { Route as Route$3 } from "./routes/_layout/catalog.apps.index.js";
8
9
  const LayoutRoute = Route$2.update({
@@ -19,7 +20,12 @@ const AuthCallbackRoute = Route$1.update({
19
20
  path: "/auth/callback",
20
21
  getParentRoute: () => Route
21
22
  });
22
- const LayoutLoginRoute = Route$6.update({
23
+ const LayoutServiceDesksRoute = Route$6.update({
24
+ id: "/service-desks",
25
+ path: "/service-desks",
26
+ getParentRoute: () => LayoutRoute
27
+ });
28
+ const LayoutLoginRoute = Route$7.update({
23
29
  id: "/login",
24
30
  path: "/login",
25
31
  getParentRoute: () => LayoutRoute
@@ -36,6 +42,7 @@ const LayoutCatalogAppsIndexRoute = Route$3.update({
36
42
  });
37
43
  const LayoutRouteChildren = {
38
44
  LayoutLoginRoute,
45
+ LayoutServiceDesksRoute,
39
46
  LayoutIndexRoute,
40
47
  LayoutAppSlugRoute,
41
48
  LayoutCatalogAppsIndexRoute
@@ -1 +1 @@
1
- {"version":3,"file":"routeTree.gen.js","sources":["../../src/routeTree.gen.ts"],"sourcesContent":["/* eslint-disable */\n\n// @ts-nocheck\n\n// noinspection JSUnusedGlobalSymbols\n\n// This file was automatically generated by TanStack Router.\n// You should NOT make any changes in this file as it will be overwritten.\n// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.\n\nimport { Route as rootRouteImport } from './routes/__root'\nimport { Route as LayoutRouteImport } from './routes/_layout'\nimport { Route as LayoutIndexRouteImport } from './routes/_layout/index'\nimport { Route as AuthCallbackRouteImport } from './routes/auth.callback'\nimport { Route as LayoutLoginRouteImport } from './routes/_layout/login'\nimport { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'\nimport { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'\n\nconst LayoutRoute = LayoutRouteImport.update({\n id: '/_layout',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutIndexRoute = LayoutIndexRouteImport.update({\n id: '/',\n path: '/',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst AuthCallbackRoute = AuthCallbackRouteImport.update({\n id: '/auth/callback',\n path: '/auth/callback',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutLoginRoute = LayoutLoginRouteImport.update({\n id: '/login',\n path: '/login',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutAppSlugRoute = LayoutAppSlugRouteImport.update({\n id: '/app/$slug',\n path: '/app/$slug',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({\n id: '/catalog/apps/',\n path: '/catalog/apps/',\n getParentRoute: () => LayoutRoute,\n} as any)\n\nexport interface FileRoutesByFullPath {\n '/': typeof LayoutIndexRoute\n '/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesByTo {\n '/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/': typeof LayoutIndexRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesById {\n __root__: typeof rootRouteImport\n '/_layout': typeof LayoutRouteWithChildren\n '/_layout/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/_layout/': typeof LayoutIndexRoute\n '/_layout/app/$slug': typeof LayoutAppSlugRoute\n '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRouteTypes {\n fileRoutesByFullPath: FileRoutesByFullPath\n fullPaths: '/' | '/login' | '/auth/callback' | '/app/$slug' | '/catalog/apps/'\n fileRoutesByTo: FileRoutesByTo\n to: '/login' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps'\n id:\n | '__root__'\n | '/_layout'\n | '/_layout/login'\n | '/auth/callback'\n | '/_layout/'\n | '/_layout/app/$slug'\n | '/_layout/catalog/apps/'\n fileRoutesById: FileRoutesById\n}\nexport interface RootRouteChildren {\n LayoutRoute: typeof LayoutRouteWithChildren\n AuthCallbackRoute: typeof AuthCallbackRoute\n}\n\ndeclare module '@tanstack/react-router' {\n interface FileRoutesByPath {\n '/_layout': {\n id: '/_layout'\n path: ''\n fullPath: '/'\n preLoaderRoute: typeof LayoutRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/': {\n id: '/_layout/'\n path: '/'\n fullPath: '/'\n preLoaderRoute: typeof LayoutIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/auth/callback': {\n id: '/auth/callback'\n path: '/auth/callback'\n fullPath: '/auth/callback'\n preLoaderRoute: typeof AuthCallbackRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/login': {\n id: '/_layout/login'\n path: '/login'\n fullPath: '/login'\n preLoaderRoute: typeof LayoutLoginRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/app/$slug': {\n id: '/_layout/app/$slug'\n path: '/app/$slug'\n fullPath: '/app/$slug'\n preLoaderRoute: typeof LayoutAppSlugRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/catalog/apps/': {\n id: '/_layout/catalog/apps/'\n path: '/catalog/apps'\n fullPath: '/catalog/apps/'\n preLoaderRoute: typeof LayoutCatalogAppsIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n }\n}\n\ninterface LayoutRouteChildren {\n LayoutLoginRoute: typeof LayoutLoginRoute\n LayoutIndexRoute: typeof LayoutIndexRoute\n LayoutAppSlugRoute: typeof LayoutAppSlugRoute\n LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute\n}\n\nconst LayoutRouteChildren: LayoutRouteChildren = {\n LayoutLoginRoute: LayoutLoginRoute,\n LayoutIndexRoute: LayoutIndexRoute,\n LayoutAppSlugRoute: LayoutAppSlugRoute,\n LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,\n}\n\nconst LayoutRouteWithChildren =\n LayoutRoute._addFileChildren(LayoutRouteChildren)\n\nconst rootRouteChildren: RootRouteChildren = {\n LayoutRoute: LayoutRouteWithChildren,\n AuthCallbackRoute: AuthCallbackRoute,\n}\nexport const routeTree = rootRouteImport\n ._addFileChildren(rootRouteChildren)\n ._addFileTypes<FileRouteTypes>()\n"],"names":["LayoutRouteImport","rootRouteImport","LayoutIndexRouteImport","AuthCallbackRouteImport","LayoutLoginRouteImport","LayoutAppSlugRouteImport","LayoutCatalogAppsIndexRouteImport"],"mappings":";;;;;;;AAkBA,MAAM,cAAcA,QAAkB,OAAO;AAAA,EAC3C,IAAI;AAAA,EACJ,gBAAgB,MAAMC;AACxB,CAAQ;AACR,MAAM,mBAAmBC,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,oBAAoBC,QAAwB,OAAO;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAMF;AACxB,CAAQ;AACR,MAAM,mBAAmBG,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,qBAAqBC,QAAyB,OAAO;AAAA,EACzD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,8BAA8BC,QAAkC,OAAO;AAAA,EAC3E,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AAmGR,MAAM,sBAA2C;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BACJ,YAAY,iBAAiB,mBAAmB;AAElD,MAAM,oBAAuC;AAAA,EAC3C,aAAa;AAAA,EACb;AACF;AACO,MAAM,YAAYL,MACtB,iBAAiB,iBAAiB,EAClC,cAAA;"}
1
+ {"version":3,"file":"routeTree.gen.js","sources":["../../src/routeTree.gen.ts"],"sourcesContent":["/* eslint-disable */\n\n// @ts-nocheck\n\n// noinspection JSUnusedGlobalSymbols\n\n// This file was automatically generated by TanStack Router.\n// You should NOT make any changes in this file as it will be overwritten.\n// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.\n\nimport { Route as rootRouteImport } from './routes/__root'\nimport { Route as LayoutRouteImport } from './routes/_layout'\nimport { Route as LayoutIndexRouteImport } from './routes/_layout/index'\nimport { Route as AuthCallbackRouteImport } from './routes/auth.callback'\nimport { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks'\nimport { Route as LayoutLoginRouteImport } from './routes/_layout/login'\nimport { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'\nimport { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'\n\nconst LayoutRoute = LayoutRouteImport.update({\n id: '/_layout',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutIndexRoute = LayoutIndexRouteImport.update({\n id: '/',\n path: '/',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst AuthCallbackRoute = AuthCallbackRouteImport.update({\n id: '/auth/callback',\n path: '/auth/callback',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutServiceDesksRoute = LayoutServiceDesksRouteImport.update({\n id: '/service-desks',\n path: '/service-desks',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutLoginRoute = LayoutLoginRouteImport.update({\n id: '/login',\n path: '/login',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutAppSlugRoute = LayoutAppSlugRouteImport.update({\n id: '/app/$slug',\n path: '/app/$slug',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({\n id: '/catalog/apps/',\n path: '/catalog/apps/',\n getParentRoute: () => LayoutRoute,\n} as any)\n\nexport interface FileRoutesByFullPath {\n '/': typeof LayoutIndexRoute\n '/login': typeof LayoutLoginRoute\n '/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesByTo {\n '/login': typeof LayoutLoginRoute\n '/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/': typeof LayoutIndexRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesById {\n __root__: typeof rootRouteImport\n '/_layout': typeof LayoutRouteWithChildren\n '/_layout/login': typeof LayoutLoginRoute\n '/_layout/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/_layout/': typeof LayoutIndexRoute\n '/_layout/app/$slug': typeof LayoutAppSlugRoute\n '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRouteTypes {\n fileRoutesByFullPath: FileRoutesByFullPath\n fullPaths:\n | '/'\n | '/login'\n | '/service-desks'\n | '/auth/callback'\n | '/app/$slug'\n | '/catalog/apps/'\n fileRoutesByTo: FileRoutesByTo\n to:\n | '/login'\n | '/service-desks'\n | '/auth/callback'\n | '/'\n | '/app/$slug'\n | '/catalog/apps'\n id:\n | '__root__'\n | '/_layout'\n | '/_layout/login'\n | '/_layout/service-desks'\n | '/auth/callback'\n | '/_layout/'\n | '/_layout/app/$slug'\n | '/_layout/catalog/apps/'\n fileRoutesById: FileRoutesById\n}\nexport interface RootRouteChildren {\n LayoutRoute: typeof LayoutRouteWithChildren\n AuthCallbackRoute: typeof AuthCallbackRoute\n}\n\ndeclare module '@tanstack/react-router' {\n interface FileRoutesByPath {\n '/_layout': {\n id: '/_layout'\n path: ''\n fullPath: '/'\n preLoaderRoute: typeof LayoutRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/': {\n id: '/_layout/'\n path: '/'\n fullPath: '/'\n preLoaderRoute: typeof LayoutIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/auth/callback': {\n id: '/auth/callback'\n path: '/auth/callback'\n fullPath: '/auth/callback'\n preLoaderRoute: typeof AuthCallbackRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/service-desks': {\n id: '/_layout/service-desks'\n path: '/service-desks'\n fullPath: '/service-desks'\n preLoaderRoute: typeof LayoutServiceDesksRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/login': {\n id: '/_layout/login'\n path: '/login'\n fullPath: '/login'\n preLoaderRoute: typeof LayoutLoginRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/app/$slug': {\n id: '/_layout/app/$slug'\n path: '/app/$slug'\n fullPath: '/app/$slug'\n preLoaderRoute: typeof LayoutAppSlugRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/catalog/apps/': {\n id: '/_layout/catalog/apps/'\n path: '/catalog/apps'\n fullPath: '/catalog/apps/'\n preLoaderRoute: typeof LayoutCatalogAppsIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n }\n}\n\ninterface LayoutRouteChildren {\n LayoutLoginRoute: typeof LayoutLoginRoute\n LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute\n LayoutIndexRoute: typeof LayoutIndexRoute\n LayoutAppSlugRoute: typeof LayoutAppSlugRoute\n LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute\n}\n\nconst LayoutRouteChildren: LayoutRouteChildren = {\n LayoutLoginRoute: LayoutLoginRoute,\n LayoutServiceDesksRoute: LayoutServiceDesksRoute,\n LayoutIndexRoute: LayoutIndexRoute,\n LayoutAppSlugRoute: LayoutAppSlugRoute,\n LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,\n}\n\nconst LayoutRouteWithChildren =\n LayoutRoute._addFileChildren(LayoutRouteChildren)\n\nconst rootRouteChildren: RootRouteChildren = {\n LayoutRoute: LayoutRouteWithChildren,\n AuthCallbackRoute: AuthCallbackRoute,\n}\nexport const routeTree = rootRouteImport\n ._addFileChildren(rootRouteChildren)\n ._addFileTypes<FileRouteTypes>()\n"],"names":["LayoutRouteImport","rootRouteImport","LayoutIndexRouteImport","AuthCallbackRouteImport","LayoutServiceDesksRouteImport","LayoutLoginRouteImport","LayoutAppSlugRouteImport","LayoutCatalogAppsIndexRouteImport"],"mappings":";;;;;;;;AAmBA,MAAM,cAAcA,QAAkB,OAAO;AAAA,EAC3C,IAAI;AAAA,EACJ,gBAAgB,MAAMC;AACxB,CAAQ;AACR,MAAM,mBAAmBC,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,oBAAoBC,QAAwB,OAAO;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAMF;AACxB,CAAQ;AACR,MAAM,0BAA0BG,QAA8B,OAAO;AAAA,EACnE,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,mBAAmBC,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,qBAAqBC,QAAyB,OAAO;AAAA,EACzD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,8BAA8BC,QAAkC,OAAO;AAAA,EAC3E,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AA2HR,MAAM,sBAA2C;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BACJ,YAAY,iBAAiB,mBAAmB;AAElD,MAAM,oBAAuC;AAAA,EAC3C,aAAa;AAAA,EACb;AACF;AACO,MAAM,YAAYN,MACtB,iBAAiB,iBAAiB,EAClC,cAAA;"}
@@ -0,0 +1,6 @@
1
+ import { z } from 'zod';
2
+ 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>, "/service-desks", "/service-desks", "/_layout/service-desks", "/_layout/service-desks", z.ZodObject<{
3
+ q: z.ZodOptional<z.ZodString>;
4
+ }, z.core.$strip>, import('@tanstack/router-core').ResolveParams<"/service-desks">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
5
+ appCatalogLoader: import('~/modules/appCatalog/routeLoader').AppCatalogLoaderReturn;
6
+ }>, unknown, unknown, unknown, unknown, undefined>;
@@ -0,0 +1,25 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { createFileRoute } from "@tanstack/react-router";
3
+ import { appCatalogRouteLoader } from "../../modules/appCatalog/routeLoader.js";
4
+ import { AppCatalogLayout } from "../../modules/appCatalog/ui/layout/AppCatalogLayout.js";
5
+ import { ServiceDesksPage } from "../../modules/appCatalog/ui/pages/ServiceDesksPage.js";
6
+ import { object, string } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
7
+ const searchSchema = object({
8
+ q: string().optional()
9
+ });
10
+ const Route = createFileRoute("/_layout/service-desks")({
11
+ component: RouteComponent,
12
+ validateSearch: searchSchema,
13
+ async loader() {
14
+ const appCatalogLoader = await appCatalogRouteLoader();
15
+ return { appCatalogLoader };
16
+ }
17
+ });
18
+ function RouteComponent() {
19
+ const { queryClient, trpcClient } = Route.useRouteContext();
20
+ return /* @__PURE__ */ jsx(AppCatalogLayout, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(ServiceDesksPage, {}) });
21
+ }
22
+ export {
23
+ Route
24
+ };
25
+ //# sourceMappingURL=service-desks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"service-desks.js","sources":["../../../../src/routes/_layout/service-desks.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { ServiceDesksPage } from '~/modules/appCatalog/ui/pages/ServiceDesksPage'\n\nconst searchSchema = z.object({\n q: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/service-desks')({\n component: RouteComponent,\n validateSearch: searchSchema,\n async loader() {\n const appCatalogLoader = await appCatalogRouteLoader()\n return { appCatalogLoader }\n },\n})\n\nfunction RouteComponent() {\n const { queryClient, trpcClient } = Route.useRouteContext()\n\n return (\n <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n <ServiceDesksPage />\n </AppCatalogLayout>\n )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAMA,MAAM,eAAeA,OAAS;AAAA,EAC5B,GAAGC,OAAE,EAAS,SAAA;AAChB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,wBAAwB,EAAE;AAAA,EAC7D,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,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;AAE1C,6BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,oBAAiB,GACpB;AAEJ;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igstack/app-catalog-frontend-core",
3
- "version": "0.6.5",
3
+ "version": "0.7.1",
4
4
  "description": "Frontend core library for App Catalog",
5
5
  "homepage": "https://github.com/lislon/app-catalog",
6
6
  "repository": {
@@ -134,8 +134,8 @@
134
134
  "vite-plugin-static-copy": "^3.1.4",
135
135
  "vite-plugin-svgr": "^4.2.0",
136
136
  "vitest": "^4.1.2",
137
- "@igstack/app-catalog-backend-core": "0.6.5",
138
- "@igstack/app-catalog-shared-core": "0.6.5"
137
+ "@igstack/app-catalog-shared-core": "0.7.1",
138
+ "@igstack/app-catalog-backend-core": "0.7.1"
139
139
  },
140
140
  "peerDependencies": {
141
141
  "react": "19.1.2",
@@ -144,7 +144,7 @@
144
144
  "vite": "^6.3.5",
145
145
  "vite-plugin-svgr": "^4.2.0"
146
146
  },
147
- "gitHead": "bb6c7dc3f16b795e55b653e67567c0d0abc9dfa3",
147
+ "gitHead": "e3a5db87f9d07a62c8fae26949b55e54a45e2ca9",
148
148
  "scripts": {
149
149
  "build": "vite build",
150
150
  "build:lenient": "vite build --mode lenient",
@@ -38,6 +38,12 @@ function fullMagazine(
38
38
  displayName: 'IT Help Desk',
39
39
  config: { url: 'https://helpdesk.example.com' },
40
40
  })
41
+ backendCfg.withApprovalMethod({
42
+ slug: 'ux-app-helpdesk',
43
+ type: 'service',
44
+ displayName: 'UX App Helpdesk',
45
+ config: { url: 'https://uxdesk.example.com' },
46
+ })
41
47
  const managerApproval = backendCfg.withApprovalMethod({
42
48
  slug: 'manager-approval',
43
49
  type: 'custom',
@@ -0,0 +1,85 @@
1
+ import { describe, expect, it } from 'vitest'
2
+ import { screen, waitFor, within } from '@testing-library/react'
3
+ import userEvent from '@testing-library/user-event'
4
+ import '@testing-library/jest-dom/vitest'
5
+
6
+ import { given } from './harness/given'
7
+ import { magazine } from './mock-backend/magazines'
8
+
9
+ // #9: a header toggle (Apps | Service Desks) + a /service-desks route showing a
10
+ // searchable table of all type:'service' approval methods with open links.
11
+ // magazine.full() seeds two service desks (IT Help Desk, UX App Helpdesk) and
12
+ // two custom methods (Manager Approval, Self-Service) which must NOT appear.
13
+
14
+ function serviceDeskTable(): HTMLElement {
15
+ // The service-desks table (only table on that route).
16
+ return screen.getByRole('table')
17
+ }
18
+
19
+ function deskNames(): string[] {
20
+ const rows = within(serviceDeskTable()).getAllByRole('row')
21
+ return rows
22
+ .map((r) => within(r).queryAllByRole('cell')[0]?.textContent.trim() ?? '')
23
+ .filter(Boolean)
24
+ }
25
+
26
+ describe('Service Desks view (#9)', () => {
27
+ it('lists only service-type approval methods with open links', async () => {
28
+ await given(magazine.full(), {
29
+ initialRoute: '/service-desks',
30
+ })
31
+
32
+ await waitFor(() => {
33
+ expect(screen.getByLabelText('Search service desks')).toBeInTheDocument()
34
+ })
35
+
36
+ const names = deskNames()
37
+ expect(names).toContain('IT Help Desk')
38
+ expect(names).toContain('UX App Helpdesk')
39
+ // custom-type methods are not service desks
40
+ expect(names).not.toContain('Manager Approval')
41
+ expect(names).not.toContain('Self-Service')
42
+
43
+ // Each service desk row has a link to its portal opening in a new tab.
44
+ const itRow = within(serviceDeskTable())
45
+ .getAllByRole('row')
46
+ .find((r) => r.textContent.includes('IT Help Desk'))!
47
+ const link = within(itRow).getByRole('link')
48
+ expect(link).toHaveAttribute('href', 'https://helpdesk.example.com')
49
+ expect(link).toHaveAttribute('target', '_blank')
50
+ })
51
+
52
+ it('filters the desks by search', async () => {
53
+ const user = userEvent.setup()
54
+ await given(magazine.full(), {
55
+ initialRoute: '/service-desks',
56
+ })
57
+
58
+ await waitFor(() => expect(deskNames()).toContain('UX App Helpdesk'))
59
+
60
+ await user.type(screen.getByLabelText('Search service desks'), 'UX')
61
+
62
+ await waitFor(() => {
63
+ const names = deskNames()
64
+ expect(names).toContain('UX App Helpdesk')
65
+ expect(names).not.toContain('IT Help Desk')
66
+ })
67
+ })
68
+
69
+ it('toggles between Apps and Service Desks from the header', async () => {
70
+ const { router } = await given(magazine.full(), { initialRoute: '/' })
71
+
72
+ // Apps view first — the catalog search box is present.
73
+ await waitFor(() =>
74
+ expect(screen.getByLabelText('Search apps')).toBeInTheDocument(),
75
+ )
76
+
77
+ const user = userEvent.setup()
78
+ await user.click(screen.getByRole('link', { name: 'Service Desks' }))
79
+
80
+ await waitFor(() => {
81
+ expect(router.state.location.pathname).toBe('/service-desks')
82
+ })
83
+ expect(screen.getByLabelText('Search service desks')).toBeInTheDocument()
84
+ })
85
+ })
@@ -0,0 +1,53 @@
1
+ import { act, fireEvent, render, screen } from '@testing-library/react'
2
+ import { describe, expect, it } from 'vitest'
3
+ import '@testing-library/jest-dom/vitest'
4
+
5
+ import { Gallery } from '~/modules/gallery/Gallery'
6
+ import type { GalleryImage } from '~/modules/gallery/Gallery'
7
+
8
+ const images: GalleryImage[] = [
9
+ { url: '/api/screenshots/img-1', alt: 'Screenshot 1' },
10
+ { url: '/api/screenshots/img-2', alt: 'Screenshot 2' },
11
+ ]
12
+
13
+ // Issue #14 — clicking the fullscreen image should exit fullscreen,
14
+ // making zoom-in / zoom-out a reversible click toggle.
15
+ describe('Gallery — click image to exit fullscreen', () => {
16
+ it('exits fullscreen when the fullscreen image is clicked', async () => {
17
+ render(<Gallery images={images} />)
18
+
19
+ // Enter fullscreen by clicking the active slide image
20
+ const activeImg = screen.getByAltText('Screenshot 1')
21
+ await act(async () => {
22
+ fireEvent.click(activeImg)
23
+ })
24
+
25
+ // Fullscreen overlay should now be visible
26
+ const dialog = screen.getByRole('dialog', { name: /fullscreen view/i })
27
+ expect(dialog).toBeInTheDocument()
28
+
29
+ // Click the image inside the fullscreen overlay — should exit fullscreen
30
+ const fullscreenImg = screen.getByAltText('Screenshot 1')
31
+ await act(async () => {
32
+ fireEvent.click(fullscreenImg)
33
+ })
34
+
35
+ // Fullscreen overlay should be gone (back to the carousel)
36
+ expect(
37
+ screen.queryByRole('dialog', { name: /fullscreen view/i }),
38
+ ).not.toBeInTheDocument()
39
+ })
40
+
41
+ it('exposes the fullscreen image as an accessible exit control', async () => {
42
+ render(<Gallery images={images} />)
43
+
44
+ const activeImg = screen.getByAltText('Screenshot 1')
45
+ await act(async () => {
46
+ fireEvent.click(activeImg)
47
+ })
48
+
49
+ // The fullscreen image should itself be operable as an exit affordance
50
+ const imageControl = screen.getByRole('button', { name: /zoom out/i })
51
+ expect(imageControl).toBeInTheDocument()
52
+ })
53
+ })
@@ -0,0 +1,40 @@
1
+ import { Link } from '@tanstack/react-router'
2
+ import { cn } from '~/lib/utils'
3
+
4
+ /**
5
+ * Compact segmented toggle for the header (Apps | Service Desks). Rendered in
6
+ * the header's `middle` slot so it adds no header height. Uses router Links so
7
+ * the active segment reflects the current route and each is deep-linkable.
8
+ */
9
+ export function ViewToggle() {
10
+ const segment =
11
+ 'inline-flex items-center rounded-md px-3 py-1 text-sm font-medium transition-colors'
12
+ const active = 'bg-background text-foreground shadow-sm'
13
+ const inactive = 'text-muted-foreground hover:text-foreground'
14
+
15
+ return (
16
+ <div
17
+ role="tablist"
18
+ aria-label="View"
19
+ className="inline-flex items-center gap-1 rounded-lg bg-muted p-[3px]"
20
+ >
21
+ <Link
22
+ to="/"
23
+ aria-label="Apps"
24
+ className={cn(segment, inactive)}
25
+ activeOptions={{ exact: true }}
26
+ activeProps={{ className: cn(segment, active) }}
27
+ >
28
+ Apps
29
+ </Link>
30
+ <Link
31
+ to="/service-desks"
32
+ aria-label="Service Desks"
33
+ className={cn(segment, inactive)}
34
+ activeProps={{ className: cn(segment, active) }}
35
+ >
36
+ Service Desks
37
+ </Link>
38
+ </div>
39
+ )
40
+ }
@@ -4,6 +4,7 @@ import type { TRPCClient } from '@trpc/client'
4
4
  import { useUiSettings } from '~/context/UiSettingsContext'
5
5
  import { AppCatalogProvider } from '~/modules/appCatalog/context/AppCatalogContext'
6
6
  import { AppCatalogFiltersProvider } from '~/modules/appCatalog/ui/context/AppCatalogFiltersContext'
7
+ import { ViewToggle } from '~/modules/appCatalog/ui/components/ViewToggle'
7
8
  import { MainLayout } from '~/ui/layout/MainLayout'
8
9
  import { TopLevelProviders } from '~/ui/layout/TopLevelProviders'
9
10
 
@@ -29,7 +30,7 @@ export function AppCatalogLayout({
29
30
  <AppCatalogFiltersProvider
30
31
  filterableTagPrefixes={filterableTagPrefixes}
31
32
  >
32
- <MainLayout headerMiddle={headerMiddle}>
33
+ <MainLayout headerMiddle={headerMiddle ?? <ViewToggle />}>
33
34
  {/* <Breadcrumb className="pb-4">*/}
34
35
  {/* <BreadcrumbList>*/}
35
36
  {/* <BreadcrumbItem>*/}
@@ -0,0 +1,91 @@
1
+ import { ExternalLink } from 'lucide-react'
2
+ import { useMemo, useState } from 'react'
3
+ import { InputGroup, InputGroupInput } from '~/ui/input-group'
4
+ import {
5
+ Table,
6
+ TableBody,
7
+ TableCell,
8
+ TableHead,
9
+ TableHeader,
10
+ TableRow,
11
+ } from '~/ui/table'
12
+ import { useAppCatalogContext } from '../../context/AppCatalogContext'
13
+
14
+ /**
15
+ * Service Desks view (#9): a searchable table of all service-desk approval
16
+ * methods (type === 'service'), each with a link that opens its portal in a new
17
+ * tab. Data rides in on the existing app-catalog query (context.approvalMethods).
18
+ */
19
+ export function ServiceDesksPage() {
20
+ const { approvalMethods } = useAppCatalogContext()
21
+ const [search, setSearch] = useState('')
22
+
23
+ const desks = useMemo(() => {
24
+ const services = approvalMethods.filter((m) => m.type === 'service')
25
+ const q = search.trim().toLowerCase()
26
+ const filtered = q
27
+ ? services.filter((m) => m.displayName.toLowerCase().includes(q))
28
+ : services
29
+ return [...filtered].sort((a, b) =>
30
+ a.displayName.localeCompare(b.displayName),
31
+ )
32
+ }, [approvalMethods, search])
33
+
34
+ return (
35
+ <div className="flex flex-col flex-1 min-h-0 gap-4">
36
+ <InputGroup className="max-w-sm">
37
+ <InputGroupInput
38
+ value={search}
39
+ onChange={(e) => setSearch(e.target.value)}
40
+ placeholder="Search service desks by name…"
41
+ aria-label="Search service desks"
42
+ />
43
+ </InputGroup>
44
+
45
+ <div className="flex-1 min-h-0 overflow-y-auto">
46
+ {desks.length === 0 ? (
47
+ <p className="text-sm text-muted-foreground">
48
+ No service desks found{search && ` for "${search}"`}.
49
+ </p>
50
+ ) : (
51
+ <Table>
52
+ <TableHeader>
53
+ <TableRow>
54
+ <TableHead>Service Desk</TableHead>
55
+ <TableHead>Link</TableHead>
56
+ </TableRow>
57
+ </TableHeader>
58
+ <TableBody>
59
+ {desks.map((desk) => {
60
+ const url = desk.config.url
61
+ return (
62
+ <TableRow key={desk.slug}>
63
+ <TableCell className="font-medium">
64
+ {desk.displayName}
65
+ </TableCell>
66
+ <TableCell>
67
+ {url ? (
68
+ <a
69
+ href={url}
70
+ target="_blank"
71
+ rel="noopener noreferrer"
72
+ className="inline-flex items-center gap-1 text-primary hover:underline"
73
+ title={url}
74
+ >
75
+ Open
76
+ <ExternalLink className="size-3" />
77
+ </a>
78
+ ) : (
79
+ <span className="text-muted-foreground">—</span>
80
+ )}
81
+ </TableCell>
82
+ </TableRow>
83
+ )
84
+ })}
85
+ </TableBody>
86
+ </Table>
87
+ )}
88
+ </div>
89
+ </div>
90
+ )
91
+ }
@@ -230,10 +230,13 @@ export function Gallery({
230
230
  <img
231
231
  src={currentImage.url}
232
232
  alt={currentImage.alt}
233
- className="max-w-full h-auto"
233
+ className="max-w-full h-auto cursor-zoom-out"
234
+ onClick={() => setFullscreen(false)}
234
235
  onLoad={() => handleImageLoad(currentIndex)}
235
236
  onError={() => handleImageError(currentIndex)}
236
237
  style={{ opacity: imageState === 'loaded' ? 1 : 0 }}
238
+ role="button"
239
+ aria-label="Zoom out"
237
240
  />
238
241
  </div>
239
242
  )}
@@ -12,6 +12,7 @@ import { Route as rootRouteImport } from './routes/__root'
12
12
  import { Route as LayoutRouteImport } from './routes/_layout'
13
13
  import { Route as LayoutIndexRouteImport } from './routes/_layout/index'
14
14
  import { Route as AuthCallbackRouteImport } from './routes/auth.callback'
15
+ import { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks'
15
16
  import { Route as LayoutLoginRouteImport } from './routes/_layout/login'
16
17
  import { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'
17
18
  import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'
@@ -30,6 +31,11 @@ const AuthCallbackRoute = AuthCallbackRouteImport.update({
30
31
  path: '/auth/callback',
31
32
  getParentRoute: () => rootRouteImport,
32
33
  } as any)
34
+ const LayoutServiceDesksRoute = LayoutServiceDesksRouteImport.update({
35
+ id: '/service-desks',
36
+ path: '/service-desks',
37
+ getParentRoute: () => LayoutRoute,
38
+ } as any)
33
39
  const LayoutLoginRoute = LayoutLoginRouteImport.update({
34
40
  id: '/login',
35
41
  path: '/login',
@@ -49,12 +55,14 @@ const LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({
49
55
  export interface FileRoutesByFullPath {
50
56
  '/': typeof LayoutIndexRoute
51
57
  '/login': typeof LayoutLoginRoute
58
+ '/service-desks': typeof LayoutServiceDesksRoute
52
59
  '/auth/callback': typeof AuthCallbackRoute
53
60
  '/app/$slug': typeof LayoutAppSlugRoute
54
61
  '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
55
62
  }
56
63
  export interface FileRoutesByTo {
57
64
  '/login': typeof LayoutLoginRoute
65
+ '/service-desks': typeof LayoutServiceDesksRoute
58
66
  '/auth/callback': typeof AuthCallbackRoute
59
67
  '/': typeof LayoutIndexRoute
60
68
  '/app/$slug': typeof LayoutAppSlugRoute
@@ -64,6 +72,7 @@ export interface FileRoutesById {
64
72
  __root__: typeof rootRouteImport
65
73
  '/_layout': typeof LayoutRouteWithChildren
66
74
  '/_layout/login': typeof LayoutLoginRoute
75
+ '/_layout/service-desks': typeof LayoutServiceDesksRoute
67
76
  '/auth/callback': typeof AuthCallbackRoute
68
77
  '/_layout/': typeof LayoutIndexRoute
69
78
  '/_layout/app/$slug': typeof LayoutAppSlugRoute
@@ -71,13 +80,26 @@ export interface FileRoutesById {
71
80
  }
72
81
  export interface FileRouteTypes {
73
82
  fileRoutesByFullPath: FileRoutesByFullPath
74
- fullPaths: '/' | '/login' | '/auth/callback' | '/app/$slug' | '/catalog/apps/'
83
+ fullPaths:
84
+ | '/'
85
+ | '/login'
86
+ | '/service-desks'
87
+ | '/auth/callback'
88
+ | '/app/$slug'
89
+ | '/catalog/apps/'
75
90
  fileRoutesByTo: FileRoutesByTo
76
- to: '/login' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps'
91
+ to:
92
+ | '/login'
93
+ | '/service-desks'
94
+ | '/auth/callback'
95
+ | '/'
96
+ | '/app/$slug'
97
+ | '/catalog/apps'
77
98
  id:
78
99
  | '__root__'
79
100
  | '/_layout'
80
101
  | '/_layout/login'
102
+ | '/_layout/service-desks'
81
103
  | '/auth/callback'
82
104
  | '/_layout/'
83
105
  | '/_layout/app/$slug'
@@ -112,6 +134,13 @@ declare module '@tanstack/react-router' {
112
134
  preLoaderRoute: typeof AuthCallbackRouteImport
113
135
  parentRoute: typeof rootRouteImport
114
136
  }
137
+ '/_layout/service-desks': {
138
+ id: '/_layout/service-desks'
139
+ path: '/service-desks'
140
+ fullPath: '/service-desks'
141
+ preLoaderRoute: typeof LayoutServiceDesksRouteImport
142
+ parentRoute: typeof LayoutRoute
143
+ }
115
144
  '/_layout/login': {
116
145
  id: '/_layout/login'
117
146
  path: '/login'
@@ -138,6 +167,7 @@ declare module '@tanstack/react-router' {
138
167
 
139
168
  interface LayoutRouteChildren {
140
169
  LayoutLoginRoute: typeof LayoutLoginRoute
170
+ LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute
141
171
  LayoutIndexRoute: typeof LayoutIndexRoute
142
172
  LayoutAppSlugRoute: typeof LayoutAppSlugRoute
143
173
  LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute
@@ -145,6 +175,7 @@ interface LayoutRouteChildren {
145
175
 
146
176
  const LayoutRouteChildren: LayoutRouteChildren = {
147
177
  LayoutLoginRoute: LayoutLoginRoute,
178
+ LayoutServiceDesksRoute: LayoutServiceDesksRoute,
148
179
  LayoutIndexRoute: LayoutIndexRoute,
149
180
  LayoutAppSlugRoute: LayoutAppSlugRoute,
150
181
  LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,