@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/pages/VibeCalendarPage.js

@@ -0,0 +1,221 @@
+import { useCreateVibeCalendarTaskMutation as e, useTriggerVibeCalendarTaskNowMutation as t } from "../generated/wspace-operations.js";
+import { useVibeControls as n, useVibeNavigate as r } from "../providers/VibeControlsProvider.js";
+import { VIBE_PERMISSIONS as i } from "../constants/permissions.js";
+import { VibeCalendarHeader as a } from "../components/vibecalendar/VibeCalendarHeader.js";
+import { VibeCalMonthView as ee } from "../components/vibecalendar/VibeCalMonthView.js";
+import { VibeCalWeekView as o } from "../components/vibecalendar/VibeCalWeekView.js";
+import { VibeCalDayView as s } from "../components/vibecalendar/VibeCalDayView.js";
+import { VibeCalAgendaView as te } from "../components/vibecalendar/VibeCalAgendaView.js";
+import { ScheduleTaskModal as c } from "../components/vibecalendar/ScheduleTaskModal.js";
+import { LogsDrawer as l } from "../components/vibecalendar/LogsDrawer.js";
+import "../components/vibecalendar/index.js";
+import { expandJobsToOccurrences as u } from "../components/vibecalendar/expandOccurrences.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as re, CalendarClock as ie } from "lucide-react";
+import { useParams as ae, useSearchParams as h } from "react-router-dom";
+import { graphqlFetch as g } from "@burdenoff/fe-libs/shared/graphql";
+import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MotionPage as y } from "@burdenoff/fe-libs/shared/motion";
+import { AccessDenied as se } from "@burdenoff/fe-libs/shared/components";
+//#region src/pages/VibeCalendarPage.tsx
+var ce = "\n  query GetGlobalScheduledJobsForCalendar {\n    scheduledJobs(pagination: { limit: 500 }) {\n      jobs {\n        id\n        name\n        description\n        status\n        scheduleType\n        cronExpression\n        rrule\n        interval\n        scheduledAt\n        nextExecutionAt\n        lastExecutionAt\n        actionId\n        timezone\n        startDate\n        endDate\n      }\n      total\n      hasMore\n    }\n  }\n";
+function b() {
+	let b = r(), { workspaceId: x } = n(), { t: S } = ne(), { viewType: C } = ae(), [w, T] = h(), E = w.get("actionId") ?? void 0, { hasPermission: D, isLoading: le, permissions: O } = oe(), k = D(i.CALENDAR_AGENT_TASK_LIST), A = D(i.CALENDAR_AGENT_TASK_CREATE), j = D(i.CALENDAR_AGENT_TASK_EXECUTE), [M, N] = m(/* @__PURE__ */ new Date()), [P, F] = m(C || "month"), [I, L] = m(!1);
+	f(() => {
+		E && L(!0);
+	}, [E]);
+	let [R, z] = m(!1), [B, V] = m(null), [H, ue] = m(null), U = (e, t) => {
+		let n = S(e);
+		return n === e ? t : n;
+	}, W = p(() => {
+		let e = new Date(M), t = new Date(M);
+		switch (P) {
+			case "month":
+				e.setDate(1), e.setHours(0, 0, 0, 0), t.setMonth(t.getMonth() + 1, 0), t.setHours(23, 59, 59, 999);
+				break;
+			case "week":
+				e.setDate(e.getDate() - e.getDay()), e.setHours(0, 0, 0, 0), t.setDate(e.getDate() + 6), t.setHours(23, 59, 59, 999);
+				break;
+			case "day":
+				e.setHours(0, 0, 0, 0), t.setHours(23, 59, 59, 999);
+				break;
+			case "agenda":
+				e.setDate(1), e.setHours(0, 0, 0, 0), t.setMonth(t.getMonth() + 1, 0), t.setHours(23, 59, 59, 999);
+				break;
+		}
+		return {
+			startDate: e.toISOString(),
+			endDate: t.toISOString()
+		};
+	}, [M, P]), [G, de] = m([]), [fe, K] = m(void 0), q = d(async () => {
+		try {
+			let e = new URLSearchParams(typeof window > "u" ? "" : window.location.search), t = e.get("org") ?? void 0, n = e.get("tenant") ?? void 0, r = {};
+			t && (r["x-org-id"] = t, r["x-organization-id"] = t), n && (r["x-tenant-id"] = n);
+			let i = await g({
+				gateway: "global",
+				query: ce,
+				operationName: "GetGlobalScheduledJobsForCalendar",
+				organizationId: t ?? !0,
+				tenantId: n ?? !0,
+				extraHeaders: r
+			});
+			if (i.errors && i.errors.length) throw Error(i.errors[0]?.message ?? "Failed to load jobs");
+			de(i.data?.scheduledJobs?.jobs ?? []), K(void 0);
+		} catch (e) {
+			console.error("[VibeCalendarPage] Failed to load scheduled jobs:", e), K(e instanceof Error ? e : Error(String(e)));
+		}
+	}, []);
+	f(() => {
+		x && q();
+	}, [x, q]);
+	let J = p(() => G.length ? u(G, new Date(W.startDate), new Date(W.endDate)) : [], [
+		G,
+		W.startDate,
+		W.endDate
+	]), [Y, { loading: pe }] = e(), [X] = t(), me = d((e) => {
+		F(e);
+	}, []), Z = d(async (e) => {
+		try {
+			await X({ variables: { id: e } });
+		} catch (e) {
+			console.error("Failed to trigger task:", e);
+		}
+	}, [X]), Q = d((e) => {
+		V(e), ue(null), z(!0);
+	}, []), $ = d((e) => {
+		b(`/calendar/task/${e}`);
+	}, [b]), he = d(async (e) => {
+		try {
+			if (await Y({ variables: { input: {
+				calendarId: e.calendarId || "default",
+				title: e.title,
+				description: e.description,
+				actionId: e.actionId,
+				scheduleType: e.scheduleType,
+				scheduledAt: e.scheduledAt,
+				cronExpression: e.cronExpression,
+				interval: e.interval,
+				intervalUnit: e.intervalUnit,
+				timezone: e.timezone
+			} } }), L(!1), w.has("actionId")) {
+				let e = new URLSearchParams(w);
+				e.delete("actionId"), T(e, { replace: !0 });
+			}
+		} catch (e) {
+			console.error("Failed to create task:", e);
+		}
+	}, [
+		Y,
+		w,
+		T
+	]);
+	return le ? /* @__PURE__ */ _(y, {
+		className: "flex flex-col h-full p-4 gap-4",
+		children: null
+	}) : O && O.permissionStrings?.length > 0 && !k ? /* @__PURE__ */ _(y, {
+		className: "flex flex-col h-full p-4 gap-4",
+		children: /* @__PURE__ */ _(se, {
+			title: U("common.accessDeniedTitle", "Access Denied"),
+			description: U("calendar.accessDeniedDescription", "You don't have permission to view the Calendar.")
+		})
+	}) : /* @__PURE__ */ v(y, {
+		className: "flex flex-col h-full p-4 gap-4",
+		children: [
+			fe && J.length === 0 && /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2",
+				children: [
+					/* @__PURE__ */ _(re, {
+						size: 16,
+						className: "text-status-error-text flex-shrink-0"
+					}),
+					/* @__PURE__ */ _("p", {
+						className: "flex-1 text-sm text-status-error-text",
+						children: U("calendar.failedLoad", "Failed to load calendar data")
+					}),
+					/* @__PURE__ */ _("button", {
+						onClick: () => q(),
+						className: "rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg/80",
+						children: U("calendar.retry", "Retry")
+					})
+				]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex items-center gap-3 mb-2",
+				children: [/* @__PURE__ */ _(ie, {
+					size: 24,
+					className: "text-text-primary"
+				}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "text-xl font-bold text-text-primary",
+					children: U("nav.vibeCalendar", "Calendar")
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-secondary",
+					children: U("calendar.description", "Schedule and manage tasks across your agents")
+				})] })]
+			}),
+			/* @__PURE__ */ _(a, {
+				currentDate: M,
+				viewMode: P,
+				onDateChange: N,
+				onViewModeChange: me,
+				onCreateTask: A ? () => L(!0) : void 0
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex-1 overflow-hidden",
+				children: [
+					P === "month" && /* @__PURE__ */ _(ee, {
+						currentDate: M,
+						occurrences: J,
+						onTriggerNow: j ? Z : void 0,
+						onViewLogs: Q,
+						onViewDetail: $
+					}),
+					P === "week" && /* @__PURE__ */ _(o, {
+						currentDate: M,
+						occurrences: J,
+						onTriggerNow: j ? Z : void 0,
+						onViewLogs: Q,
+						onViewDetail: $
+					}),
+					P === "day" && /* @__PURE__ */ _(s, {
+						currentDate: M,
+						occurrences: J,
+						onTriggerNow: j ? Z : void 0,
+						onViewLogs: Q,
+						onViewDetail: $
+					}),
+					P === "agenda" && /* @__PURE__ */ _(te, {
+						occurrences: J,
+						onTriggerNow: j ? Z : void 0,
+						onViewLogs: Q,
+						onViewDetail: $
+					})
+				]
+			}),
+			/* @__PURE__ */ _(c, {
+				isOpen: I,
+				onClose: () => {
+					if (L(!1), w.has("actionId")) {
+						let e = new URLSearchParams(w);
+						e.delete("actionId"), T(e, { replace: !0 });
+					}
+				},
+				onSubmit: he,
+				loading: pe,
+				prefillActionId: E
+			}),
+			/* @__PURE__ */ _(l, {
+				isOpen: R,
+				onClose: () => z(!1),
+				execution: H,
+				taskTitle: B?.title || "",
+				agentId: B?.agentId || ""
+			})
+		]
+	});
+}
+//#endregion
+export { b as VibeCalendarPage };
+
+//# sourceMappingURL=VibeCalendarPage.js.map

package/dist/pages/VibeCalendarPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalendarPage.js","names":[],"sources":["../../src/pages/VibeCalendarPage.tsx"],"sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { CalendarClock, AlertCircle } from 'lucide-react';\nimport { MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  VibeCalendarHeader,\n  VibeCalMonthView,\n  VibeCalWeekView,\n  VibeCalDayView,\n  VibeCalAgendaView,\n  ScheduleTaskModal,\n  LogsDrawer,\n} from '../components/vibecalendar';\nimport { useVibeNavigate, useVibeControls } from '@/providers/VibeControlsProvider';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport type {\n  CalendarViewMode,\n  VibeCalendarTask,\n  VibeCalendarExecution,\n  ScheduleTaskInput,\n} from '../components/vibecalendar';\nimport {\n  expandJobsToOccurrences,\n  type SchedulerJobLike,\n} from '../components/vibecalendar/expandOccurrences';\nimport {\n  useCreateVibeCalendarTaskMutation,\n  useTriggerVibeCalendarTaskNowMutation,\n} from '@/generated/wspace-operations';\n\n/**\n * The /scheduler page writes ScheduledJobs on the GLOBAL gateway\n * (organization-scoped). The VibeCalendar needs to render those jobs\n * regardless of where they were created. We use graphqlFetch targeting\n * the global gateway rather than Apollo (which is wspace-only here).\n */\nconst GLOBAL_SCHEDULED_JOBS_QUERY = /* GraphQL */ `\n  query GetGlobalScheduledJobsForCalendar {\n    scheduledJobs(pagination: { limit: 500 }) {\n      jobs {\n        id\n        name\n        description\n        status\n        scheduleType\n        cronExpression\n        rrule\n        interval\n        scheduledAt\n        nextExecutionAt\n        lastExecutionAt\n        actionId\n        timezone\n        startDate\n        endDate\n      }\n      total\n      hasMore\n    }\n  }\n`;\n\ninterface GlobalScheduledJobsResponse {\n  scheduledJobs: {\n    jobs: SchedulerJobLike[];\n    total: number;\n    hasMore: boolean;\n  };\n}\n\n/**\n * Calendar Page\n *\n * Main page for scheduling and managing tasks on VibeControls agents.\n * Supports month and agenda views with task creation, on-demand triggering,\n * and log viewing via the LogsDrawer.\n */\nexport function VibeCalendarPage() {\n  const navigate = useVibeNavigate();\n  const { workspaceId } = useVibeControls();\n  const { t } = useI18n();\n  const { viewType } = useParams<{ viewType?: string }>();\n  const [searchParams, setSearchParams] = useSearchParams();\n  // When navigated here from the Actions page via \"Add to calendar\",\n  // the URL carries ?actionId=... — open the modal in Action-linked mode.\n  const prefillActionId = searchParams.get('actionId') ?? undefined;\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n  const canList = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_LIST);\n  const canCreate = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_CREATE);\n  const canExecute = hasPermission(VIBE_PERMISSIONS.CALENDAR_AGENT_TASK_EXECUTE);\n\n  const [currentDate, setCurrentDate] = useState(new Date());\n  const [viewMode, setViewMode] = useState<CalendarViewMode>(\n    (viewType as CalendarViewMode) || 'month'\n  );\n  const [showCreateModal, setShowCreateModal] = useState(false);\n\n  // Auto-open the modal when arriving with an actionId query param.\n  useEffect(() => {\n    if (prefillActionId) {\n      setShowCreateModal(true);\n    }\n  }, [prefillActionId]);\n  const [showLogsDrawer, setShowLogsDrawer] = useState(false);\n  const [selectedTask, setSelectedTask] = useState<VibeCalendarTask | null>(null);\n  const [selectedExecution, setSelectedExecution] = useState<VibeCalendarExecution | null>(null);\n\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  // Calculate date range for current view\n  const dateRange = useMemo(() => {\n    const start = new Date(currentDate);\n    const end = new Date(currentDate);\n\n    switch (viewMode) {\n      case 'month':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'week':\n        start.setDate(start.getDate() - start.getDay());\n        start.setHours(0, 0, 0, 0);\n        end.setDate(start.getDate() + 6);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'day':\n        start.setHours(0, 0, 0, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n      case 'agenda':\n        start.setDate(1);\n        start.setHours(0, 0, 0, 0);\n        end.setMonth(end.getMonth() + 1, 0);\n        end.setHours(23, 59, 59, 999);\n        break;\n    }\n\n    return { startDate: start.toISOString(), endDate: end.toISOString() };\n  }, [currentDate, viewMode]);\n\n  // Unified calendar view: fetch every ScheduledJob from the global\n  // scheduler (where /scheduler writes). The calendar renders jobs\n  // regardless of how they were created, so all schedule-to-Action\n  // tasks show up here as a single source of truth.\n  //\n  // `global-scheduler-svc` requires an organization id in the context\n  // headers, so we extract it from the URL search params (the shell\n  // populates `?org=` on every route) and pass it explicitly — the\n  // auto-detect path in graphqlFetch doesn't reliably set `x-org-id`\n  // when the profile storage context hasn't been hydrated yet.\n  const [jobs, setJobs] = useState<SchedulerJobLike[]>([]);\n  const [rangeError, setRangeError] = useState<Error | undefined>(undefined);\n  const refetch = useCallback(async () => {\n    try {\n      const urlParams = new URLSearchParams(\n        typeof window === 'undefined' ? '' : window.location.search\n      );\n      const orgFromUrl = urlParams.get('org') ?? undefined;\n      const tenantFromUrl = urlParams.get('tenant') ?? undefined;\n      const extraHeaders: Record<string, string> = {};\n      if (orgFromUrl) {\n        extraHeaders['x-org-id'] = orgFromUrl;\n        extraHeaders['x-organization-id'] = orgFromUrl;\n      }\n      if (tenantFromUrl) {\n        extraHeaders['x-tenant-id'] = tenantFromUrl;\n      }\n\n      const res = await graphqlFetch<GlobalScheduledJobsResponse>({\n        gateway: 'global',\n        query: GLOBAL_SCHEDULED_JOBS_QUERY,\n        operationName: 'GetGlobalScheduledJobsForCalendar',\n        organizationId: orgFromUrl ?? true,\n        tenantId: tenantFromUrl ?? true,\n        extraHeaders,\n      });\n\n      if (res.errors && res.errors.length) {\n        throw new Error(res.errors[0]?.message ?? 'Failed to load jobs');\n      }\n      setJobs(res.data?.scheduledJobs?.jobs ?? []);\n      setRangeError(undefined);\n    } catch (err) {\n      console.error('[VibeCalendarPage] Failed to load scheduled jobs:', err);\n      setRangeError(err instanceof Error ? err : new Error(String(err)));\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!workspaceId) return;\n    void refetch();\n  }, [workspaceId, refetch]);\n\n  const occurrences = useMemo(() => {\n    if (!jobs.length) return [];\n    return expandJobsToOccurrences(\n      jobs,\n      new Date(dateRange.startDate),\n      new Date(dateRange.endDate)\n    );\n  }, [jobs, dateRange.startDate, dateRange.endDate]);\n\n  // Agents are no longer collected in the modal — the scheduler resolves\n  // them from the referenced Action at execution time.\n\n  // Mutations\n  const [createTaskMutation, { loading: createLoading }] = useCreateVibeCalendarTaskMutation();\n  const [triggerNowMutation] = useTriggerVibeCalendarTaskNowMutation();\n\n  const handleViewModeChange = useCallback((mode: CalendarViewMode) => {\n    setViewMode(mode);\n  }, []);\n\n  const handleTriggerNow = useCallback(\n    async (taskId: string) => {\n      try {\n        await triggerNowMutation({ variables: { id: taskId } });\n      } catch (err) {\n        console.error('Failed to trigger task:', err);\n      }\n    },\n    [triggerNowMutation]\n  );\n\n  const handleViewLogs = useCallback((task: VibeCalendarTask) => {\n    setSelectedTask(task);\n    setSelectedExecution(null);\n    setShowLogsDrawer(true);\n  }, []);\n\n  const handleViewDetail = useCallback(\n    (taskId: string) => {\n      navigate(`/calendar/task/${taskId}`);\n    },\n    [navigate]\n  );\n\n  const handleCreateTask = useCallback(\n    async (input: ScheduleTaskInput) => {\n      try {\n        // Calendar entries always delegate execution to a VibeControls\n        // Action. The scheduler resolves agent/command/webhook details\n        // from the Action definition at run time — we only send\n        // actionId + calendar/schedule config from this modal.\n        await createTaskMutation({\n          variables: {\n            input: {\n              calendarId: input.calendarId || 'default',\n              title: input.title,\n              description: input.description,\n              actionId: input.actionId,\n              scheduleType: input.scheduleType,\n              scheduledAt: input.scheduledAt,\n              cronExpression: input.cronExpression,\n              interval: input.interval,\n              intervalUnit: input.intervalUnit,\n              timezone: input.timezone,\n            },\n          },\n        });\n        setShowCreateModal(false);\n        // Drop the actionId query param after successful creation\n        if (searchParams.has('actionId')) {\n          const next = new URLSearchParams(searchParams);\n          next.delete('actionId');\n          setSearchParams(next, { replace: true });\n        }\n      } catch (err) {\n        console.error('Failed to create task:', err);\n      }\n    },\n    [createTaskMutation, searchParams, setSearchParams]\n  );\n\n  if (permissionsLoading)\n    return <MotionPage className=\"flex flex-col h-full p-4 gap-4\">{null}</MotionPage>;\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canList) {\n    return (\n      <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n        <AccessDenied\n          title={tr('common.accessDeniedTitle', 'Access Denied')}\n          description={tr(\n            'calendar.accessDeniedDescription',\n            \"You don't have permission to view the Calendar.\"\n          )}\n        />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"flex flex-col h-full p-4 gap-4\">\n      {/* Error banner (non-blocking) */}\n      {rangeError && occurrences.length === 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2\">\n          <AlertCircle size={16} className=\"text-status-error-text flex-shrink-0\" />\n          <p className=\"flex-1 text-sm text-status-error-text\">\n            {tr('calendar.failedLoad', 'Failed to load calendar data')}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"rounded px-3 py-1 text-xs text-status-error-text transition-colors hover:bg-status-error-bg/80\"\n          >\n            {tr('calendar.retry', 'Retry')}\n          </button>\n        </div>\n      )}\n\n      {/* Header */}\n      <div className=\"flex items-center gap-3 mb-2\">\n        <CalendarClock size={24} className=\"text-text-primary\" />\n        <div>\n          <h1 className=\"text-xl font-bold text-text-primary\">\n            {tr('nav.vibeCalendar', 'Calendar')}\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('calendar.description', 'Schedule and manage tasks across your agents')}\n          </p>\n        </div>\n      </div>\n\n      {/* Calendar Header with nav + view switcher */}\n      <VibeCalendarHeader\n        currentDate={currentDate}\n        viewMode={viewMode}\n        onDateChange={setCurrentDate}\n        onViewModeChange={handleViewModeChange}\n        onCreateTask={canCreate ? () => setShowCreateModal(true) : undefined}\n      />\n\n      {/* Calendar Body */}\n      <div className=\"flex-1 overflow-hidden\">\n        {viewMode === 'month' && (\n          <VibeCalMonthView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'week' && (\n          <VibeCalWeekView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'day' && (\n          <VibeCalDayView\n            currentDate={currentDate}\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n        {viewMode === 'agenda' && (\n          <VibeCalAgendaView\n            occurrences={occurrences}\n            onTriggerNow={canExecute ? handleTriggerNow : undefined}\n            onViewLogs={handleViewLogs}\n            onViewDetail={handleViewDetail}\n          />\n        )}\n      </div>\n\n      {/* Schedule Task Modal */}\n      <ScheduleTaskModal\n        isOpen={showCreateModal}\n        onClose={() => {\n          setShowCreateModal(false);\n          // Strip the actionId query param on dismiss so reopening the\n          // modal without a fresh navigation doesn't silently resume\n          // Action-linked mode.\n          if (searchParams.has('actionId')) {\n            const next = new URLSearchParams(searchParams);\n            next.delete('actionId');\n            setSearchParams(next, { replace: true });\n          }\n        }}\n        onSubmit={handleCreateTask}\n        loading={createLoading}\n        prefillActionId={prefillActionId}\n      />\n\n      {/* Logs Drawer */}\n      <LogsDrawer\n        isOpen={showLogsDrawer}\n        onClose={() => setShowLogsDrawer(false)}\n        execution={selectedExecution}\n        taskTitle={selectedTask?.title || ''}\n        agentId={selectedTask?.agentId || ''}\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/VibeDeckPage.d.ts

@@ -0,0 +1,2 @@
+export declare function VibeDeckPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VibeDeckPage.d.ts.map

package/dist/pages/VibeDeckPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckPage.d.ts","sourceRoot":"","sources":["../../src/pages/VibeDeckPage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,YAAY,4CAyvC3B"}