@almadar/std 2.1.1 → 2.4.1

package/dist/behaviors/domain/scheduling.js

@@ -0,0 +1,930 @@
+// behaviors/domain/scheduling.ts
+var SCHEDULING_THEME = {
+  name: "scheduling-violet",
+  tokens: {
+    colors: {
+      primary: "#7c3aed",
+      "primary-hover": "#6d28d9",
+      "primary-foreground": "#ffffff",
+      accent: "#a78bfa",
+      "accent-foreground": "#000000",
+      success: "#22c55e",
+      warning: "#f59e0b",
+      error: "#ef4444"
+    }
+  }
+};
+var calendarBrowsingMainEffect = ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+  // Header row: calendar icon + title + create button
+  { type: "stack", direction: "horizontal", justify: "space-between", children: [
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "icon", name: "calendar", size: "lg" },
+      { type: "typography", variant: "h2", content: "Calendar" }
+    ] },
+    { type: "button", label: "New Event", icon: "calendar-plus", variant: "primary", action: "CREATE" }
+  ] },
+  { type: "divider" },
+  // Stats row
+  { type: "stack", direction: "horizontal", gap: "md", children: [
+    { type: "stats", label: "Total Events", icon: "calendar", value: "@entity.id" },
+    { type: "stats", label: "All Day", icon: "clock", value: "@entity.isAllDay" }
+  ] },
+  { type: "divider" },
+  // Calendar grid view
+  {
+    type: "calendar-grid",
+    entity: "CalendarEvent",
+    dateField: "startDate",
+    titleField: "title",
+    itemActions: [
+      { label: "View", event: "VIEW", icon: "eye" }
+    ]
+  },
+  // Search bar
+  { type: "search-input", placeholder: "Search events...", icon: "search", entity: "CalendarEvent" },
+  // Data list below calendar
+  {
+    type: "data-list",
+    entity: "CalendarEvent",
+    variant: "card",
+    fields: [
+      { name: "title", label: "Event", icon: "calendar-check", variant: "h4" },
+      { name: "startDate", label: "Start", icon: "clock", variant: "body" },
+      { name: "endDate", label: "End", icon: "clock", variant: "caption" },
+      { name: "location", label: "Location", icon: "map-pin", variant: "badge" }
+    ],
+    itemActions: [
+      { label: "View", event: "VIEW", icon: "eye" }
+    ]
+  }
+] }];
+var CALENDAR_BEHAVIOR = {
+  name: "std-calendar",
+  version: "1.0.0",
+  description: "Calendar event management with CRUD operations",
+  theme: SCHEDULING_THEME,
+  orbitals: [
+    {
+      name: "CalendarOrbital",
+      entity: {
+        name: "CalendarEvent",
+        persistence: "persistent",
+        collection: "calendar_events",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "title", type: "string", default: "" },
+          { name: "startDate", type: "string", default: "" },
+          { name: "endDate", type: "string", default: "" },
+          { name: "location", type: "string", default: "" },
+          { name: "isAllDay", type: "boolean", default: false }
+        ]
+      },
+      traits: [
+        {
+          name: "CalendarManager",
+          linkedEntity: "CalendarEvent",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "creating" },
+              { name: "viewing" },
+              { name: "editing" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "CREATE", name: "Create Event" },
+              { key: "SUBMIT", name: "Submit Event", payloadSchema: [
+                { name: "title", type: "string", required: true },
+                { name: "startDate", type: "string", required: true },
+                { name: "endDate", type: "string", required: true },
+                { name: "location", type: "string", required: true },
+                { name: "isAllDay", type: "boolean", required: true }
+              ] },
+              { key: "VIEW", name: "View Event", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "EDIT", name: "Edit Event" },
+              { key: "UPDATE", name: "Update Event", payloadSchema: [
+                { name: "title", type: "string", required: true },
+                { name: "startDate", type: "string", required: true },
+                { name: "endDate", type: "string", required: true },
+                { name: "location", type: "string", required: true },
+                { name: "isAllDay", type: "boolean", required: true }
+              ] },
+              { key: "CANCEL", name: "Cancel" },
+              { key: "CLOSE", name: "Close" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: [
+                  ["fetch", "CalendarEvent"],
+                  calendarBrowsingMainEffect
+                ]
+              },
+              {
+                from: "browsing",
+                to: "creating",
+                event: "CREATE",
+                effects: [
+                  ["fetch", "CalendarEvent"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "calendar-plus", size: "md" },
+                      { type: "typography", variant: "h3", content: "New Event" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "CalendarEvent",
+                      title: "Event Details",
+                      submitEvent: "SUBMIT",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "SUBMIT",
+                effects: [
+                  ["set", "@entity.title", "@payload.title"],
+                  ["set", "@entity.startDate", "@payload.startDate"],
+                  ["set", "@entity.endDate", "@payload.endDate"],
+                  ["set", "@entity.location", "@payload.location"],
+                  ["set", "@entity.isAllDay", "@payload.isAllDay"],
+                  ["render-ui", "modal", null],
+                  ["fetch", "CalendarEvent"],
+                  calendarBrowsingMainEffect
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "browsing",
+                to: "viewing",
+                event: "VIEW",
+                effects: [
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    // Event title with icon
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "calendar-check", size: "md" },
+                      { type: "typography", variant: "h3", content: "@entity.title" }
+                    ] },
+                    { type: "divider" },
+                    // Detail fields
+                    { type: "stack", direction: "vertical", gap: "sm", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "clock", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.startDate" },
+                        { type: "typography", variant: "caption", content: "to" },
+                        { type: "typography", variant: "body", content: "@entity.endDate" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "map-pin", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.location" }
+                      ] }
+                    ] },
+                    { type: "divider" },
+                    // Actions
+                    { type: "stack", direction: "horizontal", gap: "sm", justify: "end", children: [
+                      { type: "button", label: "Edit", icon: "edit", variant: "secondary", action: "EDIT" },
+                      { type: "button", label: "Close", icon: "x", variant: "ghost", action: "CLOSE" }
+                    ] }
+                  ] }]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "editing",
+                event: "EDIT",
+                effects: [
+                  ["fetch", "CalendarEvent"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "edit", size: "md" },
+                      { type: "typography", variant: "h3", content: "Edit Event" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "CalendarEvent",
+                      title: "Update Details",
+                      submitEvent: "UPDATE",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "UPDATE",
+                effects: [
+                  ["set", "@entity.title", "@payload.title"],
+                  ["set", "@entity.startDate", "@payload.startDate"],
+                  ["set", "@entity.endDate", "@payload.endDate"],
+                  ["set", "@entity.location", "@payload.location"],
+                  ["set", "@entity.isAllDay", "@payload.isAllDay"],
+                  ["render-ui", "modal", null],
+                  ["fetch", "CalendarEvent"],
+                  calendarBrowsingMainEffect
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "CalendarPage",
+          path: "/calendar",
+          isInitial: true,
+          traits: [{ ref: "CalendarManager" }]
+        }
+      ]
+    }
+  ]
+};
+var bookingBrowsingMainEffect = ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+  // Header: users icon + title + new booking button
+  { type: "stack", direction: "horizontal", justify: "space-between", children: [
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "icon", name: "users", size: "lg" },
+      { type: "typography", variant: "h2", content: "Bookings" }
+    ] },
+    { type: "button", label: "New Booking", icon: "calendar-plus", variant: "primary", action: "SELECT" }
+  ] },
+  { type: "divider" },
+  // Stats row: total bookings + status breakdown
+  { type: "stack", direction: "horizontal", gap: "md", children: [
+    { type: "stats", label: "Total Bookings", icon: "calendar", value: "@entity.id" },
+    { type: "stats", label: "Status", icon: "check-circle", value: "@entity.status" }
+  ] },
+  { type: "divider" },
+  // Search
+  { type: "search-input", placeholder: "Search bookings...", icon: "search", entity: "Booking" },
+  // Data grid with booking details
+  {
+    type: "data-grid",
+    entity: "Booking",
+    columns: [
+      { name: "service", label: "Service", icon: "briefcase" },
+      { name: "clientName", label: "Client", icon: "user" },
+      { name: "date", label: "Date", icon: "calendar" },
+      { name: "time", label: "Time", icon: "clock" },
+      { name: "status", label: "Status", icon: "activity", variant: "badge" }
+    ],
+    itemActions: [
+      { label: "Select", event: "SELECT", icon: "arrow-right" }
+    ]
+  },
+  // Timeline of upcoming bookings
+  {
+    type: "line-chart",
+    entity: "Booking",
+    label: "Booking Trend",
+    icon: "trending-up",
+    xField: "date",
+    yField: "id"
+  }
+] }];
+var BOOKING_BEHAVIOR = {
+  name: "std-booking",
+  version: "1.0.0",
+  description: "Booking system with service selection and confirmation",
+  theme: SCHEDULING_THEME,
+  orbitals: [
+    {
+      name: "BookingOrbital",
+      entity: {
+        name: "Booking",
+        persistence: "persistent",
+        collection: "bookings",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "service", type: "string", default: "" },
+          { name: "date", type: "string", default: "" },
+          { name: "time", type: "string", default: "" },
+          { name: "clientName", type: "string", default: "" },
+          { name: "status", type: "string", default: "pending" }
+        ]
+      },
+      traits: [
+        {
+          name: "BookingFlow",
+          linkedEntity: "Booking",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "selecting" },
+              { name: "confirming" },
+              { name: "confirmed" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "SELECT", name: "Select Booking", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "FILL_DETAILS", name: "Fill Details", payloadSchema: [
+                { name: "service", type: "string", required: true },
+                { name: "date", type: "string", required: true },
+                { name: "time", type: "string", required: true },
+                { name: "clientName", type: "string", required: true }
+              ] },
+              { key: "CONFIRM", name: "Confirm Booking" },
+              { key: "CANCEL", name: "Cancel" },
+              { key: "CLOSE", name: "Close" },
+              { key: "BACK", name: "Go Back" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: [
+                  ["fetch", "Booking"],
+                  bookingBrowsingMainEffect
+                ]
+              },
+              {
+                from: "browsing",
+                to: "selecting",
+                event: "SELECT",
+                effects: [
+                  ["fetch", "Booking"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "calendar-plus", size: "md" },
+                      { type: "typography", variant: "h3", content: "Book a Service" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "Booking",
+                      title: "Service Details",
+                      submitEvent: "FILL_DETAILS",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "selecting",
+                to: "confirming",
+                event: "FILL_DETAILS",
+                effects: [
+                  ["set", "@entity.service", "@payload.service"],
+                  ["set", "@entity.date", "@payload.date"],
+                  ["set", "@entity.time", "@payload.time"],
+                  ["set", "@entity.clientName", "@payload.clientName"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "check-circle", size: "md" },
+                      { type: "typography", variant: "h3", content: "Confirm Booking" }
+                    ] },
+                    { type: "divider" },
+                    // Booking summary
+                    { type: "stack", direction: "vertical", gap: "sm", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "briefcase", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.service" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "user", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.clientName" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "calendar", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.date" },
+                        { type: "icon", name: "clock", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.time" }
+                      ] }
+                    ] },
+                    { type: "divider" },
+                    { type: "stack", direction: "horizontal", gap: "sm", justify: "end", children: [
+                      { type: "button", label: "Confirm", icon: "check", variant: "primary", action: "CONFIRM" },
+                      { type: "button", label: "Back", icon: "arrow-left", variant: "ghost", action: "BACK" }
+                    ] }
+                  ] }]
+                ]
+              },
+              {
+                from: "confirming",
+                to: "confirmed",
+                event: "CONFIRM",
+                effects: [
+                  ["set", "@entity.status", "confirmed"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", align: "center", children: [
+                    { type: "icon", name: "check-circle", size: "xl" },
+                    { type: "typography", variant: "h3", content: "Booking Confirmed" },
+                    { type: "typography", variant: "body", content: "Your appointment has been scheduled." },
+                    { type: "divider" },
+                    { type: "stack", direction: "vertical", gap: "sm", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "briefcase", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.service" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "calendar", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.date" }
+                      ] },
+                      { type: "badge", label: "Confirmed", variant: "success", icon: "check" }
+                    ] },
+                    { type: "divider" },
+                    { type: "button", label: "Close", icon: "x", variant: "secondary", action: "CLOSE" }
+                  ] }]
+                ]
+              },
+              {
+                from: "confirming",
+                to: "selecting",
+                event: "BACK",
+                effects: [
+                  ["fetch", "Booking"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "calendar-plus", size: "md" },
+                      { type: "typography", variant: "h3", content: "Book a Service" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "Booking",
+                      title: "Service Details",
+                      submitEvent: "FILL_DETAILS",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "selecting",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "confirming",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "confirmed",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [
+                  ["render-ui", "modal", null],
+                  ["fetch", "Booking"],
+                  bookingBrowsingMainEffect
+                ]
+              },
+              {
+                from: "confirmed",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null],
+                  ["fetch", "Booking"],
+                  bookingBrowsingMainEffect
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "BookingsPage",
+          path: "/bookings",
+          isInitial: true,
+          traits: [{ ref: "BookingFlow" }]
+        }
+      ]
+    }
+  ]
+};
+var availabilityBrowsingMainEffect = ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+  // Header: clock icon + title
+  { type: "stack", direction: "horizontal", justify: "space-between", children: [
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "icon", name: "clock", size: "lg" },
+      { type: "typography", variant: "h2", content: "Availability" }
+    ] }
+  ] },
+  { type: "divider" },
+  // Stats: available vs total slots
+  { type: "stack", direction: "horizontal", gap: "md", children: [
+    { type: "stats", label: "Total Slots", icon: "timer", value: "@entity.id" },
+    { type: "stats", label: "Available", icon: "check-circle", value: "@entity.isAvailable" }
+  ] },
+  // Availability meter
+  { type: "meter", label: "Availability Rate", icon: "activity", value: "@entity.isAvailable", max: 100, variant: "success" },
+  { type: "divider" },
+  // Weekly grid of time slots
+  {
+    type: "data-grid",
+    entity: "TimeSlot",
+    columns: [
+      { name: "dayOfWeek", label: "Day", icon: "calendar" },
+      { name: "startTime", label: "Start", icon: "clock" },
+      { name: "endTime", label: "End", icon: "clock" },
+      { name: "isAvailable", label: "Available", icon: "check-circle", variant: "badge" }
+    ],
+    itemActions: [
+      { label: "Edit", event: "EDIT", icon: "edit" }
+    ]
+  }
+] }];
+var AVAILABILITY_BEHAVIOR = {
+  name: "std-availability",
+  version: "1.0.0",
+  description: "Availability time slot management",
+  theme: SCHEDULING_THEME,
+  orbitals: [
+    {
+      name: "AvailabilityOrbital",
+      entity: {
+        name: "TimeSlot",
+        persistence: "persistent",
+        collection: "time_slots",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "dayOfWeek", type: "string", default: "" },
+          { name: "startTime", type: "string", default: "" },
+          { name: "endTime", type: "string", default: "" },
+          { name: "isAvailable", type: "boolean", default: true }
+        ]
+      },
+      traits: [
+        {
+          name: "AvailabilityManager",
+          linkedEntity: "TimeSlot",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "editing" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "EDIT", name: "Edit Slot", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "UPDATE", name: "Update Slot", payloadSchema: [
+                { name: "dayOfWeek", type: "string", required: true },
+                { name: "startTime", type: "string", required: true },
+                { name: "endTime", type: "string", required: true },
+                { name: "isAvailable", type: "boolean", required: true }
+              ] },
+              { key: "CANCEL", name: "Cancel" },
+              { key: "CLOSE", name: "Close" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: [
+                  ["fetch", "TimeSlot"],
+                  availabilityBrowsingMainEffect
+                ]
+              },
+              {
+                from: "browsing",
+                to: "editing",
+                event: "EDIT",
+                effects: [
+                  ["fetch", "TimeSlot"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "edit", size: "md" },
+                      { type: "typography", variant: "h3", content: "Edit Time Slot" }
+                    ] },
+                    { type: "divider" },
+                    // Current slot info
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "badge", label: "@entity.dayOfWeek", variant: "default", icon: "calendar" },
+                      { type: "typography", variant: "caption", content: "@entity.startTime" },
+                      { type: "typography", variant: "caption", content: "-" },
+                      { type: "typography", variant: "caption", content: "@entity.endTime" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "TimeSlot",
+                      title: "Slot Details",
+                      submitEvent: "UPDATE",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "UPDATE",
+                effects: [
+                  ["set", "@entity.dayOfWeek", "@payload.dayOfWeek"],
+                  ["set", "@entity.startTime", "@payload.startTime"],
+                  ["set", "@entity.endTime", "@payload.endTime"],
+                  ["set", "@entity.isAvailable", "@payload.isAvailable"],
+                  ["render-ui", "modal", null],
+                  ["fetch", "TimeSlot"],
+                  availabilityBrowsingMainEffect
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "editing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "AvailabilityPage",
+          path: "/availability",
+          isInitial: true,
+          traits: [{ ref: "AvailabilityManager" }]
+        }
+      ]
+    }
+  ]
+};
+var reminderBrowsingMainEffect = ["render-ui", "main", { type: "stack", direction: "vertical", gap: "lg", children: [
+  // Header: bell icon + title + create button
+  { type: "stack", direction: "horizontal", justify: "space-between", children: [
+    { type: "stack", direction: "horizontal", gap: "sm", children: [
+      { type: "icon", name: "repeat", size: "lg" },
+      { type: "typography", variant: "h2", content: "Reminders" }
+    ] },
+    { type: "button", label: "New Reminder", icon: "calendar-plus", variant: "primary", action: "CREATE" }
+  ] },
+  { type: "divider" },
+  // Stats: total + completed + by priority
+  { type: "stack", direction: "horizontal", gap: "md", children: [
+    { type: "stats", label: "Total", icon: "list", value: "@entity.id" },
+    { type: "stats", label: "Completed", icon: "check-circle", value: "@entity.isCompleted" },
+    { type: "stats", label: "Priority", icon: "alert-triangle", value: "@entity.priority" }
+  ] },
+  { type: "divider" },
+  // Search
+  { type: "search-input", placeholder: "Search reminders...", icon: "search", entity: "Reminder" },
+  // Reminder data list
+  {
+    type: "data-list",
+    entity: "Reminder",
+    variant: "card",
+    fields: [
+      { name: "title", label: "Reminder", icon: "repeat", variant: "h4" },
+      { name: "dueDate", label: "Due", icon: "calendar", variant: "body" },
+      { name: "priority", label: "Priority", icon: "alert-triangle", variant: "badge" },
+      { name: "isCompleted", label: "Done", icon: "check-circle", variant: "badge" }
+    ],
+    itemActions: [
+      { label: "View", event: "VIEW", icon: "eye" }
+    ]
+  },
+  // Timeline chart
+  {
+    type: "line-chart",
+    entity: "Reminder",
+    label: "Due Date Timeline",
+    icon: "trending-up",
+    xField: "dueDate",
+    yField: "id"
+  }
+] }];
+var REMINDER_BEHAVIOR = {
+  name: "std-reminder",
+  version: "1.0.0",
+  description: "Reminder system with priority tracking",
+  theme: SCHEDULING_THEME,
+  orbitals: [
+    {
+      name: "ReminderOrbital",
+      entity: {
+        name: "Reminder",
+        persistence: "persistent",
+        collection: "reminders",
+        fields: [
+          { name: "id", type: "string", required: true },
+          { name: "title", type: "string", default: "" },
+          { name: "dueDate", type: "string", default: "" },
+          { name: "priority", type: "string", default: "medium" },
+          { name: "isCompleted", type: "boolean", default: false }
+        ]
+      },
+      traits: [
+        {
+          name: "ReminderManager",
+          linkedEntity: "Reminder",
+          category: "interaction",
+          stateMachine: {
+            states: [
+              { name: "browsing", isInitial: true },
+              { name: "creating" },
+              { name: "viewing" }
+            ],
+            events: [
+              { key: "INIT", name: "Initialize" },
+              { key: "CREATE", name: "Create Reminder" },
+              { key: "SUBMIT", name: "Submit Reminder", payloadSchema: [
+                { name: "title", type: "string", required: true },
+                { name: "dueDate", type: "string", required: true },
+                { name: "priority", type: "string", required: true }
+              ] },
+              { key: "VIEW", name: "View Reminder", payloadSchema: [{ name: "id", type: "string", required: true }] },
+              { key: "COMPLETE", name: "Complete Reminder" },
+              { key: "CANCEL", name: "Cancel" },
+              { key: "CLOSE", name: "Close" }
+            ],
+            transitions: [
+              {
+                from: "browsing",
+                to: "browsing",
+                event: "INIT",
+                effects: [
+                  ["fetch", "Reminder"],
+                  reminderBrowsingMainEffect
+                ]
+              },
+              {
+                from: "browsing",
+                to: "creating",
+                event: "CREATE",
+                effects: [
+                  ["fetch", "Reminder"],
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "calendar-plus", size: "md" },
+                      { type: "typography", variant: "h3", content: "New Reminder" }
+                    ] },
+                    { type: "divider" },
+                    {
+                      type: "form-section",
+                      entity: "Reminder",
+                      title: "Reminder Details",
+                      submitEvent: "SUBMIT",
+                      cancelEvent: "CANCEL"
+                    }
+                  ] }]
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "SUBMIT",
+                effects: [
+                  ["set", "@entity.title", "@payload.title"],
+                  ["set", "@entity.dueDate", "@payload.dueDate"],
+                  ["set", "@entity.priority", "@payload.priority"],
+                  ["render-ui", "modal", null],
+                  ["fetch", "Reminder"],
+                  reminderBrowsingMainEffect
+                ]
+              },
+              {
+                from: "creating",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "browsing",
+                to: "viewing",
+                event: "VIEW",
+                effects: [
+                  ["render-ui", "modal", { type: "stack", direction: "vertical", gap: "md", children: [
+                    // Title with icon
+                    { type: "stack", direction: "horizontal", gap: "sm", children: [
+                      { type: "icon", name: "repeat", size: "md" },
+                      { type: "typography", variant: "h3", content: "@entity.title" }
+                    ] },
+                    { type: "divider" },
+                    // Detail fields
+                    { type: "stack", direction: "vertical", gap: "sm", children: [
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "calendar", size: "sm" },
+                        { type: "typography", variant: "body", content: "@entity.dueDate" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "alert-triangle", size: "sm" },
+                        { type: "badge", label: "@entity.priority", variant: "warning" }
+                      ] },
+                      { type: "stack", direction: "horizontal", gap: "sm", children: [
+                        { type: "icon", name: "check-circle", size: "sm" },
+                        { type: "badge", label: "@entity.isCompleted", variant: "default" }
+                      ] }
+                    ] },
+                    { type: "divider" },
+                    // Actions
+                    { type: "stack", direction: "horizontal", gap: "sm", justify: "end", children: [
+                      { type: "button", label: "Complete", icon: "check", variant: "primary", action: "COMPLETE" },
+                      { type: "button", label: "Close", icon: "x", variant: "ghost", action: "CLOSE" }
+                    ] }
+                  ] }]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "COMPLETE",
+                effects: [
+                  ["set", "@entity.isCompleted", true],
+                  ["render-ui", "modal", null],
+                  ["fetch", "Reminder"],
+                  reminderBrowsingMainEffect
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CLOSE",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              },
+              {
+                from: "viewing",
+                to: "browsing",
+                event: "CANCEL",
+                effects: [
+                  ["render-ui", "modal", null]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      pages: [
+        {
+          name: "RemindersPage",
+          path: "/reminders",
+          isInitial: true,
+          traits: [{ ref: "ReminderManager" }]
+        }
+      ]
+    }
+  ]
+};
+var SCHEDULING_BEHAVIORS = [
+  CALENDAR_BEHAVIOR,
+  BOOKING_BEHAVIOR,
+  AVAILABILITY_BEHAVIOR,
+  REMINDER_BEHAVIOR
+];
+
+export { AVAILABILITY_BEHAVIOR, BOOKING_BEHAVIOR, CALENDAR_BEHAVIOR, REMINDER_BEHAVIOR, SCHEDULING_BEHAVIORS };
+//# sourceMappingURL=scheduling.js.map
+//# sourceMappingURL=scheduling.js.map