@nebulit/embuilder 0.1.44 → 0.1.46

package/templates/frontend/src/pages/Dashboard.tsx

@@ -1,168 +1,31 @@
 import {DashboardLayout} from "@/components/layout/DashboardLayout";
-import {StatCard} from "@/components/ui/stat-card";
-import {Users, Calendar, ClipboardList} from "lucide-react";
-import {mockClerks} from "@/data/mock-data";
+import {Calendar, ClipboardList} from "lucide-react";
 import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card";
-import {Badge} from "@/components/ui/badge";
-import {useActiveShiftsForDashboard} from "@/hooks/api/useShifts";
-import {useActiveTasksForDashboard} from "@/hooks/api/useTasks";
-import {useClerks} from "@/hooks/api/useClerks";
-import {useUpcomingReservations} from "@/hooks/api/useReservations";
-import {format} from "date-fns";
-import {DashboardCalendar, CalendarEntry} from "@/components/calendar/Calendar";
-import {useMemo, useCallback} from "react";
 import {useApiContext} from "@/hooks/useApiContext";
-import {registerNoShow, registerShowUp} from "@/lib/api";
 
 export default function Dashboard() {
     const ctx = useApiContext();
-    const {data: activeShifts = [], isLoading: shiftsLoading} = useActiveShiftsForDashboard();
-    const {data: activeTasks = [], isLoading: tasksLoading} = useActiveTasksForDashboard();
-    const {data: clerks = []} = useClerks();
-    const {data: upcomingReservations = []} = useUpcomingReservations();
-    const activeStaff = mockClerks.filter((c) => c.active).length;
+    //const {data: activeShifts = [], isLoading: shiftsLoading} = useActiveShiftsForDashboard();
 
-    const getClerkName = (clerkId: string) => {
-        const clerk = clerks.find((c) => c.clerkId === clerkId);
-        return clerk ? `${clerk.name} ${clerk.surname}` : clerkId;
-    };
-
-    const calendarEntries = useMemo<CalendarEntry[]>(() => {
-        return upcomingReservations.map((r) => ({
-            type: "reservation",
-            id: r.reservation_id,
-            title: r.name || r.reservation_id,
-            description: r.description,
-            start: r.start_date,
-            email: r.email,
-            phone: r.phone,
-            end: r.end_date,
-            showupRegistered: r.showup_registered,
-        }));
-    }, [upcomingReservations]);
-
-    const handleNoShow = useCallback((reservationId: string) => {
+    /*const handleNoShow = useCallback((reservationId: string) => {
         registerNoShow(reservationId, ctx).catch(console.error);
-    }, [ctx]);
-
-    const handleShowUp = useCallback((reservationId: string) => {
-        registerShowUp(reservationId, ctx).catch(console.error);
-    }, [ctx]);
+    }, [ctx]);*/
 
     return (
         <DashboardLayout title="Overview" subtitle="Welcome back! Here is your summary.">
-            {/* Stats Grid */}
-            <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
-                <StatCard
-                    title="Active Staff"
-                    value={activeStaff}
-                    icon={Users}
-                    change={`${mockClerks.length - activeStaff} inactive`}
-                    changeType="neutral"
-                />
-            </div>
-
-            {/* Quick Actions & Recent Activity */}
+            <div></div>
+            {/* Quick Actions & Recent Activity
             <div className="mt-8 grid gap-6 lg:grid-cols-2">
-                {/* Active Shifts */}
                 <Card className="animate-fade-in">
                     <CardHeader>
                         <CardTitle className="flex items-center gap-2 text-lg">
                             <Calendar className="h-5 w-5 text-primary"/>
-                            Active Shifts Today
                         </CardTitle>
                     </CardHeader>
                     <CardContent>
-                        <div className="space-y-4">
-                            {shiftsLoading ? (
-                                <p className="text-sm text-muted-foreground">Loading...</p>
-                            ) : activeShifts.length === 0 ? (
-                                <p className="text-sm text-muted-foreground">No active shifts</p>
-                            ) : (
-                                activeShifts.map((shift) => (
-                                    <div
-                                        key={shift.shiftId}
-                                        className="flex items-center justify-between rounded-lg border border-border bg-muted/30 p-4"
-                                    >
-                                        <div>
-                                            <p className="font-medium text-foreground">{shift.name}</p>
-                                            <p className="text-sm text-muted-foreground">{shift.fromTo}</p>
-                                            {shift.assignees.length > 0 && (
-                                                <p className="mt-1 text-xs text-muted-foreground">
-                                                    {shift.assignees.map(getClerkName).join(", ")}
-                                                </p>
-                                            )}
-                                        </div>
-                                        <Badge variant="secondary" className="bg-success/10 text-success">
-                                            Active
-                                        </Badge>
-                                    </div>
-                                ))
-                            )}
-                        </div>
                     </CardContent>
                 </Card>
-            </div>
-
-            {/* Pending Tasks */}
-            <Card className="mt-6 animate-fade-in">
-                <CardHeader>
-                    <CardTitle className="flex items-center gap-2 text-lg">
-                        <ClipboardList className="h-5 w-5 text-primary"/>
-                        Pending Tasks
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    {tasksLoading ? (
-                        <p className="text-sm text-muted-foreground">Loading...</p>
-                    ) : activeTasks.length === 0 ? (
-                        <p className="text-sm text-muted-foreground">No active tasks</p>
-                    ) : (
-                        <div className="overflow-x-auto">
-                            <table className="w-full">
-                                <thead>
-                                <tr className="border-b border-border">
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Task</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Assigned to</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Due date</th>
-                                    <th className="pb-3 text-left text-sm font-medium text-muted-foreground">Recurrence</th>
-                                </tr>
-                                </thead>
-                                <tbody>
-                                {activeTasks.map((task) => (
-                                    <tr key={task.taskId} className="border-b border-border/50 last:border-0">
-                                        <td className="py-4">
-                                            <p className="font-medium text-foreground">{task.title}</p>
-                                            <p className="text-sm text-muted-foreground">{task.description}</p>
-                                        </td>
-                                        <td className="py-4 text-foreground">
-                                            {task.assignedClerk ? getClerkName(task.assignedClerk) : "Unassigned"}
-                                        </td>
-                                        <td className="py-4 text-foreground">
-                                            {task.date ? format(new Date(task.date), "MM/dd/yyyy") : "–"}
-                                        </td>
-                                        <td className="py-4">
-                                            {task.repeats ? (
-                                                <Badge variant="outline">{task.repeats}</Badge>
-                                            ) : (
-                                                <span className="text-sm text-muted-foreground">Once</span>
-                                            )}
-                                        </td>
-                                    </tr>
-                                ))}
-                                </tbody>
-                            </table>
-                        </div>
-                    )}
-                </CardContent>
-            </Card>
-
-            <DashboardCalendar
-                entries={calendarEntries}
-                onAppointmentClick={() => {}}
-                onNoShow={handleNoShow}
-                onShowUp={handleShowUp}
-            />
+            </div>*/}
         </DashboardLayout>
     );
 }

package/templates/frontend/src/pages/Register.tsx

@@ -8,7 +8,7 @@ import { useToast } from '@/hooks/use-toast';
 import { Check, ChevronLeft } from 'lucide-react';
 import { supabase } from '@/integrations/supabase/client';
 import { useAuth } from '@/contexts/AuthContext';
-import { registerTenant } from "@/lib/api";
+//import { registerTenant } from "@/lib/api";
 import { v4 } from "uuid";
 
 const Register = () => {
@@ -113,11 +113,11 @@ const Register = () => {
       const token = sessionData?.session?.access_token ?? "";
       const tenantId = v4();
 
-      await registerTenant({
+     /* await registerTenant({
         tenantId,
         name: tenantName,
         ownerId: ownerId,
-      }, { token, userId: ownerId, tenantId });
+      }, { token, userId: ownerId, tenantId });*/
 
       toast({
         title: 'Success',

package/templates/.claude/skills/sample-slices/templates/.slices/Library/addbook/code-slice.json

@@ -1,124 +0,0 @@
-{
-  "id": "3458764661593137476",
-  "title": "slice: Add Book",
-  "specifications": [
-    {
-      "vertical": false,
-      "id": "GENERATED-SPEC-001",
-      "sliceName": "slice: Add Book",
-      "type": "COMMAND",
-      "title": "should create BookAdded event when adding a book",
-      "given": [],
-      "when": [
-        {
-          "id": "GENERATED-WHEN-001",
-          "linkedId": "3458764661591564785",
-          "title": "Add Book",
-          "type": "COMMAND",
-          "fields": [
-            {
-              "name": "title",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "Harry Potter",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "author",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "J.K. Rowling",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "description",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "A magical adventure",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "isbn",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "1234567890",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "user",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "john@example.com",
-              "subfields": [],
-              "idAttribute": false
-            }
-          ]
-        }
-      ],
-      "then": [
-        {
-          "id": "GENERATED-THEN-001",
-          "linkedId": "3458764661586330620",
-          "title": "Book added",
-          "type": "SPEC_EVENT",
-          "fields": [
-            {
-              "name": "id",
-              "type": "String",
-              "cardinality": "Single",
-              "subfields": [],
-              "idAttribute": false,
-              "generated": true
-            },
-            {
-              "name": "title",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "Harry Potter",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "author",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "J.K. Rowling",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "description",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "A magical adventure",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "isbn",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "1234567890",
-              "subfields": [],
-              "idAttribute": false
-            },
-            {
-              "name": "user",
-              "type": "String",
-              "cardinality": "Single",
-              "example": "john@example.com",
-              "subfields": [],
-              "idAttribute": false
-            }
-          ]
-        }
-      ],
-      "comments": [],
-      "linkedId": "GENERATED-SPEC-001"
-    }
-  ]
-}

package/templates/frontend/src/components/tables/ReservationTemplates.tsx

@@ -1,189 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { Label } from "@/components/ui/label";
-import { Loader2, Mail, Phone } from "lucide-react";
-import { toast } from "sonner";
-import { useReservationTemplates, useSaveReservationTemplate } from "@/hooks/api/useReservationTemplates";
-import { Skeleton } from "@/components/ui/skeleton";
-
-const TEMPLATE_VARIABLES = [
-  { key: "name", label: "Name" },
-  { key: "from", label: "From" },
-  { key: "to", label: "To" },
-  { key: "persons", label: "Persons" },
-  { key: "location", label: "Location" },
-];
-
-export function ReservationTemplates() {
-  const { data: templates = [], isLoading } = useReservationTemplates();
-  const saveMutation = useSaveReservationTemplate();
-
-  const [emailTemplate, setEmailTemplate] = useState("");
-  const [phoneTemplate, setPhoneTemplate] = useState("");
-  const [focusedField, setFocusedField] = useState<"email" | "phone" | null>(null);
-
-  const emailRef = useRef<HTMLTextAreaElement>(null);
-  const phoneRef = useRef<HTMLTextAreaElement>(null);
-
-  // Load templates when data is fetched
-  useEffect(() => {
-    const emailTpl = templates.find(t => t.templateType === "EMAIL");
-    const phoneTpl = templates.find(t => t.templateType === "PHONE");
-
-    if (emailTpl) setEmailTemplate(emailTpl.template);
-    if (phoneTpl) setPhoneTemplate(phoneTpl.template);
-  }, [templates]);
-
-  const insertVariable = (variable: string) => {
-    const insertion = `{${variable}}`;
-
-    if (focusedField === "email" && emailRef.current) {
-      const textarea = emailRef.current;
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-      const newValue = emailTemplate.slice(0, start) + insertion + emailTemplate.slice(end);
-      setEmailTemplate(newValue);
-
-      // Restore cursor position after insertion
-      setTimeout(() => {
-        textarea.focus();
-        textarea.setSelectionRange(start + insertion.length, start + insertion.length);
-      }, 0);
-    } else if (focusedField === "phone" && phoneRef.current) {
-      const textarea = phoneRef.current;
-      const start = textarea.selectionStart;
-      const end = textarea.selectionEnd;
-      const newValue = phoneTemplate.slice(0, start) + insertion + phoneTemplate.slice(end);
-      setPhoneTemplate(newValue);
-
-      setTimeout(() => {
-        textarea.focus();
-        textarea.setSelectionRange(start + insertion.length, start + insertion.length);
-      }, 0);
-    } else {
-      toast.error("Please select a text field first");
-    }
-  };
-
-  const handleSaveEmail = async () => {
-    const existingTemplate = templates.find(t => t.templateType === "EMAIL");
-    const templateId = existingTemplate?.templateId || `tpl-email-${Date.now()}`;
-
-    try {
-      await saveMutation.mutateAsync({
-        templateId,
-        templateType: "EMAIL",
-        template: emailTemplate,
-      });
-      toast.success("Email template saved");
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  const handleSavePhone = async () => {
-    const existingTemplate = templates.find(t => t.templateType === "PHONE");
-    const templateId = existingTemplate?.templateId || `tpl-phone-${Date.now()}`;
-
-    try {
-      await saveMutation.mutateAsync({
-        templateId,
-        templateType: "PHONE",
-        template: phoneTemplate,
-      });
-      toast.success("SMS template saved");
-    } catch (err) {
-      toast.error(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
-    }
-  };
-
-  if (isLoading) {
-    return (
-      <Card>
-        <CardHeader>
-          <Skeleton className="h-6 w-48" />
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <Skeleton className="h-32 w-full" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Notification Templates</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        {/* Variable buttons */}
-        <div className="flex flex-wrap gap-2">
-          {TEMPLATE_VARIABLES.map((variable) => (
-            <Button
-              key={variable.key}
-              variant="outline"
-              size="sm"
-              onClick={() => insertVariable(variable.key)}
-              className="text-xs"
-            >
-              {variable.label}
-            </Button>
-          ))}
-        </div>
-
-        {/* Templates grid */}
-        <div className="grid gap-6 md:grid-cols-2">
-          {/* Email template */}
-          <div className="space-y-3">
-            <div className="flex items-center gap-2">
-              <Mail className="h-4 w-4 text-muted-foreground" />
-              <Label>Email</Label>
-            </div>
-            <Textarea
-              ref={emailRef}
-              value={emailTemplate}
-              onChange={(e) => setEmailTemplate(e.target.value)}
-              onFocus={() => setFocusedField("email")}
-              placeholder="Enter email template..."
-              className="min-h-[150px] resize-none"
-            />
-            <Button
-              onClick={handleSaveEmail}
-              disabled={saveMutation.isPending}
-              className="w-full"
-            >
-              {saveMutation.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              Save
-            </Button>
-          </div>
-
-          {/* Phone/SMS template */}
-          <div className="space-y-3">
-            <div className="flex items-center gap-2">
-              <Phone className="h-4 w-4 text-muted-foreground" />
-              <Label>SMS</Label>
-            </div>
-            <Textarea
-              ref={phoneRef}
-              value={phoneTemplate}
-              onChange={(e) => setPhoneTemplate(e.target.value)}
-              onFocus={() => setFocusedField("phone")}
-              placeholder="Enter SMS template..."
-              className="min-h-[150px] resize-none"
-            />
-            <Button
-              onClick={handleSavePhone}
-              disabled={saveMutation.isPending}
-              className="w-full"
-            >
-              {saveMutation.isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              Save
-            </Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}