@oneclick.dev/cms-core-modules 0.0.76 → 0.0.78

package/dist/AppointmentDetailsCard-BfBwWxTU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("lucide-vue-next"),p=require("@oneclick.dev/cms-kit"),E={class:"w-full"},h={key:0,class:"flex items-center gap-2 py-3"},S={key:1,class:"text-xs text-destructive py-2"},B={key:2,class:"rounded-xl border bg-background p-4 text-center"},D={key:3,class:"space-y-3"},I={class:"flex items-start gap-3"},C={class:"shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center"},z={class:"flex-1 min-w-0"},T={class:"text-sm font-semibold truncate"},w={class:"flex items-center gap-2 mt-1 flex-wrap"},j={key:0,class:"text-xs font-medium"},A={class:"grid grid-cols-2 gap-2 text-xs text-muted-foreground"},L={class:"flex items-center gap-1.5"},P={class:"truncate"},$={class:"flex items-center gap-1.5"},M={class:"flex items-center gap-1.5"},q={class:"flex items-center gap-1.5"},F=e.defineComponent({__name:"AppointmentDetailsCard",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(u,{emit:f}){const d=u,g=f,x=p.useRoute(),v=e.computed(()=>x.params.slug),N=p.useModuleApi(d.instanceId),c=e.ref(!0),a=e.ref(null),l=e.ref([]);async function k(){const{name:s,email:n,date:i}=d.resolvedArgs||{};if(!i){a.value="No date provided",c.value=!1;return}c.value=!0,a.value=null;try{const t=new URLSearchParams;s&&t.set("name",s),n&&t.set("email",n),i&&t.set("date",i);const V=await N.get(`/appointments/find?${t.toString()}`);l.value=V.appointments||[],m({count:l.value.length,appointments:l.value.map(r=>({orderId:r.orderId,reservationId:r.reservationId,customerName:`${r.customerInfo?.firstName||""} ${r.customerInfo?.lastName||""}`.trim(),email:r.customerInfo?.email,date:r.date,startTime:r.startTime,endTime:r.endTime,spots:r.spots,status:r.reservationStatus||r.status,price:r.reservationPrice}))})}catch(t){a.value=t?.data?.statusMessage||t?.message||"Failed to find appointment",m(`Error finding appointment: ${a.value}`)}finally{c.value=!1}}e.onMounted(()=>{k()});function m(s){d.status!=="completed"&&g("submit",s)}const _=s=>{switch(s){case"approved":return"text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";case"needs_approval":return"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";case"rejected":case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20"}},y=s=>{switch(s){case"approved":return"Approved";case"needs_approval":return"Needs Approval";case"rejected":return"Rejected";case"cancelled":return"Cancelled";case"confirmed":return"Confirmed";default:return s||"Pending"}},b=s=>s==null?"":`€${s.toFixed(2)}`;return(s,n)=>{const i=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",E,[e.unref(c)?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(e.unref(o.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),n[0]||(n[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Searching appointments…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",S,e.toDisplayString(e.unref(a)),1)):e.unref(l).length===0?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(o.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),n[1]||(n[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No appointments found for the given criteria.",-1))])):(e.openBlock(),e.createElementBlock("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),t=>(e.openBlock(),e.createElementBlock("div",{key:t.reservationId||t.orderId,class:"rounded-xl border bg-background p-3 space-y-3"},[e.createElementVNode("div",I,[e.createElementVNode("div",C,[e.createVNode(e.unref(o.CalendarDays),{class:"size-5 text-primary"})]),e.createElementVNode("div",z,[e.createElementVNode("p",T,e.toDisplayString(t.customerInfo?.firstName)+" "+e.toDisplayString(t.customerInfo?.lastName),1),e.createElementVNode("div",w,[e.createElementVNode("span",{class:e.normalizeClass(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase",_(t.reservationStatus||t.status)])},e.toDisplayString(y(t.reservationStatus||t.status)),3),t.reservationPrice!=null?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(b(t.reservationPrice)),1)):e.createCommentVNode("",!0)])])]),e.createElementVNode("div",A,[e.createElementVNode("div",L,[e.createVNode(e.unref(o.Mail),{class:"size-3"}),e.createElementVNode("span",P,e.toDisplayString(t.customerInfo?.email||"—"),1)]),e.createElementVNode("div",$,[e.createVNode(e.unref(o.CalendarDays),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.date),1)]),e.createElementVNode("div",M,[e.createVNode(e.unref(o.Clock),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.startTime)+" – "+e.toDisplayString(t.endTime),1)]),e.createElementVNode("div",q,[e.createVNode(e.unref(o.Users),{class:"size-3"}),e.createElementVNode("span",null,e.toDisplayString(t.spots||1)+" "+e.toDisplayString((t.spots||1)===1?"spot":"spots"),1)])]),e.createVNode(i,{to:`/projects/${e.unref(v)}/modules/${u.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ExternalLink),{class:"size-3"}),n[2]||(n[2]=e.createTextVNode(" Open in agenda ",-1))]),_:1},8,["to"])]))),128))]))])}}});exports.default=F;

package/dist/{AppointmentDetailsCard-i4Ky8WnK.mjs → AppointmentDetailsCard-SMNXi117.mjs}

@@ -1,21 +1,22 @@
-import { defineComponent as T, computed as A, ref as x, onMounted as L, resolveComponent as $, openBlock as d, createElementBlock as l, unref as r, createVNode as i, createElementVNode as t, toDisplayString as a, Fragment as j, renderList as P, normalizeClass as E, createCommentVNode as M, withCtx as V, createTextVNode as D } from "vue";
+import { defineComponent as T, computed as A, ref as x, onMounted as L, resolveComponent as $, openBlock as d, createElementBlock as l, unref as r, createVNode as i, createElementVNode as t, toDisplayString as o, Fragment as j, renderList as P, normalizeClass as E, createCommentVNode as M, withCtx as V, createTextVNode as D } from "vue";
 import { Loader2 as F, CalendarDays as g, Mail as R, Clock as B, Users as U, ExternalLink as O } from "lucide-vue-next";
-const q = { class: "w-full" }, G = {
+import { useRoute as q, useModuleApi as G } from "@oneclick.dev/cms-kit";
+const H = { class: "w-full" }, J = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, H = {
+}, K = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, J = {
+}, Q = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center"
-}, K = {
+}, W = {
   key: 3,
   class: "space-y-3"
-}, Q = { class: "flex items-start gap-3" }, W = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, X = { class: "flex-1 min-w-0" }, Y = { class: "text-sm font-semibold truncate" }, Z = { class: "flex items-center gap-2 mt-1 flex-wrap" }, ee = {
+}, X = { class: "flex items-start gap-3" }, Y = { class: "shrink-0 size-10 rounded-lg bg-primary/10 flex items-center justify-center" }, Z = { class: "flex-1 min-w-0" }, ee = { class: "text-sm font-semibold truncate" }, te = { class: "flex items-center gap-2 mt-1 flex-wrap" }, se = {
   key: 0,
   class: "text-xs font-medium"
-}, te = { class: "grid grid-cols-2 gap-2 text-xs text-muted-foreground" }, se = { class: "flex items-center gap-1.5" }, re = { class: "truncate" }, ne = { class: "flex items-center gap-1.5" }, ae = { class: "flex items-center gap-1.5" }, oe = { class: "flex items-center gap-1.5" }, le = /* @__PURE__ */ T({
+}, re = { class: "grid grid-cols-2 gap-2 text-xs text-muted-foreground" }, ne = { class: "flex items-center gap-1.5" }, oe = { class: "truncate" }, ae = { class: "flex items-center gap-1.5" }, ie = { class: "flex items-center gap-1.5" }, de = { class: "flex items-center gap-1.5" }, ue = /* @__PURE__ */ T({
   __name: "AppointmentDetailsCard",
   props: {
     toolName: {},
@@ -27,21 +28,21 @@ const q = { class: "w-full" }, G = {
   },
   emits: ["submit"],
   setup(v, { emit: b }) {
-    const f = v, h = b, k = useRoute(), y = A(() => k.params.slug), N = useModuleApi(f.instanceId), p = x(!0), c = x(null), u = x([]);
+    const f = v, h = b, k = q(), y = A(() => k.params.slug), N = G(f.instanceId), p = x(!0), c = x(null), m = x([]);
     async function I() {
-      const { name: s, email: o, date: m } = f.resolvedArgs || {};
-      if (!m) {
+      const { name: s, email: a, date: u } = f.resolvedArgs || {};
+      if (!u) {
         c.value = "No date provided", p.value = !1;
         return;
       }
       p.value = !0, c.value = null;
       try {
         const e = new URLSearchParams();
-        s && e.set("name", s), o && e.set("email", o), m && e.set("date", m);
+        s && e.set("name", s), a && e.set("email", a), u && e.set("date", u);
         const w = await N.get(`/appointments/find?${e.toString()}`);
-        u.value = w.appointments || [], _({
-          count: u.value.length,
-          appointments: u.value.map((n) => ({
+        m.value = w.appointments || [], _({
+          count: m.value.length,
+          appointments: m.value.map((n) => ({
             orderId: n.orderId,
             reservationId: n.reservationId,
             customerName: `${n.customerInfo?.firstName || ""} ${n.customerInfo?.lastName || ""}`.trim(),
@@ -94,59 +95,59 @@ const q = { class: "w-full" }, G = {
           return s || "Pending";
       }
     }, S = (s) => s == null ? "" : `€${s.toFixed(2)}`;
-    return (s, o) => {
-      const m = $("NuxtLink");
-      return d(), l("div", q, [
-        r(p) ? (d(), l("div", G, [
+    return (s, a) => {
+      const u = $("NuxtLink");
+      return d(), l("div", H, [
+        r(p) ? (d(), l("div", J, [
           i(r(F), { class: "size-4 animate-spin text-muted-foreground" }),
-          o[0] || (o[0] = t("span", { class: "text-xs text-muted-foreground" }, "Searching appointments…", -1))
-        ])) : r(c) ? (d(), l("div", H, a(r(c)), 1)) : r(u).length === 0 ? (d(), l("div", J, [
+          a[0] || (a[0] = t("span", { class: "text-xs text-muted-foreground" }, "Searching appointments…", -1))
+        ])) : r(c) ? (d(), l("div", K, o(r(c)), 1)) : r(m).length === 0 ? (d(), l("div", Q, [
           i(r(g), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
-          o[1] || (o[1] = t("p", { class: "text-sm text-muted-foreground" }, "No appointments found for the given criteria.", -1))
-        ])) : (d(), l("div", K, [
-          (d(!0), l(j, null, P(r(u), (e) => (d(), l("div", {
+          a[1] || (a[1] = t("p", { class: "text-sm text-muted-foreground" }, "No appointments found for the given criteria.", -1))
+        ])) : (d(), l("div", W, [
+          (d(!0), l(j, null, P(r(m), (e) => (d(), l("div", {
             key: e.reservationId || e.orderId,
             class: "rounded-xl border bg-background p-3 space-y-3"
           }, [
-            t("div", Q, [
-              t("div", W, [
+            t("div", X, [
+              t("div", Y, [
                 i(r(g), { class: "size-5 text-primary" })
               ]),
-              t("div", X, [
-                t("p", Y, a(e.customerInfo?.firstName) + " " + a(e.customerInfo?.lastName), 1),
-                t("div", Z, [
+              t("div", Z, [
+                t("p", ee, o(e.customerInfo?.firstName) + " " + o(e.customerInfo?.lastName), 1),
+                t("div", te, [
                   t("span", {
                     class: E(["text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase", C(e.reservationStatus || e.status)])
-                  }, a(z(e.reservationStatus || e.status)), 3),
-                  e.reservationPrice != null ? (d(), l("span", ee, a(S(e.reservationPrice)), 1)) : M("", !0)
+                  }, o(z(e.reservationStatus || e.status)), 3),
+                  e.reservationPrice != null ? (d(), l("span", se, o(S(e.reservationPrice)), 1)) : M("", !0)
                 ])
               ])
             ]),
-            t("div", te, [
-              t("div", se, [
+            t("div", re, [
+              t("div", ne, [
                 i(r(R), { class: "size-3" }),
-                t("span", re, a(e.customerInfo?.email || "—"), 1)
+                t("span", oe, o(e.customerInfo?.email || "—"), 1)
               ]),
-              t("div", ne, [
+              t("div", ae, [
                 i(r(g), { class: "size-3" }),
-                t("span", null, a(e.date), 1)
+                t("span", null, o(e.date), 1)
               ]),
-              t("div", ae, [
+              t("div", ie, [
                 i(r(B), { class: "size-3" }),
-                t("span", null, a(e.startTime) + " – " + a(e.endTime), 1)
+                t("span", null, o(e.startTime) + " – " + o(e.endTime), 1)
               ]),
-              t("div", oe, [
+              t("div", de, [
                 i(r(U), { class: "size-3" }),
-                t("span", null, a(e.spots || 1) + " " + a((e.spots || 1) === 1 ? "spot" : "spots"), 1)
+                t("span", null, o(e.spots || 1) + " " + o((e.spots || 1) === 1 ? "spot" : "spots"), 1)
               ])
             ]),
-            i(m, {
+            i(u, {
               to: `/projects/${r(y)}/modules/${v.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
             }, {
               default: V(() => [
                 i(r(O), { class: "size-3" }),
-                o[2] || (o[2] = D(" Open in agenda ", -1))
+                a[2] || (a[2] = D(" Open in agenda ", -1))
               ]),
               _: 1
             }, 8, ["to"])
@@ -157,5 +158,5 @@ const q = { class: "w-full" }, G = {
   }
 });
 export {
-  le as default
+  ue as default
 };

package/dist/AppointmentListTable-Dk-CnNR6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("lucide-vue-next"),m=require("@oneclick.dev/cms-kit"),k={class:"w-full"},E={key:0,class:"flex items-center gap-2 py-3"},V={key:1,class:"text-xs text-destructive py-2"},w={key:2,class:"rounded-xl border bg-background p-4 text-center"},S={key:3,class:"rounded-xl border bg-background overflow-hidden"},D={class:"overflow-x-auto"},I={class:"w-full text-xs"},B={class:"px-3 py-2"},T={class:"font-medium truncate max-w-[160px]"},C={class:"text-muted-foreground truncate max-w-[160px]"},L={class:"px-3 py-2 whitespace-nowrap"},j={class:"px-3 py-2 whitespace-nowrap"},A={class:"px-3 py-2 text-center"},$={class:"px-3 py-2"},q={class:"px-3 py-2 text-right font-medium whitespace-nowrap"},P={class:"px-3 py-2 border-t bg-muted/20 flex items-center justify-between"},z={class:"text-xs text-muted-foreground"},M=e.defineComponent({__name:"AppointmentListTable",props:{toolName:{},instanceId:{},instanceName:{},moduleType:{},resolvedArgs:{},status:{}},emits:["submit"],setup(i,{emit:p}){const d=i,x=p,f=m.useRoute(),g=e.computed(()=>f.params.slug),y=m.useModuleApi(d.instanceId),l=e.ref(!0),a=e.ref(null),s=e.ref([]);async function b(){const t=d.resolvedArgs?.quantity||20;l.value=!0,a.value=null;try{const r=await y.get(`/appointments?quantity=${t}`);s.value=r.appointments||[],u({count:s.value.length,appointments:s.value.map(o=>({orderId:o.orderId,reservationId:o.reservationId,customerName:`${o.customerInfo?.firstName||""} ${o.customerInfo?.lastName||""}`.trim(),email:o.customerInfo?.email,date:o.date,startTime:o.startTime,endTime:o.endTime,spots:o.spots,status:o.reservationStatus||o.status,price:o.reservationPrice}))})}catch(r){a.value=r?.data?.statusMessage||r?.message||"Failed to load appointments",u(`Error loading appointments: ${a.value}`)}finally{l.value=!1}}e.onMounted(()=>{b()});function u(t){d.status!=="completed"&&x("submit",t)}const N=t=>{switch(t){case"approved":return"text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20";case"needs_approval":return"text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20";case"rejected":case"cancelled":return"text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20";default:return"text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20"}},v=t=>{switch(t){case"approved":return"Approved";case"needs_approval":return"Needs Approval";case"rejected":return"Rejected";case"cancelled":return"Cancelled";case"confirmed":return"Confirmed";default:return t||"Pending"}},h=t=>t==null?"—":`€${t.toFixed(2)}`,_=t=>{if(!t)return"—";try{return new Date(t).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})}catch{return t}};return(t,r)=>{const o=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("div",k,[e.unref(l)?(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(c.Loader2),{class:"size-4 animate-spin text-muted-foreground"}),r[0]||(r[0]=e.createElementVNode("span",{class:"text-xs text-muted-foreground"},"Loading appointments…",-1))])):e.unref(a)?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(e.unref(a)),1)):e.unref(s).length===0?(e.openBlock(),e.createElementBlock("div",w,[e.createVNode(e.unref(c.CalendarDays),{class:"size-8 text-muted-foreground mx-auto mb-2"}),r[1]||(r[1]=e.createElementVNode("p",{class:"text-sm text-muted-foreground"},"No recent appointments found.",-1))])):(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",D,[e.createElementVNode("table",I,[r[2]||(r[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",{class:"border-b bg-muted/40"},[e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Customer"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Date"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Time"),e.createElementVNode("th",{class:"text-center px-3 py-2 font-medium text-muted-foreground"},"Spots"),e.createElementVNode("th",{class:"text-left px-3 py-2 font-medium text-muted-foreground"},"Status"),e.createElementVNode("th",{class:"text-right px-3 py-2 font-medium text-muted-foreground"},"Price")])],-1)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),n=>(e.openBlock(),e.createElementBlock("tr",{key:n.reservationId||n.orderId,class:"border-b last:border-b-0 hover:bg-muted/30 transition-colors"},[e.createElementVNode("td",B,[e.createElementVNode("div",T,e.toDisplayString(n.customerInfo?.firstName)+" "+e.toDisplayString(n.customerInfo?.lastName),1),e.createElementVNode("div",C,e.toDisplayString(n.customerInfo?.email),1)]),e.createElementVNode("td",L,e.toDisplayString(_(n.date)),1),e.createElementVNode("td",j,e.toDisplayString(n.startTime)+" – "+e.toDisplayString(n.endTime),1),e.createElementVNode("td",A,e.toDisplayString(n.spots||1),1),e.createElementVNode("td",$,[e.createElementVNode("span",{class:e.normalizeClass(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap",N(n.reservationStatus||n.status)])},e.toDisplayString(v(n.reservationStatus||n.status)),3)]),e.createElementVNode("td",q,e.toDisplayString(h(n.reservationPrice)),1)]))),128))])])]),e.createElementVNode("div",P,[e.createElementVNode("span",z,e.toDisplayString(e.unref(s).length)+" appointment"+e.toDisplayString(e.unref(s).length===1?"":"s"),1),e.createVNode(o,{to:`/projects/${e.unref(g)}/modules/${i.instanceId}`,class:"inline-flex items-center gap-1.5 text-xs text-primary hover:underline"},{default:e.withCtx(()=>[e.createVNode(e.unref(c.ExternalLink),{class:"size-3"}),r[3]||(r[3]=e.createTextVNode(" View all ",-1))]),_:1},8,["to"])])]))])}}});exports.default=M;

package/dist/{AppointmentListTable-G5dIeCYj.mjs → AppointmentListTable-vMSMt0M5.mjs}

@@ -1,18 +1,19 @@
 import { defineComponent as C, computed as L, ref as x, onMounted as S, resolveComponent as A, openBlock as i, createElementBlock as u, unref as a, createVNode as c, createElementVNode as e, toDisplayString as n, Fragment as $, renderList as j, normalizeClass as D, withCtx as P, createTextVNode as z } from "vue";
 import { Loader2 as E, CalendarDays as V, ExternalLink as q } from "lucide-vue-next";
-const F = { class: "w-full" }, M = {
+import { useRoute as F, useModuleApi as M } from "@oneclick.dev/cms-kit";
+const B = { class: "w-full" }, R = {
   key: 0,
   class: "flex items-center gap-2 py-3"
-}, B = {
+}, U = {
   key: 1,
   class: "text-xs text-destructive py-2"
-}, R = {
+}, G = {
   key: 2,
   class: "rounded-xl border bg-background p-4 text-center"
-}, U = {
+}, H = {
   key: 3,
   class: "rounded-xl border bg-background overflow-hidden"
-}, G = { class: "overflow-x-auto" }, H = { class: "w-full text-xs" }, J = { class: "px-3 py-2" }, K = { class: "font-medium truncate max-w-[160px]" }, O = { class: "text-muted-foreground truncate max-w-[160px]" }, Q = { class: "px-3 py-2 whitespace-nowrap" }, W = { class: "px-3 py-2 whitespace-nowrap" }, X = { class: "px-3 py-2 text-center" }, Y = { class: "px-3 py-2" }, Z = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, ee = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, te = { class: "text-xs text-muted-foreground" }, re = /* @__PURE__ */ C({
+}, J = { class: "overflow-x-auto" }, K = { class: "w-full text-xs" }, O = { class: "px-3 py-2" }, Q = { class: "font-medium truncate max-w-[160px]" }, W = { class: "text-muted-foreground truncate max-w-[160px]" }, X = { class: "px-3 py-2 whitespace-nowrap" }, Y = { class: "px-3 py-2 whitespace-nowrap" }, Z = { class: "px-3 py-2 text-center" }, ee = { class: "px-3 py-2" }, te = { class: "px-3 py-2 text-right font-medium whitespace-nowrap" }, se = { class: "px-3 py-2 border-t bg-muted/20 flex items-center justify-between" }, oe = { class: "text-xs text-muted-foreground" }, de = /* @__PURE__ */ C({
   __name: "AppointmentListTable",
   props: {
     toolName: {},
@@ -24,7 +25,7 @@ const F = { class: "w-full" }, M = {
   },
   emits: ["submit"],
   setup(f, { emit: b }) {
-    const m = f, h = b, v = useRoute(), y = L(() => v.params.slug), _ = useModuleApi(m.instanceId), p = x(!0), l = x(null), d = x([]);
+    const m = f, h = b, v = F(), y = L(() => v.params.slug), _ = M(m.instanceId), p = x(!0), l = x(null), d = x([]);
     async function k() {
       const t = m.resolvedArgs?.quantity || 20;
       p.value = !0, l.value = null;
@@ -94,16 +95,16 @@ const F = { class: "w-full" }, M = {
     };
     return (t, s) => {
       const o = A("NuxtLink");
-      return i(), u("div", F, [
-        a(p) ? (i(), u("div", M, [
+      return i(), u("div", B, [
+        a(p) ? (i(), u("div", R, [
           c(a(E), { class: "size-4 animate-spin text-muted-foreground" }),
           s[0] || (s[0] = e("span", { class: "text-xs text-muted-foreground" }, "Loading appointments…", -1))
-        ])) : a(l) ? (i(), u("div", B, n(a(l)), 1)) : a(d).length === 0 ? (i(), u("div", R, [
+        ])) : a(l) ? (i(), u("div", U, n(a(l)), 1)) : a(d).length === 0 ? (i(), u("div", G, [
           c(a(V), { class: "size-8 text-muted-foreground mx-auto mb-2" }),
           s[1] || (s[1] = e("p", { class: "text-sm text-muted-foreground" }, "No recent appointments found.", -1))
-        ])) : (i(), u("div", U, [
-          e("div", G, [
-            e("table", H, [
+        ])) : (i(), u("div", H, [
+          e("div", J, [
+            e("table", K, [
               s[2] || (s[2] = e("thead", null, [
                 e("tr", { class: "border-b bg-muted/40" }, [
                   e("th", { class: "text-left px-3 py-2 font-medium text-muted-foreground" }, "Customer"),
@@ -119,25 +120,25 @@ const F = { class: "w-full" }, M = {
                   key: r.reservationId || r.orderId,
                   class: "border-b last:border-b-0 hover:bg-muted/30 transition-colors"
                 }, [
-                  e("td", J, [
-                    e("div", K, n(r.customerInfo?.firstName) + " " + n(r.customerInfo?.lastName), 1),
-                    e("div", O, n(r.customerInfo?.email), 1)
+                  e("td", O, [
+                    e("div", Q, n(r.customerInfo?.firstName) + " " + n(r.customerInfo?.lastName), 1),
+                    e("div", W, n(r.customerInfo?.email), 1)
                   ]),
-                  e("td", Q, n(T(r.date)), 1),
-                  e("td", W, n(r.startTime) + " – " + n(r.endTime), 1),
-                  e("td", X, n(r.spots || 1), 1),
-                  e("td", Y, [
+                  e("td", X, n(T(r.date)), 1),
+                  e("td", Y, n(r.startTime) + " – " + n(r.endTime), 1),
+                  e("td", Z, n(r.spots || 1), 1),
+                  e("td", ee, [
                     e("span", {
                       class: D(["inline-block text-[10px] font-medium px-1.5 py-0.5 rounded-full uppercase whitespace-nowrap", w(r.reservationStatus || r.status)])
                     }, n(I(r.reservationStatus || r.status)), 3)
                   ]),
-                  e("td", Z, n(N(r.reservationPrice)), 1)
+                  e("td", te, n(N(r.reservationPrice)), 1)
                 ]))), 128))
               ])
             ])
           ]),
-          e("div", ee, [
-            e("span", te, n(a(d).length) + " appointment" + n(a(d).length === 1 ? "" : "s"), 1),
+          e("div", se, [
+            e("span", oe, n(a(d).length) + " appointment" + n(a(d).length === 1 ? "" : "s"), 1),
             c(o, {
               to: `/projects/${a(y)}/modules/${f.instanceId}`,
               class: "inline-flex items-center gap-1.5 text-xs text-primary hover:underline"
@@ -155,5 +156,5 @@ const F = { class: "w-full" }, M = {
   }
 });
 export {
-  re as default
+  de as default
 };