@btst/stack 5.0.0 → 5.2.0

package/dist/packages/stack/src/plugins/crm/api/plugin.mjs

@@ -0,0 +1,204 @@
+import { defineBackendPlugin, createEndpoint } from '@btst/stack/plugins/api';
+import { crmSchema } from '../db.mjs';
+import { updateActivitySchema, createActivitySchema, listActivitiesSchema, moveDealSchema, createPipelineSchema, paginationSchema, updateDealSchema, createDealSchema, listDealsSchema, updateCompanySchema, createCompanySchema, listCompaniesSchema, updateContactSchema, createContactSchema, listContactsSchema } from '../schemas.mjs';
+import { createCrmOperations } from './operations.mjs';
+
+const crmBackendPlugin = (options = {}) => defineBackendPlugin({
+  id: "crm",
+  dbPlugin: crmSchema,
+  operations: (adapter, context) => {
+    if (!context?.auth) throw new Error("CRM requires stack authorization");
+    if (!Object.values(context?.plugins ?? {}).some(
+      (plugin) => plugin.id === "kanban"
+    ))
+      throw new Error("CRM requires the Kanban backend plugin");
+    return createCrmOperations(adapter, options.hooks);
+  },
+  routes: (_adapter, _context, operations) => ({
+    listContacts: createEndpoint(
+      "/crm/contacts",
+      {
+        method: "GET",
+        query: listContactsSchema,
+        requireRequest: true
+      },
+      operations.listContacts.route((ctx) => ctx.query)
+    ),
+    getContactById: createEndpoint(
+      "/crm/contacts/:id",
+      { method: "GET", requireRequest: true },
+      operations.getContactById.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    createContact: createEndpoint(
+      "/crm/contacts",
+      {
+        method: "POST",
+        body: createContactSchema,
+        requireRequest: true
+      },
+      operations.createContact.route((ctx) => ctx.body)
+    ),
+    updateContact: createEndpoint(
+      "/crm/contacts/:id",
+      {
+        method: "PUT",
+        body: updateContactSchema,
+        requireRequest: true
+      },
+      operations.updateContact.route((ctx) => ({
+        id: ctx.params.id,
+        data: ctx.body
+      }))
+    ),
+    deleteContact: createEndpoint(
+      "/crm/contacts/:id",
+      { method: "DELETE", requireRequest: true },
+      operations.deleteContact.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    listCompanies: createEndpoint(
+      "/crm/companies",
+      {
+        method: "GET",
+        query: listCompaniesSchema,
+        requireRequest: true
+      },
+      operations.listCompanies.route((ctx) => ctx.query)
+    ),
+    getCompanyById: createEndpoint(
+      "/crm/companies/:id",
+      { method: "GET", requireRequest: true },
+      operations.getCompanyById.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    createCompany: createEndpoint(
+      "/crm/companies",
+      {
+        method: "POST",
+        body: createCompanySchema,
+        requireRequest: true
+      },
+      operations.createCompany.route((ctx) => ctx.body)
+    ),
+    updateCompany: createEndpoint(
+      "/crm/companies/:id",
+      {
+        method: "PUT",
+        body: updateCompanySchema,
+        requireRequest: true
+      },
+      operations.updateCompany.route((ctx) => ({
+        id: ctx.params.id,
+        data: ctx.body
+      }))
+    ),
+    deleteCompany: createEndpoint(
+      "/crm/companies/:id",
+      { method: "DELETE", requireRequest: true },
+      operations.deleteCompany.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    listDeals: createEndpoint(
+      "/crm/deals",
+      { method: "GET", query: listDealsSchema, requireRequest: true },
+      operations.listDeals.route((ctx) => ctx.query)
+    ),
+    getDealById: createEndpoint(
+      "/crm/deals/:id",
+      { method: "GET", requireRequest: true },
+      operations.getDealById.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    createDeal: createEndpoint(
+      "/crm/deals",
+      {
+        method: "POST",
+        body: createDealSchema,
+        requireRequest: true
+      },
+      operations.createDeal.route((ctx) => ctx.body)
+    ),
+    updateDeal: createEndpoint(
+      "/crm/deals/:id",
+      { method: "PUT", body: updateDealSchema, requireRequest: true },
+      operations.updateDeal.route((ctx) => ({
+        id: ctx.params.id,
+        data: ctx.body
+      }))
+    ),
+    deleteDeal: createEndpoint(
+      "/crm/deals/:id",
+      { method: "DELETE", requireRequest: true },
+      operations.deleteDeal.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    listPipelines: createEndpoint(
+      "/crm/pipelines",
+      {
+        method: "GET",
+        query: paginationSchema,
+        requireRequest: true
+      },
+      operations.listPipelines.route((ctx) => ctx.query)
+    ),
+    getPipeline: createEndpoint(
+      "/crm/pipelines/:id",
+      { method: "GET", requireRequest: true },
+      operations.getPipeline.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    createPipeline: createEndpoint(
+      "/crm/pipelines",
+      {
+        method: "POST",
+        body: createPipelineSchema,
+        requireRequest: true
+      },
+      operations.createPipeline.route((ctx) => ctx.body)
+    ),
+    moveDeal: createEndpoint(
+      "/crm/deals/:id/move",
+      { method: "POST", body: moveDealSchema, requireRequest: true },
+      operations.moveDeal.route((ctx) => ({
+        id: ctx.params.id,
+        ...ctx.body
+      }))
+    ),
+    listActivities: createEndpoint(
+      "/crm/activities",
+      {
+        method: "GET",
+        query: listActivitiesSchema,
+        requireRequest: true
+      },
+      operations.listActivities.route((ctx) => ctx.query)
+    ),
+    logActivity: createEndpoint(
+      "/crm/activities",
+      {
+        method: "POST",
+        body: createActivitySchema,
+        requireRequest: true
+      },
+      operations.logActivity.route((ctx) => ctx.body)
+    ),
+    updateActivity: createEndpoint(
+      "/crm/activities/:id",
+      {
+        method: "PUT",
+        body: updateActivitySchema,
+        requireRequest: true
+      },
+      operations.updateActivity.route((ctx) => ({
+        id: ctx.params.id,
+        data: ctx.body
+      }))
+    ),
+    deleteActivity: createEndpoint(
+      "/crm/activities/:id",
+      { method: "DELETE", requireRequest: true },
+      operations.deleteActivity.route((ctx) => ({ id: ctx.params.id }))
+    ),
+    sendDueReminders: createEndpoint(
+      "/crm/reminders/send",
+      { method: "POST", requireRequest: true },
+      operations.sendDueReminders.route(() => ({}))
+    )
+  })
+});
+
+export { crmBackendPlugin };

package/dist/packages/stack/src/plugins/crm/api/serializers.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+const iso = (date) => new Date(date).toISOString();
+function serializeContact(row) {
+  return {
+    ...row,
+    tags: JSON.parse(row.tags || "[]"),
+    customFields: JSON.parse(row.customFields || "{}"),
+    createdAt: iso(row.createdAt),
+    updatedAt: iso(row.updatedAt)
+  };
+}
+function serializeCompany(row) {
+  return {
+    ...row,
+    createdAt: iso(row.createdAt),
+    updatedAt: iso(row.updatedAt)
+  };
+}
+function serializeActivity(row) {
+  return {
+    ...row,
+    dueAt: row.dueAt ? iso(row.dueAt) : null,
+    completedAt: row.completedAt ? iso(row.completedAt) : null,
+    remindedAt: row.remindedAt ? iso(row.remindedAt) : null,
+    createdAt: iso(row.createdAt)
+  };
+}
+
+exports.serializeActivity = serializeActivity;
+exports.serializeCompany = serializeCompany;
+exports.serializeContact = serializeContact;

package/dist/packages/stack/src/plugins/crm/api/serializers.mjs

@@ -0,0 +1,28 @@
+const iso = (date) => new Date(date).toISOString();
+function serializeContact(row) {
+  return {
+    ...row,
+    tags: JSON.parse(row.tags || "[]"),
+    customFields: JSON.parse(row.customFields || "{}"),
+    createdAt: iso(row.createdAt),
+    updatedAt: iso(row.updatedAt)
+  };
+}
+function serializeCompany(row) {
+  return {
+    ...row,
+    createdAt: iso(row.createdAt),
+    updatedAt: iso(row.updatedAt)
+  };
+}
+function serializeActivity(row) {
+  return {
+    ...row,
+    dueAt: row.dueAt ? iso(row.dueAt) : null,
+    completedAt: row.completedAt ? iso(row.completedAt) : null,
+    remindedAt: row.remindedAt ? iso(row.remindedAt) : null,
+    createdAt: iso(row.createdAt)
+  };
+}
+
+export { serializeActivity, serializeCompany, serializeContact };

package/dist/packages/stack/src/plugins/crm/client/components/activity-timeline.cjs

@@ -0,0 +1,204 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context$1 = require('@btst/stack/context');
+const context = require('@btst/stack/plugins/ai-chat/client/context');
+const button = require('../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../ui/src/components/input.cjs');
+const textarea = require('../../../../../../ui/src/components/textarea.cjs');
+const plugins_crm_client_hooks_index = require('../../../../../../../plugins/crm/client/hooks/index.cjs');
+const plugins_crm_permissions = require('../../../../../../../plugins/crm/permissions.cjs');
+const shared = require('./shared.cjs');
+
+function ActivityTimeline({
+  contactId,
+  dealId,
+  description
+}) {
+  const [offset, setOffset] = React.useState(0);
+  const { data } = plugins_crm_client_hooks_index.useActivities({ contactId, dealId, limit: 25, offset });
+  const create = plugins_crm_client_hooks_index.useCreateActivity();
+  const update = plugins_crm_client_hooks_index.useUpdateActivity();
+  const remove = plugins_crm_client_hooks_index.useDeleteActivity();
+  const [logging, setLogging] = React.useState(false);
+  const action = shared.useCrmAction();
+  context.useRegisterPageAIContext({
+    routeName: contactId ? "crm-contact-detail" : "crm-deal-detail",
+    pageDescription: `${description}
+Recent activities:
+${data.items.map((a) => `${a.type}: ${a.body}${a.dueAt ? ` Follow-up due ${a.dueAt}` : ""}`).join("\n")}`.slice(
+      0,
+      16e3
+    ),
+    suggestions: [
+      "Summarize this relationship's history",
+      "Draft a follow-up email",
+      "Log a call note"
+    ],
+    clientTools: {
+      logCrmActivity: async (input) => {
+        await create.mutateAsync({ ...input, contactId, dealId });
+        return { success: true, message: "Activity saved" };
+      }
+    }
+  });
+  const save = (event) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const fields = new FormData(form);
+    const due = String(fields.get("dueAt") || "");
+    void action.run(async () => {
+      await create.mutateAsync({
+        type: String(fields.get("type")),
+        body: String(fields.get("body")),
+        contactId,
+        dealId,
+        dueAt: due ? new Date(due).toISOString() : null
+      });
+      form.reset();
+      setLogging(false);
+    }, "Activity saved");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "min-w-0 space-y-5", "aria-label": "Activity timeline", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: "Activity timeline" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        context$1.PermissionAccess,
+        {
+          permission: plugins_crm_permissions.crmPermissions.activity.create({
+            contactId: contactId ?? null,
+            dealId: dealId ?? null
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              className: "min-h-11",
+              variant: "outline",
+              onClick: () => setLogging(!logging),
+              children: "Log activity"
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(shared.Feedback, { ...action }),
+    logging && /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "space-y-4 rounded-lg border p-4", onSubmit: save, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Type", children: (id) => /* @__PURE__ */ jsxRuntime.jsxs("select", { id, name: "type", className: shared.selectClass, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "note", children: "Note" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "call", children: "Call" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "email", children: "Email" }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "meeting", children: "Meeting" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Follow-up due", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(input.Input, { id, name: "dueAt", type: "datetime-local" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Activity details", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        textarea.Textarea,
+        {
+          id,
+          name: "body",
+          required: true,
+          maxLength: 2e4,
+          rows: 4
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "submit",
+            className: "min-h-11",
+            disabled: create.isPending,
+            children: "Save activity"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "min-h-11",
+            onClick: () => setLogging(false),
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }),
+    data.items.length ? /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "divide-y", children: data.items.map((activity) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "space-y-3 py-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium capitalize", children: activity.type }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "time",
+          {
+            className: "text-sm text-muted-foreground",
+            dateTime: activity.createdAt,
+            children: new Date(activity.createdAt).toLocaleString()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-6", children: activity.body }),
+      activity.dueAt && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", children: [
+        activity.completedAt ? "Completed" : "Follow-up due",
+        ":",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: activity.completedAt ?? activity.dueAt, children: new Date(
+          activity.completedAt ?? activity.dueAt
+        ).toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        activity.dueAt && /* @__PURE__ */ jsxRuntime.jsx(
+          context$1.PermissionAccess,
+          {
+            permission: plugins_crm_permissions.crmPermissions.activity.update({
+              id: activity.id
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                variant: "outline",
+                className: "min-h-11",
+                disabled: update.isPending,
+                onClick: () => void action.run(
+                  async () => {
+                    await update.mutateAsync({
+                      id: activity.id,
+                      data: {
+                        completedAt: activity.completedAt ? null : (/* @__PURE__ */ new Date()).toISOString()
+                      }
+                    });
+                  },
+                  activity.completedAt ? "Follow-up reopened" : "Follow-up completed"
+                ),
+                children: activity.completedAt ? "Reopen follow-up" : "Complete follow-up"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          context$1.PermissionAccess,
+          {
+            permission: plugins_crm_permissions.crmPermissions.activity.delete({
+              id: activity.id
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              shared.DeleteRecord,
+              {
+                label: "Delete activity",
+                description: "This activity will be removed from the timeline.",
+                pending: remove.isPending,
+                onDelete: () => void action.run(async () => {
+                  await remove.mutateAsync(activity.id);
+                }, "Activity deleted")
+              }
+            )
+          }
+        )
+      ] })
+    ] }, activity.id)) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-6 text-muted-foreground", children: "No activities yet. Log a note, call, email, or meeting to start the timeline." }),
+    /* @__PURE__ */ jsxRuntime.jsx(shared.Pagination, { offset, total: data.total, onChange: setOffset })
+  ] });
+}
+
+exports.ActivityTimeline = ActivityTimeline;

package/dist/packages/stack/src/plugins/crm/client/components/activity-timeline.mjs

@@ -0,0 +1,202 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { PermissionAccess } from '@btst/stack/context';
+import { useRegisterPageAIContext } from '@btst/stack/plugins/ai-chat/client/context';
+import { Button } from '../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../ui/src/components/input.mjs';
+import { Textarea } from '../../../../../../ui/src/components/textarea.mjs';
+import { useActivities, useCreateActivity, useUpdateActivity, useDeleteActivity } from '../../../../../../../plugins/crm/client/hooks/index.mjs';
+import { crmPermissions } from '../../../../../../../plugins/crm/permissions.mjs';
+import { useCrmAction, Feedback, Field, selectClass, DeleteRecord, Pagination } from './shared.mjs';
+
+function ActivityTimeline({
+  contactId,
+  dealId,
+  description
+}) {
+  const [offset, setOffset] = useState(0);
+  const { data } = useActivities({ contactId, dealId, limit: 25, offset });
+  const create = useCreateActivity();
+  const update = useUpdateActivity();
+  const remove = useDeleteActivity();
+  const [logging, setLogging] = useState(false);
+  const action = useCrmAction();
+  useRegisterPageAIContext({
+    routeName: contactId ? "crm-contact-detail" : "crm-deal-detail",
+    pageDescription: `${description}
+Recent activities:
+${data.items.map((a) => `${a.type}: ${a.body}${a.dueAt ? ` Follow-up due ${a.dueAt}` : ""}`).join("\n")}`.slice(
+      0,
+      16e3
+    ),
+    suggestions: [
+      "Summarize this relationship's history",
+      "Draft a follow-up email",
+      "Log a call note"
+    ],
+    clientTools: {
+      logCrmActivity: async (input) => {
+        await create.mutateAsync({ ...input, contactId, dealId });
+        return { success: true, message: "Activity saved" };
+      }
+    }
+  });
+  const save = (event) => {
+    event.preventDefault();
+    const form = event.currentTarget;
+    const fields = new FormData(form);
+    const due = String(fields.get("dueAt") || "");
+    void action.run(async () => {
+      await create.mutateAsync({
+        type: String(fields.get("type")),
+        body: String(fields.get("body")),
+        contactId,
+        dealId,
+        dueAt: due ? new Date(due).toISOString() : null
+      });
+      form.reset();
+      setLogging(false);
+    }, "Activity saved");
+  };
+  return /* @__PURE__ */ jsxs("section", { className: "min-w-0 space-y-5", "aria-label": "Activity timeline", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: "Activity timeline" }),
+      /* @__PURE__ */ jsx(
+        PermissionAccess,
+        {
+          permission: crmPermissions.activity.create({
+            contactId: contactId ?? null,
+            dealId: dealId ?? null
+          }),
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "min-h-11",
+              variant: "outline",
+              onClick: () => setLogging(!logging),
+              children: "Log activity"
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Feedback, { ...action }),
+    logging && /* @__PURE__ */ jsxs("form", { className: "space-y-4 rounded-lg border p-4", onSubmit: save, children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(Field, { label: "Type", children: (id) => /* @__PURE__ */ jsxs("select", { id, name: "type", className: selectClass, children: [
+          /* @__PURE__ */ jsx("option", { value: "note", children: "Note" }),
+          /* @__PURE__ */ jsx("option", { value: "call", children: "Call" }),
+          /* @__PURE__ */ jsx("option", { value: "email", children: "Email" }),
+          /* @__PURE__ */ jsx("option", { value: "meeting", children: "Meeting" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Field, { label: "Follow-up due", children: (id) => /* @__PURE__ */ jsx(Input, { id, name: "dueAt", type: "datetime-local" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { label: "Activity details", children: (id) => /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id,
+          name: "body",
+          required: true,
+          maxLength: 2e4,
+          rows: 4
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "submit",
+            className: "min-h-11",
+            disabled: create.isPending,
+            children: "Save activity"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            className: "min-h-11",
+            onClick: () => setLogging(false),
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }),
+    data.items.length ? /* @__PURE__ */ jsx("ol", { className: "divide-y", children: data.items.map((activity) => /* @__PURE__ */ jsxs("li", { className: "space-y-3 py-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("h3", { className: "font-medium capitalize", children: activity.type }),
+        /* @__PURE__ */ jsx(
+          "time",
+          {
+            className: "text-sm text-muted-foreground",
+            dateTime: activity.createdAt,
+            children: new Date(activity.createdAt).toLocaleString()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm leading-6", children: activity.body }),
+      activity.dueAt && /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+        activity.completedAt ? "Completed" : "Follow-up due",
+        ":",
+        " ",
+        /* @__PURE__ */ jsx("time", { dateTime: activity.completedAt ?? activity.dueAt, children: new Date(
+          activity.completedAt ?? activity.dueAt
+        ).toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        activity.dueAt && /* @__PURE__ */ jsx(
+          PermissionAccess,
+          {
+            permission: crmPermissions.activity.update({
+              id: activity.id
+            }),
+            children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                className: "min-h-11",
+                disabled: update.isPending,
+                onClick: () => void action.run(
+                  async () => {
+                    await update.mutateAsync({
+                      id: activity.id,
+                      data: {
+                        completedAt: activity.completedAt ? null : (/* @__PURE__ */ new Date()).toISOString()
+                      }
+                    });
+                  },
+                  activity.completedAt ? "Follow-up reopened" : "Follow-up completed"
+                ),
+                children: activity.completedAt ? "Reopen follow-up" : "Complete follow-up"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PermissionAccess,
+          {
+            permission: crmPermissions.activity.delete({
+              id: activity.id
+            }),
+            children: /* @__PURE__ */ jsx(
+              DeleteRecord,
+              {
+                label: "Delete activity",
+                description: "This activity will be removed from the timeline.",
+                pending: remove.isPending,
+                onDelete: () => void action.run(async () => {
+                  await remove.mutateAsync(activity.id);
+                }, "Activity deleted")
+              }
+            )
+          }
+        )
+      ] })
+    ] }, activity.id)) }) : /* @__PURE__ */ jsx("p", { className: "py-6 text-muted-foreground", children: "No activities yet. Log a note, call, email, or meeting to start the timeline." }),
+    /* @__PURE__ */ jsx(Pagination, { offset, total: data.total, onChange: setOffset })
+  ] });
+}
+
+export { ActivityTimeline };