@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

package/dist/esm/routes/_layout/env._envSlug.app._appSlug.index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env._envSlug.app._appSlug.index.js","sources":["../../../../src/routes/_layout/env.$envSlug.app.$appSlug.index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/layout/ResourceJumpLayout'\nimport { AppPage } from '~/modules/resourceJump/ui/pages/AppPage'\n\nexport const Route = createFileRoute('/_layout/env/$envSlug/app/$appSlug/')({\n  component: RouteComponent,\n  async loader(ctx) {\n    return await routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  const { queryClient, trpcClient } = Route.useRouteContext()\n  return (\n    <ResourceJumpLayout\n      loaderData={urlParams}\n      queryClient={queryClient}\n      trpcClient={trpcClient}\n    >\n      <AppPage />\n    </ResourceJumpLayout>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,MAAM,QAAQ,gBAAgB,qCAAqC,EAAE;AAAA,EAC1E,WAAW;AAAA,EACX,MAAM,OAAO,KAAK;AAChB,WAAO,MAAM,YAAY,GAAG;AAAA,EAC9B;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAC1C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MAEA,8BAAC,SAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/esm/routes/_layout/env._envSlug.index.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { routeLoader } from "../../modules/resourceJump/routeLoader.js";
+import { ResourceJumpLayout } from "../../modules/resourceJump/ui/layout/ResourceJumpLayout.js";
+import { EnvPage } from "../../modules/resourceJump/ui/pages/EnvPage.js";
+const Route = createFileRoute("/_layout/env/$envSlug/")({
+  component: RouteComponent,
+  async loader(ctx) {
+    return await routeLoader(ctx);
+  }
+});
+function RouteComponent() {
+  const urlParams = Route.useLoaderData();
+  const { queryClient, trpcClient } = Route.useRouteContext();
+  return /* @__PURE__ */ jsx(
+    ResourceJumpLayout,
+    {
+      loaderData: urlParams,
+      queryClient,
+      trpcClient,
+      children: /* @__PURE__ */ jsx(EnvPage, {})
+    }
+  );
+}
+export {
+  Route
+};
+//# sourceMappingURL=env._envSlug.index.js.map

package/dist/esm/routes/_layout/env._envSlug.index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env._envSlug.index.js","sources":["../../../../src/routes/_layout/env.$envSlug.index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/layout/ResourceJumpLayout'\nimport { EnvPage } from '~/modules/resourceJump/ui/pages/EnvPage'\n\nexport const Route = createFileRoute('/_layout/env/$envSlug/')({\n  component: RouteComponent,\n  async loader(ctx) {\n    return await routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  const { queryClient, trpcClient } = Route.useRouteContext()\n  return (\n    <ResourceJumpLayout\n      loaderData={urlParams}\n      queryClient={queryClient}\n      trpcClient={trpcClient}\n    >\n      <EnvPage />\n    </ResourceJumpLayout>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,MAAM,QAAQ,gBAAgB,wBAAwB,EAAE;AAAA,EAC7D,WAAW;AAAA,EACX,MAAM,OAAO,KAAK;AAChB,WAAO,MAAM,YAAY,GAAG;AAAA,EAC9B;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAC1C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MAEA,8BAAC,SAAA,CAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/esm/routes/_layout/envs.index.d.ts

@@ -0,0 +1 @@
+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').EhRouterContext, 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>, "/envs", "/envs/", "/_layout/envs/", "/_layout/envs/", undefined, import('@tanstack/router-core').ResolveParams<"/envs">, 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').EhRouterContext, 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/envs/", import('@tanstack/router-core').ResolveParams<"/envs">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<import('../../modules/resourceJump/types.js').ResourceJumpLoaderReturn>, unknown, unknown, unknown, unknown, undefined>;

package/dist/esm/routes/_layout/envs.index.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { routeLoader } from "../../modules/resourceJump/routeLoader.js";
+import { ResourceJumpLayout } from "../../modules/resourceJump/ui/layout/ResourceJumpLayout.js";
+import { EnvCatalogPage } from "../../modules/resourceJump/ui/pages/EnvCatalog.js";
+const Route = createFileRoute("/_layout/envs/")({
+  component: RouteComponent,
+  async loader(ctx) {
+    return await routeLoader(ctx);
+  }
+});
+function RouteComponent() {
+  const urlParams = Route.useLoaderData();
+  const { queryClient, trpcClient } = Route.useRouteContext();
+  return /* @__PURE__ */ jsx(
+    ResourceJumpLayout,
+    {
+      loaderData: urlParams,
+      queryClient,
+      trpcClient,
+      children: /* @__PURE__ */ jsx(EnvCatalogPage, {})
+    }
+  );
+}
+export {
+  Route
+};
+//# sourceMappingURL=envs.index.js.map

package/dist/esm/routes/_layout/envs.index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"envs.index.js","sources":["../../../../src/routes/_layout/envs.index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/layout/ResourceJumpLayout'\nimport { EnvCatalogPage } from '~/modules/resourceJump/ui/pages/EnvCatalog'\n\nexport const Route = createFileRoute('/_layout/envs/')({\n  component: RouteComponent,\n  async loader(ctx) {\n    return await routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  return (\n    <ResourceJumpLayout\n      loaderData={urlParams}\n      queryClient={queryClient}\n      trpcClient={trpcClient}\n    >\n      <EnvCatalogPage />\n    </ResourceJumpLayout>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,MAAM,QAAQ,gBAAgB,gBAAgB,EAAE;AAAA,EACrD,WAAW;AAAA,EACX,MAAM,OAAO,KAAK;AAChB,WAAO,MAAM,YAAY,GAAG;AAAA,EAC9B;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MAEA,8BAAC,gBAAA,CAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

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

@@ -1 +1,13 @@
-export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_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>, "/", "/", "/_layout/", "/_layout/", undefined, import('@tanstack/router-core').ResolveParams<"/">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, (ctx: import('@tanstack/router-core').LoaderFnContext<import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_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>, "/_layout/", import('@tanstack/router-core').ResolveParams<"/">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext>) => Promise<import('../../modules/resourceJump/types.js').ResourceJumpLoaderReturn>, unknown, unknown>;
+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').EhRouterContext, 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/", "/_layout/", z.ZodObject<{
+    app: z.ZodOptional<z.ZodString>;
+    filterTag: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>, import('@tanstack/router-core').ResolveParams<"/">, 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').EhRouterContext, 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/", import('@tanstack/router-core').ResolveParams<"/">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<{
+    appMode: "hopper";
+    envHopperLoader: import('../../modules/resourceJump/types.js').ResourceJumpLoaderReturn;
+    appCatalogLoader?: undefined;
+} | {
+    appMode: "catalog";
+    appCatalogLoader: import('~/modules/appCatalog/routeLoader').AppCatalogLoaderReturn;
+    envHopperLoader?: undefined;
+}>, unknown, unknown, unknown, unknown, undefined>;

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

@@ -1,16 +1,46 @@
 import { jsx } from "react/jsx-runtime";
 import { createFileRoute } from "@tanstack/react-router";
-import { routeLoader } from "../../modules/resourceJump/routeLoader.js";
-import { ResourceJumpLayout } from "../../modules/resourceJump/ui/ResouceJumpLayout.js";
+import { getAppMode } from "../../lib/getAppMode.js";
+import { appCatalogRouteLoader } from "../../modules/appCatalog/routeLoader.js";
+import { AppCatalogLayout } from "../../modules/appCatalog/ui/layout/AppCatalogLayout.js";
+import { AppCatalogPage } from "../../modules/appCatalog/ui/pages/AppCatalogPage.js";
+import { ResourceJumpLayout } from "../../modules/resourceJump/ui/layout/ResourceJumpLayout.js";
+import { HomePage } from "../../modules/resourceJump/ui/pages/HomePage.js";
+import { object, string } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
+const searchSchema = object({
+  app: string().optional(),
+  filterTag: string().optional()
+});
 const Route = createFileRoute("/_layout/")({
   component: RouteComponent,
-  loader(ctx) {
-    return routeLoader(ctx);
+  validateSearch: searchSchema,
+  async loader(ctx) {
+    const appMode = getAppMode();
+    {
+      const appCatalogLoader = await appCatalogRouteLoader();
+      return {
+        appMode,
+        appCatalogLoader
+      };
+    }
   }
 });
 function RouteComponent() {
-  const urlParams = Route.useLoaderData();
-  return /* @__PURE__ */ jsx(ResourceJumpLayout, { loaderData: urlParams });
+  const { appMode, envHopperLoader } = Route.useLoaderData();
+  const { queryClient, trpcClient } = Route.useRouteContext();
+  if (appMode === "catalog") {
+    return /* @__PURE__ */ jsx(AppCatalogLayout, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(AppCatalogPage, {}) });
+  } else {
+    return /* @__PURE__ */ jsx(
+      ResourceJumpLayout,
+      {
+        loaderData: envHopperLoader,
+        queryClient,
+        trpcClient,
+        children: /* @__PURE__ */ jsx(HomePage, {})
+      }
+    );
+  }
 }
 export {
   Route

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/routes/_layout/index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\n\nimport { routeLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/ResouceJumpLayout'\n\nexport const Route = createFileRoute('/_layout/')({\n  component: RouteComponent,\n  loader(ctx) {\n    return routeLoader(ctx)\n  },\n})\n\nfunction RouteComponent() {\n  const urlParams = Route.useLoaderData()\n  return <ResourceJumpLayout loaderData={urlParams} />\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,QAAQ,gBAAgB,WAAW,EAAE;AAAA,EAChD,WAAW;AAAA,EACX,OAAO,KAAK;AACV,WAAO,YAAY,GAAG;AAAA,EACxB;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,YAAY,MAAM,cAAA;AACxB,SAAO,oBAAC,oBAAA,EAAmB,YAAY,UAAA,CAAW;AACpD;"}
+{"version":3,"file":"index.js","sources":["../../../../src/routes/_layout/index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { getAppMode } from '~/lib/getAppMode'\nimport { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\nimport { routeLoader as resourceJumpRouteLoader } from '~/modules/resourceJump/routeLoader'\nimport { ResourceJumpLayout } from '~/modules/resourceJump/ui/layout/ResourceJumpLayout'\nimport { HomePage } from '~/modules/resourceJump/ui/pages/HomePage'\n\nconst searchSchema = z.object({\n  app: z.string().optional(),\n  filterTag: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/')({\n  component: RouteComponent,\n  validateSearch: searchSchema,\n  async loader(ctx) {\n    const appMode = getAppMode()\n    if (appMode === 'hopper') {\n      const envHopperLoader = await resourceJumpRouteLoader({\n        params: {\n          envSlug: undefined,\n          appSlug: undefined,\n          subValue: undefined,\n        },\n        context: ctx.context,\n      })\n      return {\n        appMode,\n        envHopperLoader,\n      }\n    } else {\n      const appCatalogLoader = await appCatalogRouteLoader()\n      return {\n        appMode,\n        appCatalogLoader,\n      }\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { appMode, envHopperLoader } = Route.useLoaderData()\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  // Show catalog layout by default in catalog mode\n  if (appMode === 'catalog') {\n    return (\n      <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n        <AppCatalogPage />\n      </AppCatalogLayout>\n    )\n  } else {\n    return (\n      <ResourceJumpLayout\n        loaderData={envHopperLoader}\n        queryClient={queryClient}\n        trpcClient={trpcClient}\n      >\n        <HomePage />\n      </ResourceJumpLayout>\n    )\n  }\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;;;;AAUA,MAAM,eAAeA,OAAS;AAAA,EAC5B,KAAKC,OAAE,EAAS,SAAA;AAAA,EAChB,WAAWA,OAAE,EAAS,SAAA;AACxB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,WAAW,EAAE;AAAA,EAChD,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM,OAAO,KAAK;AAChB,UAAM,UAAU,WAAA;AAcT;AACL,YAAM,mBAAmB,MAAM,sBAAA;AAC/B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,SAAS,oBAAoB,MAAM,cAAA;AAC3C,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAG1C,MAAI,YAAY,WAAW;AACzB,+BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,kBAAe,GAClB;AAAA,EAEJ,OAAO;AACL,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QAEA,8BAAC,UAAA,CAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACF;"}

package/dist/esm/routes/_layout/login.d.ts

@@ -0,0 +1 @@
+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').EhRouterContext, 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>;

package/dist/esm/routes/_layout/login.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute } from "@tanstack/react-router";
+import { LoginModal } from "../../modules/auth/ui/LoginModal.js";
+import { MainLayout } from "../../ui/layout/MainLayout.js";
+import { TopLevelProviders } from "../../ui/layout/TopLevelProviders.js";
+const Route = createFileRoute("/_layout/login")({
+  component: RouteComponent
+});
+function RouteComponent() {
+  const { queryClient, trpcClient } = Route.useRouteContext();
+  return /* @__PURE__ */ jsx(TopLevelProviders, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(MainLayout, { children: /* @__PURE__ */ jsx(LoginModal, {}) }) });
+}
+export {
+  Route
+};
+//# sourceMappingURL=login.js.map

package/dist/esm/routes/_layout/login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.js","sources":["../../../../src/routes/_layout/login.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { LoginModal } from '~/modules/auth/ui/LoginModal'\nimport { MainLayout } from '~/ui/layout/MainLayout'\nimport { TopLevelProviders } from '~/ui/layout/TopLevelProviders'\n\nexport const Route = createFileRoute('/_layout/login')({\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  return (\n    <TopLevelProviders queryClient={queryClient} trpcClient={trpcClient}>\n      <MainLayout>\n        <LoginModal />\n      </MainLayout>\n    </TopLevelProviders>\n  )\n}\n"],"names":[],"mappings":";;;;;AAKO,MAAM,QAAQ,gBAAgB,gBAAgB,EAAE;AAAA,EACrD,WAAW;AACb,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,SACE,oBAAC,qBAAkB,aAA0B,YAC3C,8BAAC,YAAA,EACC,UAAA,oBAAC,YAAA,CAAA,CAAW,EAAA,CACd,EAAA,CACF;AAEJ;"}

package/dist/esm/routes/_layout.d.ts

@@ -1 +1 @@
-export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/react-router').RootRoute<undefined, import('../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown>, "", "", "/_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>;
+export declare const Route: 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').EhRouterContext, 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>;

package/dist/esm/routes/admin/app-for-catalog/$id.d.ts

@@ -0,0 +1,5 @@
+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/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/admin", "/admin", "/admin", "/admin", undefined, import('@tanstack/router-core').ResolveParams<"/admin">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, ({ context }: import('@tanstack/router-core').BeforeLoadContextOptions<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, undefined, import('@tanstack/router-core').ResolveParams<"/admin">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<void>, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/app-for-catalog", "/admin/app-for-catalog", "/admin/app-for-catalog", "/admin/app-for-catalog", undefined, import('@tanstack/router-core').ResolveParams<"/app-for-catalog">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/$id", "/admin/app-for-catalog/$id", "/admin/app-for-catalog/$id", "/admin/app-for-catalog/$id", undefined, import('@tanstack/router-core').ResolveParams<"/$id">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, ({ params, context }: import('@tanstack/router-core').LoaderFnContext<import('@tanstack/react-router').Register, 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').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/admin", "/admin", "/admin", "/admin", undefined, import('@tanstack/router-core').ResolveParams<"/admin">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, ({ context }: import('@tanstack/router-core').BeforeLoadContextOptions<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../../types/types.js').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, undefined, import('@tanstack/router-core').ResolveParams<"/admin">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<void>, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/app-for-catalog", "/admin/app-for-catalog", "/admin/app-for-catalog", "/admin/app-for-catalog", undefined, import('@tanstack/router-core').ResolveParams<"/app-for-catalog">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/admin/app-for-catalog/$id", import('@tanstack/router-core').ResolveParams<"/$id">, {}, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, unknown, undefined>) => Promise<{
+    app: {
+        [x: string]: any;
+    } | null;
+}>, unknown, unknown, unknown, unknown, undefined>;

package/dist/esm/routes/admin/app-for-catalog/_id.js

@@ -0,0 +1,67 @@
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import { object, string, boolean, enum as _enum, array, literal } from "../../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
+const $$splitComponentImporter = () => import("./_id2.js");
+const Route = createFileRoute("/admin/app-for-catalog/$id")({
+  component: lazyRouteComponent($$splitComponentImporter, "component"),
+  async loader({
+    params,
+    context
+  }) {
+    const {
+      id
+    } = params;
+    const {
+      trpcClient
+    } = context;
+    const app = id === "new" ? null : await trpcClient.appCatalogAdmin.getBySlug.query({
+      slug: id
+    });
+    return {
+      app
+    };
+  },
+  staticData: {
+    breadcrumb: {
+      title: "Edit App"
+    }
+  }
+});
+object({
+  slug: string().min(1, "Slug is required").regex(/^[a-z0-9-]+$/, "Slug must contain only lowercase letters, numbers, and hyphens"),
+  displayName: string().min(1, "Display name is required"),
+  description: string().min(1, "Description is required"),
+  accessType: _enum(["none", "self-service", "ticketing", "bot", "email", "documentation", "manual"]).default("none"),
+  // Access method fields
+  accessUrl: string().url("Must be a valid URL").optional().or(literal("")),
+  accessInstructions: string().optional(),
+  iconName: string().optional(),
+  appUrl: string().url("Must be a valid URL").optional().or(literal("")),
+  notes: string().optional(),
+  links: string().default("[]"),
+  // Approval Method fields
+  hasApproval: boolean().default(false),
+  approvalMethodId: string().optional(),
+  accessRequest: object({
+    approvalMethodId: string().optional(),
+    comments: string().optional(),
+    requestPrompt: string().optional(),
+    postApprovalInstructions: string().optional(),
+    roles: array(object({
+      name: string(),
+      description: string().optional()
+    })).optional(),
+    approvers: array(object({
+      displayName: string(),
+      contact: string().optional()
+    })).optional(),
+    urls: array(object({
+      label: string().optional(),
+      url: string()
+    })).optional(),
+    whoToReachOut: string().optional()
+  }).optional()
+});
+export {
+  Route
+};
+//# sourceMappingURL=_id.js.map

package/dist/esm/routes/admin/app-for-catalog/_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_id.js","sources":["../../../../../src/routes/admin/app-for-catalog/$id.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { createFileRoute, useNavigate } from '@tanstack/react-router'\nimport type { Control, FieldValues } from 'react-hook-form'\nimport { useForm } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { IconPickerField } from '~/components/IconPickerField'\nimport type { Screenshot } from '~/modules/appCatalog/ScreenshotManager'\nimport { ScreenshotManager } from '~/modules/appCatalog/ScreenshotManager'\nimport { ApprovalMethodSelector } from '~/modules/approvalMethod/ApprovalMethodSelector'\nimport { AccessRequestFormFields } from '~/modules/approvalMethod/AccessRequestFormFields'\nimport { Button } from '~/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '~/ui/card'\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '~/ui/form'\nimport { Input } from '~/ui/input'\nimport { Textarea } from '~/ui/textarea'\n\nexport const Route = createFileRoute('/admin/app-for-catalog/$id')({\n  component: RouteComponent,\n  async loader({ params, context }) {\n    const { id } = params\n    const { trpcClient } = context\n\n    const app =\n      id === 'new'\n        ? null\n        : await trpcClient.appCatalogAdmin.getBySlug.query({ slug: id })\n\n    return { app }\n  },\n  staticData: {\n    breadcrumb: {\n      title: 'Edit App',\n    },\n  },\n})\n\ntype AccessType =\n  | 'none'\n  | 'bot'\n  | 'ticketing'\n  | 'email'\n  | 'self-service'\n  | 'documentation'\n  | 'manual'\n\ntype ValidAccessType = Exclude<AccessType, 'none'>\n\nconst formSchema = z.object({\n  slug: z\n    .string()\n    .min(1, 'Slug is required')\n    .regex(\n      /^[a-z0-9-]+$/,\n      'Slug must contain only lowercase letters, numbers, and hyphens',\n    ),\n  displayName: z.string().min(1, 'Display name is required'),\n  description: z.string().min(1, 'Description is required'),\n  accessType: z\n    .enum([\n      'none',\n      'self-service',\n      'ticketing',\n      'bot',\n      'email',\n      'documentation',\n      'manual',\n    ])\n    .default('none'),\n  // Access method fields\n  accessUrl: z.string().url('Must be a valid URL').optional().or(z.literal('')),\n  accessInstructions: z.string().optional(),\n  iconName: z.string().optional(),\n  appUrl: z.string().url('Must be a valid URL').optional().or(z.literal('')),\n  notes: z.string().optional(),\n  links: z.string().default('[]'),\n  // Approval Method fields\n  hasApproval: z.boolean().default(false),\n  approvalMethodId: z.string().optional(),\n  accessRequest: z\n    .object({\n      approvalMethodId: z.string().optional(),\n      comments: z.string().optional(),\n      requestPrompt: z.string().optional(),\n      postApprovalInstructions: z.string().optional(),\n      roles: z\n        .array(\n          z.object({ name: z.string(), description: z.string().optional() }),\n        )\n        .optional(),\n      approvers: z\n        .array(\n          z.object({ displayName: z.string(), contact: z.string().optional() }),\n        )\n        .optional(),\n      urls: z\n        .array(z.object({ label: z.string().optional(), url: z.string() }))\n        .optional(),\n      whoToReachOut: z.string().optional(),\n    })\n    .optional(),\n})\n\ntype FormData = z.infer<typeof formSchema>\n\nfunction RouteComponent() {\n  const { id } = Route.useParams()\n  const navigate = useNavigate()\n  const trpc = useTRPC()\n  const queryClient = useQueryClient()\n  const loaderData = Route.useLoaderData()\n  const isNew = id === 'new'\n\n  const app = loaderData.app\n\n  const accessRequest = app?.accessRequest as any\n  const hasApproval = !!accessRequest\n\n  const form = useForm<FormData>({\n    resolver: zodResolver(formSchema as unknown as never),\n    defaultValues: app\n      ? {\n          slug: app.slug || '',\n          displayName: app.displayName || '',\n          description: app.description || '',\n          accessUrl: (app.access as { url?: string } | undefined)?.url || '',\n          accessInstructions:\n            (app.access as { instructions?: string } | undefined)\n              ?.instructions || '',\n          iconName: app.iconName || '',\n          appUrl: app.appUrl || '',\n          notes: app.notes || '',\n          links: JSON.stringify(\n            (app as { links?: unknown }).links || [],\n            null,\n            2,\n          ),\n          hasApproval,\n          approvalMethodId: accessRequest?.approvalMethodId,\n          accessRequest: hasApproval ? accessRequest : undefined,\n        }\n      : {\n          slug: '',\n          displayName: '',\n          description: '',\n          accessUrl: '',\n          accessInstructions: '',\n          iconName: '',\n          appUrl: '',\n          notes: '',\n          links: '[]',\n          hasApproval: false,\n          approvalMethodId: undefined,\n          accessRequest: undefined,\n        },\n  })\n  const formControl = form.control as unknown as Control<FieldValues>\n\n  // Watch form values for reactivity\n  const hasApprovalValue = form.watch('hasApproval')\n  const approvalMethodIdValue = form.watch('approvalMethodId')\n\n  const createMutation = useMutation({\n    ...trpc.appCatalogAdmin.create.mutationOptions(),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: trpc.appCatalogAdmin.list.queryKey(),\n      })\n      navigate({ to: '/admin/app-for-catalog' })\n    },\n  })\n\n  const updateMutation = useMutation({\n    ...trpc.appCatalogAdmin.update.mutationOptions(),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: trpc.appCatalogAdmin.list.queryKey(),\n      })\n      navigate({ to: '/admin/app-for-catalog' })\n    },\n  })\n\n  const updateScreenshotsMutation = useMutation({\n    ...trpc.appCatalogAdmin.update.mutationOptions(),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: trpc.appCatalogAdmin.list.queryKey(),\n      })\n      queryClient.invalidateQueries({\n        queryKey: trpc.appCatalogAdmin.getBySlug.queryKey({ slug: id }),\n      })\n    },\n  })\n\n  const onSubmit = (formData: FormData) => {\n    try {\n      type AppLink = { displayName?: string; url: string }\n      const linksData: unknown = JSON.parse(formData.links)\n      const links: Array<AppLink> | undefined = Array.isArray(linksData)\n        ? linksData.filter(\n            (l): l is AppLink =>\n              typeof l === 'object' &&\n              l !== null &&\n              'url' in l &&\n              typeof (l as { url?: unknown }).url === 'string',\n          )\n        : undefined\n\n      // Only create access object if type is not 'none'\n      const access =\n        formData.accessType !== 'none'\n          ? ({\n              type: formData.accessType,\n              ...(formData.accessUrl && { url: formData.accessUrl }),\n              ...(formData.accessInstructions && {\n                instructions: formData.accessInstructions,\n              }),\n            } as {\n              type: ValidAccessType\n            } & Record<string, unknown>)\n          : undefined\n\n      // Process approval details\n      let accessRequestPayload: any = undefined\n      if (\n        formData.hasApproval &&\n        formData.approvalMethodId &&\n        formData.accessRequest\n      ) {\n        accessRequestPayload = {\n          approvalMethodId: formData.approvalMethodId,\n          comments: formData.accessRequest.comments || undefined,\n          requestPrompt: formData.accessRequest.requestPrompt || undefined,\n          postApprovalInstructions:\n            formData.accessRequest.postApprovalInstructions || undefined,\n          roles: formData.accessRequest.roles?.length\n            ? formData.accessRequest.roles\n            : undefined,\n          approvers: formData.accessRequest.approvers?.length\n            ? formData.accessRequest.approvers\n            : undefined,\n          urls: formData.accessRequest.urls?.length\n            ? formData.accessRequest.urls\n            : undefined,\n          whoToReachOut: formData.accessRequest.whoToReachOut || undefined,\n        }\n      }\n\n      const payload = {\n        slug: formData.slug,\n        displayName: formData.displayName,\n        description: formData.description,\n        access,\n        iconName: formData.iconName || undefined,\n        appUrl: formData.appUrl || undefined,\n        notes: formData.notes || undefined,\n        links: links && links.length > 0 ? links : undefined,\n        accessRequest: accessRequestPayload,\n      }\n\n      if (isNew) {\n        createMutation.mutate(payload)\n      } else {\n        if (!app?.id) {\n          throw new Error('App ID is required for update')\n        }\n        updateMutation.mutate({\n          id: app.id,\n          ...payload,\n        })\n      }\n    } catch (error) {\n      form.setError('links', {\n        type: 'validate',\n        message:\n          error instanceof Error\n            ? error.message\n            : 'Invalid JSON in form fields',\n      })\n    }\n  }\n\n  const isPending = createMutation.isPending || updateMutation.isPending\n\n  return (\n    <div className=\"flex-1 flex flex-col\">\n      <div className=\"border-b px-6 py-4 flex items-center justify-between\">\n        <h2 className=\"text-xl font-semibold\">\n          {isNew ? 'Create New App' : `Edit: ${app?.displayName || ''}`}\n        </h2>\n        <Button\n          variant=\"outline\"\n          onClick={() => navigate({ to: '/admin/app-for-catalog' })}\n        >\n          Back to List\n        </Button>\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">\n        <div className=\"max-w-4xl space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>App Details</CardTitle>\n              <CardDescription>\n                Configure the app catalog entry with all necessary information\n              </CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Form {...form}>\n                <form\n                  onSubmit={form.handleSubmit(onSubmit)}\n                  className=\"space-y-6\"\n                >\n                  <div className=\"grid grid-cols-2 gap-4\">\n                    <FormField\n                      control={formControl}\n                      name=\"slug\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>Slug (URL identifier) *</FormLabel>\n                          <FormControl>\n                            <Input placeholder=\"my-app\" {...field} />\n                          </FormControl>\n                          <FormDescription>\n                            Lowercase letters, numbers, and hyphens only\n                          </FormDescription>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n\n                    <FormField\n                      control={formControl}\n                      name=\"displayName\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>Display Name *</FormLabel>\n                          <FormControl>\n                            <Input placeholder=\"My Application\" {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </div>\n\n                  <FormField\n                    control={formControl}\n                    name=\"description\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>Description *</FormLabel>\n                        <FormControl>\n                          <Textarea\n                            placeholder=\"Enter app description...\"\n                            rows={3}\n                            {...field}\n                          />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <div className=\"grid grid-cols-2 gap-4\">\n                    <FormField\n                      control={formControl}\n                      name=\"iconName\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormControl>\n                            <IconPickerField\n                              value={field.value}\n                              onChange={field.onChange}\n                              placeholder=\"Select an icon...\"\n                            />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </div>\n\n                  <FormField\n                    control={formControl}\n                    name=\"appUrl\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>App URL</FormLabel>\n                        <FormControl>\n                          <Input\n                            type=\"url\"\n                            placeholder=\"https://...\"\n                            {...field}\n                          />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={formControl}\n                    name=\"notes\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>Notes</FormLabel>\n                        <FormControl>\n                          <Textarea\n                            placeholder=\"Any additional notes...\"\n                            rows={2}\n                            {...field}\n                          />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={formControl}\n                    name=\"links\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>Links (JSON)</FormLabel>\n                        <FormControl>\n                          <Textarea\n                            placeholder={`[\\n  { \"displayName\": \"Documentation\", \"url\": \"https://...\" },\\n  { \"url\": \"https://...\" }\\n]`}\n                            rows={5}\n                            className=\"font-mono text-sm\"\n                            {...field}\n                          />\n                        </FormControl>\n                        <FormDescription>\n                          Array of link objects with url and optional\n                          displayName\n                        </FormDescription>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  {/* Approval Configuration */}\n                  <div className=\"pt-6 border-t\">\n                    <div className=\"space-y-4\">\n                      <FormField\n                        control={formControl}\n                        name=\"hasApproval\"\n                        render={({ field }) => (\n                          <FormItem className=\"flex items-center gap-2\">\n                            <FormControl>\n                              <input\n                                type=\"checkbox\"\n                                checked={field.value}\n                                onChange={field.onChange}\n                                className=\"h-4 w-4\"\n                              />\n                            </FormControl>\n                            <FormLabel className=\"!mt-0\">\n                              Configure Approval\n                            </FormLabel>\n                          </FormItem>\n                        )}\n                      />\n\n                      {hasApprovalValue && (\n                        <div className=\"space-y-4 pl-6\">\n                          <FormField\n                            control={formControl}\n                            name=\"approvalMethodId\"\n                            render={({ field }) => (\n                              <FormItem>\n                                <FormLabel>Approval Method *</FormLabel>\n                                <FormControl>\n                                  <ApprovalMethodSelector\n                                    value={field.value}\n                                    onChange={field.onChange}\n                                  />\n                                </FormControl>\n                                <FormMessage />\n                              </FormItem>\n                            )}\n                          />\n\n                          <AccessRequestFormFields\n                            control={formControl}\n                            approvalMethodId={approvalMethodIdValue}\n                          />\n                        </div>\n                      )}\n                    </div>\n                  </div>\n\n                  <div className=\"flex gap-2 pt-4\">\n                    <Button type=\"submit\" disabled={isPending}>\n                      {isPending\n                        ? 'Saving...'\n                        : isNew\n                          ? 'Create App'\n                          : 'Save Changes'}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => navigate({ to: '/admin/app-for-catalog' })}\n                    >\n                      Cancel\n                    </Button>\n                  </div>\n                </form>\n              </Form>\n            </CardContent>\n          </Card>\n\n          {!isNew && (\n            <ScreenshotManager\n              screenshots={(\n                (app as { screenshotIds?: Array<string> }).screenshotIds || []\n              ).map((screenshotId) => ({\n                id: screenshotId,\n                url: `/api/assets/${screenshotId}`,\n              }))}\n              onAddScreenshot={async (file) => {\n                const formData = new FormData()\n                formData.append('asset', file)\n                formData.append('name', `${app?.id ?? 'app'}-${file.name}`)\n                formData.append('assetType', 'screenshot')\n\n                const response = await fetch('/api/assets/upload', {\n                  method: 'POST',\n                  body: formData,\n                })\n\n                if (!response.ok) {\n                  throw new Error('Failed to upload screenshot')\n                }\n\n                const data: { id: string } = await response.json()\n                return { id: data.id, url: `/api/assets/${data.id}` }\n              }}\n              onScreenshotsChange={(screenshots: Array<Screenshot>) => {\n                if (!app?.id) {\n                  throw new Error('App ID is required for screenshot update')\n                }\n                updateScreenshotsMutation.mutate({\n                  id: app.id,\n                  screenshotIds: screenshots.map((s) => s.id),\n                })\n              }}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Route","createFileRoute","component","lazyRouteComponent","$$splitComponentImporter","loader","params","context","id","trpcClient","app","appCatalogAdmin","getBySlug","query","slug","staticData","breadcrumb","title","z","string","min","regex","displayName","description","accessType","default","accessUrl","url","optional","or","accessInstructions","iconName","appUrl","notes","links","hasApproval","boolean","approvalMethodId","accessRequest","comments","requestPrompt","postApprovalInstructions","roles","name","approvers","contact","urls","label","whoToReachOut"],"mappings":";;;AAgCO,MAAMA,QAAQC,gBAAgB,4BAA4B,EAAE;AAAA,EACjEC,WAASC,mBAAAC,0BAAA,WAAA;AAAA,EACT,MAAMC,OAAO;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,GAAW;AAChC,UAAM;AAAA,MAAEC;AAAAA,IAAAA,IAAOF;AACf,UAAM;AAAA,MAAEG;AAAAA,IAAAA,IAAeF;AAEvB,UAAMG,MACJF,OAAO,QACH,OACA,MAAMC,WAAWE,gBAAgBC,UAAUC,MAAM;AAAA,MAAEC,MAAMN;AAAAA,IAAAA,CAAI;AAEnE,WAAO;AAAA,MAAEE;AAAAA,IAAAA;AAAAA,EACX;AAAA,EACAK,YAAY;AAAA,IACVC,YAAY;AAAA,MACVC,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAakBC,OAAS;AAAA,EAC1BJ,MAAMI,OACHC,EACAC,IAAI,GAAG,kBAAkB,EACzBC,MACC,gBACA,gEACF;AAAA,EACFC,aAAaJ,OAAEC,EAASC,IAAI,GAAG,0BAA0B;AAAA,EACzDG,aAAaL,OAAEC,EAASC,IAAI,GAAG,yBAAyB;AAAA,EACxDI,YAAYN,MACJ,CACJ,QACA,gBACA,aACA,OACA,SACA,iBACA,QAAQ,CACT,EACAO,QAAQ,MAAM;AAAA;AAAA,EAEjBC,WAAWR,SAAWS,IAAI,qBAAqB,EAAEC,SAAAA,EAAWC,GAAGX,QAAU,EAAE,CAAC;AAAA,EAC5EY,oBAAoBZ,OAAEC,EAASS,SAAAA;AAAAA,EAC/BG,UAAUb,OAAEC,EAASS,SAAAA;AAAAA,EACrBI,QAAQd,SAAWS,IAAI,qBAAqB,EAAEC,SAAAA,EAAWC,GAAGX,QAAU,EAAE,CAAC;AAAA,EACzEe,OAAOf,OAAEC,EAASS,SAAAA;AAAAA,EAClBM,OAAOhB,OAAEC,EAASM,QAAQ,IAAI;AAAA;AAAA,EAE9BU,aAAajB,QAAEkB,EAAUX,QAAQ,KAAK;AAAA,EACtCY,kBAAkBnB,OAAEC,EAASS,SAAAA;AAAAA,EAC7BU,eAAepB,OACL;AAAA,IACNmB,kBAAkBnB,OAAEC,EAASS,SAAAA;AAAAA,IAC7BW,UAAUrB,OAAEC,EAASS,SAAAA;AAAAA,IACrBY,eAAetB,OAAEC,EAASS,SAAAA;AAAAA,IAC1Ba,0BAA0BvB,OAAEC,EAASS,SAAAA;AAAAA,IACrCc,OAAOxB,MAEHA,OAAS;AAAA,MAAEyB,MAAMzB,OAAEC;AAAAA,MAAUI,aAAaL,OAAEC,EAASS,SAAAA;AAAAA,IAAS,CAAG,CACnE,EACCA,SAAAA;AAAAA,IACHgB,WAAW1B,MAEPA,OAAS;AAAA,MAAEI,aAAaJ,OAAEC;AAAAA,MAAU0B,SAAS3B,OAAEC,EAASS,SAAAA;AAAAA,IAAS,CAAG,CACtE,EACCA,SAAAA;AAAAA,IACHkB,MAAM5B,MACGA,OAAS;AAAA,MAAE6B,OAAO7B,OAAEC,EAASS,SAAAA;AAAAA,MAAYD,KAAKT,OAAEC;AAAAA,IAAO,CAAG,CAAC,EACjES,SAAAA;AAAAA,IACHoB,eAAe9B,OAAEC,EAASS,SAAAA;AAAAA,EAAS,CACpC,EACAA,SAAAA;AACL,CAAC;"}