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

package/dist/esm/components/IconPickerField.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Image, X } from "lucide-react";
+import { useState } from "react";
+import { Button } from "../ui/button.js";
+import { Label } from "../ui/label.js";
+import { IconPickerDialog } from "./IconPickerDialog.js";
+function IconPickerField({
+  label = "Icon",
+  value,
+  onChange,
+  placeholder = "No icon selected",
+  required = false
+}) {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const handleClear = () => {
+    onChange(void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    label && /* @__PURE__ */ jsxs(Label, { children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => setDialogOpen(true),
+          className: "flex-1 justify-start",
+          children: value ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: `/api/icons/${value}`,
+                alt: value,
+                className: "max-w-full max-h-full object-contain",
+                onError: (e) => {
+                  e.currentTarget.style.display = "none";
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: value })
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Image, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: placeholder })
+          ] })
+        }
+      ),
+      value && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          onClick: handleClear,
+          title: "Clear icon",
+          children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconPickerDialog,
+      {
+        open: dialogOpen,
+        onOpenChange: setDialogOpen,
+        onSelect: onChange,
+        selectedIconName: value
+      }
+    )
+  ] });
+}
+export {
+  IconPickerField
+};
+//# sourceMappingURL=IconPickerField.js.map

package/dist/esm/components/IconPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerField.js","sources":["../../../src/components/IconPickerField.tsx"],"sourcesContent":["import { Image, X } from 'lucide-react'\nimport { useState } from 'react'\nimport { Button } from '~/ui/button'\nimport { Label } from '~/ui/label'\nimport { IconPickerDialog } from './IconPickerDialog'\n\ninterface IconPickerFieldProps {\n  label?: string\n  value?: string\n  onChange: (iconName: string | undefined) => void\n  placeholder?: string\n  required?: boolean\n}\n\nexport function IconPickerField({\n  label = 'Icon',\n  value,\n  onChange,\n  placeholder = 'No icon selected',\n  required = false,\n}: IconPickerFieldProps) {\n  const [dialogOpen, setDialogOpen] = useState(false)\n\n  const handleClear = () => {\n    onChange(undefined)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {label && (\n        <Label>\n          {label}\n          {required && <span className=\"text-destructive ml-1\">*</span>}\n        </Label>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={() => setDialogOpen(true)}\n          className=\"flex-1 justify-start\"\n        >\n          {value ? (\n            <div className=\"flex items-center gap-2\">\n              <div className=\"w-6 h-6 flex items-center justify-center\">\n                <img\n                  src={`/api/icons/${value}`}\n                  alt={value}\n                  className=\"max-w-full max-h-full object-contain\"\n                  onError={(e) => {\n                    // Fallback if icon not found\n                    e.currentTarget.style.display = 'none'\n                  }}\n                />\n              </div>\n              <span className=\"truncate\">{value}</span>\n            </div>\n          ) : (\n            <div className=\"flex items-center gap-2 text-muted-foreground\">\n              <Image className=\"h-4 w-4\" />\n              <span>{placeholder}</span>\n            </div>\n          )}\n        </Button>\n\n        {value && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={handleClear}\n            title=\"Clear icon\"\n          >\n            <X className=\"h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n\n      <IconPickerDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        onSelect={onChange}\n        selectedIconName={value}\n      />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,gBAAgB;AAAA,EAC9B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AACb,GAAyB;AACvB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,cAAc,MAAM;AACxB,aAAS,MAAS;AAAA,EACpB;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,IAAA,8BACE,OAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,YAAY,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxD;AAAA,IAGF,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAAS,MAAM,cAAc,IAAI;AAAA,UACjC,WAAU;AAAA,UAET,UAAA,QACC,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK,cAAc,KAAK;AAAA,gBACxB,KAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS,CAAC,MAAM;AAEd,oBAAE,cAAc,MAAM,UAAU;AAAA,gBAClC;AAAA,cAAA;AAAA,YAAA,GAEJ;AAAA,YACA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,MAAA,CAAM;AAAA,UAAA,EAAA,CACpC,IAEA,qBAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAM,WAAU,UAAA,CAAU;AAAA,YAC3B,oBAAC,UAAM,UAAA,YAAA,CAAY;AAAA,UAAA,EAAA,CACrB;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH,SACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,OAAM;AAAA,UAEN,UAAA,oBAAC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,GAEJ;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,UAAU;AAAA,QACV,kBAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB,GACF;AAEJ;"}

package/dist/esm/components/ThemeSwitcher.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Sun, Moon } from "lucide-react";
 import { useTheme } from "next-themes";
-import { Button } from "./ui/button.js";
+import { Button } from "../ui/button.js";
 function ThemeSwitcher() {
   const { setTheme, theme } = useTheme();
   return /* @__PURE__ */ jsxs(

package/dist/esm/components/ThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcher.js","sources":["../../../src/components/ThemeSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport { Moon, Sun } from 'lucide-react'\nimport { useTheme } from 'next-themes'\n\nimport { Button } from '~/components/ui/button'\n\nexport function ThemeSwitcher() {\n  const { setTheme, theme } = useTheme()\n\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => (theme === 'dark' ? setTheme('light') : setTheme('dark'))}\n    >\n      <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n      <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;AAOO;AACL;AAEA;AACE;AAAC;AAAA;AACS;AACH;AACiE;AAEtE;AAAsG;AACS;AACzE;AAAA;AAAA;AAG5C;;;;"}
+{"version":3,"file":"ThemeSwitcher.js","sources":["../../../src/components/ThemeSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport { Moon, Sun } from 'lucide-react'\nimport { useTheme } from 'next-themes'\n\nimport { Button } from '~/ui/button'\n\nexport function ThemeSwitcher() {\n  const { setTheme, theme } = useTheme()\n\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => (theme === 'dark' ? setTheme('light') : setTheme('dark'))}\n    >\n      <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n      <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;AAOO;AACL;AAEA;AACE;AAAC;AAAA;AACS;AACH;AACiE;AAEtE;AAAsG;AACS;AACzE;AAAA;AAAA;AAG5C;;;;"}

package/dist/esm/lib/getAppMode.d.ts

@@ -0,0 +1,2 @@
+import { EhMode } from '@env-hopper/shared-core';
+export declare function getAppMode(): EhMode;

package/dist/esm/modules/admin-base/components/AdminChat.d.ts

@@ -0,0 +1 @@
+export declare function AdminChat(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/admin-base/components/AdminChat.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useChat } from "@ai-sdk/react";
+import { DefaultChatTransport } from "ai";
+import { Send } from "lucide-react";
+import { useRef, useState, useMemo, useEffect } from "react";
+import { Button } from "../../../ui/button.js";
+import { Input } from "../../../ui/input.js";
+import { useAdminConfig } from "../context/AdminConfigContext.js";
+import { AdminWelcome } from "./AdminWelcome.js";
+function AdminChat() {
+  const config = useAdminConfig();
+  const messagesEndRef = useRef(null);
+  const [input, setInput] = useState("");
+  const transport = useMemo(
+    () => new DefaultChatTransport({ api: config.chatApiUrl }),
+    [config.chatApiUrl]
+  );
+  const { messages, sendMessage, status, error } = useChat({
+    transport
+  });
+  const isLoading = status === "streaming" || status === "submitted";
+  useEffect(() => {
+    var _a;
+    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!input.trim() || isLoading) {
+      return;
+    }
+    sendMessage({ text: input });
+    setInput("");
+  };
+  const getMessageContent = (message) => {
+    return message.parts.filter((part) => part.type === "text").map((part) => part.text).join("");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: messages.length === 0 ? /* @__PURE__ */ jsx(AdminWelcome, {}) : /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto space-y-4 py-4", children: [
+      messages.map((message) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `max-w-[80%] rounded-lg px-4 py-2 ${message.role === "user" ? "bg-primary text-primary-foreground" : "bg-muted text-foreground"}`,
+              children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap font-sans text-sm", children: getMessageContent(message) })
+            }
+          )
+        },
+        message.id
+      )),
+      isLoading && /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-lg px-4 py-2", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Thinking..." }) }) }),
+      /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+    ] }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "px-4 py-2 bg-destructive/10 border-t border-destructive/20", children: /* @__PURE__ */ jsxs("p", { className: "text-destructive text-sm", children: [
+      "Error: ",
+      error.message
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          placeholder: "Type your message...",
+          disabled: isLoading,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: isLoading || !input.trim(), children: [
+        /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Send" })
+      ] })
+    ] }) }) })
+  ] });
+}
+export {
+  AdminChat
+};
+//# sourceMappingURL=AdminChat.js.map

package/dist/esm/modules/admin-base/components/AdminChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminChat.js","sources":["../../../../../src/modules/admin-base/components/AdminChat.tsx"],"sourcesContent":["import { useChat } from '@ai-sdk/react'\nimport { DefaultChatTransport } from 'ai'\nimport { Send } from 'lucide-react'\nimport type { FormEvent } from 'react'\nimport { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { Button } from '~/ui/button'\nimport { Input } from '~/ui/input'\n\nimport { useAdminConfig } from '../context/AdminConfigContext'\nimport { AdminWelcome } from './AdminWelcome'\n\nexport function AdminChat() {\n  const config = useAdminConfig()\n  const messagesEndRef = useRef<HTMLDivElement>(null)\n  const [input, setInput] = useState('')\n\n  // Use DefaultChatTransport which handles UI message stream format (tool calls, etc.)\n  const transport = useMemo(\n    () => new DefaultChatTransport({ api: config.chatApiUrl }),\n    [config.chatApiUrl],\n  )\n\n  const { messages, sendMessage, status, error } = useChat({\n    transport,\n  })\n\n  const isLoading = status === 'streaming' || status === 'submitted'\n\n  // Auto-scroll to bottom when new messages arrive\n  useEffect(() => {\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })\n  }, [messages])\n\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault()\n    if (!input.trim() || isLoading) {\n      return\n    }\n    sendMessage({ text: input })\n    setInput('')\n  }\n\n  // Extract text content from message parts\n  const getMessageContent = (message: (typeof messages)[0]): string => {\n    return message.parts\n      .filter((part) => part.type === 'text')\n      .map((part) => part.text)\n      .join('')\n  }\n\n  return (\n    <div className=\"flex flex-col flex-1\">\n      {/* Messages area */}\n      <div className=\"flex-1 overflow-y-auto\">\n        {messages.length === 0 ? (\n          <AdminWelcome />\n        ) : (\n          <div className=\"max-w-3xl mx-auto space-y-4 py-4\">\n            {messages.map((message) => (\n              <div\n                key={message.id}\n                className={`flex ${\n                  message.role === 'user' ? 'justify-end' : 'justify-start'\n                }`}\n              >\n                <div\n                  className={`max-w-[80%] rounded-lg px-4 py-2 ${\n                    message.role === 'user'\n                      ? 'bg-primary text-primary-foreground'\n                      : 'bg-muted text-foreground'\n                  }`}\n                >\n                  <pre className=\"whitespace-pre-wrap font-sans text-sm\">\n                    {getMessageContent(message)}\n                  </pre>\n                </div>\n              </div>\n            ))}\n            {isLoading && (\n              <div className=\"flex justify-start\">\n                <div className=\"bg-muted rounded-lg px-4 py-2\">\n                  <span className=\"text-muted-foreground text-sm\">\n                    Thinking...\n                  </span>\n                </div>\n              </div>\n            )}\n            <div ref={messagesEndRef} />\n          </div>\n        )}\n      </div>\n\n      {/* Error display */}\n      {error && (\n        <div className=\"px-4 py-2 bg-destructive/10 border-t border-destructive/20\">\n          <p className=\"text-destructive text-sm\">Error: {error.message}</p>\n        </div>\n      )}\n\n      {/* Input area */}\n      <div className=\"border-t border-border p-4\">\n        <form onSubmit={handleSubmit} className=\"max-w-3xl mx-auto\">\n          <div className=\"flex gap-2\">\n            <Input\n              type=\"text\"\n              value={input}\n              onChange={(e) => setInput(e.target.value)}\n              placeholder=\"Type your message...\"\n              disabled={isLoading}\n              className=\"flex-1\"\n            />\n            <Button type=\"submit\" disabled={isLoading || !input.trim()}>\n              <Send className=\"h-4 w-4\" />\n              <span className=\"sr-only\">Send</span>\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAYO,SAAS,YAAY;AAC1B,QAAM,SAAS,eAAA;AACf,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAGrC,QAAM,YAAY;AAAA,IAChB,MAAM,IAAI,qBAAqB,EAAE,KAAK,OAAO,YAAY;AAAA,IACzD,CAAC,OAAO,UAAU;AAAA,EAAA;AAGpB,QAAM,EAAE,UAAU,aAAa,QAAQ,MAAA,IAAU,QAAQ;AAAA,IACvD;AAAA,EAAA,CACD;AAED,QAAM,YAAY,WAAW,eAAe,WAAW;AAGvD,YAAU,MAAM;;AACd,yBAAe,YAAf,mBAAwB,eAAe,EAAE,UAAU;EACrD,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,eAAe,CAAC,MAAiB;AACrC,MAAE,eAAA;AACF,QAAI,CAAC,MAAM,KAAA,KAAU,WAAW;AAC9B;AAAA,IACF;AACA,gBAAY,EAAE,MAAM,OAAO;AAC3B,aAAS,EAAE;AAAA,EACb;AAGA,QAAM,oBAAoB,CAAC,YAA0C;AACnE,WAAO,QAAQ,MACZ,OAAO,CAAC,SAAS,KAAK,SAAS,MAAM,EACrC,IAAI,CAAC,SAAS,KAAK,IAAI,EACvB,KAAK,EAAE;AAAA,EACZ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,wBAEb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,SAAS,WAAW,IACnB,oBAAC,cAAA,CAAA,CAAa,IAEd,qBAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,MAAA,SAAS,IAAI,CAAC,YACb;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,QACT,QAAQ,SAAS,SAAS,gBAAgB,eAC5C;AAAA,UAEA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,oCACT,QAAQ,SAAS,SACb,uCACA,0BACN;AAAA,cAEA,8BAAC,OAAA,EAAI,WAAU,yCACZ,UAAA,kBAAkB,OAAO,EAAA,CAC5B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAfK,QAAQ;AAAA,MAAA,CAiBhB;AAAA,MACA,aACC,oBAAC,OAAA,EAAI,WAAU,sBACb,UAAA,oBAAC,OAAA,EAAI,WAAU,iCACb,8BAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,cAAA,CAEhD,GACF,GACF;AAAA,MAEF,oBAAC,OAAA,EAAI,KAAK,eAAA,CAAgB;AAAA,IAAA,EAAA,CAC5B,EAAA,CAEJ;AAAA,IAGC,6BACE,OAAA,EAAI,WAAU,8DACb,UAAA,qBAAC,KAAA,EAAE,WAAU,4BAA2B,UAAA;AAAA,MAAA;AAAA,MAAQ,MAAM;AAAA,IAAA,EAAA,CAAQ,EAAA,CAChE;AAAA,IAIF,oBAAC,OAAA,EAAI,WAAU,8BACb,UAAA,oBAAC,QAAA,EAAK,UAAU,cAAc,WAAU,qBACtC,UAAA,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,qBAAC,UAAO,MAAK,UAAS,UAAU,aAAa,CAAC,MAAM,KAAA,GAClD,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QAC1B,oBAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA,EAAA,CAChC;AAAA,IAAA,EAAA,CACF,GACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/admin-base/components/AdminLayout.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface AdminLayoutProps {
+    children: ReactNode;
+}
+export declare function AdminLayout({ children }: AdminLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/admin-base/components/AdminLayout.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { ChevronRight, ChevronLeft, MessageSquare, ImageIcon, LayoutDashboard } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../ui/button.js";
+import { Breadcrumbs } from "../../../ui/components/Breadcrumbs.js";
+import { MainLayout } from "../../../ui/layout/MainLayout.js";
+const navItems = [
+  {
+    name: "Chat",
+    path: "/admin/chat",
+    icon: MessageSquare
+  },
+  {
+    name: "Icons",
+    path: "/admin/icons",
+    icon: ImageIcon
+  },
+  {
+    name: "App For Catalog",
+    path: "/admin/app-for-catalog",
+    icon: LayoutDashboard
+  }
+];
+function AdminLayout({ children }) {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  return /* @__PURE__ */ jsx(MainLayout, { breadcrumbs: /* @__PURE__ */ jsx(Breadcrumbs, {}), children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6 -mx-6 -my-6 flex-1", children: [
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        className: cn(
+          "flex flex-col transition-all duration-300",
+          isCollapsed ? "w-16" : "w-64"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-4 flex items-center justify-between", children: [
+            !isCollapsed && /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: "Admin" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => setIsCollapsed(!isCollapsed),
+                className: cn("h-8 w-8", isCollapsed && "mx-auto"),
+                children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("nav", { className: "flex-1 p-4 space-y-2", children: navItems.map((item) => {
+            const Icon = item.icon;
+            return /* @__PURE__ */ jsx(Link, { to: item.path, className: "block", children: ({ isActive }) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                className: cn(
+                  "w-full",
+                  isCollapsed ? "justify-center px-2" : "justify-start",
+                  isActive && "bg-primary text-primary-foreground hover:bg-primary/90"
+                ),
+                title: isCollapsed ? item.name : void 0,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: cn("w-4 h-4", !isCollapsed && "mr-2") }),
+                  !isCollapsed && /* @__PURE__ */ jsx("span", { children: item.name })
+                ]
+              }
+            ) }, item.path);
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: "flex-1 flex flex-col overflow-hidden min-w-0", children })
+  ] }) });
+}
+export {
+  AdminLayout
+};
+//# sourceMappingURL=AdminLayout.js.map

package/dist/esm/modules/admin-base/components/AdminLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLayout.js","sources":["../../../../../src/modules/admin-base/components/AdminLayout.tsx"],"sourcesContent":["import { Link } from '@tanstack/react-router'\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ImageIcon,\n  LayoutDashboard,\n  MessageSquare,\n} from 'lucide-react'\nimport type { ReactNode } from 'react'\nimport { useState } from 'react'\nimport { cn } from '~/lib/utils'\nimport { Button } from '~/ui/button'\nimport { Breadcrumbs } from '~/ui/components/Breadcrumbs'\nimport { MainLayout } from '~/ui/layout/MainLayout'\n\nexport interface AdminLayoutProps {\n  children: ReactNode\n}\n\ninterface NavItem {\n  name: string\n  path: string\n  icon: typeof MessageSquare\n}\n\nconst navItems: Array<NavItem> = [\n  {\n    name: 'Chat',\n    path: '/admin/chat',\n    icon: MessageSquare,\n  },\n  {\n    name: 'Icons',\n    path: '/admin/icons',\n    icon: ImageIcon,\n  },\n  {\n    name: 'App For Catalog',\n    path: '/admin/app-for-catalog',\n    icon: LayoutDashboard,\n  },\n]\n\nexport function AdminLayout({ children }: AdminLayoutProps) {\n  const [isCollapsed, setIsCollapsed] = useState(false)\n\n  return (\n    <MainLayout breadcrumbs={<Breadcrumbs />}>\n      <div className=\"flex gap-6 -mx-6 -my-6 flex-1\">\n        {/* Left sidebar */}\n        <aside\n          className={cn(\n            'flex flex-col transition-all duration-300',\n            isCollapsed ? 'w-16' : 'w-64',\n          )}\n        >\n          <div className=\"p-4 flex items-center justify-between\">\n            {!isCollapsed && <h1 className=\"text-2xl font-bold\">Admin</h1>}\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => setIsCollapsed(!isCollapsed)}\n              className={cn('h-8 w-8', isCollapsed && 'mx-auto')}\n            >\n              {isCollapsed ? (\n                <ChevronRight className=\"h-4 w-4\" />\n              ) : (\n                <ChevronLeft className=\"h-4 w-4\" />\n              )}\n            </Button>\n          </div>\n          <nav className=\"flex-1 p-4 space-y-2\">\n            {navItems.map((item) => {\n              const Icon = item.icon\n              return (\n                <Link key={item.path} to={item.path} className=\"block\">\n                  {({ isActive }) => (\n                    <Button\n                      variant=\"ghost\"\n                      className={cn(\n                        'w-full',\n                        isCollapsed ? 'justify-center px-2' : 'justify-start',\n                        isActive &&\n                          'bg-primary text-primary-foreground hover:bg-primary/90',\n                      )}\n                      title={isCollapsed ? item.name : undefined}\n                    >\n                      <Icon className={cn('w-4 h-4', !isCollapsed && 'mr-2')} />\n                      {!isCollapsed && <span>{item.name}</span>}\n                    </Button>\n                  )}\n                </Link>\n              )\n            })}\n          </nav>\n        </aside>\n\n        {/* Main content */}\n        <main className=\"flex-1 flex flex-col overflow-hidden min-w-0\">\n          {children}\n        </main>\n      </div>\n    </MainLayout>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,WAA2B;AAAA,EAC/B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV;AAEO,SAAS,YAAY,EAAE,YAA8B;AAC1D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,SACE,oBAAC,cAAW,aAAa,oBAAC,eAAY,GACpC,UAAA,qBAAC,OAAA,EAAI,WAAU,iCAEb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,cAAc,SAAS;AAAA,QAAA;AAAA,QAGzB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,yCACZ,UAAA;AAAA,YAAA,CAAC,eAAe,oBAAC,MAAA,EAAG,WAAU,sBAAqB,UAAA,SAAK;AAAA,YACzD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,gBAC1C,WAAW,GAAG,WAAW,eAAe,SAAS;AAAA,gBAEhD,UAAA,kCACE,cAAA,EAAa,WAAU,WAAU,IAElC,oBAAC,aAAA,EAAY,WAAU,UAAA,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UAErC,GACF;AAAA,8BACC,OAAA,EAAI,WAAU,wBACZ,UAAA,SAAS,IAAI,CAAC,SAAS;AACtB,kBAAM,OAAO,KAAK;AAClB,mBACE,oBAAC,MAAA,EAAqB,IAAI,KAAK,MAAM,WAAU,SAC5C,UAAA,CAAC,EAAE,SAAA,MACF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW;AAAA,kBACT;AAAA,kBACA,cAAc,wBAAwB;AAAA,kBACtC,YACE;AAAA,gBAAA;AAAA,gBAEJ,OAAO,cAAc,KAAK,OAAO;AAAA,gBAEjC,UAAA;AAAA,kBAAA,oBAAC,QAAK,WAAW,GAAG,WAAW,CAAC,eAAe,MAAM,GAAG;AAAA,kBACvD,CAAC,eAAe,oBAAC,QAAA,EAAM,eAAK,KAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA,EACpC,GAdO,KAAK,IAgBhB;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIF,oBAAC,QAAA,EAAK,WAAU,gDACb,SAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/admin-base/components/AdminWelcome.d.ts

@@ -0,0 +1 @@
+export declare function AdminWelcome(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/admin-base/components/AdminWelcome.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../../ui/card.js";
+function AdminWelcome() {
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-2xl mx-auto", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: "Admin Assistant" }),
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: "Welcome to the AI-powered admin interface. You can use natural language to manage your application." }),
+    /* @__PURE__ */ jsxs(Card, { className: "mb-6", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: "What you can do" }),
+        /* @__PURE__ */ jsx(CardDescription, { children: "Try these example commands to get started" })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("ul", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-primary", children: "•" }),
+          /* @__PURE__ */ jsx("span", { children: "Show me contents of the Apps table in DB" })
+        ] }),
+        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-primary", children: "•" }),
+          /* @__PURE__ */ jsx("span", { children: 'Add a new app called "Portal" with icon "portal"' })
+        ] }),
+        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-primary", children: "•" }),
+          /* @__PURE__ */ jsx("span", { children: "List all configured data sources" })
+        ] }),
+        /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-primary", children: "•" }),
+          /* @__PURE__ */ jsx("span", { children: "Configure a new MCP server" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Type your request in the chat below to get started." })
+  ] });
+}
+export {
+  AdminWelcome
+};
+//# sourceMappingURL=AdminWelcome.js.map

package/dist/esm/modules/admin-base/components/AdminWelcome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminWelcome.js","sources":["../../../../../src/modules/admin-base/components/AdminWelcome.tsx"],"sourcesContent":["import {\n    Card,\n    CardContent,\n    CardDescription,\n    CardHeader,\n    CardTitle,\n} from '~/ui/card'\n\nexport function AdminWelcome() {\n  return (\n    <div className=\"p-6 max-w-2xl mx-auto\">\n      <h1 className=\"text-2xl font-bold mb-4\">Admin Assistant</h1>\n      <p className=\"text-muted-foreground mb-6\">\n        Welcome to the AI-powered admin interface. You can use natural language\n        to manage your application.\n      </p>\n\n      <Card className=\"mb-6\">\n        <CardHeader>\n          <CardTitle>What you can do</CardTitle>\n          <CardDescription>\n            Try these example commands to get started\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ul className=\"space-y-2 text-sm\">\n            <li className=\"flex items-start gap-2\">\n              <span className=\"text-primary\">•</span>\n              <span>Show me contents of the Apps table in DB</span>\n            </li>\n            <li className=\"flex items-start gap-2\">\n              <span className=\"text-primary\">•</span>\n              <span>Add a new app called \"Portal\" with icon \"portal\"</span>\n            </li>\n            <li className=\"flex items-start gap-2\">\n              <span className=\"text-primary\">•</span>\n              <span>List all configured data sources</span>\n            </li>\n            <li className=\"flex items-start gap-2\">\n              <span className=\"text-primary\">•</span>\n              <span>Configure a new MCP server</span>\n            </li>\n          </ul>\n        </CardContent>\n      </Card>\n\n      <p className=\"text-sm text-muted-foreground\">\n        Type your request in the chat below to get started.\n      </p>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAQO,SAAS,eAAe;AAC7B,SACE,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,2BAA0B,UAAA,mBAAe;AAAA,IACvD,oBAAC,KAAA,EAAE,WAAU,8BAA6B,UAAA,uGAG1C;AAAA,IAEA,qBAAC,MAAA,EAAK,WAAU,QACd,UAAA;AAAA,MAAA,qBAAC,YAAA,EACC,UAAA;AAAA,QAAA,oBAAC,aAAU,UAAA,kBAAA,CAAe;AAAA,QAC1B,oBAAC,mBAAgB,UAAA,4CAAA,CAEjB;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,aAAA,EACC,UAAA,qBAAC,MAAA,EAAG,WAAU,qBACZ,UAAA;AAAA,QAAA,qBAAC,MAAA,EAAG,WAAU,0BACZ,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,KAAC;AAAA,UAChC,oBAAC,UAAK,UAAA,2CAAA,CAAwC;AAAA,QAAA,GAChD;AAAA,QACA,qBAAC,MAAA,EAAG,WAAU,0BACZ,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,KAAC;AAAA,UAChC,oBAAC,UAAK,UAAA,mDAAA,CAAgD;AAAA,QAAA,GACxD;AAAA,QACA,qBAAC,MAAA,EAAG,WAAU,0BACZ,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,KAAC;AAAA,UAChC,oBAAC,UAAK,UAAA,mCAAA,CAAgC;AAAA,QAAA,GACxC;AAAA,QACA,qBAAC,MAAA,EAAG,WAAU,0BACZ,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,gBAAe,UAAA,KAAC;AAAA,UAChC,oBAAC,UAAK,UAAA,6BAAA,CAA0B;AAAA,QAAA,EAAA,CAClC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,oBAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,sDAAA,CAE7C;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/admin-base/context/AdminConfigContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { AdminConfig } from '../types/adminTypes.js';
+export interface AdminConfigProviderProps {
+    config?: Partial<AdminConfig>;
+    children: ReactNode;
+}
+export declare function AdminConfigProvider({ config, children, }: AdminConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAdminConfig(): AdminConfig;

package/dist/esm/modules/admin-base/context/AdminConfigContext.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, createContext, use } from "react";
+const defaultConfig = {
+  chatApiUrl: "/api/admin/chat"
+};
+const AdminConfigContext = createContext(defaultConfig);
+function AdminConfigProvider({
+  config,
+  children
+}) {
+  const mergedConfig = useMemo(
+    () => ({
+      ...defaultConfig,
+      ...config
+    }),
+    [config]
+  );
+  return /* @__PURE__ */ jsx(AdminConfigContext, { value: mergedConfig, children });
+}
+function useAdminConfig() {
+  return use(AdminConfigContext);
+}
+export {
+  AdminConfigProvider,
+  useAdminConfig
+};
+//# sourceMappingURL=AdminConfigContext.js.map

package/dist/esm/modules/admin-base/context/AdminConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConfigContext.js","sources":["../../../../../src/modules/admin-base/context/AdminConfigContext.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { createContext, use, useMemo } from 'react'\n\nimport type { AdminConfig } from '../types/adminTypes'\n\nconst defaultConfig: AdminConfig = {\n  chatApiUrl: '/api/admin/chat',\n}\n\nconst AdminConfigContext = createContext<AdminConfig>(defaultConfig)\n\nexport interface AdminConfigProviderProps {\n  config?: Partial<AdminConfig>\n  children: ReactNode\n}\n\nexport function AdminConfigProvider({\n  config,\n  children,\n}: AdminConfigProviderProps) {\n  const mergedConfig: AdminConfig = useMemo(\n    () => ({\n      ...defaultConfig,\n      ...config,\n    }),\n    [config],\n  )\n\n  return (\n    <AdminConfigContext value={mergedConfig}>{children}</AdminConfigContext>\n  )\n}\n\nexport function useAdminConfig(): AdminConfig {\n  return use(AdminConfigContext)\n}\n"],"names":[],"mappings":";;AAKA,MAAM,gBAA6B;AAAA,EACjC,YAAY;AACd;AAEA,MAAM,qBAAqB,cAA2B,aAAa;AAO5D,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,eAA4B;AAAA,IAChC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,IAEL,CAAC,MAAM;AAAA,EAAA;AAGT,SACE,oBAAC,oBAAA,EAAmB,OAAO,cAAe,SAAA,CAAS;AAEvD;AAEO,SAAS,iBAA8B;AAC5C,SAAO,IAAI,kBAAkB;AAC/B;"}

package/dist/esm/modules/admin-base/index.d.ts

@@ -0,0 +1,5 @@
+export { AdminChat } from './components/AdminChat.js';
+export { AdminLayout } from './components/AdminLayout.js';
+export { AdminWelcome } from './components/AdminWelcome.js';
+export { AdminConfigProvider, useAdminConfig, type AdminConfigProviderProps } from './context/AdminConfigContext.js';
+export type { AdminChatMessage, AdminConfig } from './types/adminTypes.js';

package/dist/esm/modules/admin-base/types/adminTypes.d.ts

@@ -0,0 +1,10 @@
+export interface AdminConfig {
+    /** API endpoint for chat - defaults to /api/admin/chat */
+    chatApiUrl?: string;
+}
+export interface AdminChatMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    createdAt?: Date;
+}

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

@@ -0,0 +1 @@
+export declare function AppCatalogAdminPage(): import("react/jsx-runtime").JSX.Element;

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

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