npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.511.1 - Mend

@burdenoff/microfe-vibecontrols 2026.511.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2254) hide show

package/dist/components/ai/AITasksTab.js ADDED Viewed

@@ -0,0 +1,549 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useVibeControls as t } from "../../providers/VibeControlsProvider.js";
+import { LoadingState as n } from "../shared/LoadingState.js";
+import { ErrorState as r } from "../shared/ErrorState.js";
+import { ConfirmDialog as ee } from "../shared/ConfirmDialog.js";
+import { EmptyState as i } from "../shared/EmptyState.js";
+import { Card as te } from "../shared/Card.js";
+import { SelectionCheckbox as a } from "../shared/SelectionCheckbox.js";
+import "../shared/index.js";
+import { useCallback as o, useEffect as s, useMemo as ne, useState as c } from "react";
+import { AlertCircle as re, GripVertical as ie, Plus as l, RefreshCw as u, X as ae } from "lucide-react";
+import { gql as oe } from "@apollo/client";
+import { useApolloClient as se } from "@apollo/client/react";
+import { getProfileScopedKey as d } from "@burdenoff/fe-libs/shared/utils";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/ai/AITasksTab.tsx
+var m = "ai-task", h = "AI", g = "vibecontrols:ai-project-id", _ = [
+	{
+		id: "BACKLOG",
+		label: "Backlog",
+		color: "border-t-text-secondary"
+	},
+	{
+		id: "TODO",
+		label: "To Do",
+		color: "border-t-action-primary-bg"
+	},
+	{
+		id: "IN_PROGRESS",
+		label: "In Progress",
+		color: "border-t-status-warning-text"
+	},
+	{
+		id: "IN_REVIEW",
+		label: "In Review",
+		color: "border-t-action-primary-bg"
+	},
+	{
+		id: "DONE",
+		label: "Done",
+		color: "border-t-status-success-text"
+	}
+], v = {
+	CRITICAL: {
+		label: "Critical",
+		color: "text-status-error-text"
+	},
+	HIGH: {
+		label: "High",
+		color: "text-status-warning-text"
+	},
+	MEDIUM: {
+		label: "Medium",
+		color: "text-action-primary-bg"
+	},
+	LOW: {
+		label: "Low",
+		color: "text-text-secondary"
+	}
+}, ce = "id key title description type status priority assigneeId storyPoints dueDate labels tags metadata createdBy createdAt updatedAt";
+function y() {
+	let y = e(), b = se(), { workspaceId: le } = t(), x = le || new URLSearchParams(window.location.search).get("workspace") || "", [S, C] = c(() => {
+		try {
+			return localStorage.getItem(d(g));
+		} catch {
+			return null;
+		}
+	}), [w, T] = c([]), [ue, E] = c(!0), [D, O] = c(null), [k, A] = c(/* @__PURE__ */ new Set()), [j, de] = c("TODO"), [M, N] = c(!1), [fe, P] = c(!1), [pe, F] = c(!1), I = o(async (e, t) => {
+		let n = oe(e);
+		if (e.trimStart().startsWith("mutation")) {
+			let e = await b.mutate({
+				mutation: n,
+				variables: t
+			});
+			if (e.error) throw Error(e.error.message || "Mutation failed");
+			if (!e.data) throw Error("Mutation returned no data");
+			return e.data;
+		}
+		let r = await b.query({
+			query: n,
+			variables: t,
+			fetchPolicy: "network-only"
+		});
+		if (r.error) throw Error(r.error.message || "Query failed");
+		if (!r.data) throw Error("Query returned no data");
+		return r.data;
+	}, [b]);
+	s(() => {
+		if (S || !x) return;
+		let e = !1;
+		return (async () => {
+			try {
+				let t = (await I("query($wsId: ID!) { planmagnetProjects(workspaceId: $wsId) { items { id key } } }", { wsId: x })).planmagnetProjects.items.find((e) => e.key === h);
+				if (t && !e) {
+					C(t.id);
+					try {
+						localStorage.setItem(d(g), t.id);
+					} catch {}
+					return;
+				}
+				let n = await I("mutation($wsId: ID!, $input: PlanmagnetCreateProjectInput!) { planmagnetCreateProject(workspaceId: $wsId, input: $input) { id } }", {
+					wsId: x,
+					input: {
+						name: "AI Tasks",
+						key: h,
+						ownerId: "system",
+						methodology: "KANBAN",
+						tags: [m]
+					}
+				});
+				if (n.planmagnetCreateProject.id && !e) {
+					C(n.planmagnetCreateProject.id);
+					try {
+						localStorage.setItem(d(g), n.planmagnetCreateProject.id);
+					} catch {}
+				}
+			} catch (e) {
+				console.error("Failed to find/create AI project:", e);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		x,
+		S,
+		b
+	]);
+	let L = o(async () => {
+		if (x) {
+			E(!0), O(null);
+			try {
+				T(((await I(`query($wsId: ID!, $filter: PlanmagnetWorkItemFilter, $pagination: PlanmagnetPaginationInput) {
+          planmagnetWorkItems(workspaceId: $wsId, filter: $filter, pagination: $pagination) {
+            items { ${ce} }
+            totalCount
+          }
+        }`, {
+					wsId: x,
+					filter: { type: "TASK" },
+					pagination: { first: 200 }
+				})).planmagnetWorkItems.items ?? []).filter((e) => e.labels?.includes(m) || e.tags?.includes(m)));
+			} catch (e) {
+				O(e instanceof Error ? e.message : "Failed to load tasks");
+			} finally {
+				E(!1);
+			}
+		}
+	}, [x, b]);
+	s(() => {
+		L();
+	}, [L]);
+	let R = ne(() => w.filter((e) => k.has(e.id)), [w, k]), z = w.length > 0 && w.every((e) => k.has(e.id)), me = w.some((e) => k.has(e.id)) && !z, [he, B] = c(!1), [V, H] = c(""), [U, W] = c(""), [G, K] = c("BACKLOG"), [q, J] = c("MEDIUM"), [Y, X] = c(!1), Z = async () => {
+		if (!(!V.trim() || !x || !S)) {
+			X(!0);
+			try {
+				await I("mutation($wsId: ID!, $input: PlanmagnetCreateWorkItemInput!) { planmagnetCreateWorkItem(workspaceId: $wsId, input: $input) { id } }", {
+					wsId: x,
+					input: {
+						title: V.trim(),
+						description: U.trim() || void 0,
+						type: "TASK",
+						status: G,
+						priority: q,
+						labels: [m],
+						projectId: S
+					}
+				}), H(""), W(""), K("BACKLOG"), J("MEDIUM"), B(!1), L();
+			} catch (e) {
+				console.error("Failed to create task:", e);
+			} finally {
+				X(!1);
+			}
+		}
+	}, [Q, ge] = c(null), $ = o(async (e, t) => {
+		T((n) => n.map((n) => n.id === e ? {
+			...n,
+			status: t
+		} : n));
+		try {
+			await I("mutation($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) { planmagnetUpdateWorkItem(id: $id, input: $input) { id } }", {
+				id: e,
+				input: { status: t }
+			});
+		} catch (e) {
+			console.error("Failed to move task:", e), L();
+		}
+	}, [L, I]), _e = o((e) => {
+		if (!Q) return;
+		let t = w.find((e) => e.id === Q);
+		ge(null), !(!t || t.status === e) && $(Q, e);
+	}, [
+		Q,
+		w,
+		$
+	]), ve = o(async (e) => {
+		T((t) => t.filter((t) => t.id !== e));
+		try {
+			await I("mutation($id: ID!) { planmagnetDeleteWorkItem(id: $id) }", { id: e });
+		} catch (e) {
+			console.error("Failed to delete task:", e), L();
+		}
+	}, [L, I]), ye = o(async () => {
+		if (R.length !== 0) {
+			N(!0);
+			try {
+				await Promise.allSettled(R.map((e) => I("mutation($id: ID!) { planmagnetDeleteWorkItem(id: $id) }", { id: e.id }))), A(/* @__PURE__ */ new Set()), F(!1), await L();
+			} catch (e) {
+				console.error("Failed to bulk delete tasks:", e);
+			} finally {
+				N(!1);
+			}
+		}
+	}, [
+		L,
+		I,
+		R
+	]), be = o(async () => {
+		if (R.length !== 0) {
+			P(!0);
+			try {
+				T((e) => e.map((e) => k.has(e.id) ? {
+					...e,
+					status: j
+				} : e)), await Promise.allSettled(R.map((e) => I("mutation($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) { planmagnetUpdateWorkItem(id: $id, input: $input) { id } }", {
+					id: e.id,
+					input: { status: j }
+				}))), A(/* @__PURE__ */ new Set()), await L();
+			} catch (e) {
+				console.error("Failed to bulk move tasks:", e), L();
+			} finally {
+				P(!1);
+			}
+		}
+	}, [
+		j,
+		L,
+		I,
+		k,
+		R
+	]), xe = o((e, t) => {
+		A((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, []), Se = o((e) => {
+		A((t) => {
+			let n = new Set(t);
+			return w.forEach((t) => {
+				e ? n.add(t.id) : n.delete(t.id);
+			}), n;
+		});
+	}, [w]);
+	return x ? ue && w.length === 0 ? /* @__PURE__ */ f(n, { message: y("vibecontrols.ai.tasks.loading", "Loading AI tasks from PlanMagnet...") }) : D && w.length === 0 ? /* @__PURE__ */ f(r, {
+		title: y("vibecontrols.ai.tasks.loadFailed", "Failed to load tasks"),
+		message: D,
+		action: /* @__PURE__ */ p("button", {
+			onClick: L,
+			className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
+			children: [/* @__PURE__ */ f(u, { className: "w-4 h-4" }), y("vibecontrols.ai.tasks.retry", "Retry")]
+		})
+	}) : /* @__PURE__ */ p("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							w.length,
+							" task",
+							w.length === 1 ? "" : "s"
+						]
+					}), /* @__PURE__ */ f("button", {
+						onClick: L,
+						className: "p-1 hover:bg-bg-sunken rounded-md text-text-secondary hover:text-text-primary transition-colors",
+						title: "Refresh",
+						children: /* @__PURE__ */ f(u, { className: "w-3.5 h-3.5" })
+					})]
+				}), /* @__PURE__ */ p("button", {
+					onClick: () => B(!0),
+					className: "flex w-full items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover sm:w-auto",
+					children: [/* @__PURE__ */ f(l, { className: "w-4 h-4" }), y("vibecontrols.ai.tasks.createTask", "Create Task")]
+				})]
+			}),
+			w.length > 0 && /* @__PURE__ */ f("div", {
+				className: "rounded-lg border border-border-default bg-bg-surface p-4",
+				children: /* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between",
+					children: [/* @__PURE__ */ p("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ f(a, {
+								checked: z,
+								indeterminate: me,
+								onChange: Se,
+								ariaLabel: "Select all visible AI tasks"
+							}), /* @__PURE__ */ f("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: y("vibecontrols.ai.tasks.selectAllVisible", "Select all visible")
+							})]
+						}), k.size > 0 && /* @__PURE__ */ f("button", {
+							onClick: () => A(/* @__PURE__ */ new Set()),
+							className: "text-sm text-text-secondary hover:text-text-primary",
+							children: y("vibecontrols.ai.tasks.clearSelection", "Clear selection")
+						})]
+					}), /* @__PURE__ */ p("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ p("span", {
+								className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
+								children: [
+									k.size,
+									" ",
+									y("vibecontrols.ai.tasks.selected", "selected")
+								]
+							}),
+							/* @__PURE__ */ f("select", {
+								value: j,
+								onChange: (e) => de(e.target.value),
+								className: "rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
+								children: _.map((e) => /* @__PURE__ */ p("option", {
+									value: e.id,
+									children: ["Move to ", e.label]
+								}, e.id))
+							}),
+							/* @__PURE__ */ p("button", {
+								onClick: be,
+								disabled: R.length === 0 || fe,
+								className: "rounded-md border border-action-primary-bg/40 px-3 py-2 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 disabled:cursor-not-allowed disabled:opacity-50",
+								children: [y("vibecontrols.ai.tasks.moveSelected", "Move Selected"), R.length > 0 ? ` (${R.length})` : ""]
+							}),
+							/* @__PURE__ */ p("button", {
+								onClick: () => F(!0),
+								disabled: R.length === 0 || M,
+								className: "rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50",
+								children: [y("vibecontrols.ai.tasks.deleteSelected", "Delete Selected"), R.length > 0 ? ` (${R.length})` : ""]
+							})
+						]
+					})]
+				})
+			}),
+			w.length === 0 ? /* @__PURE__ */ f(i, {
+				icon: /* @__PURE__ */ f(ie, { className: "w-8 h-8 text-text-secondary" }),
+				title: y("vibecontrols.ai.tasks.emptyTitle", "No AI tasks"),
+				description: y("vibecontrols.ai.tasks.emptyDescription", "Create tasks to track and organize your AI vibecoding work. Tasks are stored in PlanMagnet."),
+				action: /* @__PURE__ */ p("button", {
+					onClick: () => B(!0),
+					className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+					children: [/* @__PURE__ */ f(l, { className: "w-4 h-4" }), y("vibecontrols.ai.tasks.createTask", "Create Task")]
+				})
+			}) : /* @__PURE__ */ f("div", {
+				className: "flex gap-3 overflow-x-auto pb-2",
+				children: _.map((e) => {
+					let t = w.filter((t) => t.status === e.id);
+					return /* @__PURE__ */ p("div", {
+						className: `flex-shrink-0 w-56 bg-bg-sunken rounded-lg border-t-2 ${e.color}`,
+						onDragOver: (e) => e.preventDefault(),
+						onDrop: (t) => {
+							t.preventDefault(), _e(e.id);
+						},
+						children: [/* @__PURE__ */ p("div", {
+							className: "px-3 py-2 flex items-center justify-between",
+							children: [/* @__PURE__ */ f("h4", {
+								className: "text-xs font-semibold text-text-primary uppercase tracking-wide",
+								children: e.label
+							}), /* @__PURE__ */ f("span", {
+								className: "text-xs text-text-secondary bg-bg-surface rounded-full px-1.5 py-0.5",
+								children: t.length
+							})]
+						}), /* @__PURE__ */ f("div", {
+							className: "px-2 pb-2 space-y-2 min-h-[100px]",
+							children: t.map((e) => /* @__PURE__ */ f(te, {
+								className: "p-0 cursor-grab active:cursor-grabbing",
+								padding: "none",
+								children: /* @__PURE__ */ p("div", {
+									draggable: !0,
+									onDragStart: () => ge(e.id),
+									className: "p-2",
+									children: [/* @__PURE__ */ p("div", {
+										className: "flex items-start justify-between gap-1",
+										children: [/* @__PURE__ */ p("div", {
+											className: "flex items-start gap-2 min-w-0 flex-1",
+											children: [/* @__PURE__ */ f("div", {
+												onClick: (e) => e.stopPropagation(),
+												children: /* @__PURE__ */ f(a, {
+													checked: k.has(e.id),
+													onChange: (t) => xe(e.id, t),
+													ariaLabel: `Select task ${e.title}`
+												})
+											}), /* @__PURE__ */ p("div", {
+												className: "min-w-0 flex-1",
+												children: [e.key && /* @__PURE__ */ f("span", {
+													className: "text-[10px] font-mono text-text-secondary",
+													children: e.key
+												}), /* @__PURE__ */ f("span", {
+													className: "block text-sm font-medium text-text-primary line-clamp-2",
+													children: e.title
+												})]
+											})]
+										}), /* @__PURE__ */ f("button", {
+											onClick: (t) => {
+												t.stopPropagation(), ve(e.id);
+											},
+											className: "p-0.5 hover:bg-status-error-bg rounded flex-shrink-0",
+											children: /* @__PURE__ */ f(ae, { className: "w-3 h-3 text-text-secondary hover:text-status-error-text" })
+										})]
+									}), /* @__PURE__ */ p("div", {
+										className: "flex items-center gap-1.5 mt-1.5",
+										children: [e.priority && v[e.priority] && /* @__PURE__ */ f("span", {
+											className: `text-[10px] font-medium ${v[e.priority].color}`,
+											children: v[e.priority].label
+										}), e.storyPoints != null && /* @__PURE__ */ p("span", {
+											className: "text-[10px] text-text-secondary bg-bg-surface rounded px-1",
+											children: [e.storyPoints, "pt"]
+										})]
+									})]
+								})
+							}, e.id))
+						})]
+					}, e.id);
+				})
+			}),
+			he && /* @__PURE__ */ f("div", {
+				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+				onClick: () => B(!1),
+				children: /* @__PURE__ */ p("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-sm p-6",
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "mb-4 flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: y("vibecontrols.ai.tasks.newAITask", "New AI Task")
+							}), /* @__PURE__ */ f("button", {
+								onClick: () => B(!1),
+								className: "p-1 hover:bg-bg-sunken rounded-md",
+								children: /* @__PURE__ */ f(ae, { className: "w-4 h-4 text-text-secondary" })
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: y("vibecontrols.ai.tasks.title", "Title")
+								}), /* @__PURE__ */ f("input", {
+									type: "text",
+									value: V,
+									onChange: (e) => H(e.target.value),
+									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong",
+									placeholder: y("vibecontrols.ai.tasks.titlePlaceholder", "Task title"),
+									autoFocus: !0,
+									onKeyDown: (e) => {
+										e.key === "Enter" && !e.shiftKey && Z();
+									}
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-sm font-medium text-text-primary mb-1",
+									children: y("vibecontrols.ai.tasks.description", "Description")
+								}), /* @__PURE__ */ f("textarea", {
+									value: U,
+									onChange: (e) => W(e.target.value),
+									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong resize-none",
+									placeholder: y("vibecontrols.ai.tasks.descriptionPlaceholder", "Optional description"),
+									rows: 3
+								})] }),
+								/* @__PURE__ */ p("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Status"
+									}), /* @__PURE__ */ f("select", {
+										value: G,
+										onChange: (e) => K(e.target.value),
+										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm",
+										children: _.map((e) => /* @__PURE__ */ f("option", {
+											value: e.id,
+											children: e.label
+										}, e.id))
+									})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Priority"
+									}), /* @__PURE__ */ p("select", {
+										value: q,
+										onChange: (e) => J(e.target.value),
+										className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm",
+										children: [
+											/* @__PURE__ */ f("option", {
+												value: "CRITICAL",
+												children: "Critical"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "HIGH",
+												children: "High"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "MEDIUM",
+												children: "Medium"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: "LOW",
+												children: "Low"
+											})
+										]
+									})] })]
+								})
+							]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "flex justify-end gap-2 mt-6",
+							children: [/* @__PURE__ */ f("button", {
+								onClick: () => B(!1),
+								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ f("button", {
+								onClick: Z,
+								disabled: !V.trim() || Y || !S,
+								className: "px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
+								children: Y ? "Creating..." : "Create"
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ f(ee, {
+				isOpen: pe,
+				onClose: () => F(!1),
+				onConfirm: ye,
+				title: "Delete AI Tasks",
+				message: `Delete ${R.length} selected AI task${R.length === 1 ? "" : "s"}? This cannot be undone.`,
+				confirmLabel: M ? "Deleting..." : "Delete",
+				variant: "danger",
+				isLoading: M
+			})
+		]
+	}) : /* @__PURE__ */ f(i, {
+		icon: /* @__PURE__ */ f(re, { className: "w-8 h-8 text-text-secondary" }),
+		title: y("vibecontrols.ai.tasks.noWorkspace", "No workspace selected"),
+		description: y("vibecontrols.ai.tasks.noWorkspaceDesc", "Select a workspace to manage AI tasks")
+	});
+}
+//#endregion
+export { y as AITasksTab };
+//# sourceMappingURL=AITasksTab.js.map

package/dist/components/ai/AITasksTab.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AITasksTab.js","names":[],"sources":["../../../src/components/ai/AITasksTab.tsx"],"sourcesContent":["/**\n * AI Tasks Tab — Kanban board backed by PlanMagnet's WorkItem model\n */\n\nimport { useState, useCallback, useEffect, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Plus, X, GripVertical, RefreshCw, AlertCircle } from 'lucide-react';\nimport {\n Card,\n EmptyState,\n LoadingState,\n ErrorState,\n ConfirmDialog,\n SelectionCheckbox,\n} from '@/components/shared';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { getProfileScopedKey } from '@burdenoff/fe-libs/shared/utils';\nimport { useTr } from '../../shared/hooks/useTr';\n\nconst AI_TASK_LABEL = 'ai-task';\nconst AI_PROJECT_KEY = 'AI';\nconst AI_PROJECT_STORAGE_KEY = 'vibecontrols:ai-project-id';\n\ntype TaskStatus = 'BACKLOG' | 'TODO' | 'IN_PROGRESS' | 'IN_REVIEW' | 'DONE';\ntype TaskPriority = 'CRITICAL' | 'HIGH' | 'MEDIUM' | 'LOW';\n\ninterface WorkItem {\n id: string;\n key: string;\n title: string;\n description?: string | null;\n type: string;\n status: TaskStatus;\n priority: TaskPriority;\n assigneeId?: string | null;\n storyPoints?: number | null;\n dueDate?: string | null;\n labels: string[];\n tags: string[];\n metadata?: Record<string, unknown> | null;\n createdBy: string;\n createdAt: string;\n updatedAt: string;\n}\n\nconst columns: { id: TaskStatus; label: string; color: string }[] = [\n { id: 'BACKLOG', label: 'Backlog', color: 'border-t-text-secondary' },\n { id: 'TODO', label: 'To Do', color: 'border-t-action-primary-bg' },\n { id: 'IN_PROGRESS', label: 'In Progress', color: 'border-t-status-warning-text' },\n { id: 'IN_REVIEW', label: 'In Review', color: 'border-t-action-primary-bg' },\n { id: 'DONE', label: 'Done', color: 'border-t-status-success-text' },\n];\n\nconst priorityLabels: Record<string, { label: string; color: string }> = {\n CRITICAL: { label: 'Critical', color: 'text-status-error-text' },\n HIGH: { label: 'High', color: 'text-status-warning-text' },\n MEDIUM: { label: 'Medium', color: 'text-action-primary-bg' },\n LOW: { label: 'Low', color: 'text-text-secondary' },\n};\n\nconst WORKITEM_FIELDS = `id key title description type status priority assigneeId storyPoints dueDate labels tags metadata createdBy createdAt updatedAt`;\n\nexport function AITasksTab() {\n const tr = useTr();\n const apolloClient = useApolloClient();\n const { workspaceId: ctxWorkspaceId } = useVibeControls();\n // Fall back to URL param if context doesn't have workspaceId\n const workspaceId =\n ctxWorkspaceId || new URLSearchParams(window.location.search).get('workspace') || '';\n\n const [projectId, setProjectId] = useState<string | null>(() => {\n try {\n return localStorage.getItem(getProfileScopedKey(AI_PROJECT_STORAGE_KEY));\n } catch {\n return null;\n }\n });\n const [items, setItems] = useState<WorkItem[]>([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string | null>(null);\n const [selectedTaskIds, setSelectedTaskIds] = useState<Set<string>>(new Set());\n const [bulkMoveStatus, setBulkMoveStatus] = useState<TaskStatus>('TODO');\n const [bulkDeleting, setBulkDeleting] = useState(false);\n const [bulkMoving, setBulkMoving] = useState(false);\n const [showBulkDeleteDialog, setShowBulkDeleteDialog] = useState(false);\n\n const gqlFetch = useCallback(\n async <T,>(query: string, variables?: Record<string, unknown>): Promise<T> => {\n const document = gql(query);\n const trimmed = query.trimStart();\n\n if (trimmed.startsWith('mutation')) {\n const result = await apolloClient.mutate<T>({ mutation: document, variables });\n if (result.error) throw new Error(result.error.message || 'Mutation failed');\n if (!result.data) throw new Error('Mutation returned no data');\n return result.data;\n }\n\n const result = await apolloClient.query<T>({\n query: document,\n variables,\n fetchPolicy: 'network-only',\n });\n if (result.error) throw new Error(result.error.message || 'Query failed');\n if (!result.data) throw new Error('Query returned no data');\n return result.data;\n },\n [apolloClient]\n );\n\n // ── Project auto-discovery ─────────────────────────────────────────\n useEffect(() => {\n if (projectId || !workspaceId) return;\n let cancelled = false;\n (async () => {\n try {\n const data = await gqlFetch<{\n planmagnetProjects: { items: { id: string; key: string }[] };\n }>(`query($wsId: ID!) { planmagnetProjects(workspaceId: $wsId) { items { id key } } }`, {\n wsId: workspaceId,\n });\n const existing = data.planmagnetProjects.items.find((p) => p.key === AI_PROJECT_KEY);\n if (existing && !cancelled) {\n setProjectId(existing.id);\n try {\n localStorage.setItem(getProfileScopedKey(AI_PROJECT_STORAGE_KEY), existing.id);\n } catch {\n // localStorage unavailable\n }\n return;\n }\n const createData = await gqlFetch<{ planmagnetCreateProject: { id: string } }>(\n `mutation($wsId: ID!, $input: PlanmagnetCreateProjectInput!) { planmagnetCreateProject(workspaceId: $wsId, input: $input) { id } }`,\n {\n wsId: workspaceId,\n input: {\n name: 'AI Tasks',\n key: AI_PROJECT_KEY,\n ownerId: 'system',\n methodology: 'KANBAN',\n tags: [AI_TASK_LABEL],\n },\n }\n );\n if (createData.planmagnetCreateProject.id && !cancelled) {\n setProjectId(createData.planmagnetCreateProject.id);\n try {\n localStorage.setItem(\n getProfileScopedKey(AI_PROJECT_STORAGE_KEY),\n createData.planmagnetCreateProject.id\n );\n } catch {\n // localStorage unavailable\n }\n }\n } catch (err) {\n console.error('Failed to find/create AI project:', err);\n }\n })();\n return () => {\n cancelled = true;\n };\n }, [workspaceId, projectId, apolloClient]);\n\n // ── Fetch tasks ────────────────────────────────────────────────────\n const fetchTasks = useCallback(async () => {\n if (!workspaceId) return;\n setLoading(true);\n setError(null);\n try {\n const data = await gqlFetch<{\n planmagnetWorkItems: { items: WorkItem[]; totalCount: number };\n }>(\n `query($wsId: ID!, $filter: PlanmagnetWorkItemFilter, $pagination: PlanmagnetPaginationInput) {\n planmagnetWorkItems(workspaceId: $wsId, filter: $filter, pagination: $pagination) {\n items { ${WORKITEM_FIELDS} }\n totalCount\n }\n }`,\n { wsId: workspaceId, filter: { type: 'TASK' }, pagination: { first: 200 } }\n );\n const all = data.planmagnetWorkItems.items ?? [];\n setItems(\n all.filter((i) => i.labels?.includes(AI_TASK_LABEL) || i.tags?.includes(AI_TASK_LABEL))\n );\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load tasks');\n } finally {\n setLoading(false);\n }\n }, [workspaceId, apolloClient]);\n\n useEffect(() => {\n fetchTasks();\n }, [fetchTasks]);\n\n const selectedTasks = useMemo(\n () => items.filter((item) => selectedTaskIds.has(item.id)),\n [items, selectedTaskIds]\n );\n const allVisibleSelected =\n items.length > 0 && items.every((item) => selectedTaskIds.has(item.id));\n const partiallySelected =\n items.some((item) => selectedTaskIds.has(item.id)) && !allVisibleSelected;\n\n // ── Create ─────────────────────────────────────────────────────────\n const [showCreate, setShowCreate] = useState(false);\n const [newTitle, setNewTitle] = useState('');\n const [newDescription, setNewDescription] = useState('');\n const [newStatus, setNewStatus] = useState<TaskStatus>('BACKLOG');\n const [newPriority, setNewPriority] = useState<TaskPriority>('MEDIUM');\n const [creating, setCreating] = useState(false);\n\n const handleCreate = async () => {\n if (!newTitle.trim() || !workspaceId || !projectId) return;\n setCreating(true);\n try {\n await gqlFetch(\n `mutation($wsId: ID!, $input: PlanmagnetCreateWorkItemInput!) { planmagnetCreateWorkItem(workspaceId: $wsId, input: $input) { id } }`,\n {\n wsId: workspaceId,\n input: {\n title: newTitle.trim(),\n description: newDescription.trim() || undefined,\n type: 'TASK',\n status: newStatus,\n priority: newPriority,\n labels: [AI_TASK_LABEL],\n projectId,\n },\n }\n );\n setNewTitle('');\n setNewDescription('');\n setNewStatus('BACKLOG');\n setNewPriority('MEDIUM');\n setShowCreate(false);\n fetchTasks();\n } catch (err) {\n console.error('Failed to create task:', err);\n } finally {\n setCreating(false);\n }\n };\n\n // ── Move (drag-drop status change) ─────────────────────────────────\n const [draggedId, setDraggedId] = useState<string | null>(null);\n\n const handleStatusChange = useCallback(\n async (taskId: string, targetStatus: TaskStatus) => {\n // Optimistic update\n setItems((prev) => prev.map((i) => (i.id === taskId ? { ...i, status: targetStatus } : i)));\n try {\n await gqlFetch(\n 'mutation($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) { planmagnetUpdateWorkItem(id: $id, input: $input) { id } }',\n { id: taskId, input: { status: targetStatus } }\n );\n } catch (err) {\n console.error('Failed to move task:', err);\n fetchTasks(); // revert on failure\n }\n },\n [fetchTasks, gqlFetch]\n );\n\n const handleDrop = useCallback(\n (targetStatus: TaskStatus) => {\n if (!draggedId) return;\n const item = items.find((i) => i.id === draggedId);\n setDraggedId(null);\n if (!item || item.status === targetStatus) return;\n handleStatusChange(draggedId, targetStatus);\n },\n [draggedId, items, handleStatusChange]\n );\n\n // ── Delete ─────────────────────────────────────────────────────────\n const handleDelete = useCallback(\n async (id: string) => {\n setItems((prev) => prev.filter((i) => i.id !== id)); // optimistic\n try {\n await gqlFetch('mutation($id: ID!) { planmagnetDeleteWorkItem(id: $id) }', { id });\n } catch (err) {\n console.error('Failed to delete task:', err);\n fetchTasks(); // revert\n }\n },\n [fetchTasks, gqlFetch]\n );\n\n const handleBulkDelete = useCallback(async () => {\n if (selectedTasks.length === 0) return;\n setBulkDeleting(true);\n try {\n await Promise.allSettled(\n selectedTasks.map((task) =>\n gqlFetch('mutation($id: ID!) { planmagnetDeleteWorkItem(id: $id) }', { id: task.id })\n )\n );\n setSelectedTaskIds(new Set());\n setShowBulkDeleteDialog(false);\n await fetchTasks();\n } catch (err) {\n console.error('Failed to bulk delete tasks:', err);\n } finally {\n setBulkDeleting(false);\n }\n }, [fetchTasks, gqlFetch, selectedTasks]);\n\n const handleBulkMove = useCallback(async () => {\n if (selectedTasks.length === 0) return;\n setBulkMoving(true);\n try {\n setItems((prev) =>\n prev.map((item) =>\n selectedTaskIds.has(item.id) ? { ...item, status: bulkMoveStatus } : item\n )\n );\n await Promise.allSettled(\n selectedTasks.map((task) =>\n gqlFetch(\n 'mutation($id: ID!, $input: PlanmagnetUpdateWorkItemInput!) { planmagnetUpdateWorkItem(id: $id, input: $input) { id } }',\n { id: task.id, input: { status: bulkMoveStatus } }\n )\n )\n );\n setSelectedTaskIds(new Set());\n await fetchTasks();\n } catch (err) {\n console.error('Failed to bulk move tasks:', err);\n fetchTasks();\n } finally {\n setBulkMoving(false);\n }\n }, [bulkMoveStatus, fetchTasks, gqlFetch, selectedTaskIds, selectedTasks]);\n\n const toggleTaskSelection = useCallback((taskId: string, checked: boolean) => {\n setSelectedTaskIds((prev) => {\n const next = new Set(prev);\n if (checked) {\n next.add(taskId);\n } else {\n next.delete(taskId);\n }\n return next;\n });\n }, []);\n\n const toggleAllVisibleTasks = useCallback(\n (checked: boolean) => {\n setSelectedTaskIds((prev) => {\n const next = new Set(prev);\n items.forEach((item) => {\n if (checked) {\n next.add(item.id);\n } else {\n next.delete(item.id);\n }\n });\n return next;\n });\n },\n [items]\n );\n\n const clearSelection = () => setSelectedTaskIds(new Set());\n\n // ── Render ─────────────────────────────────────────────────────────\n if (!workspaceId) {\n return (\n <EmptyState\n icon={<AlertCircle className=\"w-8 h-8 text-text-secondary\" />}\n title={tr('vibecontrols.ai.tasks.noWorkspace', 'No workspace selected')}\n description={tr(\n 'vibecontrols.ai.tasks.noWorkspaceDesc',\n 'Select a workspace to manage AI tasks'\n )}\n />\n );\n }\n\n if (loading && items.length === 0) {\n return (\n <LoadingState\n message={tr('vibecontrols.ai.tasks.loading', 'Loading AI tasks from PlanMagnet...')}\n />\n );\n }\n\n if (error && items.length === 0) {\n return (\n <ErrorState\n title={tr('vibecontrols.ai.tasks.loadFailed', 'Failed to load tasks')}\n message={error}\n action={\n <button\n onClick={fetchTasks}\n className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm\"\n >\n <RefreshCw className=\"w-4 h-4\" />\n {tr('vibecontrols.ai.tasks.retry', 'Retry')}\n </button>\n }\n />\n );\n }\n\n return (\n <div className=\"space-y-4\">\n {/* Toolbar */}\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex items-center gap-2\">\n <p className=\"text-sm text-text-secondary\">\n {items.length} task{items.length !== 1 ? 's' : ''}\n </p>\n <button\n onClick={fetchTasks}\n className=\"p-1 hover:bg-bg-sunken rounded-md text-text-secondary hover:text-text-primary transition-colors\"\n title=\"Refresh\"\n >\n <RefreshCw className=\"w-3.5 h-3.5\" />\n </button>\n </div>\n <button\n onClick={() => setShowCreate(true)}\n className=\"flex w-full items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover sm:w-auto\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('vibecontrols.ai.tasks.createTask', 'Create Task')}\n </button>\n </div>\n\n {items.length > 0 && (\n <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n <div className=\"flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <div className=\"flex items-center gap-2\">\n <SelectionCheckbox\n checked={allVisibleSelected}\n indeterminate={partiallySelected}\n onChange={toggleAllVisibleTasks}\n ariaLabel=\"Select all visible AI tasks\"\n />\n <span className=\"text-sm font-medium text-text-primary\">\n {tr('vibecontrols.ai.tasks.selectAllVisible', 'Select all visible')}\n </span>\n </div>\n {selectedTaskIds.size > 0 && (\n <button\n onClick={clearSelection}\n className=\"text-sm text-text-secondary hover:text-text-primary\"\n >\n {tr('vibecontrols.ai.tasks.clearSelection', 'Clear selection')}\n </button>\n )}\n </div>\n\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n {selectedTaskIds.size} {tr('vibecontrols.ai.tasks.selected', 'selected')}\n </span>\n <select\n value={bulkMoveStatus}\n onChange={(event) => setBulkMoveStatus(event.target.value as TaskStatus)}\n className=\"rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n >\n {columns.map((column) => (\n <option key={column.id} value={column.id}>\n Move to {column.label}\n </option>\n ))}\n </select>\n <button\n onClick={handleBulkMove}\n disabled={selectedTasks.length === 0 || bulkMoving}\n className=\"rounded-md border border-action-primary-bg/40 px-3 py-2 text-sm font-medium text-action-primary-bg hover:bg-action-primary-bg/10 disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {tr('vibecontrols.ai.tasks.moveSelected', 'Move Selected')}\n {selectedTasks.length > 0 ? ` (${selectedTasks.length})` : ''}\n </button>\n <button\n onClick={() => setShowBulkDeleteDialog(true)}\n disabled={selectedTasks.length === 0 || bulkDeleting}\n className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {tr('vibecontrols.ai.tasks.deleteSelected', 'Delete Selected')}\n {selectedTasks.length > 0 ? ` (${selectedTasks.length})` : ''}\n </button>\n </div>\n </div>\n </div>\n )}\n\n {/* Kanban Board */}\n {items.length === 0 ? (\n <EmptyState\n icon={<GripVertical className=\"w-8 h-8 text-text-secondary\" />}\n title={tr('vibecontrols.ai.tasks.emptyTitle', 'No AI tasks')}\n description={tr(\n 'vibecontrols.ai.tasks.emptyDescription',\n 'Create tasks to track and organize your AI vibecoding work. Tasks are stored in PlanMagnet.'\n )}\n action={\n <button\n onClick={() => setShowCreate(true)}\n className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('vibecontrols.ai.tasks.createTask', 'Create Task')}\n </button>\n }\n />\n ) : (\n <div className=\"flex gap-3 overflow-x-auto pb-2\">\n {columns.map((col) => {\n const colItems = items.filter((i) => i.status === col.id);\n return (\n <div\n key={col.id}\n className={`flex-shrink-0 w-56 bg-bg-sunken rounded-lg border-t-2 ${col.color}`}\n onDragOver={(e) => e.preventDefault()}\n onDrop={(e) => {\n e.preventDefault();\n handleDrop(col.id);\n }}\n >\n <div className=\"px-3 py-2 flex items-center justify-between\">\n <h4 className=\"text-xs font-semibold text-text-primary uppercase tracking-wide\">\n {col.label}\n </h4>\n <span className=\"text-xs text-text-secondary bg-bg-surface rounded-full px-1.5 py-0.5\">\n {colItems.length}\n </span>\n </div>\n <div className=\"px-2 pb-2 space-y-2 min-h-[100px]\">\n {colItems.map((item) => (\n <Card\n key={item.id}\n className=\"p-0 cursor-grab active:cursor-grabbing\"\n padding=\"none\"\n >\n <div draggable onDragStart={() => setDraggedId(item.id)} className=\"p-2\">\n <div className=\"flex items-start justify-between gap-1\">\n <div className=\"flex items-start gap-2 min-w-0 flex-1\">\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selectedTaskIds.has(item.id)}\n onChange={(checked) => toggleTaskSelection(item.id, checked)}\n ariaLabel={`Select task ${item.title}`}\n />\n </div>\n <div className=\"min-w-0 flex-1\">\n {item.key && (\n <span className=\"text-[10px] font-mono text-text-secondary\">\n {item.key}\n </span>\n )}\n <span className=\"block text-sm font-medium text-text-primary line-clamp-2\">\n {item.title}\n </span>\n </div>\n </div>\n <button\n onClick={(e) => {\n e.stopPropagation();\n handleDelete(item.id);\n }}\n className=\"p-0.5 hover:bg-status-error-bg rounded flex-shrink-0\"\n >\n <X className=\"w-3 h-3 text-text-secondary hover:text-status-error-text\" />\n </button>\n </div>\n <div className=\"flex items-center gap-1.5 mt-1.5\">\n {item.priority && priorityLabels[item.priority] && (\n <span\n className={`text-[10px] font-medium ${priorityLabels[item.priority].color}`}\n >\n {priorityLabels[item.priority].label}\n </span>\n )}\n {item.storyPoints != null && (\n <span className=\"text-[10px] text-text-secondary bg-bg-surface rounded px-1\">\n {item.storyPoints}pt\n </span>\n )}\n </div>\n </div>\n </Card>\n ))}\n </div>\n </div>\n );\n })}\n </div>\n )}\n\n {/* Create Task Dialog */}\n {showCreate && (\n <div\n className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\"\n onClick={() => setShowCreate(false)}\n >\n <div\n className=\"bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-sm p-6\"\n onClick={(e) => e.stopPropagation()}\n >\n <div className=\"mb-4 flex items-start justify-between gap-3\">\n <h3 className=\"text-lg font-semibold text-text-primary\">\n {tr('vibecontrols.ai.tasks.newAITask', 'New AI Task')}\n </h3>\n <button\n onClick={() => setShowCreate(false)}\n className=\"p-1 hover:bg-bg-sunken rounded-md\"\n >\n <X className=\"w-4 h-4 text-text-secondary\" />\n </button>\n </div>\n <div className=\"space-y-4\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.ai.tasks.title', 'Title')}\n </label>\n <input\n type=\"text\"\n value={newTitle}\n onChange={(e) => setNewTitle(e.target.value)}\n className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong\"\n placeholder={tr('vibecontrols.ai.tasks.titlePlaceholder', 'Task title')}\n autoFocus\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !e.shiftKey) handleCreate();\n }}\n />\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('vibecontrols.ai.tasks.description', 'Description')}\n </label>\n <textarea\n value={newDescription}\n onChange={(e) => setNewDescription(e.target.value)}\n className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong resize-none\"\n placeholder={tr(\n 'vibecontrols.ai.tasks.descriptionPlaceholder',\n 'Optional description'\n )}\n rows={3}\n />\n </div>\n <div className=\"grid grid-cols-2 gap-3\">\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">Status</label>\n <select\n value={newStatus}\n onChange={(e) => setNewStatus(e.target.value as TaskStatus)}\n className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm\"\n >\n {columns.map((c) => (\n <option key={c.id} value={c.id}>\n {c.label}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n Priority\n </label>\n <select\n value={newPriority}\n onChange={(e) => setNewPriority(e.target.value as TaskPriority)}\n className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm\"\n >\n <option value=\"CRITICAL\">Critical</option>\n <option value=\"HIGH\">High</option>\n <option value=\"MEDIUM\">Medium</option>\n <option value=\"LOW\">Low</option>\n </select>\n </div>\n </div>\n </div>\n <div className=\"flex justify-end gap-2 mt-6\">\n <button\n onClick={() => setShowCreate(false)}\n className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n >\n Cancel\n </button>\n <button\n onClick={handleCreate}\n disabled={!newTitle.trim() || creating || !projectId}\n className=\"px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {creating ? 'Creating...' : 'Create'}\n </button>\n </div>\n </div>\n </div>\n )}\n\n <ConfirmDialog\n isOpen={showBulkDeleteDialog}\n onClose={() => setShowBulkDeleteDialog(false)}\n onConfirm={handleBulkDelete}\n title=\"Delete AI Tasks\"\n message={`Delete ${selectedTasks.length} selected AI task${selectedTasks.length === 1 ? '' : 's'}? This cannot be undone.`}\n confirmLabel={bulkDeleting ? 'Deleting...' : 'Delete'}\n variant=\"danger\"\n isLoading={bulkDeleting}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/ai/AITemplatesTab.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+interface AITemplatesTabProps {
+    agentId: string;
+}
+export declare function AITemplatesTab({ agentId }: AITemplatesTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AITemplatesTab.d.ts.map

package/dist/components/ai/AITemplatesTab.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AITemplatesTab.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AITemplatesTab.tsx"],"names":[],"mappings":"AAoBA,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB;AAkBD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAolB9D"}