@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.4

package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogAdminPage.js","sources":["../../../../src/modules/appCatalog/AppCatalogAdminPage.tsx"],"sourcesContent":["import type { AppForCatalog } from '@env-hopper/backend-core'\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Link } from '@tanstack/react-router'\nimport {\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { Edit, Plus, Trash2 } from 'lucide-react'\nimport { useState } from 'react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { Button } from '~/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '~/ui/card'\nimport { Input } from '~/ui/input'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\n\n// Extended type with DB fields\ntype AppForCatalogRow = AppForCatalog & {\n  slug: string\n  links?: Array<{ displayName?: string; url: string }>\n  screenshotIds?: Array<string>\n  createdAt: string\n  updatedAt: string\n}\n\nconst columnHelper = createColumnHelper<AppForCatalogRow>()\n\nconst columns = [\n  columnHelper.accessor('slug', {\n    header: 'Slug',\n    cell: (info) => <code className=\"text-xs truncate\">{info.getValue()}</code>,\n    size: 100,\n  }),\n  columnHelper.accessor('displayName', {\n    header: 'Name',\n    cell: (info) => (\n      <Link\n        to=\"/admin/app-for-catalog/$id\"\n        params={{ id: info.row.original.id }}\n      >\n        <span className=\"font-medium cursor-pointer hover:underline truncate\">\n          {info.getValue()}\n        </span>\n      </Link>\n    ),\n    size: 120,\n  }),\n  columnHelper.accessor('description', {\n    header: 'Description',\n    cell: (info) => {\n      const desc = info.getValue()\n      return (\n        <span className=\"text-sm text-muted-foreground truncate\" title={desc}>\n          {desc}\n        </span>\n      )\n    },\n    size: 140,\n  }),\n  columnHelper.accessor('access', {\n    header: 'Access',\n    cell: (info) => (\n      <span className=\"text-sm truncate\">{info.getValue()?.type || 'N/A'}</span>\n    ),\n    size: 80,\n  }),\n  columnHelper.accessor('iconName', {\n    header: 'Icon',\n    cell: (info) => {\n      const iconName = info.getValue()\n      return iconName ? (\n        <div className=\"w-8 h-8 flex items-center justify-center shrink-0\">\n          <img\n            src={`/api/assets/by-name/${iconName}`}\n            alt={iconName}\n            className=\"max-w-full max-h-full object-contain\"\n          />\n        </div>\n      ) : (\n        <span className=\"text-sm text-muted-foreground\">-</span>\n      )\n    },\n    size: 50,\n  }),\n  columnHelper.accessor('links', {\n    header: 'Links',\n    cell: (info) => (\n      <span className=\"text-sm truncate\">{info.getValue()?.length || 0}</span>\n    ),\n    size: 50,\n  }),\n  columnHelper.accessor('screenshotIds', {\n    header: 'Screenshots',\n    cell: (info) => (\n      <span className=\"text-sm truncate\">{info.getValue()?.length || 0}</span>\n    ),\n    size: 70,\n  }),\n  columnHelper.accessor('createdAt', {\n    header: 'Created',\n    cell: (info) => new Date(info.getValue()).toLocaleDateString(),\n    size: 100,\n  }),\n  columnHelper.display({\n    id: 'actions',\n    header: 'Actions',\n    cell: (props) => <AppActions app={props.row.original} />,\n    size: 70,\n  }),\n]\n\nfunction AppActions({ app }: { app: AppForCatalogRow }) {\n  const trpc = useTRPC()\n  const queryClient = useQueryClient()\n\n  const deleteMutation = useMutation({\n    ...trpc.appCatalogAdmin.delete.mutationOptions(),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: trpc.appCatalogAdmin.list.queryKey(),\n      })\n    },\n  })\n\n  return (\n    <div className=\"flex gap-2\">\n      <Button variant=\"ghost\" size=\"sm\" asChild>\n        <Link to=\"/admin/app-for-catalog/$id\" params={{ id: app.id }}>\n          <Edit className=\"w-4 h-4\" />\n        </Link>\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={() => {\n          if (\n            confirm(`Are you sure you want to delete \"${app.displayName}\"?`)\n          ) {\n            deleteMutation.mutate({ id: app.id })\n          }\n        }}\n        disabled={deleteMutation.isPending}\n      >\n        <Trash2 className=\"w-4 h-4\" />\n      </Button>\n    </div>\n  )\n}\n\nexport function AppCatalogAdminPage() {\n  const trpc = useTRPC()\n  const [globalFilter, setGlobalFilter] = useState('')\n\n  const { data: apps = [], isLoading } = useQuery({\n    ...trpc.appCatalogAdmin.list.queryOptions(),\n  })\n\n  const table = useReactTable({\n    data: apps as Array<AppForCatalogRow>,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    state: {\n      globalFilter,\n    },\n    onGlobalFilterChange: setGlobalFilter,\n  })\n\n  return (\n    <div className=\"space-y-6\">\n      <Card>\n        <CardHeader>\n          <div className=\"flex justify-between items-center\">\n            <div>\n              <CardTitle>App Catalog Management</CardTitle>\n              <CardDescription>\n                Manage apps in the catalog with full CRUD operations\n              </CardDescription>\n            </div>\n            <Button asChild>\n              <Link to=\"/admin/app-for-catalog/$id\" params={{ id: 'new' }}>\n                <Plus className=\"w-4 h-4 mr-2\" />\n                Add App\n              </Link>\n            </Button>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <Input\n            placeholder=\"Search apps by name, slug, or description...\"\n            value={globalFilter || ''}\n            onChange={(e) => setGlobalFilter(e.target.value)}\n            className=\"max-w-sm\"\n          />\n          {isLoading ? (\n            <div className=\"text-center py-8\">Loading...</div>\n          ) : (\n            <div className=\"rounded-md border\">\n              <Table>\n                <TableHeader>\n                  {table.getHeaderGroups().map((headerGroup) => (\n                    <TableRow key={headerGroup.id}>\n                      {headerGroup.headers.map((header) => (\n                        <TableHead\n                          key={header.id}\n                          style={{\n                            width: `${header.getSize()}px`,\n                            minWidth: `${header.getSize()}px`,\n                            maxWidth: `${header.getSize()}px`,\n                          }}\n                          className=\"overflow-hidden\"\n                        >\n                          {header.isPlaceholder\n                            ? null\n                            : flexRender(\n                                header.column.columnDef.header,\n                                header.getContext(),\n                              )}\n                        </TableHead>\n                      ))}\n                    </TableRow>\n                  ))}\n                </TableHeader>\n                <TableBody>\n                  {table.getRowModel().rows.length ? (\n                    table.getRowModel().rows.map((row) => (\n                      <TableRow key={row.id}>\n                        {row.getVisibleCells().map((cell) => (\n                          <TableCell\n                            key={cell.id}\n                            style={{\n                              width: `${cell.column.getSize()}px`,\n                              minWidth: `${cell.column.getSize()}px`,\n                              maxWidth: `${cell.column.getSize()}px`,\n                            }}\n                            className=\"overflow-hidden\"\n                          >\n                            {flexRender(\n                              cell.column.columnDef.cell,\n                              cell.getContext(),\n                            )}\n                          </TableCell>\n                        ))}\n                      </TableRow>\n                    ))\n                  ) : (\n                    <TableRow>\n                      <TableCell\n                        colSpan={columns.length}\n                        className=\"h-24 text-center\"\n                      >\n                        No apps found.\n                      </TableCell>\n                    </TableRow>\n                  )}\n                </TableBody>\n              </Table>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/appCatalog/AppCatalogEditDialog.d.ts

@@ -0,0 +1,17 @@
+import { AppForCatalog } from '@env-hopper/backend-core';
+type AppForCatalogWithDb = AppForCatalog & {
+    links?: Array<{
+        displayName?: string;
+        url: string;
+    }>;
+    screenshotIds?: Array<string>;
+    createdAt: string;
+    updatedAt: string;
+};
+interface AppCatalogEditDialogProps {
+    app: AppForCatalogWithDb | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function AppCatalogEditDialog({ app, open, onOpenChange, }: AppCatalogEditDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/appCatalog/ScreenshotItem.d.ts

@@ -0,0 +1,7 @@
+import { Screenshot } from './ScreenshotManager.js';
+interface ScreenshotItemProps {
+    screenshot: Screenshot;
+    onDelete: () => void;
+}
+export declare function ScreenshotItem({ screenshot, onDelete }: ScreenshotItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/appCatalog/ScreenshotItem.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useSortable } from "../../node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { CSS } from "../../node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { GripVertical, X } from "lucide-react";
+import { Button } from "../../ui/button.js";
+function ScreenshotItem({ screenshot, onDelete }) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: screenshot.id });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.5 : 1
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "relative group",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-video rounded-md overflow-hidden border border-border bg-muted", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: screenshot.url,
+            alt: "Screenshot",
+            className: "w-full h-full object-cover"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 rounded-md bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "text-white hover:bg-white/20",
+              ...attributes,
+              ...listeners,
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "text-white hover:bg-red-500/20",
+              onClick: onDelete,
+              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ScreenshotItem
+};
+//# sourceMappingURL=ScreenshotItem.js.map

package/dist/esm/modules/appCatalog/ScreenshotItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotItem.js","sources":["../../../../src/modules/appCatalog/ScreenshotItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { GripVertical, X } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport type { Screenshot } from './ScreenshotManager'\n\ninterface ScreenshotItemProps {\n  screenshot: Screenshot\n  onDelete: () => void\n}\n\nexport function ScreenshotItem({ screenshot, onDelete }: ScreenshotItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: screenshot.id })\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className=\"relative group\"\n    >\n      <div className=\"aspect-video rounded-md overflow-hidden border border-border bg-muted\">\n        <img\n          src={screenshot.url}\n          alt=\"Screenshot\"\n          className=\"w-full h-full object-cover\"\n        />\n      </div>\n\n      <div className=\"absolute inset-0 rounded-md bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100\">\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"text-white hover:bg-white/20\"\n          {...attributes}\n          {...listeners}\n        >\n          <GripVertical className=\"w-4 h-4\" />\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"text-white hover:bg-red-500/20\"\n          onClick={onDelete}\n        >\n          <X className=\"w-4 h-4\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,eAAe,EAAE,YAAY,YAAiC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,YAAY,EAAE,IAAI,WAAW,IAAI;AAErC,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA,SAAS,aAAa,MAAM;AAAA,EAAA;AAG9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK,WAAW;AAAA,YAChB,KAAI;AAAA,YACJ,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QAEA,qBAAC,OAAA,EAAI,WAAU,6JACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACT,GAAG;AAAA,cACH,GAAG;AAAA,cAEJ,UAAA,oBAAC,cAAA,EAAa,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEpC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS;AAAA,cAET,UAAA,oBAAC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/modules/appCatalog/ScreenshotManager.d.ts

@@ -0,0 +1,15 @@
+export interface Screenshot {
+    id: string;
+    url: string;
+    order?: number;
+}
+interface ScreenshotManagerProps {
+    screenshots: Array<Screenshot>;
+    onScreenshotsChange: (screenshots: Array<Screenshot>) => void;
+    onAddScreenshot?: (file: File) => Promise<{
+        id: string;
+        url: string;
+    }>;
+}
+export declare function ScreenshotManager({ screenshots, onScreenshotsChange, onAddScreenshot, }: ScreenshotManagerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/appCatalog/ScreenshotManager.js

@@ -0,0 +1,155 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useSensors, useSensor, DndContext, KeyboardSensor, PointerSensor } from "../../node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js";
+import { SortableContext, verticalListSortingStrategy, arrayMove, sortableKeyboardCoordinates } from "../../node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { Upload } from "lucide-react";
+import { useState, useRef, useCallback } from "react";
+import { Button } from "../../ui/button.js";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../ui/card.js";
+import { ScreenshotItem } from "./ScreenshotItem.js";
+function ScreenshotManager({
+  screenshots,
+  onScreenshotsChange,
+  onAddScreenshot
+}) {
+  const [isUploading, setIsUploading] = useState(false);
+  const [isDraggingOver, setIsDraggingOver] = useState(false);
+  const [screenshotList, setScreenshotList] = useState(screenshots);
+  const fileInputRef = useRef(null);
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 }
+    }),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const handleDragEnd = (event) => {
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const oldIndex = screenshotList.findIndex((s) => s.id === active.id);
+      const newIndex = screenshotList.findIndex((s) => s.id === over.id);
+      const newList = arrayMove(screenshotList, oldIndex, newIndex);
+      setScreenshotList(newList);
+      onScreenshotsChange(newList);
+    }
+  };
+  const handleDeleteScreenshot = useCallback(
+    (id) => {
+      const newList = screenshotList.filter((s) => s.id !== id);
+      setScreenshotList(newList);
+      onScreenshotsChange(newList);
+    },
+    [screenshotList, onScreenshotsChange]
+  );
+  const handleFiles = async (file) => {
+    if (!file || !onAddScreenshot) return;
+    setIsUploading(true);
+    try {
+      const newScreenshot = await onAddScreenshot(file);
+      const newList = [...screenshotList, newScreenshot];
+      setScreenshotList(newList);
+      onScreenshotsChange(newList);
+    } catch (error) {
+      console.error("Failed to upload screenshot:", error);
+    } finally {
+      setIsUploading(false);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+    }
+  };
+  const handleFileSelect = (e) => {
+    var _a;
+    void handleFiles(((_a = e.target.files) == null ? void 0 : _a[0]) ?? null);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDraggingOver(false);
+    const file = e.dataTransfer.files[0] ?? null;
+    void handleFiles(file);
+  };
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: "Screenshots" }),
+      /* @__PURE__ */ jsx(CardDescription, { children: "Upload and organize screenshots. Drag to reorder, click X to delete." })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: "image/*",
+          className: "hidden",
+          onChange: handleFileSelect,
+          disabled: isUploading || !onAddScreenshot
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `border border-dashed rounded-md p-4 text-center transition-colors ${isDraggingOver ? "border-primary bg-primary/5" : "border-border bg-muted/30"} ${!onAddScreenshot ? "opacity-60" : ""}`,
+          onDragOver: (e) => {
+            e.preventDefault();
+            if (!onAddScreenshot) return;
+            setIsDraggingOver(true);
+          },
+          onDragLeave: () => setIsDraggingOver(false),
+          onDrop: handleDrop,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Upload, { className: "w-5 h-5" }),
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              "Drag images here or",
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "link",
+                  className: "px-1",
+                  disabled: isUploading || !onAddScreenshot,
+                  onClick: () => {
+                    var _a;
+                    return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                  },
+                  children: "browse"
+                }
+              ),
+              "to upload"
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                disabled: isUploading || !onAddScreenshot,
+                onClick: () => {
+                  var _a;
+                  return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                },
+                variant: "outline",
+                children: isUploading ? "Uploading..." : "Select Image"
+              }
+            )
+          ] })
+        }
+      ),
+      screenshotList.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No screenshots yet. Upload one to get started." }) : /* @__PURE__ */ jsx(DndContext, { sensors, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(
+        SortableContext,
+        {
+          items: screenshotList.map((s) => s.id),
+          strategy: verticalListSortingStrategy,
+          children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: screenshotList.map((screenshot) => /* @__PURE__ */ jsx(
+            ScreenshotItem,
+            {
+              screenshot,
+              onDelete: () => handleDeleteScreenshot(screenshot.id)
+            },
+            screenshot.id
+          )) })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  ScreenshotManager
+};
+//# sourceMappingURL=ScreenshotManager.js.map

package/dist/esm/modules/appCatalog/ScreenshotManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenshotManager.js","sources":["../../../../src/modules/appCatalog/ScreenshotManager.tsx"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\nimport {\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport {\n  SortableContext,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { Upload } from 'lucide-react'\nimport { useCallback, useRef, useState } from 'react'\nimport { Button } from '~/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '~/ui/card'\nimport { ScreenshotItem } from './ScreenshotItem'\n\nexport interface Screenshot {\n  id: string\n  url: string\n  order?: number\n}\n\ninterface ScreenshotManagerProps {\n  screenshots: Array<Screenshot>\n  onScreenshotsChange: (screenshots: Array<Screenshot>) => void\n  onAddScreenshot?: (file: File) => Promise<{ id: string; url: string }>\n}\n\nexport function ScreenshotManager({\n  screenshots,\n  onScreenshotsChange,\n  onAddScreenshot,\n}: ScreenshotManagerProps) {\n  const [isUploading, setIsUploading] = useState(false)\n  const [isDraggingOver, setIsDraggingOver] = useState(false)\n  const [screenshotList, setScreenshotList] =\n    useState<Array<Screenshot>>(screenshots)\n  const fileInputRef = useRef<HTMLInputElement | null>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: 8 },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const oldIndex = screenshotList.findIndex((s) => s.id === active.id)\n      const newIndex = screenshotList.findIndex((s) => s.id === over.id)\n\n      const newList = arrayMove(screenshotList, oldIndex, newIndex)\n      setScreenshotList(newList)\n      onScreenshotsChange(newList)\n    }\n  }\n\n  const handleDeleteScreenshot = useCallback(\n    (id: string) => {\n      const newList = screenshotList.filter((s) => s.id !== id)\n      setScreenshotList(newList)\n      onScreenshotsChange(newList)\n    },\n    [screenshotList, onScreenshotsChange],\n  )\n\n  const handleFiles = async (file: File | null) => {\n    if (!file || !onAddScreenshot) return\n\n    setIsUploading(true)\n    try {\n      const newScreenshot = await onAddScreenshot(file)\n      const newList = [...screenshotList, newScreenshot]\n      setScreenshotList(newList)\n      onScreenshotsChange(newList)\n    } catch (error) {\n      console.error('Failed to upload screenshot:', error)\n    } finally {\n      setIsUploading(false)\n      if (fileInputRef.current) fileInputRef.current.value = ''\n    }\n  }\n\n  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {\n    void handleFiles(e.target.files?.[0] ?? null)\n  }\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDraggingOver(false)\n    const file = e.dataTransfer.files[0] ?? null\n    void handleFiles(file)\n  }\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>Screenshots</CardTitle>\n        <CardDescription>\n          Upload and organize screenshots. Drag to reorder, click X to delete.\n        </CardDescription>\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept=\"image/*\"\n          className=\"hidden\"\n          onChange={handleFileSelect}\n          disabled={isUploading || !onAddScreenshot}\n        />\n\n        <div\n          className={`border border-dashed rounded-md p-4 text-center transition-colors ${\n            isDraggingOver\n              ? 'border-primary bg-primary/5'\n              : 'border-border bg-muted/30'\n          } ${!onAddScreenshot ? 'opacity-60' : ''}`}\n          onDragOver={(e) => {\n            e.preventDefault()\n            if (!onAddScreenshot) return\n            setIsDraggingOver(true)\n          }}\n          onDragLeave={() => setIsDraggingOver(false)}\n          onDrop={handleDrop}\n        >\n          <div className=\"flex flex-col items-center gap-2\">\n            <Upload className=\"w-5 h-5\" />\n            <p className=\"text-sm text-muted-foreground\">\n              Drag images here or\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                className=\"px-1\"\n                disabled={isUploading || !onAddScreenshot}\n                onClick={() => fileInputRef.current?.click()}\n              >\n                browse\n              </Button>\n              to upload\n            </p>\n            <Button\n              type=\"button\"\n              disabled={isUploading || !onAddScreenshot}\n              onClick={() => fileInputRef.current?.click()}\n              variant=\"outline\"\n            >\n              {isUploading ? 'Uploading...' : 'Select Image'}\n            </Button>\n          </div>\n        </div>\n\n        {screenshotList.length === 0 ? (\n          <div className=\"text-center py-8 text-muted-foreground\">\n            No screenshots yet. Upload one to get started.\n          </div>\n        ) : (\n          <DndContext sensors={sensors} onDragEnd={handleDragEnd}>\n            <SortableContext\n              items={screenshotList.map((s) => s.id)}\n              strategy={verticalListSortingStrategy}\n            >\n              <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4\">\n                {screenshotList.map((screenshot) => (\n                  <ScreenshotItem\n                    key={screenshot.id}\n                    screenshot={screenshot}\n                    onDelete={() => handleDeleteScreenshot(screenshot.id)}\n                  />\n                ))}\n              </div>\n            </SortableContext>\n          </DndContext>\n        )}\n      </CardContent>\n    </Card>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAsCO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,gBAAgB,iBAAiB,IACtC,SAA4B,WAAW;AACzC,QAAM,eAAe,OAAgC,IAAI;AAEzD,QAAM,UAAU;AAAA,IACd,UAAU,eAAe;AAAA,MACvB,sBAAsB,EAAE,UAAU,EAAA;AAAA,IAAE,CACrC;AAAA,IACD,UAAU,gBAAgB;AAAA,MACxB,kBAAkB;AAAA,IAAA,CACnB;AAAA,EAAA;AAGH,QAAM,gBAAgB,CAAC,UAAwB;AAC7C,UAAM,EAAE,QAAQ,KAAA,IAAS;AAEzB,QAAI,QAAQ,OAAO,OAAO,KAAK,IAAI;AACjC,YAAM,WAAW,eAAe,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE;AACnE,YAAM,WAAW,eAAe,UAAU,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE;AAEjE,YAAM,UAAU,UAAU,gBAAgB,UAAU,QAAQ;AAC5D,wBAAkB,OAAO;AACzB,0BAAoB,OAAO;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,yBAAyB;AAAA,IAC7B,CAAC,OAAe;AACd,YAAM,UAAU,eAAe,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACxD,wBAAkB,OAAO;AACzB,0BAAoB,OAAO;AAAA,IAC7B;AAAA,IACA,CAAC,gBAAgB,mBAAmB;AAAA,EAAA;AAGtC,QAAM,cAAc,OAAO,SAAsB;AAC/C,QAAI,CAAC,QAAQ,CAAC,gBAAiB;AAE/B,mBAAe,IAAI;AACnB,QAAI;AACF,YAAM,gBAAgB,MAAM,gBAAgB,IAAI;AAChD,YAAM,UAAU,CAAC,GAAG,gBAAgB,aAAa;AACjD,wBAAkB,OAAO;AACzB,0BAAoB,OAAO;AAAA,IAC7B,SAAS,OAAO;AACd,cAAQ,MAAM,gCAAgC,KAAK;AAAA,IACrD,UAAA;AACE,qBAAe,KAAK;AACpB,UAAI,aAAa,QAAS,cAAa,QAAQ,QAAQ;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,MAA2C;;AACnE,SAAK,cAAY,OAAE,OAAO,UAAT,mBAAiB,OAAM,IAAI;AAAA,EAC9C;AAEA,QAAM,aAAa,CAAC,MAAuC;AACzD,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,sBAAkB,KAAK;AACvB,UAAM,OAAO,EAAE,aAAa,MAAM,CAAC,KAAK;AACxC,SAAK,YAAY,IAAI;AAAA,EACvB;AAEA,8BACG,MAAA,EACC,UAAA;AAAA,IAAA,qBAAC,YAAA,EACC,UAAA;AAAA,MAAA,oBAAC,aAAU,UAAA,cAAA,CAAW;AAAA,MACtB,oBAAC,mBAAgB,UAAA,uEAAA,CAEjB;AAAA,IAAA,GACF;AAAA,IACA,qBAAC,aAAA,EAAY,WAAU,aACrB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,QAAO;AAAA,UACP,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU,eAAe,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAG5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,qEACT,iBACI,gCACA,2BACN,IAAI,CAAC,kBAAkB,eAAe,EAAE;AAAA,UACxC,YAAY,CAAC,MAAM;AACjB,cAAE,eAAA;AACF,gBAAI,CAAC,gBAAiB;AACtB,8BAAkB,IAAI;AAAA,UACxB;AAAA,UACA,aAAa,MAAM,kBAAkB,KAAK;AAAA,UAC1C,QAAQ;AAAA,UAER,UAAA,qBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAO,WAAU,UAAA,CAAU;AAAA,YAC5B,qBAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA;AAAA,cAAA;AAAA,cAE3C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,UAAU,eAAe,CAAC;AAAA,kBAC1B,SAAS,MAAA;;AAAM,8CAAa,YAAb,mBAAsB;AAAA;AAAA,kBACtC,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEQ;AAAA,YAAA,GAEX;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,eAAe,CAAC;AAAA,gBAC1B,SAAS,MAAA;;AAAM,4CAAa,YAAb,mBAAsB;AAAA;AAAA,gBACrC,SAAQ;AAAA,gBAEP,wBAAc,iBAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UAClC,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,eAAe,WAAW,IACzB,oBAAC,OAAA,EAAI,WAAU,0CAAyC,UAAA,iDAAA,CAExD,IAEA,oBAAC,YAAA,EAAW,SAAkB,WAAW,eACvC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,eAAe,IAAI,CAAC,MAAM,EAAE,EAAE;AAAA,UACrC,UAAU;AAAA,UAEV,8BAAC,OAAA,EAAI,WAAU,wDACZ,UAAA,eAAe,IAAI,CAAC,eACnB;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC;AAAA,cACA,UAAU,MAAM,uBAAuB,WAAW,EAAE;AAAA,YAAA;AAAA,YAF/C,WAAW;AAAA,UAAA,CAInB,EAAA,CACH;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/appCatalog/api/ApiQueryMagazineAppCatalog.d.ts

@@ -0,0 +1,11 @@
+import { AppCatalogData } from '@env-hopper/backend-core';
+export declare class ApiQueryMagazineAppCatalog {
+    static getAppCatalog(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<AppCatalogData | undefined, Error, AppCatalogData | undefined, readonly unknown[]>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<AppCatalogData | undefined, readonly unknown[], never> | undefined;
+    } & {
+        queryKey: readonly unknown[] & {
+            [dataTagSymbol]: AppCatalogData | undefined;
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+}

package/dist/esm/modules/appCatalog/api/ApiQueryMagazineAppCatalog.js

@@ -0,0 +1,14 @@
+import { queryOptions } from "@tanstack/react-query";
+import { appCatalogFetcher } from "../../../api/unsorted/appCatalogFetcher.js";
+class ApiQueryMagazineAppCatalog {
+  static getAppCatalog() {
+    return queryOptions({
+      queryKey: ["appCatalog"],
+      queryFn: appCatalogFetcher()
+    });
+  }
+}
+export {
+  ApiQueryMagazineAppCatalog
+};
+//# sourceMappingURL=ApiQueryMagazineAppCatalog.js.map

package/dist/esm/modules/appCatalog/api/ApiQueryMagazineAppCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiQueryMagazineAppCatalog.js","sources":["../../../../../src/modules/appCatalog/api/ApiQueryMagazineAppCatalog.ts"],"sourcesContent":["import type { AppCatalogData } from '@env-hopper/backend-core'\nimport { queryOptions } from '@tanstack/react-query'\nimport { appCatalogFetcher } from '~/api/unsorted/appCatalogFetcher'\n\nexport class ApiQueryMagazineAppCatalog {\n  static getAppCatalog() {\n    return queryOptions<AppCatalogData | undefined, Error>({\n      queryKey: ['appCatalog'],\n      queryFn: appCatalogFetcher(),\n    })\n  }\n}\n"],"names":[],"mappings":";;AAIO,MAAM,2BAA2B;AAAA,EACtC,OAAO,gBAAgB;AACrB,WAAO,aAAgD;AAAA,MACrD,UAAU,CAAC,YAAY;AAAA,MACvB,SAAS,kBAAA;AAAA,IAAkB,CAC5B;AAAA,EACH;AACF;"}

package/dist/esm/modules/appCatalog/catalogRouteLoader.d.ts

@@ -0,0 +1,5 @@
+import { EhRouterContext } from '~/types/types';
+export interface CatalogRouteLoaderCtx {
+    context: EhRouterContext;
+}
+export declare function catalogRouteLoader({ context, }: CatalogRouteLoaderCtx): Promise<void>;

package/dist/esm/modules/appCatalog/catalogRouteLoader.js

@@ -0,0 +1,20 @@
+import { appCatalogFetcher } from "../../api/unsorted/appCatalogFetcher.js";
+async function catalogRouteLoader({
+  context
+}) {
+  const queryFn = appCatalogFetcher({
+    db: context.db,
+    trpcClient: context.trpcClient
+  });
+  const ctx = {
+    queryKey: ["appCatalog"],
+    meta: { db: context.db, trpcClient: context.trpcClient },
+    client: context.queryClient,
+    signal: new AbortController().signal
+  };
+  await queryFn(ctx);
+}
+export {
+  catalogRouteLoader
+};
+//# sourceMappingURL=catalogRouteLoader.js.map

package/dist/esm/modules/appCatalog/catalogRouteLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalogRouteLoader.js","sources":["../../../../src/modules/appCatalog/catalogRouteLoader.ts"],"sourcesContent":["import type { QueryFunctionContext } from '@tanstack/react-query'\nimport type { EhRouterContext } from '~/types/types'\nimport { appCatalogFetcher } from '~/api/unsorted/appCatalogFetcher'\n\nexport interface CatalogRouteLoaderCtx {\n  context: EhRouterContext\n}\n\nexport async function catalogRouteLoader({\n  context,\n}: CatalogRouteLoaderCtx): Promise<void> {\n  // Try to load cached data from IndexedDB to pre-populate React Query cache\n  const queryFn = appCatalogFetcher({\n    db: context.db,\n    trpcClient: context.trpcClient,\n  })\n\n  // Create a minimal context object for the query function\n  const ctx: QueryFunctionContext = {\n    queryKey: ['appCatalog'],\n    meta: { db: context.db, trpcClient: context.trpcClient },\n    client: context.queryClient,\n    signal: new AbortController().signal,\n  }\n\n  // Call the query function to pre-populate cache\n  await queryFn(ctx)\n}\n"],"names":[],"mappings":";AAQA,eAAsB,mBAAmB;AAAA,EACvC;AACF,GAAyC;AAEvC,QAAM,UAAU,kBAAkB;AAAA,IAChC,IAAI,QAAQ;AAAA,IACZ,YAAY,QAAQ;AAAA,EAAA,CACrB;AAGD,QAAM,MAA4B;AAAA,IAChC,UAAU,CAAC,YAAY;AAAA,IACvB,MAAM,EAAE,IAAI,QAAQ,IAAI,YAAY,QAAQ,WAAA;AAAA,IAC5C,QAAQ,QAAQ;AAAA,IAChB,QAAQ,IAAI,kBAAkB;AAAA,EAAA;AAIhC,QAAM,QAAQ,GAAG;AACnB;"}

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

@@ -0,0 +1,14 @@
+import { AppCategory, AppForCatalog } from '@env-hopper/backend-core';
+import { ReactNode } from 'react';
+export interface AppCatalogContextIface {
+    apps: Array<AppForCatalog>;
+    isLoadingApps: boolean;
+    categories: Array<AppCategory>;
+}
+export declare const AppCatalogContext: import('react').Context<AppCatalogContextIface | undefined>;
+interface AppCatalogProviderProps {
+    children: ReactNode;
+}
+export declare function AppCatalogProvider({ children }: AppCatalogProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAppCatalogContext(): AppCatalogContextIface;
+export {};

package/dist/esm/modules/appCatalog/context/AppCatalogContext.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, createContext, use } from "react";
+import { ApiQueryMagazineAppCatalog } from "../api/ApiQueryMagazineAppCatalog.js";
+const AppCatalogContext = createContext(void 0);
+function AppCatalogProvider({ children }) {
+  const { data, isLoading: isLoadingApps } = useQuery(
+    ApiQueryMagazineAppCatalog.getAppCatalog()
+  );
+  const contextValue = useMemo(
+    () => ({
+      apps: (data == null ? void 0 : data.apps) ?? [],
+      isLoadingApps,
+      categories: (data == null ? void 0 : data.categories) ?? []
+    }),
+    [data == null ? void 0 : data.apps, data == null ? void 0 : data.categories, isLoadingApps]
+  );
+  return /* @__PURE__ */ jsx(AppCatalogContext, { value: contextValue, children });
+}
+function useAppCatalogContext() {
+  const context = use(AppCatalogContext);
+  if (!context) {
+    throw new Error(
+      "useAppCatalogContext must be used within AppCatalogProvider"
+    );
+  }
+  return context;
+}
+export {
+  AppCatalogContext,
+  AppCatalogProvider,
+  useAppCatalogContext
+};
+//# sourceMappingURL=AppCatalogContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogContext.js","sources":["../../../../../src/modules/appCatalog/context/AppCatalogContext.tsx"],"sourcesContent":["import type { AppCategory, AppForCatalog } from '@env-hopper/backend-core'\nimport { useQuery } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { createContext, use, useMemo } from 'react'\nimport { ApiQueryMagazineAppCatalog } from '../api/ApiQueryMagazineAppCatalog'\n\nexport interface AppCatalogContextIface {\n  apps: Array<AppForCatalog>\n  isLoadingApps: boolean\n  categories: Array<AppCategory>\n}\n\nexport const AppCatalogContext = createContext<\n  AppCatalogContextIface | undefined\n>(undefined)\n\ninterface AppCatalogProviderProps {\n  children: ReactNode\n}\n\nexport function AppCatalogProvider({ children }: AppCatalogProviderProps) {\n  const { data, isLoading: isLoadingApps } = useQuery(\n    ApiQueryMagazineAppCatalog.getAppCatalog(),\n  )\n\n  const contextValue = useMemo<AppCatalogContextIface>(\n    () => ({\n      apps: data?.apps ?? [],\n      isLoadingApps,\n      categories: data?.categories ?? [],\n    }),\n    [data?.apps, data?.categories, isLoadingApps],\n  )\n\n  return <AppCatalogContext value={contextValue}>{children}</AppCatalogContext>\n}\n\nexport function useAppCatalogContext(): AppCatalogContextIface {\n  const context = use(AppCatalogContext)\n  if (!context) {\n    throw new Error(\n      'useAppCatalogContext must be used within AppCatalogProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,oBAAoB,cAE/B,MAAS;AAMJ,SAAS,mBAAmB,EAAE,YAAqC;AACxE,QAAM,EAAE,MAAM,WAAW,cAAA,IAAkB;AAAA,IACzC,2BAA2B,cAAA;AAAA,EAAc;AAG3C,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,OAAM,6BAAM,SAAQ,CAAA;AAAA,MACpB;AAAA,MACA,aAAY,6BAAM,eAAc,CAAA;AAAA,IAAC;AAAA,IAEnC,CAAC,6BAAM,MAAM,6BAAM,YAAY,aAAa;AAAA,EAAA;AAG9C,SAAO,oBAAC,mBAAA,EAAkB,OAAO,cAAe,SAAA,CAAS;AAC3D;AAEO,SAAS,uBAA+C;AAC7D,QAAM,UAAU,IAAI,iBAAiB;AACrC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/esm/modules/appCatalog/index.d.ts

@@ -0,0 +1,10 @@
+export { ApiQueryMagazineAppCatalog } from './api/ApiQueryMagazineAppCatalog.js';
+export { AppCatalogProvider, useAppCatalogContext, } from './context/AppCatalogContext.js';
+export type { AppCatalogContextIface } from './context/AppCatalogContext.js';
+export { AppCatalogFiltersCard } from './ui/grid/AppCatalogFiltersCard.js';
+export type { AppCatalogDisplayMode, AppCatalogScopeFilter, } from './ui/grid/AppCatalogFiltersCard.js';
+export { AppCatalogGrid } from './ui/grid/AppCatalogGrid.js';
+export { AppCatalogTable } from './ui/grid/AppCatalogTable.js';
+export { AppCatalogLayout } from './ui/layout/AppCatalogLayout.js';
+export type { AppCatalogLayoutProps } from './ui/layout/AppCatalogLayout.js';
+export { AppCatalogPage } from './ui/pages/AppCatalogPage.js';

package/dist/esm/modules/appCatalog/routeLoader.d.ts

@@ -0,0 +1,3 @@
+export interface AppCatalogLoaderReturn {
+}
+export declare function appCatalogRouteLoader(): Promise<AppCatalogLoaderReturn>;

package/dist/esm/modules/appCatalog/routeLoader.js

@@ -0,0 +1,7 @@
+async function appCatalogRouteLoader() {
+  return {};
+}
+export {
+  appCatalogRouteLoader
+};
+//# sourceMappingURL=routeLoader.js.map

package/dist/esm/modules/appCatalog/routeLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routeLoader.js","sources":["../../../../src/modules/appCatalog/routeLoader.ts"],"sourcesContent":["export interface AppCatalogLoaderReturn {\n  // App catalog doesn't need pre-loading, just return empty object\n}\n\nexport async function appCatalogRouteLoader(): Promise<AppCatalogLoaderReturn> {\n  // Catalog mode doesn't require pre-loading data like hopper mode\n  // The AppCatalogLayout handles fetching and caching\n  return {}\n}\n"],"names":[],"mappings":"AAIA,eAAsB,wBAAyD;AAG7E,SAAO,CAAA;AACT;"}

package/dist/esm/modules/appCatalog/ui/components/AppDetailModal.d.ts

@@ -0,0 +1,7 @@
+import { AppForCatalog } from '@env-hopper/backend-core';
+export interface AppDetailModalProps {
+    app: AppForCatalog;
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function AppDetailModal({ app, isOpen, onClose }: AppDetailModalProps): import("react/jsx-runtime").JSX.Element | null;