@igstack/app-catalog-frontend-core 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/routes/_layout/index.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 { AppCatalogPage } from '~/modules/appCatalog/ui/pages/AppCatalogPage'\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() {\n    const appCatalogLoader = await appCatalogRouteLoader()\n    return {\n      appCatalogLoader,\n    }\n  },\n})\n\nfunction RouteComponent() {\n  const { queryClient, trpcClient } = Route.useRouteContext()\n\n  return (\n    <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n      <AppCatalogPage />\n    </AppCatalogLayout>\n  )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAMA,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,SAAS;AACb,UAAM,mBAAmB,MAAM,sBAAA;AAC/B,WAAO;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,6BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,kBAAe,GAClB;AAEJ;"}

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

@@ -0,0 +1 @@
+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/_layout.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+const Route = createFileRoute("/_layout")({
+  component: LayoutComponent
+});
+function LayoutComponent() {
+  return /* @__PURE__ */ jsx(Outlet, {});
+}
+export {
+  Route
+};
+//# sourceMappingURL=_layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_layout.js","sources":["../../../src/routes/_layout.tsx"],"sourcesContent":["import { Outlet, createFileRoute } from '@tanstack/react-router'\n\nexport const Route = createFileRoute('/_layout')({\n  component: LayoutComponent,\n})\n\nfunction LayoutComponent() {\n  return <Outlet />\n}\n"],"names":[],"mappings":";;AAEO,MAAM,QAAQ,gBAAgB,UAAU,EAAE;AAAA,EAC/C,WAAW;AACb,CAAC;AAED,SAAS,kBAAkB;AACzB,6BAAQ,QAAA,EAAO;AACjB;"}

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;"}

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

@@ -0,0 +1,321 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { zodResolver as a } from "../../../node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/zod/dist/zod.js";
+import { useQueryClient, useMutation } from "@tanstack/react-query";
+import { useNavigate } from "@tanstack/react-router";
+import { useForm } from "../../../node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js";
+import { useTRPC } from "../../../api/infra/trpc.js";
+import { IconPickerField } from "../../../components/IconPickerField.js";
+import { ScreenshotManager } from "../../../modules/appCatalog/ScreenshotManager.js";
+import { ApprovalMethodSelector } from "../../../modules/approvalMethod/ApprovalMethodSelector.js";
+import { AccessRequestFormFields } from "../../../modules/approvalMethod/AccessRequestFormFields.js";
+import { Button } from "../../../ui/button.js";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../../ui/card.js";
+import { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from "../../../ui/form.js";
+import { Input } from "../../../ui/input.js";
+import { Textarea } from "../../../ui/textarea.js";
+import { Route } from "./_id.js";
+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 formSchema = 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()
+});
+function RouteComponent() {
+  var _a, _b;
+  const {
+    id
+  } = Route.useParams();
+  const navigate = useNavigate();
+  const trpc = useTRPC();
+  const queryClient = useQueryClient();
+  const loaderData = Route.useLoaderData();
+  const isNew = id === "new";
+  const app = loaderData.app;
+  const accessRequest = app == null ? void 0 : app.accessRequest;
+  const hasApproval = !!accessRequest;
+  const form = useForm({
+    resolver: a(formSchema),
+    defaultValues: app ? {
+      slug: app.slug || "",
+      displayName: app.displayName || "",
+      description: app.description || "",
+      accessUrl: ((_a = app.access) == null ? void 0 : _a.url) || "",
+      accessInstructions: ((_b = app.access) == null ? void 0 : _b.instructions) || "",
+      iconName: app.iconName || "",
+      appUrl: app.appUrl || "",
+      notes: app.notes || "",
+      links: JSON.stringify(app.links || [], null, 2),
+      hasApproval,
+      approvalMethodId: accessRequest == null ? void 0 : accessRequest.approvalMethodId,
+      accessRequest: hasApproval ? accessRequest : void 0
+    } : {
+      slug: "",
+      displayName: "",
+      description: "",
+      accessUrl: "",
+      accessInstructions: "",
+      iconName: "",
+      appUrl: "",
+      notes: "",
+      links: "[]",
+      hasApproval: false,
+      approvalMethodId: void 0,
+      accessRequest: void 0
+    }
+  });
+  const formControl = form.control;
+  const hasApprovalValue = form.watch("hasApproval");
+  const approvalMethodIdValue = form.watch("approvalMethodId");
+  const createMutation = useMutation({
+    ...trpc.appCatalogAdmin.create.mutationOptions(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: trpc.appCatalogAdmin.list.queryKey()
+      });
+      navigate({
+        to: "/admin/app-for-catalog"
+      });
+    }
+  });
+  const updateMutation = useMutation({
+    ...trpc.appCatalogAdmin.update.mutationOptions(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: trpc.appCatalogAdmin.list.queryKey()
+      });
+      navigate({
+        to: "/admin/app-for-catalog"
+      });
+    }
+  });
+  const updateScreenshotsMutation = useMutation({
+    ...trpc.appCatalogAdmin.update.mutationOptions(),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: trpc.appCatalogAdmin.list.queryKey()
+      });
+      queryClient.invalidateQueries({
+        queryKey: trpc.appCatalogAdmin.getBySlug.queryKey({
+          slug: id
+        })
+      });
+    }
+  });
+  const onSubmit = (formData) => {
+    var _a2, _b2, _c;
+    try {
+      const linksData = JSON.parse(formData.links);
+      const links = Array.isArray(linksData) ? linksData.filter((l) => typeof l === "object" && l !== null && "url" in l && typeof l.url === "string") : void 0;
+      const access = formData.accessType !== "none" ? {
+        type: formData.accessType,
+        ...formData.accessUrl && {
+          url: formData.accessUrl
+        },
+        ...formData.accessInstructions && {
+          instructions: formData.accessInstructions
+        }
+      } : void 0;
+      let accessRequestPayload = void 0;
+      if (formData.hasApproval && formData.approvalMethodId && formData.accessRequest) {
+        accessRequestPayload = {
+          approvalMethodId: formData.approvalMethodId,
+          comments: formData.accessRequest.comments || void 0,
+          requestPrompt: formData.accessRequest.requestPrompt || void 0,
+          postApprovalInstructions: formData.accessRequest.postApprovalInstructions || void 0,
+          roles: ((_a2 = formData.accessRequest.roles) == null ? void 0 : _a2.length) ? formData.accessRequest.roles : void 0,
+          approvers: ((_b2 = formData.accessRequest.approvers) == null ? void 0 : _b2.length) ? formData.accessRequest.approvers : void 0,
+          urls: ((_c = formData.accessRequest.urls) == null ? void 0 : _c.length) ? formData.accessRequest.urls : void 0,
+          whoToReachOut: formData.accessRequest.whoToReachOut || void 0
+        };
+      }
+      const payload = {
+        slug: formData.slug,
+        displayName: formData.displayName,
+        description: formData.description,
+        access,
+        iconName: formData.iconName || void 0,
+        appUrl: formData.appUrl || void 0,
+        notes: formData.notes || void 0,
+        links: links && links.length > 0 ? links : void 0,
+        accessRequest: accessRequestPayload
+      };
+      if (isNew) {
+        createMutation.mutate(payload);
+      } else {
+        if (!(app == null ? void 0 : app.id)) {
+          throw new Error("App ID is required for update");
+        }
+        updateMutation.mutate({
+          id: app.id,
+          ...payload
+        });
+      }
+    } catch (error) {
+      form.setError("links", {
+        type: "validate",
+        message: error instanceof Error ? error.message : "Invalid JSON in form fields"
+      });
+    }
+  };
+  const isPending = createMutation.isPending || updateMutation.isPending;
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "border-b px-6 py-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: isNew ? "Create New App" : `Edit: ${(app == null ? void 0 : app.displayName) || ""}` }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => navigate({
+        to: "/admin/app-for-catalog"
+      }), children: "Back to List" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl space-y-6", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: "App Details" }),
+          /* @__PURE__ */ jsx(CardDescription, { children: "Configure the app catalog entry with all necessary information" })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx(FormField, { control: formControl, name: "slug", render: ({
+              field
+            }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Slug (URL identifier) *" }),
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "my-app", ...field }) }),
+              /* @__PURE__ */ jsx(FormDescription, { children: "Lowercase letters, numbers, and hyphens only" }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] }) }),
+            /* @__PURE__ */ jsx(FormField, { control: formControl, name: "displayName", render: ({
+              field
+            }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "Display Name *" }),
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder: "My Application", ...field }) }),
+              /* @__PURE__ */ jsx(FormMessage, {})
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsx(FormField, { control: formControl, name: "description", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Description *" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { placeholder: "Enter app description...", rows: 3, ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(FormField, { control: formControl, name: "iconName", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(IconPickerField, { value: field.value, onChange: field.onChange, placeholder: "Select an icon..." }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }) }),
+          /* @__PURE__ */ jsx(FormField, { control: formControl, name: "appUrl", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "App URL" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "url", placeholder: "https://...", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: formControl, name: "notes", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Notes" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { placeholder: "Any additional notes...", rows: 2, ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: formControl, name: "links", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "Links (JSON)" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { placeholder: `[
+  { "displayName": "Documentation", "url": "https://..." },
+  { "url": "https://..." }
+]`, rows: 5, className: "font-mono text-sm", ...field }) }),
+            /* @__PURE__ */ jsx(FormDescription, { children: "Array of link objects with url and optional displayName" }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "pt-6 border-t", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx(FormField, { control: formControl, name: "hasApproval", render: ({
+              field
+            }) => /* @__PURE__ */ jsxs(FormItem, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked: field.value, onChange: field.onChange, className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsx(FormLabel, { className: "!mt-0", children: "Configure Approval" })
+            ] }) }),
+            hasApprovalValue && /* @__PURE__ */ jsxs("div", { className: "space-y-4 pl-6", children: [
+              /* @__PURE__ */ jsx(FormField, { control: formControl, name: "approvalMethodId", render: ({
+                field
+              }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+                /* @__PURE__ */ jsx(FormLabel, { children: "Approval Method *" }),
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(ApprovalMethodSelector, { value: field.value, onChange: field.onChange }) }),
+                /* @__PURE__ */ jsx(FormMessage, {})
+              ] }) }),
+              /* @__PURE__ */ jsx(AccessRequestFormFields, { control: formControl, approvalMethodId: approvalMethodIdValue })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-4", children: [
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isPending, children: isPending ? "Saving..." : isNew ? "Create App" : "Save Changes" }),
+            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => navigate({
+              to: "/admin/app-for-catalog"
+            }), children: "Cancel" })
+          ] })
+        ] }) }) })
+      ] }),
+      !isNew && /* @__PURE__ */ jsx(ScreenshotManager, { screenshots: (app.screenshotIds || []).map((screenshotId) => ({
+        id: screenshotId,
+        url: `/api/assets/${screenshotId}`
+      })), onAddScreenshot: async (file) => {
+        const formData = new FormData();
+        formData.append("asset", file);
+        formData.append("name", `${(app == null ? void 0 : app.id) ?? "app"}-${file.name}`);
+        formData.append("assetType", "screenshot");
+        const response = await fetch("/api/assets/upload", {
+          method: "POST",
+          body: formData
+        });
+        if (!response.ok) {
+          throw new Error("Failed to upload screenshot");
+        }
+        const data = await response.json();
+        return {
+          id: data.id,
+          url: `/api/assets/${data.id}`
+        };
+      }, onScreenshotsChange: (screenshots) => {
+        if (!(app == null ? void 0 : app.id)) {
+          throw new Error("App ID is required for screenshot update");
+        }
+        updateScreenshotsMutation.mutate({
+          id: app.id,
+          screenshotIds: screenshots.map((s) => s.id)
+        });
+      } })
+    ] }) })
+  ] });
+}
+export {
+  RouteComponent as component
+};
+//# sourceMappingURL=_id2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_id2.js","sources":["../../../../../src/routes/admin/app-for-catalog/$id.tsx?tsr-split=component"],"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":["formSchema","z","slug","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","RouteComponent","id","Route","useParams","navigate","useNavigate","trpc","useTRPC","queryClient","useQueryClient","loaderData","useLoaderData","isNew","app","form","useForm","resolver","zodResolver","defaultValues","access","instructions","JSON","stringify","undefined","formControl","control","hasApprovalValue","watch","approvalMethodIdValue","createMutation","useMutation","appCatalogAdmin","create","mutationOptions","onSuccess","invalidateQueries","queryKey","list","to","updateMutation","update","updateScreenshotsMutation","getBySlug","onSubmit","formData","linksData","parse","Array","isArray","filter","l","type","accessRequestPayload","length","payload","mutate","Error","error","setError","message","isPending","handleSubmit","field","value","onChange","screenshotIds","map","screenshotId","file","FormData","append","response","fetch","method","body","ok","data","json","screenshots","s"],"mappings":"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"}

package/dist/esm/routes/admin/app-for-catalog/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/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/", "/admin/app-for-catalog/", "/admin/app-for-catalog/", 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/index.js

@@ -0,0 +1,9 @@
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+const $$splitComponentImporter = () => import("./index2.js");
+const Route = createFileRoute("/admin/app-for-catalog/")({
+  component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+export {
+  Route
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/routes/admin/app-for-catalog/index.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { AppCatalogAdminPage } from '~/modules/appCatalog/AppCatalogAdminPage'\n\nexport const Route = createFileRoute('/admin/app-for-catalog/')({\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  return (\n    <div className=\"flex-1 flex flex-col\">\n      <div className=\"border-b px-6 py-4\">\n        <h2 className=\"text-xl font-semibold\">App Catalog</h2>\n      </div>\n      <div className=\"flex-1 overflow-auto p-6\">\n        <AppCatalogAdminPage />\n      </div>\n    </div>\n  )\n}\n"],"names":["Route","createFileRoute","component","lazyRouteComponent","$$splitComponentImporter"],"mappings":";;AAGO,MAAMA,QAAQC,gBAAgB,yBAAyB,EAAE;AAAA,EAC9DC,WAASC,mBAAAC,0BAAA,WAAA;AACX,CAAC;"}