@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/vibe/VibeAgentEmptyState.js

@@ -0,0 +1,29 @@
+import { useVibeNavigate as e } from "../../providers/VibeControlsProvider.js";
+import { EmptyState as t } from "../shared/EmptyState.js";
+import "../shared/index.js";
+import { ArrowRight as n, Server as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/vibe/VibeAgentEmptyState.tsx
+var o = ({ vibeId: o, tr: s }) => {
+	let c = e();
+	return /* @__PURE__ */ i("div", {
+		className: "rounded-lg border border-border-default bg-bg-surface",
+		children: /* @__PURE__ */ i(t, {
+			icon: /* @__PURE__ */ i(r, { className: "w-8 h-8 text-text-secondary" }),
+			title: s("vibeDetails.noAgentTitle", "No agent attached"),
+			description: s("vibeDetails.noAgentDescription", "This vibe is not attached to an agent yet. Sessions, GitOps, GraphQL playground, and git tooling all run through an agent — connect one to unlock those tabs."),
+			action: /* @__PURE__ */ a("button", {
+				type: "button",
+				onClick: () => {
+					c(`/agents${o ? `?attachToVibe=${encodeURIComponent(o)}` : ""}`);
+				},
+				className: "inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+				children: [s("vibeDetails.connectAnAgent", "Connect an agent to this vibe"), /* @__PURE__ */ i(n, { className: "w-4 h-4" })]
+			})
+		})
+	});
+};
+//#endregion
+export { o as VibeAgentEmptyState };
+
+//# sourceMappingURL=VibeAgentEmptyState.js.map

package/dist/components/vibe/VibeAgentEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeAgentEmptyState.js","names":[],"sources":["../../../src/components/vibe/VibeAgentEmptyState.tsx"],"sourcesContent":["/**\n * VibeAgentEmptyState — shown on the Vibe details page when the vibe has no\n * agent attached. Tabs that depend on an agent (sessions, gitops, GraphQL\n * playground, git) are hidden, and the user is invited to attach an agent.\n *\n * The CTA deep-links to the agents page with `?attachToVibe=<vibeId>` so the\n * agents UI can offer a direct \"attach to this vibe\" affordance and bounce\n * the user back when done.\n */\nimport type { FC } from 'react';\nimport { Server, ArrowRight } from 'lucide-react';\nimport { EmptyState } from '@/components/shared';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\n\nexport interface VibeAgentEmptyStateProps {\n  vibeId: string;\n  tr: (key: string, fallback: string) => string;\n}\n\nexport const VibeAgentEmptyState: FC<VibeAgentEmptyStateProps> = ({ vibeId, tr }) => {\n  const navigate = useVibeNavigate();\n\n  const handleConnect = () => {\n    const query = vibeId ? `?attachToVibe=${encodeURIComponent(vibeId)}` : '';\n    navigate(`/agents${query}`);\n  };\n\n  return (\n    <div className=\"rounded-lg border border-border-default bg-bg-surface\">\n      <EmptyState\n        icon={<Server className=\"w-8 h-8 text-text-secondary\" />}\n        title={tr('vibeDetails.noAgentTitle', 'No agent attached')}\n        description={tr(\n          'vibeDetails.noAgentDescription',\n          'This vibe is not attached to an agent yet. Sessions, GitOps, GraphQL playground, and git tooling all run through an agent — connect one to unlock those tabs.'\n        )}\n        action={\n          <button\n            type=\"button\"\n            onClick={handleConnect}\n            className=\"inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n          >\n            {tr('vibeDetails.connectAnAgent', 'Connect an agent to this vibe')}\n            <ArrowRight className=\"w-4 h-4\" />\n          </button>\n        }\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAmBA,IAAa,KAAqD,EAAE,WAAQ,YAAS;CACnF,IAAM,IAAW,GAAiB;AAOlC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA;GACxD,OAAO,EAAG,4BAA4B,oBAAoB;GAC1D,aAAa,EACX,kCACA,gKACD;GACD,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAjBkB;AAE1B,OAAS,UADK,IAAS,iBAAiB,mBAAmB,EAAO,KAAK,KAC5C;;IAgBnB,WAAU;cAHZ,CAKG,EAAG,8BAA8B,gCAAgC,EAClE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,CAC3B;;GAEX,CAAA;EACE,CAAA"}

package/dist/components/vibecalendar/LogsDrawer.d.ts

@@ -0,0 +1,12 @@
+import { VibeCalendarExecution } from './types';
+
+interface LogsDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    execution: VibeCalendarExecution | null;
+    taskTitle: string;
+    agentId: string;
+}
+export declare function LogsDrawer({ isOpen, onClose, execution, taskTitle, agentId: _agentId, }: LogsDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=LogsDrawer.d.ts.map

package/dist/components/vibecalendar/LogsDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/LogsDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EAAE,QAAQ,GAClB,EAAE,eAAe,kDAuHjB"}

package/dist/components/vibecalendar/LogsDrawer.js

@@ -0,0 +1,97 @@
+import { useI18n as e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { X as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/vibecalendar/LogsDrawer.tsx
+function i({ isOpen: i, onClose: a, execution: o, taskTitle: s, agentId: c }) {
+	let { t: l } = e();
+	if (!i) return null;
+	let u = o?.output ?? null, d = o?.exitCode ?? null, f = o?.error ?? null;
+	return /* @__PURE__ */ r("div", {
+		className: "fixed inset-0 z-50 flex justify-end",
+		children: [/* @__PURE__ */ n("div", {
+			className: "absolute inset-0 bg-bg-overlay",
+			onClick: a
+		}), /* @__PURE__ */ r("div", {
+			className: "relative w-full max-w-full sm:max-w-2xl bg-bg-surface border-l border-border-default shadow-xl flex flex-col",
+			children: [/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+				children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Task Logs"
+				}), /* @__PURE__ */ n("p", {
+					className: "text-sm text-text-secondary mt-0.5",
+					children: s
+				})] }), /* @__PURE__ */ n("button", {
+					onClick: a,
+					className: "p-1 rounded hover:bg-bg-secondary",
+					children: /* @__PURE__ */ n(t, { size: 18 })
+				})]
+			}), /* @__PURE__ */ n("div", {
+				className: "flex-1 overflow-auto p-6",
+				children: o ? /* @__PURE__ */ r("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ r("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+							children: [
+								/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("span", {
+									className: "text-xs text-text-tertiary",
+									children: "Status"
+								}), /* @__PURE__ */ n("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: o.status
+								})] }),
+								/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("span", {
+									className: "text-xs text-text-tertiary",
+									children: "Started At"
+								}), /* @__PURE__ */ n("p", {
+									className: "text-sm text-text-primary",
+									children: o.startedAt ? new Date(o.startedAt).toLocaleString() : "Unavailable"
+								})] }),
+								o.completedAt && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("span", {
+									className: "text-xs text-text-tertiary",
+									children: "Completed At"
+								}), /* @__PURE__ */ n("p", {
+									className: "text-sm text-text-primary",
+									children: new Date(o.completedAt).toLocaleString()
+								})] }),
+								d != null && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("span", {
+									className: "text-xs text-text-tertiary",
+									children: "Exit Code"
+								}), /* @__PURE__ */ n("p", {
+									className: `text-sm font-mono ${d === 0 ? "text-status-success-text" : "text-status-error-text"}`,
+									children: d
+								})] })
+							]
+						}),
+						u && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+							className: "text-sm font-medium text-text-secondary mb-1",
+							children: "stdout"
+						}), /* @__PURE__ */ n("pre", {
+							className: "bg-bg-sunken border border-border-default rounded-lg p-3 text-xs font-mono text-text-primary overflow-auto max-h-60 whitespace-pre-wrap",
+							children: u
+						})] }),
+						null,
+						f && /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+							className: "text-sm font-medium text-status-error-text mb-1",
+							children: "Error"
+						}), /* @__PURE__ */ n("pre", {
+							className: "bg-status-error-bg/5 border border-status-error-border/20 rounded-lg p-3 text-xs font-mono text-status-error-text overflow-auto max-h-40 whitespace-pre-wrap",
+							children: f
+						})] })
+					]
+				}) : /* @__PURE__ */ n("div", {
+					className: "flex items-center justify-center h-full",
+					children: /* @__PURE__ */ n("p", {
+						className: "text-sm text-text-secondary",
+						children: "No execution data available"
+					})
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as LogsDrawer };
+
+//# sourceMappingURL=LogsDrawer.js.map

package/dist/components/vibecalendar/LogsDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsDrawer.js","names":[],"sources":["../../../src/components/vibecalendar/LogsDrawer.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { X, Loader2 } from 'lucide-react';\nimport type { VibeCalendarExecution } from './types';\n\ninterface LogsDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  execution: VibeCalendarExecution | null;\n  taskTitle: string;\n  agentId: string;\n}\n\nexport function LogsDrawer({\n  isOpen,\n  onClose,\n  execution,\n  taskTitle,\n  agentId: _agentId,\n}: LogsDrawerProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  // Agent task logs are no longer fetched directly from the calendar —\n  // tasks reference a VibeControls Action and execution details come\n  // from the scheduler's execution records. Show what the execution\n  // record carries (output/error) and defer richer logs to a future\n  // Action-aware logs query.\n  const logsLoading = false;\n\n  if (!isOpen) return null;\n\n  // Execution records from the new simplified schema carry a single\n  // `output` field (stdout + stderr combined) and an `error` field.\n  const stdout = execution?.output ?? null;\n  const stderr: string | null = null;\n  const exitCode = execution?.exitCode ?? null;\n  const error = execution?.error ?? null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex justify-end\">\n      <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n      <div className=\"relative w-full max-w-full sm:max-w-2xl bg-bg-surface border-l border-border-default shadow-xl flex flex-col\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-text-primary\">Task Logs</h2>\n            <p className=\"text-sm text-text-secondary mt-0.5\">{taskTitle}</p>\n          </div>\n          <button onClick={onClose} className=\"p-1 rounded hover:bg-bg-secondary\">\n            <X size={18} />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-auto p-6\">\n          {logsLoading ? (\n            <div className=\"flex items-center justify-center h-full gap-2\">\n              <Loader2 size={16} className=\"animate-spin text-text-tertiary\" />\n              <p className=\"text-sm text-text-secondary\">Fetching logs...</p>\n            </div>\n          ) : execution ? (\n            <div className=\"space-y-4\">\n              {/* Execution Info */}\n              <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                <div>\n                  <span className=\"text-xs text-text-tertiary\">Status</span>\n                  <p className=\"text-sm font-medium text-text-primary\">{execution.status}</p>\n                </div>\n                <div>\n                  <span className=\"text-xs text-text-tertiary\">Started At</span>\n                  <p className=\"text-sm text-text-primary\">\n                    {execution.startedAt\n                      ? new Date(execution.startedAt).toLocaleString()\n                      : 'Unavailable'}\n                  </p>\n                </div>\n                {execution.completedAt && (\n                  <div>\n                    <span className=\"text-xs text-text-tertiary\">Completed At</span>\n                    <p className=\"text-sm text-text-primary\">\n                      {new Date(execution.completedAt).toLocaleString()}\n                    </p>\n                  </div>\n                )}\n                {exitCode !== null && exitCode !== undefined && (\n                  <div>\n                    <span className=\"text-xs text-text-tertiary\">Exit Code</span>\n                    <p\n                      className={`text-sm font-mono ${exitCode === 0 ? 'text-status-success-text' : 'text-status-error-text'}`}\n                    >\n                      {exitCode}\n                    </p>\n                  </div>\n                )}\n              </div>\n\n              {/* stdout */}\n              {stdout && (\n                <div>\n                  <h3 className=\"text-sm font-medium text-text-secondary mb-1\">stdout</h3>\n                  <pre className=\"bg-bg-sunken border border-border-default rounded-lg p-3 text-xs font-mono text-text-primary overflow-auto max-h-60 whitespace-pre-wrap\">\n                    {stdout}\n                  </pre>\n                </div>\n              )}\n\n              {/* stderr */}\n              {stderr && (\n                <div>\n                  <h3 className=\"text-sm font-medium text-status-error-text mb-1\">stderr</h3>\n                  <pre className=\"bg-status-error-bg/5 border border-status-error-border/20 rounded-lg p-3 text-xs font-mono text-status-error-text overflow-auto max-h-60 whitespace-pre-wrap\">\n                    {stderr}\n                  </pre>\n                </div>\n              )}\n\n              {/* Error */}\n              {error && (\n                <div>\n                  <h3 className=\"text-sm font-medium text-status-error-text mb-1\">Error</h3>\n                  <pre className=\"bg-status-error-bg/5 border border-status-error-border/20 rounded-lg p-3 text-xs font-mono text-status-error-text overflow-auto max-h-40 whitespace-pre-wrap\">\n                    {error}\n                  </pre>\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"flex items-center justify-center h-full\">\n              <p className=\"text-sm text-text-secondary\">No execution data available</p>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAW,EACzB,WACA,YACA,cACA,cACA,SAAS,KACS;CAClB,IAAM,EAAE,SAAM,GAAS;AAYvB,KAAI,CAAC,EAAQ,QAAO;CAIpB,IAAM,IAAS,GAAW,UAAU,MAE9B,IAAW,GAAW,YAAY,MAClC,IAAQ,GAAW,SAAS;AAElC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;GAAiC,SAAS;GAAW,CAAA,EACpE,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAAc,CAAA,EACtE,kBAAC,KAAD;KAAG,WAAU;eAAsC;KAAc,CAAA,CAC7D,EAAA,CAAA,EACN,kBAAC,UAAD;KAAQ,SAAS;KAAS,WAAU;eAClC,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA;KACR,CAAA,CACL;OAGN,kBAAC,OAAD;IAAK,WAAU;cAMT,IACF,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA6B;SAAa,CAAA,EAC1D,kBAAC,KAAD;SAAG,WAAU;mBAAyC,EAAU;SAAW,CAAA,CACvE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA6B;SAAiB,CAAA,EAC9D,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAU,YACP,IAAI,KAAK,EAAU,UAAU,CAAC,gBAAgB,GAC9C;SACF,CAAA,CACA,EAAA,CAAA;QACL,EAAU,eACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA6B;SAAmB,CAAA,EAChE,kBAAC,KAAD;SAAG,WAAU;mBACV,IAAI,KAAK,EAAU,YAAY,CAAC,gBAAgB;SAC/C,CAAA,CACA,EAAA,CAAA;QAEP,KAAa,QACZ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA6B;SAAgB,CAAA,EAC7D,kBAAC,KAAD;SACE,WAAW,qBAAqB,MAAa,IAAI,6BAA6B;mBAE7E;SACC,CAAA,CACA,EAAA,CAAA;QAEJ;;MAGL,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA+C;OAAW,CAAA,EACxE,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA,CACF,EAAA,CAAA;MAIP;MAUA,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAkD;OAAU,CAAA,EAC1E,kBAAC,OAAD;OAAK,WAAU;iBACZ;OACG,CAAA,CACF,EAAA,CAAA;MAEJ;SAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAA+B,CAAA;KACtE,CAAA;IAEJ,CAAA,CACF;KACF"}

package/dist/components/vibecalendar/ScheduleTaskModal.d.ts

@@ -0,0 +1,33 @@
+interface ScheduleTaskModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (input: ScheduleTaskInput) => void;
+    agents?: Array<{
+        id: string;
+        name: string;
+    }>;
+    loading?: boolean;
+    prefillActionId?: string;
+}
+/**
+ * Calendar entries always delegate execution to a VibeControls Action.
+ * Agent, command, script, and webhook fields come from the Action
+ * definition at execution time — this modal only collects the calendar
+ * metadata and the schedule.
+ */
+export interface ScheduleTaskInput {
+    calendarId: string;
+    title: string;
+    description?: string;
+    scheduleType: 'ONE_TIME' | 'CRON' | 'RRULE' | 'FIXED_INTERVAL';
+    scheduledAt?: string;
+    cronExpression?: string;
+    rrule?: string;
+    interval?: number;
+    intervalUnit?: string;
+    timezone: string;
+    actionId: string;
+}
+export declare function ScheduleTaskModal({ isOpen, onClose, onSubmit, loading, prefillActionId, }: ScheduleTaskModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ScheduleTaskModal.d.ts.map

package/dist/components/vibecalendar/ScheduleTaskModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleTaskModal.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/ScheduleTaskModal.tsx"],"names":[],"mappings":"AAWA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAE7C,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAOD,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,EAAE,sBAAsB,kDA6VxB"}

package/dist/components/vibecalendar/ScheduleTaskModal.js

@@ -0,0 +1,311 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useListActionsQuery as t } from "../../generated/wspace-operations.js";
+import { useMemo as n, useState as r } from "react";
+import { Search as i, X as a, Zap as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/vibecalendar/ScheduleTaskModal.tsx
+var u = "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-lg text-sm text-text-primary placeholder-text-placeholder focus:outline-none focus:border-border-primary", d = `${u} font-mono`, f = "block text-sm font-medium text-text-secondary mb-1";
+function p({ isOpen: p, onClose: m, onSubmit: h, loading: g, prefillActionId: _ }) {
+	let v = e(), [y, b] = r(_ ?? ""), [x, S] = r(""), [C, w] = r(""), [T, E] = r(""), [D, O] = r("ONE_TIME"), [k, A] = r(""), [j, M] = r(""), [N, P] = r(60), [F, I] = r("minutes"), [L, R] = r(Intl.DateTimeFormat().resolvedOptions().timeZone), { data: z, loading: B } = t({
+		variables: { pagination: { limit: 100 } },
+		skip: !p,
+		fetchPolicy: "cache-and-network"
+	}), V = n(() => z?.actions?.items ?? [], [z?.actions?.items]), H = n(() => {
+		if (!x.trim()) return V;
+		let e = x.trim().toLowerCase();
+		return V.filter((t) => t.name?.toLowerCase().includes(e) || t.displayName?.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
+	}, [V, x]), U = n(() => V.find((e) => e.id === y), [V, y]);
+	if (!p) return null;
+	let W = !!_, G = !!y && !g;
+	return /* @__PURE__ */ l("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ c("div", {
+			className: "absolute inset-0 bg-bg-overlay",
+			onClick: m
+		}), /* @__PURE__ */ l("div", {
+			className: "relative bg-bg-surface border border-border-default rounded-xl shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto",
+			children: [/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+				children: [/* @__PURE__ */ c("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: W ? v("vibecontrols.calendar.schedule.addActionToCalendar", "Add Action to Calendar") : v("vibecontrols.calendar.schedule.scheduleActionOnCalendar", "Schedule Action on Calendar")
+				}), /* @__PURE__ */ c("button", {
+					onClick: m,
+					className: "p-1 rounded hover:bg-bg-secondary",
+					children: /* @__PURE__ */ c(a, { size: 18 })
+				})]
+			}), /* @__PURE__ */ l("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), y && h({
+						calendarId: "",
+						title: C,
+						description: T || void 0,
+						scheduleType: D,
+						scheduledAt: D === "ONE_TIME" ? new Date(k).toISOString() : void 0,
+						cronExpression: D === "CRON" ? j : void 0,
+						interval: D === "FIXED_INTERVAL" ? N : void 0,
+						intervalUnit: D === "FIXED_INTERVAL" ? F : void 0,
+						timezone: L,
+						actionId: y
+					});
+				},
+				className: "px-6 py-4 space-y-4",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ l("label", {
+								className: f,
+								children: [v("vibecontrols.calendar.schedule.actionToSchedule", "Action to Schedule"), " *"]
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-text-tertiary -mt-1",
+								children: "Calendar entries trigger VibeControls Actions. Agent, command, and webhook details come from the Action definition."
+							}),
+							W && U && /* @__PURE__ */ l("div", {
+								className: "flex items-start gap-3 p-3 rounded-lg border border-border-default bg-bg-secondary",
+								children: [/* @__PURE__ */ c("div", {
+									className: "p-1.5 rounded-md bg-primary/10 text-primary flex-shrink-0",
+									children: /* @__PURE__ */ c(o, { size: 16 })
+								}), /* @__PURE__ */ l("div", {
+									className: "flex-1 min-w-0",
+									children: [
+										/* @__PURE__ */ c("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: U.displayName || U.name
+										}),
+										/* @__PURE__ */ l("p", {
+											className: "text-xs text-text-secondary mt-0.5",
+											children: [
+												U.actionType,
+												" · ",
+												U.triggerType
+											]
+										}),
+										U.description && /* @__PURE__ */ c("p", {
+											className: "text-xs text-text-tertiary mt-1 line-clamp-2",
+											children: U.description
+										})
+									]
+								})]
+							}),
+							W && !U && B && /* @__PURE__ */ c("div", {
+								className: "p-3 rounded-lg border border-border-default bg-bg-secondary text-xs text-text-secondary",
+								children: "Loading action…"
+							}),
+							W && !U && !B && /* @__PURE__ */ c("div", {
+								className: "p-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle text-xs text-status-error-text",
+								children: "Action not found. It may have been deleted."
+							}),
+							!W && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ c(i, {
+									size: 16,
+									className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary"
+								}), /* @__PURE__ */ c("input", {
+									type: "text",
+									value: x,
+									onChange: (e) => S(e.target.value),
+									placeholder: "Search actions by name…",
+									className: `${u} pl-9`
+								})]
+							}), /* @__PURE__ */ l("div", {
+								className: "max-h-40 overflow-y-auto border border-border-default rounded-lg divide-y divide-border-default",
+								children: [
+									B && V.length === 0 && /* @__PURE__ */ c("div", {
+										className: "px-3 py-4 text-xs text-text-secondary text-center",
+										children: "Loading actions…"
+									}),
+									!B && V.length === 0 && /* @__PURE__ */ c("div", {
+										className: "px-3 py-4 text-xs text-text-secondary text-center",
+										children: "No actions yet. Create an Action in VibeControls first, then come back to schedule it."
+									}),
+									!B && V.length > 0 && H.length === 0 && /* @__PURE__ */ l("div", {
+										className: "px-3 py-4 text-xs text-text-secondary text-center",
+										children: [
+											"No actions match \"",
+											x,
+											"\"."
+										]
+									}),
+									H.map((e) => {
+										let t = e.id === y;
+										return /* @__PURE__ */ c("button", {
+											type: "button",
+											onClick: () => b(e.id),
+											className: `w-full text-left px-3 py-2.5 hover:bg-bg-secondary transition-colors ${t ? "bg-primary/5" : ""}`,
+											children: /* @__PURE__ */ l("div", {
+												className: "flex items-start gap-2.5",
+												children: [
+													/* @__PURE__ */ c("div", {
+														className: `p-1 rounded-md flex-shrink-0 ${t ? "bg-primary/10 text-primary" : "bg-bg-sunken text-text-tertiary"}`,
+														children: /* @__PURE__ */ c(o, { size: 14 })
+													}),
+													/* @__PURE__ */ l("div", {
+														className: "flex-1 min-w-0",
+														children: [/* @__PURE__ */ c("p", {
+															className: "text-sm font-medium text-text-primary truncate",
+															children: e.displayName || e.name
+														}), /* @__PURE__ */ l("p", {
+															className: "text-xs text-text-tertiary mt-0.5",
+															children: [
+																e.actionType,
+																" · ",
+																e.triggerType
+															]
+														})]
+													}),
+													t && /* @__PURE__ */ c("span", {
+														className: "text-xs font-medium text-primary flex-shrink-0",
+														children: "Selected"
+													})
+												]
+											})
+										}, e.id);
+									})
+								]
+							})] })
+						]
+					}),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: v("vibecontrols.calendar.schedule.title", "Title")
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						value: C,
+						onChange: (e) => w(e.target.value),
+						placeholder: "e.g. Run test suite",
+						className: u,
+						required: !0
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: v("vibecontrols.calendar.schedule.description", "Description")
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						value: T,
+						onChange: (e) => E(e.target.value),
+						placeholder: "Optional description",
+						className: u
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: v("vibecontrols.calendar.schedule.schedule", "Schedule")
+					}), /* @__PURE__ */ l("select", {
+						value: D,
+						onChange: (e) => O(e.target.value),
+						className: u,
+						children: [
+							/* @__PURE__ */ c("option", {
+								value: "ONE_TIME",
+								children: "One Time"
+							}),
+							/* @__PURE__ */ c("option", {
+								value: "CRON",
+								children: "Cron Expression"
+							}),
+							/* @__PURE__ */ c("option", {
+								value: "FIXED_INTERVAL",
+								children: "Fixed Interval"
+							})
+						]
+					})] }),
+					D === "ONE_TIME" && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: v("vibecontrols.calendar.schedule.runAt", "Run At")
+					}), /* @__PURE__ */ c("input", {
+						type: "datetime-local",
+						value: k,
+						onChange: (e) => A(e.target.value),
+						className: u,
+						required: !0
+					})] }),
+					D === "CRON" && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: "Cron Expression"
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						value: j,
+						onChange: (e) => M(e.target.value),
+						placeholder: "*/5 * * * * (every 5 minutes)",
+						className: d,
+						required: !0
+					})] }),
+					D === "FIXED_INTERVAL" && /* @__PURE__ */ l("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ c("label", {
+								className: f,
+								children: "Every"
+							}), /* @__PURE__ */ c("input", {
+								type: "number",
+								value: N,
+								onChange: (e) => P(Number(e.target.value)),
+								min: 1,
+								className: u,
+								required: !0
+							})]
+						}), /* @__PURE__ */ l("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ c("label", {
+								className: f,
+								children: "Unit"
+							}), /* @__PURE__ */ l("select", {
+								value: F,
+								onChange: (e) => I(e.target.value),
+								className: u,
+								children: [
+									/* @__PURE__ */ c("option", {
+										value: "seconds",
+										children: "Seconds"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "minutes",
+										children: "Minutes"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "hours",
+										children: "Hours"
+									}),
+									/* @__PURE__ */ c("option", {
+										value: "days",
+										children: "Days"
+									})
+								]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: f,
+						children: v("vibecontrols.calendar.schedule.timezone", "Timezone")
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						value: L,
+						onChange: (e) => R(e.target.value),
+						className: u
+					})] }),
+					/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-end gap-3 pt-4 border-t border-border-default",
+						children: [/* @__PURE__ */ c("button", {
+							type: "button",
+							onClick: m,
+							className: "px-4 py-2 text-sm text-text-secondary hover:text-text-primary transition-colors",
+							children: v("vibecontrols.calendar.schedule.cancel", "Cancel")
+						}), /* @__PURE__ */ c("button", {
+							type: "submit",
+							disabled: !G,
+							className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed",
+							title: y ? void 0 : v("vibecontrols.calendar.schedule.selectActionFirst", "Select an Action first"),
+							children: g ? v("vibecontrols.calendar.schedule.creating", "Creating...") : v("vibecontrols.calendar.schedule.scheduleBtn", "Schedule")
+						})]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { p as ScheduleTaskModal };
+
+//# sourceMappingURL=ScheduleTaskModal.js.map

package/dist/components/vibecalendar/ScheduleTaskModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleTaskModal.js","names":[],"sources":["../../../src/components/vibecalendar/ScheduleTaskModal.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { X, Zap, Search } from 'lucide-react';\nimport { useListActionsQuery } from '@/generated/wspace-operations';\nimport type { Action } from '@/generated/wspace-types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ntype ActionPickItem = Pick<\n  Action,\n  'id' | 'name' | 'displayName' | 'description' | 'actionType' | 'triggerType'\n>;\n\ninterface ScheduleTaskModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (input: ScheduleTaskInput) => void;\n  // Legacy prop kept for compatibility; unused in Action-only mode.\n  agents?: Array<{ id: string; name: string }>;\n  loading?: boolean;\n  // When provided, the picker is locked to this action (user navigated\n  // in from \"Add to calendar\" on the Actions page). Otherwise the user\n  // picks from a searchable dropdown of their actions.\n  prefillActionId?: string;\n}\n\n/**\n * Calendar entries always delegate execution to a VibeControls Action.\n * Agent, command, script, and webhook fields come from the Action\n * definition at execution time — this modal only collects the calendar\n * metadata and the schedule.\n */\nexport interface ScheduleTaskInput {\n  calendarId: string;\n  title: string;\n  description?: string;\n  scheduleType: 'ONE_TIME' | 'CRON' | 'RRULE' | 'FIXED_INTERVAL';\n  scheduledAt?: string;\n  cronExpression?: string;\n  rrule?: string;\n  interval?: number;\n  intervalUnit?: string;\n  timezone: string;\n  actionId: string;\n}\n\nconst INPUT_CLASS =\n  'w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-lg text-sm text-text-primary placeholder-text-placeholder focus:outline-none focus:border-border-primary';\nconst MONO_INPUT_CLASS = `${INPUT_CLASS} font-mono`;\nconst LABEL_CLASS = 'block text-sm font-medium text-text-secondary mb-1';\n\nexport function ScheduleTaskModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  loading,\n  prefillActionId,\n}: ScheduleTaskModalProps) {\n  const tr = useTr();\n  const [selectedActionId, setSelectedActionId] = useState<string>(prefillActionId ?? '');\n  const [actionSearch, setActionSearch] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [scheduleType, setScheduleType] = useState<\n    'ONE_TIME' | 'CRON' | 'RRULE' | 'FIXED_INTERVAL'\n  >('ONE_TIME');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [cronExpression, setCronExpression] = useState('');\n  const [interval, setInterval] = useState(60);\n  const [intervalUnit, setIntervalUnit] = useState('minutes');\n  const [timezone, setTimezone] = useState(Intl.DateTimeFormat().resolvedOptions().timeZone);\n\n  const { data: actionsData, loading: actionsLoading } = useListActionsQuery({\n    variables: { pagination: { limit: 100 } },\n    skip: !isOpen,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const allActions = useMemo<ActionPickItem[]>(\n    () => (actionsData?.actions?.items ?? []) as ActionPickItem[],\n    [actionsData?.actions?.items]\n  );\n\n  const filteredActions = useMemo(() => {\n    if (!actionSearch.trim()) return allActions;\n    const q = actionSearch.trim().toLowerCase();\n    return allActions.filter(\n      (a: ActionPickItem) =>\n        a.name?.toLowerCase().includes(q) ||\n        a.displayName?.toLowerCase().includes(q) ||\n        a.description?.toLowerCase().includes(q)\n    );\n  }, [allActions, actionSearch]);\n\n  const selectedAction = useMemo(\n    () => allActions.find((a: ActionPickItem) => a.id === selectedActionId),\n    [allActions, selectedActionId]\n  );\n\n  if (!isOpen) return null;\n\n  const isActionLocked = Boolean(prefillActionId);\n  const canSubmit = Boolean(selectedActionId) && !loading;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!selectedActionId) return;\n    onSubmit({\n      calendarId: '',\n      title,\n      description: description || undefined,\n      scheduleType,\n      scheduledAt: scheduleType === 'ONE_TIME' ? new Date(scheduledAt).toISOString() : undefined,\n      cronExpression: scheduleType === 'CRON' ? cronExpression : undefined,\n      interval: scheduleType === 'FIXED_INTERVAL' ? interval : undefined,\n      intervalUnit: scheduleType === 'FIXED_INTERVAL' ? intervalUnit : undefined,\n      timezone,\n      actionId: selectedActionId,\n    });\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <div className=\"absolute inset-0 bg-bg-overlay\" onClick={onClose} />\n      <div className=\"relative bg-bg-surface border border-border-default rounded-xl shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {isActionLocked\n              ? tr('vibecontrols.calendar.schedule.addActionToCalendar', 'Add Action to Calendar')\n              : tr(\n                  'vibecontrols.calendar.schedule.scheduleActionOnCalendar',\n                  'Schedule Action on Calendar'\n                )}\n          </h2>\n          <button onClick={onClose} className=\"p-1 rounded hover:bg-bg-secondary\">\n            <X size={18} />\n          </button>\n        </div>\n\n        {/* Form */}\n        <form onSubmit={handleSubmit} className=\"px-6 py-4 space-y-4\">\n          {/* Action Picker — always required */}\n          <div className=\"space-y-2\">\n            <label className={LABEL_CLASS}>\n              {tr('vibecontrols.calendar.schedule.actionToSchedule', 'Action to Schedule')} *\n            </label>\n            <p className=\"text-xs text-text-tertiary -mt-1\">\n              Calendar entries trigger VibeControls Actions. Agent, command, and webhook details\n              come from the Action definition.\n            </p>\n\n            {isActionLocked && selectedAction && (\n              <div className=\"flex items-start gap-3 p-3 rounded-lg border border-border-default bg-bg-secondary\">\n                <div className=\"p-1.5 rounded-md bg-primary/10 text-primary flex-shrink-0\">\n                  <Zap size={16} />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {selectedAction.displayName || selectedAction.name}\n                  </p>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">\n                    {selectedAction.actionType} · {selectedAction.triggerType}\n                  </p>\n                  {selectedAction.description && (\n                    <p className=\"text-xs text-text-tertiary mt-1 line-clamp-2\">\n                      {selectedAction.description}\n                    </p>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {isActionLocked && !selectedAction && actionsLoading && (\n              <div className=\"p-3 rounded-lg border border-border-default bg-bg-secondary text-xs text-text-secondary\">\n                Loading action…\n              </div>\n            )}\n\n            {isActionLocked && !selectedAction && !actionsLoading && (\n              <div className=\"p-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle text-xs text-status-error-text\">\n                Action not found. It may have been deleted.\n              </div>\n            )}\n\n            {!isActionLocked && (\n              <>\n                <div className=\"relative\">\n                  <Search\n                    size={16}\n                    className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary\"\n                  />\n                  <input\n                    type=\"text\"\n                    value={actionSearch}\n                    onChange={(e) => setActionSearch(e.target.value)}\n                    placeholder=\"Search actions by name…\"\n                    className={`${INPUT_CLASS} pl-9`}\n                  />\n                </div>\n\n                <div className=\"max-h-40 overflow-y-auto border border-border-default rounded-lg divide-y divide-border-default\">\n                  {actionsLoading && allActions.length === 0 && (\n                    <div className=\"px-3 py-4 text-xs text-text-secondary text-center\">\n                      Loading actions…\n                    </div>\n                  )}\n                  {!actionsLoading && allActions.length === 0 && (\n                    <div className=\"px-3 py-4 text-xs text-text-secondary text-center\">\n                      No actions yet. Create an Action in VibeControls first, then come back to\n                      schedule it.\n                    </div>\n                  )}\n                  {!actionsLoading && allActions.length > 0 && filteredActions.length === 0 && (\n                    <div className=\"px-3 py-4 text-xs text-text-secondary text-center\">\n                      No actions match \"{actionSearch}\".\n                    </div>\n                  )}\n                  {filteredActions.map((action: ActionPickItem) => {\n                    const isSelected = action.id === selectedActionId;\n                    return (\n                      <button\n                        key={action.id}\n                        type=\"button\"\n                        onClick={() => setSelectedActionId(action.id)}\n                        className={`w-full text-left px-3 py-2.5 hover:bg-bg-secondary transition-colors ${\n                          isSelected ? 'bg-primary/5' : ''\n                        }`}\n                      >\n                        <div className=\"flex items-start gap-2.5\">\n                          <div\n                            className={`p-1 rounded-md flex-shrink-0 ${\n                              isSelected\n                                ? 'bg-primary/10 text-primary'\n                                : 'bg-bg-sunken text-text-tertiary'\n                            }`}\n                          >\n                            <Zap size={14} />\n                          </div>\n                          <div className=\"flex-1 min-w-0\">\n                            <p className=\"text-sm font-medium text-text-primary truncate\">\n                              {action.displayName || action.name}\n                            </p>\n                            <p className=\"text-xs text-text-tertiary mt-0.5\">\n                              {action.actionType} · {action.triggerType}\n                            </p>\n                          </div>\n                          {isSelected && (\n                            <span className=\"text-xs font-medium text-primary flex-shrink-0\">\n                              Selected\n                            </span>\n                          )}\n                        </div>\n                      </button>\n                    );\n                  })}\n                </div>\n              </>\n            )}\n          </div>\n\n          {/* Title */}\n          <div>\n            <label className={LABEL_CLASS}>\n              {tr('vibecontrols.calendar.schedule.title', 'Title')}\n            </label>\n            <input\n              type=\"text\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Run test suite\"\n              className={INPUT_CLASS}\n              required\n            />\n          </div>\n\n          {/* Description */}\n          <div>\n            <label className={LABEL_CLASS}>\n              {tr('vibecontrols.calendar.schedule.description', 'Description')}\n            </label>\n            <input\n              type=\"text\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"Optional description\"\n              className={INPUT_CLASS}\n            />\n          </div>\n\n          {/* Schedule Type */}\n          <div>\n            <label className={LABEL_CLASS}>\n              {tr('vibecontrols.calendar.schedule.schedule', 'Schedule')}\n            </label>\n            <select\n              value={scheduleType}\n              onChange={(e) => setScheduleType(e.target.value as typeof scheduleType)}\n              className={INPUT_CLASS}\n            >\n              <option value=\"ONE_TIME\">One Time</option>\n              <option value=\"CRON\">Cron Expression</option>\n              <option value=\"FIXED_INTERVAL\">Fixed Interval</option>\n            </select>\n          </div>\n\n          {/* Schedule-specific fields */}\n          {scheduleType === 'ONE_TIME' && (\n            <div>\n              <label className={LABEL_CLASS}>\n                {tr('vibecontrols.calendar.schedule.runAt', 'Run At')}\n              </label>\n              <input\n                type=\"datetime-local\"\n                value={scheduledAt}\n                onChange={(e) => setScheduledAt(e.target.value)}\n                className={INPUT_CLASS}\n                required\n              />\n            </div>\n          )}\n\n          {scheduleType === 'CRON' && (\n            <div>\n              <label className={LABEL_CLASS}>Cron Expression</label>\n              <input\n                type=\"text\"\n                value={cronExpression}\n                onChange={(e) => setCronExpression(e.target.value)}\n                placeholder=\"*/5 * * * * (every 5 minutes)\"\n                className={MONO_INPUT_CLASS}\n                required\n              />\n            </div>\n          )}\n\n          {scheduleType === 'FIXED_INTERVAL' && (\n            <div className=\"flex gap-2\">\n              <div className=\"flex-1\">\n                <label className={LABEL_CLASS}>Every</label>\n                <input\n                  type=\"number\"\n                  value={interval}\n                  onChange={(e) => setInterval(Number(e.target.value))}\n                  min={1}\n                  className={INPUT_CLASS}\n                  required\n                />\n              </div>\n              <div className=\"flex-1\">\n                <label className={LABEL_CLASS}>Unit</label>\n                <select\n                  value={intervalUnit}\n                  onChange={(e) => setIntervalUnit(e.target.value)}\n                  className={INPUT_CLASS}\n                >\n                  <option value=\"seconds\">Seconds</option>\n                  <option value=\"minutes\">Minutes</option>\n                  <option value=\"hours\">Hours</option>\n                  <option value=\"days\">Days</option>\n                </select>\n              </div>\n            </div>\n          )}\n\n          {/* Timezone */}\n          <div>\n            <label className={LABEL_CLASS}>\n              {tr('vibecontrols.calendar.schedule.timezone', 'Timezone')}\n            </label>\n            <input\n              type=\"text\"\n              value={timezone}\n              onChange={(e) => setTimezone(e.target.value)}\n              className={INPUT_CLASS}\n            />\n          </div>\n\n          {/* Actions */}\n          <div className=\"flex items-center justify-end gap-3 pt-4 border-t border-border-default\">\n            <button\n              type=\"button\"\n              onClick={onClose}\n              className=\"px-4 py-2 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              {tr('vibecontrols.calendar.schedule.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={!canSubmit}\n              className=\"px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-lg hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed\"\n              title={\n                !selectedActionId\n                  ? tr('vibecontrols.calendar.schedule.selectActionFirst', 'Select an Action first')\n                  : undefined\n              }\n            >\n              {loading\n                ? tr('vibecontrols.calendar.schedule.creating', 'Creating...')\n                : tr('vibecontrols.calendar.schedule.scheduleBtn', 'Schedule')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/vibecalendar/VibeCalAgendaView.d.ts

@@ -0,0 +1,11 @@
+import { CalendarOccurrence, VibeCalendarTask } from './types';
+
+interface VibeCalAgendaViewProps {
+    occurrences: CalendarOccurrence[];
+    onTriggerNow?: (taskId: string) => void;
+    onViewLogs: (task: VibeCalendarTask) => void;
+    onViewDetail: (taskId: string) => void;
+}
+export declare function VibeCalAgendaView({ occurrences, onTriggerNow, onViewLogs, onViewDetail, }: VibeCalAgendaViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VibeCalAgendaView.d.ts.map

package/dist/components/vibecalendar/VibeCalAgendaView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/VibeCalAgendaView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGpE,UAAU,sBAAsB;IAC9B,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,EAAE,sBAAsB,2CAsGxB"}