@burdenoff/planmagnet-fe-sdk 2026.703.1

package/dist/index.js

@@ -0,0 +1,1764 @@
+import { createContext, useMemo, useEffect, useContext, useState, useCallback } from 'react';
+import { ApolloProvider, useQuery, useMutation, useApolloClient } from '@apollo/client/react';
+import { createHttpLink, ApolloClient, from, InMemoryCache } from '@apollo/client/core';
+import { setContext } from '@apollo/client/link/context';
+import { onError } from '@apollo/client/link/error';
+import { CombinedGraphQLErrors } from '@apollo/client/errors';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Card, CardContent } from '@burdenoff/fe-libs/ui';
+import { Filter } from 'lucide-react';
+import { gql } from '@apollo/client';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+
+var clientInstance = null;
+function buildCache() {
+  return new InMemoryCache({
+    typePolicies: {
+      Query: {
+        fields: {
+          planmagnetWorkItems: { merge: false },
+          planmagnetProjects: { merge: false },
+          planmagnetWorkItemLinks: { merge: false }
+        }
+      },
+      WorkItem: { keyFields: ["id"] },
+      PlanmagnetProject: { keyFields: ["id"] },
+      Project: { keyFields: ["id"] },
+      WorkItemLink: { keyFields: ["id"] }
+    }
+  });
+}
+function createPlanMagnetClient(config2) {
+  const graphqlUrl = getGraphQLUrl(config2.apiGatewayUrl);
+  const httpLink = createHttpLink({ uri: graphqlUrl });
+  const authLink = setContext((_, { headers }) => ({
+    headers: {
+      ...headers,
+      ...config2.authToken && {
+        authorization: `Bearer ${config2.authToken}`
+      },
+      ...config2.workspaceToken && {
+        "x-workspace-authorization": `Bearer ${config2.workspaceToken}`
+      },
+      "x-workspace-id": config2.workspaceId,
+      ...config2.tenantId && { "x-tenant-id": config2.tenantId }
+    }
+  }));
+  const errorLink = onError(({ error }) => {
+    if (!config2.onAuthError) return;
+    if (CombinedGraphQLErrors.is(error)) {
+      for (const graphQLError of error.errors) {
+        const code = graphQLError.extensions?.code;
+        if (code === "UNAUTHENTICATED" || code === "FORBIDDEN") {
+          config2.onAuthError();
+          return;
+        }
+      }
+    } else if (error) {
+      const msg = error.message ?? "";
+      if (msg.includes("401") || msg.includes("403") || msg.includes("Unauthorized")) {
+        config2.onAuthError();
+      }
+    }
+  });
+  return new ApolloClient({
+    link: from([errorLink, authLink, httpLink]),
+    cache: buildCache(),
+    defaultOptions: {
+      watchQuery: { fetchPolicy: "cache-and-network" },
+      query: { fetchPolicy: "network-only" }
+    }
+  });
+}
+function getGraphQLUrl(apiGatewayUrl) {
+  const normalizedBase = apiGatewayUrl.endsWith("/") ? apiGatewayUrl.slice(0, -1) : apiGatewayUrl;
+  if (normalizedBase.endsWith("/graphql")) {
+    return normalizedBase;
+  }
+  return `${normalizedBase}/workspaces/graphql`;
+}
+function setPlanMagnetClient(client) {
+  clientInstance = client;
+}
+function getPlanMagnetClient() {
+  if (!clientInstance) {
+    throw new Error(
+      "PlanMagnet client not initialized. Use PlanMagnetProvider or call setPlanMagnetClient()."
+    );
+  }
+  return clientInstance;
+}
+function getPlanMagnetClientSafe() {
+  return clientInstance;
+}
+function isPlanMagnetClientReady() {
+  return clientInstance !== null;
+}
+function waitForPlanMagnetClient(timeoutMs = 1e4, intervalMs = 100) {
+  return new Promise((resolve) => {
+    if (clientInstance) {
+      resolve(clientInstance);
+      return;
+    }
+    const start = Date.now();
+    const timer = setInterval(() => {
+      if (clientInstance) {
+        clearInterval(timer);
+        resolve(clientInstance);
+      } else if (Date.now() - start >= timeoutMs) {
+        clearInterval(timer);
+        resolve(null);
+      }
+    }, intervalMs);
+  });
+}
+function resetPlanMagnetClient() {
+  clientInstance = null;
+}
+
+// src/config/index.ts
+var runtimeConfig = {
+  apiGatewayUrl: "",
+  workspaceId: ""
+};
+var config = new Proxy({}, {
+  get(_, prop) {
+    return runtimeConfig[prop];
+  }
+});
+function getPlanMagnetConfig() {
+  return { ...runtimeConfig };
+}
+function setPlanMagnetConfig(newConfig) {
+  runtimeConfig = { ...runtimeConfig, ...newConfig };
+}
+function resetPlanMagnetConfig() {
+  runtimeConfig = {
+    apiGatewayUrl: "",
+    workspaceId: ""
+  };
+}
+function normalizeOrigin(origin) {
+  return origin.replace(/\/$/, "");
+}
+function validateTrustedOrigin(trustedOrigins) {
+  if (typeof window === "undefined" || !trustedOrigins?.length) {
+    return;
+  }
+  const currentOrigin = normalizeOrigin(window.location.origin);
+  const allowedOrigins = trustedOrigins.map(normalizeOrigin);
+  if (!allowedOrigins.includes(currentOrigin)) {
+    throw new Error(
+      `PlanMagnet SDK blocked untrusted origin: ${currentOrigin}`
+    );
+  }
+}
+function getGraphQLEndpoint(baseUrl) {
+  const url = baseUrl || runtimeConfig.apiGatewayUrl;
+  if (!url) {
+    throw new Error("PlanMagnet SDK requires apiGatewayUrl to be configured");
+  }
+  const normalizedBase = url.endsWith("/") ? url.slice(0, -1) : url;
+  if (normalizedBase.endsWith("/graphql")) {
+    return normalizedBase;
+  }
+  return `${normalizedBase}/workspaces/graphql`;
+}
+var PlanMagnetContext = createContext(null);
+function PlanMagnetProvider({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient: externalWorkspaceClient,
+  apolloClient: legacyClient,
+  children
+}) {
+  validateTrustedOrigin(trustedOrigins);
+  const workspaceClient = useMemo(() => {
+    if (externalWorkspaceClient) return externalWorkspaceClient;
+    if (legacyClient) return legacyClient;
+    if (apiGatewayUrl) {
+      return createPlanMagnetClient({
+        apiGatewayUrl,
+        authToken,
+        workspaceToken,
+        workspaceId,
+        tenantId,
+        onAuthError
+      });
+    }
+    throw new Error(
+      "PlanMagnetProvider: Either provide workspaceClient or apiGatewayUrl"
+    );
+  }, [
+    apiGatewayUrl,
+    authToken,
+    workspaceToken,
+    workspaceId,
+    tenantId,
+    onAuthError,
+    externalWorkspaceClient,
+    legacyClient
+  ]);
+  useEffect(() => {
+    setPlanMagnetClient(workspaceClient);
+    return () => {
+      resetPlanMagnetClient();
+    };
+  }, [workspaceClient]);
+  useEffect(() => {
+    setPlanMagnetConfig({
+      apiGatewayUrl,
+      authToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins
+    });
+    return () => {
+      resetPlanMagnetConfig();
+    };
+  }, [
+    apiGatewayUrl,
+    authToken,
+    workspaceId,
+    tenantId,
+    organizationId,
+    trustedOrigins
+  ]);
+  const contextValue = useMemo(
+    () => ({
+      apiGatewayUrl,
+      authToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      workspaceClient
+    }),
+    [
+      apiGatewayUrl,
+      authToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      workspaceClient
+    ]
+  );
+  return /* @__PURE__ */ jsx(PlanMagnetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ApolloProvider, { client: workspaceClient, children }) });
+}
+function usePlanMagnetContext() {
+  const context = useContext(PlanMagnetContext);
+  if (!context) {
+    throw new Error(
+      "usePlanMagnetContext must be used within PlanMagnetProvider"
+    );
+  }
+  return context;
+}
+function usePlanMagnetContextSafe() {
+  return useContext(PlanMagnetContext);
+}
+var WORK_ITEM_SUMMARY_FIELDS = gql`
+  fragment WorkItemSummaryFields on WorkItem {
+    id
+    key
+    title
+    type
+    status
+    priority
+    assigneeId
+    sprintId
+    storyPoints
+    dueDate
+    labels
+  }
+`;
+var WORK_ITEM_FIELDS = gql`
+  fragment WorkItemFields on WorkItem {
+    id
+    workspaceId
+    projectId
+    key
+    title
+    description
+    type
+    status
+    priority
+    assigneeId
+    reporterId
+    parentId
+    sprintId
+    storyPoints
+    estimateMinutes
+    timeSpentMinutes
+    dueDate
+    labels
+    tags
+    sortOrder
+    metadata
+    createdBy
+    createdAt
+    updatedAt
+    updatedBy
+    deletedAt
+  }
+`;
+var PROJECT_SUMMARY_FIELDS = gql`
+  fragment ProjectSummaryFields on Project {
+    id
+    name
+    key
+    status
+    methodology
+    ownerId
+    startDate
+    endDate
+    tags
+  }
+`;
+var LIST_WORK_ITEMS = gql`
+  query ListWorkItems(
+    $workspaceId: ID!
+    $filter: PlanmagnetWorkItemFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetWorkItems(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: $pagination
+    ) {
+      items {
+        ...WorkItemSummaryFields
+      }
+      pageInfo {
+        hasNextPage
+        hasPreviousPage
+        startCursor
+        endCursor
+        totalCount
+      }
+      totalCount
+    }
+  }
+  ${WORK_ITEM_SUMMARY_FIELDS}
+`;
+var GET_WORK_ITEM = gql`
+  query GetWorkItem($id: ID!) {
+    planmagnetWorkItem(id: $id) {
+      ...WorkItemFields
+    }
+  }
+  ${WORK_ITEM_FIELDS}
+`;
+var GET_PROJECTS = gql`
+  query GetProjects(
+    $workspaceId: ID!
+    $filter: PlanmagnetProjectFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetProjects(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: $pagination
+    ) {
+      items {
+        ...ProjectSummaryFields
+      }
+      pageInfo {
+        hasNextPage
+        hasPreviousPage
+        startCursor
+        endCursor
+        totalCount
+      }
+      totalCount
+    }
+  }
+  ${PROJECT_SUMMARY_FIELDS}
+`;
+var CREATE_WORK_ITEM = gql`
+  mutation CreateWorkItem($input: PlanmagnetCreateWorkItemInput!) {
+    planmagnetCreateWorkItem(input: $input) {
+      ...WorkItemFields
+    }
+  }
+  ${WORK_ITEM_FIELDS}
+`;
+var UPDATE_WORK_ITEM = gql`
+  mutation UpdateWorkItem($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) {
+    planmagnetUpdateWorkItem(id: $id, input: $input) {
+      ...WorkItemFields
+    }
+  }
+  ${WORK_ITEM_FIELDS}
+`;
+var MOVE_WORK_ITEM = gql`
+  mutation MoveWorkItem($id: ID!, $input: PlanmagnetMoveWorkItemInput!) {
+    planmagnetMoveWorkItem(id: $id, input: $input) {
+      ...WorkItemFields
+    }
+  }
+  ${WORK_ITEM_FIELDS}
+`;
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/types/index.ts
+var DEFAULT_BOARD_COLUMNS = [
+  { status: "BACKLOG", label: "Backlog" },
+  { status: "TODO", label: "To Do" },
+  { status: "IN_PROGRESS", label: "In Progress" },
+  { status: "IN_REVIEW", label: "In Review" },
+  { status: "TESTING", label: "Testing" },
+  { status: "DONE", label: "Done" }
+];
+var TASK_PRIORITIES = [
+  "NONE",
+  "LOW",
+  "MEDIUM",
+  "HIGH",
+  "CRITICAL"
+];
+var TASK_TYPES = [
+  "TASK",
+  "STORY",
+  "BUG",
+  "EPIC",
+  "SUB_TASK"
+];
+var TASK_STATUSES = [
+  "BACKLOG",
+  "TODO",
+  "IN_PROGRESS",
+  "IN_REVIEW",
+  "TESTING",
+  "DONE",
+  "CANCELLED"
+];
+function enumLabel(value) {
+  return value.toLowerCase().replace(/_/g, " ");
+}
+var columnAccent = {
+  BACKLOG: "border-t-muted-foreground/40",
+  TODO: "border-t-primary/50",
+  IN_PROGRESS: "border-t-primary",
+  IN_REVIEW: "border-t-secondary-foreground/50",
+  TESTING: "border-t-accent-foreground/50",
+  DONE: "border-t-primary/70",
+  CANCELLED: "border-t-destructive/60"
+};
+var priorityTone = {
+  NONE: "bg-muted text-muted-foreground",
+  LOW: "bg-muted text-muted-foreground",
+  MEDIUM: "bg-secondary text-secondary-foreground",
+  HIGH: "bg-accent text-accent-foreground",
+  CRITICAL: "bg-destructive/15 text-destructive"
+};
+var typeTone = {
+  TASK: "bg-secondary text-secondary-foreground",
+  STORY: "bg-primary/10 text-primary",
+  BUG: "bg-destructive/15 text-destructive",
+  EPIC: "bg-accent text-accent-foreground",
+  SUB_TASK: "bg-muted text-muted-foreground"
+};
+function TaskBoardCore({
+  projectId,
+  columns = DEFAULT_BOARD_COLUMNS,
+  readonly: _readonly,
+  hideHeader,
+  hideFilters,
+  hiddenFields,
+  onTaskClick,
+  className,
+  workspaceId: workspaceIdProp
+}) {
+  const ctx = usePlanMagnetContextSafe();
+  const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
+  const [priorityFilter, setPriorityFilter] = useState(
+    "ALL"
+  );
+  const [typeFilter, setTypeFilter] = useState("ALL");
+  const hidden = useMemo(() => new Set(hiddenFields ?? []), [hiddenFields]);
+  const { data, loading, error } = useQuery(
+    LIST_WORK_ITEMS,
+    {
+      variables: {
+        workspaceId,
+        ...projectId ? { filter: { projectId } } : {},
+        pagination: { first: 200 }
+      },
+      skip: !workspaceId
+    }
+  );
+  if (!workspaceId) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TaskBoard: no workspaceId provided (prop or PlanMagnetProvider)." });
+  }
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex items-center justify-center p-12",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" })
+      }
+    );
+  }
+  if (error && !data) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
+      "Error loading tasks: ",
+      error.message
+    ] });
+  }
+  const tasks = data?.planmagnetWorkItems?.items ?? [];
+  const filtered = tasks.filter(
+    (t) => (priorityFilter === "ALL" || t.priority === priorityFilter) && (typeFilter === "ALL" || t.type === typeFilter)
+  );
+  const gridCols = columns.length <= 4 ? "md:grid-cols-4" : columns.length === 5 ? "md:grid-cols-5" : "md:grid-cols-6";
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-6", className), children: [
+    !hideHeader && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: "Task Board" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        tasks.length,
+        " ",
+        tasks.length === 1 ? "task" : "tasks"
+      ] })
+    ] }) }),
+    !hideFilters && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsx(
+          FilterChip,
+          {
+            active: priorityFilter === "ALL",
+            label: "all",
+            onClick: () => setPriorityFilter("ALL")
+          }
+        ),
+        TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx(
+          FilterChip,
+          {
+            active: priorityFilter === p,
+            label: p.toLowerCase(),
+            onClick: () => setPriorityFilter(p)
+          },
+          p
+        ))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsx(
+          FilterChip,
+          {
+            active: typeFilter === "ALL",
+            label: "all",
+            onClick: () => setTypeFilter("ALL")
+          }
+        ),
+        TASK_TYPES.map((t) => /* @__PURE__ */ jsx(
+          FilterChip,
+          {
+            active: typeFilter === t,
+            label: t.toLowerCase().replace("_", " "),
+            onClick: () => setTypeFilter(t)
+          },
+          t
+        ))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-3 overflow-x-auto", gridCols), children: columns.map((col) => {
+      const colTasks = filtered.filter((t) => t.status === col.status);
+      return /* @__PURE__ */ jsxs("div", { className: "min-w-[200px]", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "rounded-t-md border-t-2 bg-muted/50 p-2",
+              columnAccent[col.status] ?? "border-t-muted-foreground/40"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: col.label }),
+              /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 text-xs text-muted-foreground", children: colTasks.length })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-2", children: colTasks.map((task) => /* @__PURE__ */ jsx(
+          Card,
+          {
+            className: cn(
+              "shadow-sm",
+              onTaskClick && "cursor-pointer hover:border-primary"
+            ),
+            onClick: onTaskClick ? () => onTaskClick(task) : void 0,
+            children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-2 p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-tight text-foreground", children: task.title }),
+              !hidden.has("key") && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: task.key }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                !hidden.has("priority") && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "rounded-full px-1.5 py-0.5 text-[10px] capitalize",
+                      priorityTone[task.priority]
+                    ),
+                    children: task.priority.toLowerCase()
+                  }
+                ),
+                !hidden.has("type") && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "rounded-full px-1.5 py-0.5 text-[10px] capitalize",
+                      typeTone[task.type]
+                    ),
+                    children: task.type.toLowerCase().replace("_", " ")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                !hidden.has("labels") && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: (task.labels ?? []).slice(0, 2).map((l) => /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "rounded bg-muted px-1 py-0.5 text-[9px] text-muted-foreground",
+                    children: l
+                  },
+                  l
+                )) }),
+                !hidden.has("storyPoints") && /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary", children: task.storyPoints ?? 0 })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] text-muted-foreground", children: [
+                !hidden.has("assignee") && /* @__PURE__ */ jsx("span", { children: task.assigneeId ?? "Unassigned" }),
+                !hidden.has("dueDate") && /* @__PURE__ */ jsx("span", { children: task.dueDate ?? "" })
+              ] })
+            ] })
+          },
+          task.id
+        )) })
+      ] }, col.status);
+    }) })
+  ] });
+}
+function FilterChip({
+  active,
+  label,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "rounded px-2 py-1 text-xs capitalize",
+        active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"
+      ),
+      children: label
+    }
+  );
+}
+function TaskBoard({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient,
+  ...coreProps
+}) {
+  return /* @__PURE__ */ jsx(
+    PlanMagnetProvider,
+    {
+      apiGatewayUrl,
+      authToken,
+      workspaceToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      onAuthError,
+      workspaceClient,
+      children: /* @__PURE__ */ jsx(TaskBoardCore, { workspaceId, ...coreProps })
+    }
+  );
+}
+var DEFAULT_TYPE = "TASK";
+var DEFAULT_STATUS = "BACKLOG";
+var DEFAULT_PRIORITY = "NONE";
+var fieldClass = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring";
+var labelClass = "text-sm font-medium text-foreground";
+function CreateTaskCore({
+  projectId: projectIdProp,
+  hiddenFields,
+  defaultValues,
+  hideHeader,
+  submitLabel = "Create task",
+  onCreated,
+  onError: onError2,
+  onCancel,
+  className,
+  workspaceId: workspaceIdProp
+}) {
+  const ctx = usePlanMagnetContextSafe();
+  const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
+  const projectId = projectIdProp ?? defaultValues?.projectId;
+  const hidden = useMemo(
+    () => new Set(hiddenFields ?? []),
+    [hiddenFields]
+  );
+  const [title, setTitle] = useState(defaultValues?.title ?? "");
+  const [description, setDescription] = useState(
+    defaultValues?.description ?? ""
+  );
+  const [type, setType] = useState(
+    defaultValues?.type ?? DEFAULT_TYPE
+  );
+  const [status, setStatus] = useState(
+    defaultValues?.status ?? DEFAULT_STATUS
+  );
+  const [priority, setPriority] = useState(
+    defaultValues?.priority ?? DEFAULT_PRIORITY
+  );
+  const [assigneeId, setAssigneeId] = useState(defaultValues?.assigneeId ?? "");
+  const [dueDate, setDueDate] = useState(defaultValues?.dueDate ?? "");
+  const [labels, setLabels] = useState(
+    (defaultValues?.labels ?? []).join(", ")
+  );
+  const [storyPoints, setStoryPoints] = useState(
+    defaultValues?.storyPoints != null ? String(defaultValues.storyPoints) : ""
+  );
+  const [createWorkItem, { loading, error }] = useMutation(CREATE_WORK_ITEM);
+  const canSubmit = Boolean(workspaceId && projectId && title.trim());
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!canSubmit || !projectId) return;
+    const parsedLabels = labels.split(",").map((l) => l.trim()).filter(Boolean);
+    const parsedPoints = storyPoints.trim() ? Number(storyPoints) : void 0;
+    const input = {
+      projectId,
+      title: title.trim(),
+      type,
+      ...hidden.has("status") ? {} : { status },
+      ...hidden.has("priority") ? {} : { priority },
+      ...hidden.has("description") || !description.trim() ? {} : { description: description.trim() },
+      ...hidden.has("assignee") || !assigneeId.trim() ? {} : { assigneeId: assigneeId.trim() },
+      ...hidden.has("dueDate") || !dueDate.trim() ? {} : { dueDate },
+      ...hidden.has("labels") || parsedLabels.length === 0 ? {} : { labels: parsedLabels },
+      ...hidden.has("storyPoints") || parsedPoints == null || Number.isNaN(parsedPoints) ? {} : { storyPoints: parsedPoints }
+    };
+    try {
+      const result = await createWorkItem({ variables: { input } });
+      const created = result.data?.planmagnetCreateWorkItem;
+      if (created) {
+        const cfg = getPlanMagnetConfig();
+        try {
+          await cfg.onTaskSaved?.({
+            id: created.id,
+            key: created.key,
+            title: created.title,
+            projectId: created.projectId,
+            operation: "created"
+          });
+        } catch {
+        }
+        onCreated?.(created);
+        resetForm();
+      }
+    } catch (err) {
+      onError2?.(err instanceof Error ? err : new Error(String(err)));
+    }
+  };
+  function resetForm() {
+    setTitle("");
+    setDescription("");
+    setType(DEFAULT_TYPE);
+    setStatus(DEFAULT_STATUS);
+    setPriority(DEFAULT_PRIORITY);
+    setAssigneeId("");
+    setDueDate("");
+    setLabels("");
+    setStoryPoints("");
+  }
+  if (!workspaceId) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "CreateTask: no workspaceId provided (prop or PlanMagnetProvider)." });
+  }
+  return /* @__PURE__ */ jsx(Card, { className: cn("shadow-sm", className), children: /* @__PURE__ */ jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    !hideHeader && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: "New task" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Create a work item in this workspace." })
+    ] }),
+    !projectId && /* @__PURE__ */ jsx("p", { className: "rounded-md bg-destructive/10 p-2 text-xs text-destructive", children: "A projectId is required to create a task." }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-title", className: labelClass, children: "Title" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "pm-title",
+          className: fieldClass,
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: "What needs doing?",
+          required: true
+        }
+      )
+    ] }),
+    !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-description", className: labelClass, children: "Description" }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id: "pm-description",
+          className: cn(fieldClass, "min-h-[80px]"),
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          placeholder: "Add more detail (optional)"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      !hidden.has("type") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-type", className: labelClass, children: "Type" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "pm-type",
+            className: cn(fieldClass, "capitalize"),
+            value: type,
+            onChange: (e) => setType(e.target.value),
+            children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: enumLabel(t) }, t))
+          }
+        )
+      ] }),
+      !hidden.has("status") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-status", className: labelClass, children: "Status" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "pm-status",
+            className: cn(fieldClass, "capitalize"),
+            value: status,
+            onChange: (e) => setStatus(e.target.value),
+            children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: enumLabel(s) }, s))
+          }
+        )
+      ] }),
+      !hidden.has("priority") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-priority", className: labelClass, children: "Priority" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "pm-priority",
+            className: cn(fieldClass, "capitalize"),
+            value: priority,
+            onChange: (e) => setPriority(e.target.value),
+            children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: enumLabel(p) }, p))
+          }
+        )
+      ] }),
+      !hidden.has("assignee") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-assignee", className: labelClass, children: "Assignee" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "pm-assignee",
+            className: fieldClass,
+            value: assigneeId,
+            onChange: (e) => setAssigneeId(e.target.value),
+            placeholder: "Actor ID (optional)"
+          }
+        )
+      ] }),
+      !hidden.has("dueDate") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-due", className: labelClass, children: "Due date" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "pm-due",
+            type: "date",
+            className: fieldClass,
+            value: dueDate,
+            onChange: (e) => setDueDate(e.target.value)
+          }
+        )
+      ] }),
+      !hidden.has("storyPoints") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-points", className: labelClass, children: "Story points" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "pm-points",
+            type: "number",
+            min: 0,
+            className: fieldClass,
+            value: storyPoints,
+            onChange: (e) => setStoryPoints(e.target.value),
+            placeholder: "0"
+          }
+        )
+      ] })
+    ] }),
+    !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "pm-labels", className: labelClass, children: "Labels" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "pm-labels",
+          className: fieldClass,
+          value: labels,
+          onChange: (e) => setLabels(e.target.value),
+          placeholder: "comma, separated, labels"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+      "Failed to create task: ",
+      error.message
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      onCancel && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "rounded-md bg-muted px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-muted/70",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: !canSubmit || loading,
+          className: cn(
+            "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
+            (!canSubmit || loading) && "cursor-not-allowed opacity-50"
+          ),
+          children: loading ? "Creating\u2026" : submitLabel
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function CreateTask({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient,
+  ...coreProps
+}) {
+  return /* @__PURE__ */ jsx(
+    PlanMagnetProvider,
+    {
+      apiGatewayUrl,
+      authToken,
+      workspaceToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      onAuthError,
+      workspaceClient,
+      children: /* @__PURE__ */ jsx(CreateTaskCore, { workspaceId, ...coreProps })
+    }
+  );
+}
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary/10 text-primary",
+        muted: "bg-muted text-muted-foreground",
+        secondary: "bg-secondary text-secondary-foreground",
+        accent: "bg-accent text-accent-foreground",
+        destructive: "bg-destructive/15 text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+function OverlayShell({
+  open,
+  onClose,
+  children,
+  ariaLabel,
+  className,
+  variant
+}) {
+  useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  const isModal = variant === "modal";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-50 flex bg-foreground/40",
+        isModal ? "items-center justify-center p-4" : "justify-end"
+      ),
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": ariaLabel,
+          className: cn(
+            "relative overflow-y-auto bg-background text-foreground shadow-lg",
+            isModal ? "max-h-[90vh] w-full max-w-2xl rounded-lg" : "h-full w-full max-w-lg",
+            className
+          ),
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Close",
+                onClick: onClose,
+                className: "absolute right-3 top-3 z-10 rounded-md bg-muted px-2 py-1 text-sm font-medium text-muted-foreground hover:bg-muted/70",
+                children: "\u2715"
+              }
+            ),
+            children
+          ]
+        }
+      )
+    }
+  );
+}
+function Modal(props) {
+  return /* @__PURE__ */ jsx(OverlayShell, { variant: "modal", ...props });
+}
+function Drawer(props) {
+  return /* @__PURE__ */ jsx(OverlayShell, { variant: "drawer", ...props });
+}
+var DEFAULT_COLUMNS = [
+  "key",
+  "title",
+  "type",
+  "status",
+  "priority",
+  "assignee",
+  "dueDate"
+];
+var priorityRank = {
+  CRITICAL: 0,
+  HIGH: 1,
+  MEDIUM: 2,
+  LOW: 3,
+  NONE: 4
+};
+var statusRank = {
+  BACKLOG: 0,
+  TODO: 1,
+  IN_PROGRESS: 2,
+  IN_REVIEW: 3,
+  TESTING: 4,
+  DONE: 5,
+  CANCELLED: 6
+};
+var priorityVariant = {
+  NONE: "muted",
+  LOW: "muted",
+  MEDIUM: "secondary",
+  HIGH: "accent",
+  CRITICAL: "destructive"
+};
+var COLUMN_LABELS = {
+  key: "Key",
+  title: "Title",
+  type: "Type",
+  status: "Status",
+  priority: "Priority",
+  assignee: "Assignee",
+  dueDate: "Due",
+  storyPoints: "Points",
+  labels: "Labels"
+};
+function TaskListCore({
+  projectId,
+  status,
+  type,
+  priority,
+  assigneeId,
+  search,
+  columns = DEFAULT_COLUMNS,
+  sortBy,
+  sortDir = "asc",
+  hideHeader,
+  onSelect,
+  limit = 200,
+  className,
+  workspaceId: workspaceIdProp
+}) {
+  const ctx = usePlanMagnetContextSafe();
+  const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
+  const filter = useMemo(() => {
+    const f = {};
+    if (projectId) f.projectId = projectId;
+    if (status) f.status = status;
+    if (type) f.type = type;
+    if (priority) f.priority = priority;
+    if (assigneeId) f.assigneeId = assigneeId;
+    if (search) f.search = search;
+    return f;
+  }, [projectId, status, type, priority, assigneeId, search]);
+  const { data, loading, error } = useQuery(
+    LIST_WORK_ITEMS,
+    {
+      variables: {
+        workspaceId,
+        ...Object.keys(filter).length ? { filter } : {},
+        pagination: { first: limit }
+      },
+      skip: !workspaceId
+    }
+  );
+  const rows = useMemo(() => {
+    const items = data?.planmagnetWorkItems?.items ?? [];
+    if (!sortBy) return items;
+    const dir = sortDir === "desc" ? -1 : 1;
+    return [...items].sort((a, b) => dir * compareTasks(a, b, sortBy));
+  }, [data, sortBy, sortDir]);
+  if (!workspaceId) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TaskList: no workspaceId provided (prop or PlanMagnetProvider)." });
+  }
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-12", className), children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) });
+  }
+  if (error && !data) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
+      "Error loading tasks: ",
+      error.message
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 p-6", className), children: [
+    !hideHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold text-foreground", children: "Tasks" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          rows.length,
+          " ",
+          rows.length === 1 ? "task" : "tasks"
+        ] })
+      ] }),
+      (status || type || priority || search) && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Filter, { className: "h-3.5 w-3.5" }),
+        " filtered"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-md border border-border", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b border-border bg-muted/50 text-left", children: columns.map((col) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: "px-3 py-2 font-medium text-muted-foreground",
+          children: COLUMN_LABELS[col]
+        },
+        col
+      )) }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: columns.length,
+            className: "px-3 py-6 text-center text-muted-foreground",
+            children: "No tasks found."
+          }
+        ) }),
+        rows.map((task) => /* @__PURE__ */ jsx(
+          "tr",
+          {
+            onClick: onSelect ? () => onSelect(task.id) : void 0,
+            className: cn(
+              "border-b border-border last:border-0",
+              onSelect && "cursor-pointer hover:bg-muted/40"
+            ),
+            children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground", children: renderCell(col, task) }, col))
+          },
+          task.id
+        ))
+      ] })
+    ] }) })
+  ] });
+}
+function renderCell(col, task) {
+  switch (col) {
+    case "key":
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: task.key });
+    case "title":
+      return /* @__PURE__ */ jsx("span", { className: "font-medium", children: task.title });
+    case "type":
+      return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: enumLabel(task.type) });
+    case "status":
+      return /* @__PURE__ */ jsx("span", { className: "capitalize text-muted-foreground", children: enumLabel(task.status) });
+    case "priority":
+      return /* @__PURE__ */ jsx(Badge, { variant: priorityVariant[task.priority], children: enumLabel(task.priority) });
+    case "assignee":
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: task.assigneeId ?? "Unassigned" });
+    case "dueDate":
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: task.dueDate ?? "\u2014" });
+    case "storyPoints":
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: task.storyPoints ?? 0 });
+    case "labels":
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: (task.labels ?? []).slice(0, 3).map((l) => /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "rounded bg-muted px-1 py-0.5 text-[10px] text-muted-foreground",
+          children: l
+        },
+        l
+      )) });
+    default:
+      return null;
+  }
+}
+function compareTasks(a, b, sortBy) {
+  switch (sortBy) {
+    case "priority":
+      return priorityRank[a.priority] - priorityRank[b.priority];
+    case "status":
+      return statusRank[a.status] - statusRank[b.status];
+    case "title":
+      return a.title.localeCompare(b.title);
+    case "type":
+      return a.type.localeCompare(b.type);
+    case "dueDate":
+      return (a.dueDate ?? "").localeCompare(b.dueDate ?? "");
+    case "storyPoints":
+      return (a.storyPoints ?? 0) - (b.storyPoints ?? 0);
+    default:
+      return 0;
+  }
+}
+function TaskList({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient,
+  ...coreProps
+}) {
+  return /* @__PURE__ */ jsx(
+    PlanMagnetProvider,
+    {
+      apiGatewayUrl,
+      authToken,
+      workspaceToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      onAuthError,
+      workspaceClient,
+      children: /* @__PURE__ */ jsx(TaskListCore, { workspaceId, ...coreProps })
+    }
+  );
+}
+var fieldClass2 = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring";
+var labelClass2 = "text-xs font-medium uppercase tracking-wide text-muted-foreground";
+var priorityVariant2 = {
+  NONE: "muted",
+  LOW: "muted",
+  MEDIUM: "secondary",
+  HIGH: "accent",
+  CRITICAL: "destructive"
+};
+function TaskDetailCore({
+  id,
+  readonly,
+  hiddenFields,
+  hideHeader,
+  onUpdated,
+  onError: onError2,
+  className
+}) {
+  const hidden = useMemo(
+    () => new Set(hiddenFields ?? []),
+    [hiddenFields]
+  );
+  const { data, loading, error } = useQuery(GET_WORK_ITEM, {
+    variables: { id },
+    skip: !id
+  });
+  const item = data?.planmagnetWorkItem ?? null;
+  const [editing, setEditing] = useState(false);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [type, setType] = useState("TASK");
+  const [status, setStatus] = useState("BACKLOG");
+  const [priority, setPriority] = useState("NONE");
+  const [assigneeId, setAssigneeId] = useState("");
+  const [dueDate, setDueDate] = useState("");
+  const [labels, setLabels] = useState("");
+  const [storyPoints, setStoryPoints] = useState("");
+  useEffect(() => {
+    if (!item) return;
+    setTitle(item.title);
+    setDescription(item.description ?? "");
+    setType(item.type);
+    setStatus(item.status);
+    setPriority(item.priority);
+    setAssigneeId(item.assigneeId ?? "");
+    setDueDate(item.dueDate ? String(item.dueDate).slice(0, 10) : "");
+    setLabels((item.labels ?? []).join(", "));
+    setStoryPoints(item.storyPoints != null ? String(item.storyPoints) : "");
+  }, [item]);
+  const [updateWorkItem, { loading: saving, error: saveError }] = useMutation(UPDATE_WORK_ITEM);
+  const handleSave = async (e) => {
+    e.preventDefault();
+    if (!item) return;
+    const parsedLabels = labels.split(",").map((l) => l.trim()).filter(Boolean);
+    const parsedPoints = storyPoints.trim() ? Number(storyPoints) : void 0;
+    const input = {
+      title: title.trim(),
+      ...hidden.has("description") ? {} : { description: description.trim() },
+      ...hidden.has("type") ? {} : { type },
+      ...hidden.has("status") ? {} : { status },
+      ...hidden.has("priority") ? {} : { priority },
+      ...hidden.has("assignee") ? {} : { assigneeId: assigneeId.trim() },
+      ...hidden.has("dueDate") ? {} : { dueDate: dueDate || void 0 },
+      ...hidden.has("labels") ? {} : { labels: parsedLabels },
+      ...hidden.has("storyPoints") || parsedPoints == null || Number.isNaN(parsedPoints) ? {} : { storyPoints: parsedPoints }
+    };
+    try {
+      const result = await updateWorkItem({
+        variables: { id: item.id, input }
+      });
+      const updated = result.data?.planmagnetUpdateWorkItem;
+      if (updated) {
+        const cfg = getPlanMagnetConfig();
+        try {
+          await cfg.onTaskSaved?.({
+            id: updated.id,
+            key: updated.key,
+            title: updated.title,
+            projectId: updated.projectId,
+            operation: "updated"
+          });
+        } catch {
+        }
+        onUpdated?.(updated);
+        setEditing(false);
+      }
+    } catch (err) {
+      onError2?.(err instanceof Error ? err : new Error(String(err)));
+    }
+  };
+  if (!id) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TaskDetail: no work-item id provided." });
+  }
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-center p-12", className), children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-primary border-t-transparent" }) });
+  }
+  if (error && !data) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("p-6 text-sm text-destructive", className), children: [
+      "Error loading task: ",
+      error.message
+    ] });
+  }
+  if (!item) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-muted-foreground", className), children: "Task not found." });
+  }
+  const canEdit = !readonly;
+  return /* @__PURE__ */ jsx(Card, { className: cn("shadow-sm", className), children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-6", children: [
+    !hideHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: item.key }),
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: item.title })
+      ] }),
+      canEdit && !editing && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setEditing(true),
+          className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground",
+          children: "Edit"
+        }
+      )
+    ] }),
+    !editing ? /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      !hidden.has("type") && /* @__PURE__ */ jsx(Field, { label: "Type", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: enumLabel(item.type) }) }),
+      !hidden.has("status") && /* @__PURE__ */ jsx(Field, { label: "Status", children: /* @__PURE__ */ jsx("span", { className: "capitalize text-foreground", children: enumLabel(item.status) }) }),
+      !hidden.has("priority") && /* @__PURE__ */ jsx(Field, { label: "Priority", children: /* @__PURE__ */ jsx(Badge, { variant: priorityVariant2[item.priority], children: enumLabel(item.priority) }) }),
+      !hidden.has("assignee") && /* @__PURE__ */ jsx(Field, { label: "Assignee", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.assigneeId ?? "Unassigned" }) }),
+      !hidden.has("dueDate") && /* @__PURE__ */ jsx(Field, { label: "Due date", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.dueDate ?? "\u2014" }) }),
+      !hidden.has("storyPoints") && /* @__PURE__ */ jsx(Field, { label: "Story points", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.storyPoints ?? 0 }) }),
+      !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: "Description" }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-1 whitespace-pre-wrap text-sm text-foreground", children: item.description || "\u2014" })
+      ] }),
+      !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: "Labels" }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1", children: (item.labels ?? []).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }) : item.labels.map((l) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+            children: l
+          },
+          l
+        )) })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSave, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-title", className: labelClass2, children: "Title" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "pm-detail-title",
+            className: fieldClass2,
+            value: title,
+            onChange: (e) => setTitle(e.target.value),
+            required: true
+          }
+        )
+      ] }),
+      !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-desc", className: labelClass2, children: "Description" }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            id: "pm-detail-desc",
+            className: cn(fieldClass2, "min-h-[80px]"),
+            value: description,
+            onChange: (e) => setDescription(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        !hidden.has("type") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-type", className: labelClass2, children: "Type" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pm-detail-type",
+              className: cn(fieldClass2, "capitalize"),
+              value: type,
+              onChange: (e) => setType(e.target.value),
+              children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: enumLabel(t) }, t))
+            }
+          )
+        ] }),
+        !hidden.has("status") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-status", className: labelClass2, children: "Status" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pm-detail-status",
+              className: cn(fieldClass2, "capitalize"),
+              value: status,
+              onChange: (e) => setStatus(e.target.value),
+              children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: enumLabel(s) }, s))
+            }
+          )
+        ] }),
+        !hidden.has("priority") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-priority", className: labelClass2, children: "Priority" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pm-detail-priority",
+              className: cn(fieldClass2, "capitalize"),
+              value: priority,
+              onChange: (e) => setPriority(e.target.value),
+              children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: enumLabel(p) }, p))
+            }
+          )
+        ] }),
+        !hidden.has("assignee") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-assignee", className: labelClass2, children: "Assignee" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "pm-detail-assignee",
+              className: fieldClass2,
+              value: assigneeId,
+              onChange: (e) => setAssigneeId(e.target.value),
+              placeholder: "Actor ID"
+            }
+          )
+        ] }),
+        !hidden.has("dueDate") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-due", className: labelClass2, children: "Due date" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "pm-detail-due",
+              type: "date",
+              className: fieldClass2,
+              value: dueDate,
+              onChange: (e) => setDueDate(e.target.value)
+            }
+          )
+        ] }),
+        !hidden.has("storyPoints") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-points", className: labelClass2, children: "Story points" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "pm-detail-points",
+              type: "number",
+              min: 0,
+              className: fieldClass2,
+              value: storyPoints,
+              onChange: (e) => setStoryPoints(e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-labels", className: labelClass2, children: "Labels" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id: "pm-detail-labels",
+            className: fieldClass2,
+            value: labels,
+            onChange: (e) => setLabels(e.target.value),
+            placeholder: "comma, separated, labels"
+          }
+        )
+      ] }),
+      saveError && /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
+        "Failed to save: ",
+        saveError.message
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setEditing(false),
+            className: "rounded-md bg-muted px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-muted/70",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: saving || !title.trim(),
+            className: cn(
+              "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
+              (saving || !title.trim()) && "cursor-not-allowed opacity-50"
+            ),
+            children: saving ? "Saving\u2026" : "Save changes"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("dt", { className: labelClass2, children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm", children })
+  ] });
+}
+function TaskDetail({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient,
+  ...coreProps
+}) {
+  return /* @__PURE__ */ jsx(
+    PlanMagnetProvider,
+    {
+      apiGatewayUrl,
+      authToken,
+      workspaceToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      onAuthError,
+      workspaceClient,
+      children: /* @__PURE__ */ jsx(TaskDetailCore, { ...coreProps })
+    }
+  );
+}
+function TasksPageCore({
+  workspaceId: workspaceIdProp,
+  projectId,
+  boardProjectId,
+  columns,
+  readonly,
+  hiddenFields,
+  hideFilters,
+  header,
+  onTaskSaved,
+  createSurface = "modal",
+  detailSurface = "drawer",
+  className
+}) {
+  const ctx = usePlanMagnetContextSafe();
+  const workspaceId = workspaceIdProp ?? ctx?.workspaceId;
+  const client = useApolloClient();
+  const [creating, setCreating] = useState(false);
+  const [selectedId, setSelectedId] = useState(null);
+  const refetchBoard = useCallback(() => {
+    void client.refetchQueries({ include: [LIST_WORK_ITEMS] }).catch(() => {
+    });
+  }, [client]);
+  const handleCreated = useCallback(
+    (workItem) => {
+      refetchBoard();
+      setCreating(false);
+      onTaskSaved?.({ workItem, operation: "created" });
+    },
+    [refetchBoard, onTaskSaved]
+  );
+  const handleUpdated = useCallback(
+    (workItem) => {
+      refetchBoard();
+      onTaskSaved?.({ workItem, operation: "updated" });
+    },
+    [refetchBoard, onTaskSaved]
+  );
+  const handleTaskClick = useCallback((task) => {
+    setSelectedId(task.id);
+  }, []);
+  if (!workspaceId) {
+    return /* @__PURE__ */ jsx("div", { className: cn("p-6 text-sm text-destructive", className), children: "TasksPage: no workspaceId provided (prop or PlanMagnetProvider)." });
+  }
+  const canCreate = !readonly && Boolean(projectId);
+  const showInlineCreate = creating && createSurface === "inline";
+  const showInlineDetail = selectedId != null && detailSurface === "inline";
+  const createForm = /* @__PURE__ */ jsx(
+    CreateTaskCore,
+    {
+      workspaceId,
+      projectId,
+      hiddenFields,
+      onCreated: handleCreated,
+      onCancel: () => setCreating(false)
+    }
+  );
+  const detailView = selectedId != null ? /* @__PURE__ */ jsx(
+    TaskDetailCore,
+    {
+      id: selectedId,
+      readonly,
+      hiddenFields,
+      onUpdated: handleUpdated
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    (header || canCreate) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 px-6 pt-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: typeof header === "string" ? /* @__PURE__ */ jsx("h1", { className: "truncate text-2xl font-semibold text-foreground", children: header }) : header }),
+      canCreate && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCreating(true),
+          className: "shrink-0 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+          children: "New task"
+        }
+      )
+    ] }),
+    showInlineCreate && /* @__PURE__ */ jsx("div", { className: "px-6", children: createForm }),
+    /* @__PURE__ */ jsx(
+      TaskBoardCore,
+      {
+        workspaceId,
+        projectId: boardProjectId,
+        columns,
+        readonly,
+        hideHeader: Boolean(header),
+        hideFilters,
+        hiddenFields,
+        onTaskClick: handleTaskClick
+      }
+    ),
+    showInlineDetail && /* @__PURE__ */ jsx("div", { className: "px-6 pb-6", children: detailView }),
+    createSurface === "modal" && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: creating,
+        onClose: () => setCreating(false),
+        ariaLabel: "Create task",
+        className: "max-w-xl",
+        children: /* @__PURE__ */ jsx("div", { className: "p-2 pt-8", children: createForm })
+      }
+    ),
+    detailSurface === "drawer" && /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: selectedId != null,
+        onClose: () => setSelectedId(null),
+        ariaLabel: "Task detail",
+        children: /* @__PURE__ */ jsx("div", { className: "p-2 pt-8", children: detailView })
+      }
+    )
+  ] });
+}
+function TasksPage({
+  apiGatewayUrl,
+  authToken,
+  workspaceToken,
+  workspaceId,
+  tenantId,
+  organizationId,
+  trustedOrigins,
+  onAuthError,
+  workspaceClient,
+  ...coreProps
+}) {
+  return /* @__PURE__ */ jsx(
+    PlanMagnetProvider,
+    {
+      apiGatewayUrl,
+      authToken,
+      workspaceToken,
+      workspaceId,
+      tenantId,
+      organizationId,
+      trustedOrigins,
+      onAuthError,
+      workspaceClient,
+      children: /* @__PURE__ */ jsx(TasksPageCore, { workspaceId, ...coreProps })
+    }
+  );
+}
+
+export { Badge, CREATE_WORK_ITEM, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_WORK_ITEMS, MOVE_WORK_ITEM, Modal, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskDetail, TaskDetailCore, TaskList, TaskListCore, TasksPage, TasksPageCore, UPDATE_WORK_ITEM, WORK_ITEM_FIELDS, WORK_ITEM_SUMMARY_FIELDS, badgeVariants, cn, config, createPlanMagnetClient, enumLabel, getGraphQLEndpoint, getPlanMagnetClient, getPlanMagnetClientSafe, getPlanMagnetConfig, isPlanMagnetClientReady, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, usePlanMagnetContext, usePlanMagnetContextSafe, validateTrustedOrigin, waitForPlanMagnetClient };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map