simplycms 0.4.0

package/dist/chunk-3DJRL4IK.js

@@ -0,0 +1,292 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { ImageUpload } from './chunk-RSL3DLME.js';
+import { RichTextEditor } from './chunk-FVUVJDMM.js';
+import { useState } from 'react';
+import { useParams, useNavigate } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Textarea } from 'simplycms/ui/textarea';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Label } from 'simplycms/ui/label';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { Loader2, ArrowLeft, Save } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function generateSlug(text) {
+  return text.toLowerCase().replace(/[^a-z0-9а-яіїєґ\s-]/gi, "").replace(/\s+/g, "-").replace(/-+/g, "-").trim();
+}
+function PropertyOptionEdit() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { propertyId, optionId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const isNew = optionId === "new";
+  const [formData, setFormData] = useState({
+    name: "",
+    slug: "",
+    sort_order: 0,
+    description: "",
+    image_url: "",
+    meta_title: "",
+    meta_description: ""
+  });
+  const { data: property } = useQuery({
+    queryKey: ["property", propertyId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("section_properties").select("*").eq("id", propertyId).single();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !!propertyId
+  });
+  const { data: option, isLoading: optionLoading } = useQuery({
+    queryKey: ["property-option", optionId],
+    queryFn: async () => {
+      const { data, error } = await supabase.from("property_options").select("*").eq("id", optionId).single();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !isNew && !!optionId
+  });
+  const { data: optionsCount } = useQuery({
+    queryKey: ["property-options-count", propertyId],
+    queryFn: async () => {
+      const { count, error } = await supabase.from("property_options").select("*", { count: "exact", head: true }).eq("property_id", propertyId);
+      if (error) throw error;
+      return count || 0;
+    },
+    enabled: isNew && !!propertyId
+  });
+  const [prevOptionId, setPrevOptionId] = useState(null);
+  const [prevOptionsCount, setPrevOptionsCount] = useState(
+    void 0
+  );
+  if (option && option.id !== prevOptionId) {
+    setPrevOptionId(option.id);
+    setFormData({
+      name: option.name || "",
+      slug: option.slug || "",
+      sort_order: option.sort_order || 0,
+      description: option.description || "",
+      image_url: option.image_url || "",
+      meta_title: option.meta_title || "",
+      meta_description: option.meta_description || ""
+    });
+  } else if (isNew && optionsCount !== void 0 && optionsCount !== prevOptionsCount) {
+    setPrevOptionsCount(optionsCount);
+    setFormData((prev) => ({ ...prev, sort_order: optionsCount }));
+  }
+  const saveMutation = useMutation({
+    mutationFn: async (data) => {
+      const payload = {
+        name: data.name,
+        slug: data.slug || generateSlug(data.name),
+        sort_order: data.sort_order,
+        description: data.description || null,
+        image_url: data.image_url || null,
+        meta_title: data.meta_title || null,
+        meta_description: data.meta_description || null
+      };
+      const isCreating = !optionId || optionId === "new";
+      if (isCreating) {
+        const { data: newOption, error } = await supabase.from("property_options").insert([{ ...payload, property_id: propertyId }]).select().single();
+        if (error) throw error;
+        return newOption;
+      } else {
+        const { error } = await supabase.from("property_options").update(payload).eq("id", optionId);
+        if (error) throw error;
+        return { id: optionId };
+      }
+    },
+    onSuccess: (result) => {
+      queryClient.invalidateQueries({
+        queryKey: ["property-options", propertyId]
+      });
+      const wasCreating = !optionId || optionId === "new";
+      if (!wasCreating) {
+        queryClient.invalidateQueries({
+          queryKey: ["property-option", optionId]
+        });
+      }
+      toast({
+        title: t(
+          wasCreating ? "admin.properties.options.created" : "admin.properties.options.saved"
+        )
+      });
+      if (wasCreating && result?.id) {
+        navigate({
+          to: adminPath(`properties/${propertyId}/options/${result.id}`),
+          replace: true
+        });
+      }
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    saveMutation.mutate(formData);
+  };
+  const handleChange = (field, value) => {
+    setFormData((prev) => {
+      const newData = { ...prev, [field]: value };
+      if (field === "name" && isNew) {
+        newData.slug = generateSlug(value);
+      }
+      return newData;
+    });
+  };
+  const goBack = () => {
+    navigate({ to: adminPath(`properties/${propertyId}`) });
+  };
+  if (optionLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-4xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: goBack, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: isNew ? t("admin.properties.options.new") : option?.name || t("admin.properties.options.fallbackTitle") }),
+        property && /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+          t("admin.properties.options.parent"),
+          " ",
+          property.name
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("common.basicInfo") }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: t("common.nameRequiredLabel") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "name",
+                  value: formData.name,
+                  onChange: (e) => handleChange("name", e.target.value),
+                  placeholder: "Samsung",
+                  required: true
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "slug", children: "Slug (URL)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "slug",
+                  value: formData.slug,
+                  onChange: (e) => handleChange("slug", e.target.value),
+                  placeholder: "samsung"
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("admin.properties.options.slugHint") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "sort_order", children: t("common.sortOrder") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "sort_order",
+                type: "number",
+                value: formData.sort_order,
+                onChange: (e) => handleChange("sort_order", parseInt(e.target.value) || 0),
+                className: "w-32"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.options.pageSection") }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: t("common.image") }),
+            /* @__PURE__ */ jsx(
+              ImageUpload,
+              {
+                images: formData.image_url ? [formData.image_url] : [],
+                onImagesChange: (urls) => handleChange("image_url", urls[0] || ""),
+                maxImages: 1
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: t("common.description") }),
+            /* @__PURE__ */ jsx(
+              RichTextEditor,
+              {
+                content: formData.description,
+                onChange: (value) => handleChange("description", value)
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "SEO" }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "meta_title", children: "Meta Title" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "meta_title",
+                value: formData.meta_title,
+                onChange: (e) => handleChange("meta_title", e.target.value),
+                placeholder: t("admin.properties.options.seoTitlePlaceholder")
+              }
+            ),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              formData.meta_title.length,
+              t("admin.properties.options.titleCounter")
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "meta_description", children: "Meta Description" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: "meta_description",
+                value: formData.meta_description,
+                onChange: (e) => handleChange("meta_description", e.target.value),
+                placeholder: t("common.seoDescription"),
+                rows: 3
+              }
+            ),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              formData.meta_description.length,
+              t("admin.properties.options.descriptionCounter")
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: goBack, children: t("common.cancel") }),
+        /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: saveMutation.isPending, children: [
+          saveMutation.isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+          /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+          t("common.save")
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { PropertyOptionEdit };
+//# sourceMappingURL=chunk-3DJRL4IK.js.map
+//# sourceMappingURL=chunk-3DJRL4IK.js.map

package/dist/chunk-3DJRL4IK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/PropertyOptionEdit.tsx"],"names":[],"mappings":"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","file":"chunk-3DJRL4IK.js","sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Textarea } from 'simplycms/ui/textarea';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport { Label } from 'simplycms/ui/label';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport { ArrowLeft, Save, Loader2 } from 'lucide-react';\nimport { ImageUpload } from '../components/ImageUpload';\nimport { RichTextEditor } from '../components/RichTextEditor';\nimport { adminPath } from '../lib/adminLinks';\nimport { useT } from 'simplycms/i18n';\n\nfunction generateSlug(text: string): string {\n  return text\n    .toLowerCase()\n    .replace(/[^a-z0-9а-яіїєґ\\s-]/gi, '')\n    .replace(/\\s+/g, '-')\n    .replace(/-+/g, '-')\n    .trim();\n}\n\nexport default function PropertyOptionEdit() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const { propertyId, optionId } = useParams({ strict: false }) as {\n    propertyId: string;\n    optionId: string;\n  };\n  const navigate = useNavigate();\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n\n  const isNew = optionId === 'new';\n\n  const [formData, setFormData] = useState({\n    name: '',\n    slug: '',\n    sort_order: 0,\n    description: '',\n    image_url: '',\n    meta_title: '',\n    meta_description: '',\n  });\n\n  // Fetch property info\n  const { data: property } = useQuery({\n    queryKey: ['property', propertyId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('section_properties')\n        .select('*')\n        .eq('id', propertyId!)\n        .single();\n      if (error) throw error;\n      return data;\n    },\n    enabled: !!propertyId,\n  });\n\n  // Fetch existing option\n  const { data: option, isLoading: optionLoading } = useQuery({\n    queryKey: ['property-option', optionId],\n    queryFn: async () => {\n      const { data, error } = await supabase\n        .from('property_options')\n        .select('*')\n        .eq('id', optionId!)\n        .single();\n      if (error) throw error;\n      return data;\n    },\n    enabled: !isNew && !!optionId,\n  });\n\n  // Get next sort order for new options\n  const { data: optionsCount } = useQuery({\n    queryKey: ['property-options-count', propertyId],\n    queryFn: async () => {\n      const { count, error } = await supabase\n        .from('property_options')\n        .select('*', { count: 'exact', head: true })\n        .eq('property_id', propertyId!);\n      if (error) throw error;\n      return count || 0;\n    },\n    enabled: isNew && !!propertyId,\n  });\n\n  // Ініціалізація форми при завантаженні даних (adjust state during render)\n  const [prevOptionId, setPrevOptionId] = useState<string | null>(null);\n  const [prevOptionsCount, setPrevOptionsCount] = useState<number | undefined>(\n    undefined,\n  );\n  if (option && option.id !== prevOptionId) {\n    setPrevOptionId(option.id);\n    setFormData({\n      name: option.name || '',\n      slug: option.slug || '',\n      sort_order: option.sort_order || 0,\n      description: option.description || '',\n      image_url: option.image_url || '',\n      meta_title: option.meta_title || '',\n      meta_description: option.meta_description || '',\n    });\n  } else if (\n    isNew &&\n    optionsCount !== undefined &&\n    optionsCount !== prevOptionsCount\n  ) {\n    setPrevOptionsCount(optionsCount);\n    setFormData((prev) => ({ ...prev, sort_order: optionsCount }));\n  }\n\n  const saveMutation = useMutation({\n    mutationFn: async (data: typeof formData) => {\n      const payload = {\n        name: data.name,\n        slug: data.slug || generateSlug(data.name),\n        sort_order: data.sort_order,\n        description: data.description || null,\n        image_url: data.image_url || null,\n        meta_title: data.meta_title || null,\n        meta_description: data.meta_description || null,\n      };\n\n      // Check if this is a new option - optionId is \"new\" string from URL params\n      const isCreating = !optionId || optionId === 'new';\n\n      if (isCreating) {\n        const { data: newOption, error } = await supabase\n          .from('property_options')\n          .insert([{ ...payload, property_id: propertyId }])\n          .select()\n          .single();\n        if (error) throw error;\n        return newOption;\n      } else {\n        const { error } = await supabase\n          .from('property_options')\n          .update(payload)\n          .eq('id', optionId);\n        if (error) throw error;\n        return { id: optionId };\n      }\n    },\n    onSuccess: (result) => {\n      queryClient.invalidateQueries({\n        queryKey: ['property-options', propertyId],\n      });\n      const wasCreating = !optionId || optionId === 'new';\n      if (!wasCreating) {\n        queryClient.invalidateQueries({\n          queryKey: ['property-option', optionId],\n        });\n      }\n      toast({\n        title: t(\n          wasCreating\n            ? 'admin.properties.options.created'\n            : 'admin.properties.options.saved',\n        ),\n      });\n\n      if (wasCreating && result?.id) {\n        navigate({\n          to: adminPath(`properties/${propertyId}/options/${result.id}`),\n          replace: true,\n        });\n      }\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    saveMutation.mutate(formData);\n  };\n\n  const handleChange = (\n    field: keyof typeof formData,\n    value: string | number,\n  ) => {\n    setFormData((prev) => {\n      const newData = { ...prev, [field]: value };\n      if (field === 'name' && isNew) {\n        newData.slug = generateSlug(value as string);\n      }\n      return newData;\n    });\n  };\n\n  const goBack = () => {\n    navigate({ to: adminPath(`properties/${propertyId}`) });\n  };\n\n  if (optionLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-64\">\n        <Loader2 className=\"h-8 w-8 animate-spin\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 max-w-4xl\">\n      <div className=\"flex items-center gap-4\">\n        <Button variant=\"ghost\" size=\"icon\" onClick={goBack}>\n          <ArrowLeft className=\"h-4 w-4\" />\n        </Button>\n        <div>\n          <h1 className=\"text-3xl font-bold\">\n            {isNew\n              ? t('admin.properties.options.new')\n              : option?.name || t('admin.properties.options.fallbackTitle')}\n          </h1>\n          {property && (\n            <p className=\"text-muted-foreground\">\n              {t('admin.properties.options.parent')} {property.name}\n            </p>\n          )}\n        </div>\n      </div>\n\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('common.basicInfo')}</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"name\">{t('common.nameRequiredLabel')}</Label>\n                <Input\n                  id=\"name\"\n                  value={formData.name}\n                  onChange={(e) => handleChange('name', e.target.value)}\n                  placeholder=\"Samsung\"\n                  required\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label htmlFor=\"slug\">Slug (URL)</Label>\n                <Input\n                  id=\"slug\"\n                  value={formData.slug}\n                  onChange={(e) => handleChange('slug', e.target.value)}\n                  placeholder=\"samsung\"\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {t('admin.properties.options.slugHint')}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"sort_order\">{t('common.sortOrder')}</Label>\n              <Input\n                id=\"sort_order\"\n                type=\"number\"\n                value={formData.sort_order}\n                onChange={(e) =>\n                  handleChange('sort_order', parseInt(e.target.value) || 0)\n                }\n                className=\"w-32\"\n              />\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('admin.properties.options.pageSection')}</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label>{t('common.image')}</Label>\n              <ImageUpload\n                images={formData.image_url ? [formData.image_url] : []}\n                onImagesChange={(urls) =>\n                  handleChange('image_url', urls[0] || '')\n                }\n                maxImages={1}\n              />\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label>{t('common.description')}</Label>\n              <RichTextEditor\n                content={formData.description}\n                onChange={(value) => handleChange('description', value)}\n              />\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>SEO</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"meta_title\">Meta Title</Label>\n              <Input\n                id=\"meta_title\"\n                value={formData.meta_title}\n                onChange={(e) => handleChange('meta_title', e.target.value)}\n                placeholder={t('admin.properties.options.seoTitlePlaceholder')}\n              />\n              <p className=\"text-xs text-muted-foreground\">\n                {formData.meta_title.length}\n                {t('admin.properties.options.titleCounter')}\n              </p>\n            </div>\n\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"meta_description\">Meta Description</Label>\n              <Textarea\n                id=\"meta_description\"\n                value={formData.meta_description}\n                onChange={(e) =>\n                  handleChange('meta_description', e.target.value)\n                }\n                placeholder={t('common.seoDescription')}\n                rows={3}\n              />\n              <p className=\"text-xs text-muted-foreground\">\n                {formData.meta_description.length}\n                {t('admin.properties.options.descriptionCounter')}\n              </p>\n            </div>\n          </CardContent>\n        </Card>\n\n        <div className=\"flex justify-end gap-2\">\n          <Button type=\"button\" variant=\"outline\" onClick={goBack}>\n            {t('common.cancel')}\n          </Button>\n          <Button type=\"submit\" disabled={saveMutation.isPending}>\n            {saveMutation.isPending && (\n              <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n            )}\n            <Save className=\"h-4 w-4 mr-2\" />\n            {t('common.save')}\n          </Button>\n        </div>\n      </form>\n    </div>\n  );\n}\n"]}

package/dist/chunk-3IGJUUBL.js

@@ -0,0 +1,60 @@
+import { AdminSidebar } from './chunk-JO63AJJG.js';
+import { useNavigate } from '@tanstack/react-router';
+import { SidebarProvider, SidebarInset, SidebarTrigger } from 'simplycms/ui/sidebar';
+import { Button } from 'simplycms/ui/button';
+import { Home, LogOut } from 'lucide-react';
+import { useAuth } from 'simplycms/core/hooks/useAuth';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { ThemeToggle } from 'simplycms/core/components/ThemeToggle';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AdminLayout({ children }) {
+  const t = useT();
+  const { signOut } = useAuth();
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const handleSignOut = async () => {
+    await signOut();
+    toast({
+      title: t("admin.common.signedOut"),
+      description: t("admin.common.signedOutHint")
+    });
+    navigate({ to: "/" });
+  };
+  return /* @__PURE__ */ jsxs(SidebarProvider, { children: [
+    /* @__PURE__ */ jsx(AdminSidebar, {}),
+    /* @__PURE__ */ jsxs(SidebarInset, { children: [
+      /* @__PURE__ */ jsxs("header", { className: "h-14 border-b flex items-center justify-between px-4 bg-background", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(SidebarTrigger, {}),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground hidden sm:inline", children: t("admin.common.title") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ThemeToggle, {}),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => navigate({ to: "/" }),
+              children: [
+                /* @__PURE__ */ jsx(Home, { className: "h-4 w-4 mr-2" }),
+                t("admin.common.toSite")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: handleSignOut, children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 mr-2" }),
+            t("nav.signOut")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 p-6 bg-muted/30", children })
+    ] })
+  ] });
+}
+
+export { AdminLayout };
+//# sourceMappingURL=chunk-3IGJUUBL.js.map
+//# sourceMappingURL=chunk-3IGJUUBL.js.map

package/dist/chunk-3IGJUUBL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/layouts/AdminLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAcO,SAAS,WAAA,CAAY,EAAE,QAAA,EAAS,EAAkC;AACvE,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,OAAA,EAAQ;AAC5B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAA,MAAM,gBAAgB,YAAY;AAChC,IAAA,MAAM,OAAA,EAAQ;AACd,IAAA,KAAA,CAAM;AAAA,MACJ,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,MACjC,WAAA,EAAa,EAAE,4BAA4B;AAAA,KAC5C,CAAA;AACD,IAAA,QAAA,CAAS,EAAE,EAAA,EAAI,GAAA,EAAK,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,4BACG,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,yBACb,YAAA,EAAA,EAEC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oEAAA,EAChB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,8BACf,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EACzB;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,0BACb,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,OAAA;AAAA,cACR,IAAA,EAAK,IAAA;AAAA,cACL,SAAS,MAAM,QAAA,CAAS,EAAE,EAAA,EAAI,KAAK,CAAA;AAAA,cAEnC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,cAAA,EAAe,CAAA;AAAA,gBAC9B,EAAE,qBAAqB;AAAA;AAAA;AAAA,WAC1B;AAAA,+BACC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAQ,IAAA,EAAK,IAAA,EAAK,SAAS,aAAA,EACzC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,cAAA,EAAe,CAAA;AAAA,YAChC,EAAE,aAAa;AAAA,WAAA,EAClB;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EAA0B,QAAA,EAAS;AAAA,KAAA,EACpD;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-3IGJUUBL.js","sourcesContent":["import { useNavigate } from '@tanstack/react-router';\nimport {\n  SidebarProvider,\n  SidebarTrigger,\n  SidebarInset,\n} from 'simplycms/ui/sidebar';\nimport { AdminSidebar } from './AdminSidebar';\nimport { Button } from 'simplycms/ui/button';\nimport { LogOut, Home } from 'lucide-react';\nimport { useAuth } from 'simplycms/core/hooks/useAuth';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport { ThemeToggle } from 'simplycms/core/components/ThemeToggle';\nimport { useT } from 'simplycms/i18n';\n\nexport function AdminLayout({ children }: { children: React.ReactNode }) {\n  const t = useT();\n  const { signOut } = useAuth();\n  const navigate = useNavigate();\n  const { toast } = useToast();\n\n  const handleSignOut = async () => {\n    await signOut();\n    toast({\n      title: t('admin.common.signedOut'),\n      description: t('admin.common.signedOutHint'),\n    });\n    navigate({ to: '/' });\n  };\n\n  return (\n    <SidebarProvider>\n      <AdminSidebar />\n      <SidebarInset>\n        {/* Header */}\n        <header className=\"h-14 border-b flex items-center justify-between px-4 bg-background\">\n          <div className=\"flex items-center gap-2\">\n            <SidebarTrigger />\n            <span className=\"text-sm text-muted-foreground hidden sm:inline\">\n              {t('admin.common.title')}\n            </span>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <ThemeToggle />\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => navigate({ to: '/' })}\n            >\n              <Home className=\"h-4 w-4 mr-2\" />\n              {t('admin.common.toSite')}\n            </Button>\n            <Button variant=\"ghost\" size=\"sm\" onClick={handleSignOut}>\n              <LogOut className=\"h-4 w-4 mr-2\" />\n              {t('nav.signOut')}\n            </Button>\n          </div>\n        </header>\n\n        {/* Main content */}\n        <div className=\"flex-1 p-6 bg-muted/30\">{children}</div>\n      </SidebarInset>\n    </SidebarProvider>\n  );\n}\n"]}

package/dist/chunk-3LFRV3X6.js

@@ -0,0 +1,237 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+import { cn } from 'simplycms/ui/utils';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/ui/chart.tsx
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+var ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "Chart";
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([_, config2]) => config2.theme || config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+var ChartTooltipContent = React.forwardRef(
+  ({
+    active,
+    payload,
+    className,
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey
+  }, ref) => {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null;
+      }
+      const [item] = payload;
+      const key = `${labelKey || item.dataKey || item.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      }
+      if (!value) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey
+    ]);
+    if (!active || !payload?.length) {
+      return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        ),
+        children: [
+          !nestLabel ? tooltipLabel : null,
+          /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = color || item.payload?.fill || item.color;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  indicator === "dot" && "items-center"
+                ),
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)",
+                        {
+                          "h-2.5 w-2.5": indicator === "dot",
+                          "w-1": indicator === "line",
+                          "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                          "my-0.5": nestLabel && indicator === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": indicatorColor,
+                        "--color-border": indicatorColor
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+                          nestLabel ? tooltipLabel : null,
+                          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                        ] }),
+                        item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              item.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltip";
+var ChartLegend = RechartsPrimitive.Legend;
+var ChartLegendContent = React.forwardRef(
+  ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+    const { config } = useChart();
+    if (!payload?.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center justify-center gap-4",
+          verticalAlign === "top" ? "pb-3" : "pt-3",
+          className
+        ),
+        children: payload.map((item) => {
+          const key = `${nameKey || item.dataKey || "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              ),
+              children: [
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-2 w-2 shrink-0 rounded-xs",
+                    style: {
+                      backgroundColor: item.color
+                    }
+                  }
+                ),
+                itemConfig?.label
+              ]
+            },
+            item.value
+          );
+        })
+      }
+    );
+  }
+);
+ChartLegendContent.displayName = "ChartLegend";
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+//# sourceMappingURL=chunk-3LFRV3X6.js.map
+//# sourceMappingURL=chunk-3LFRV3X6.js.map