@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/vibecalendar/VibeCalAgendaView.js

@@ -0,0 +1,96 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { STATUS_COLORS as t } from "./types.js";
+import { ChevronRight as n, Eye as r, Play as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/vibecalendar/VibeCalAgendaView.tsx
+function s({ occurrences: s, onTriggerNow: c, onViewLogs: l, onViewDetail: u }) {
+	let d = e(), f = s.reduce((e, t) => {
+		let n = new Date(t.occurrenceAt).toLocaleDateString("en-US", {
+			weekday: "long",
+			month: "long",
+			day: "numeric",
+			year: "numeric"
+		});
+		return e[n] || (e[n] = []), e[n].push(t), e;
+	}, {});
+	return s.length === 0 ? /* @__PURE__ */ a("div", {
+		className: "flex-1 flex items-center justify-center",
+		children: /* @__PURE__ */ a("div", {
+			className: "text-center",
+			children: /* @__PURE__ */ a("p", {
+				className: "text-text-secondary text-sm",
+				children: d("vibecontrols.calendar.agenda.noTasks", "No scheduled tasks in this range")
+			})
+		})
+	}) : /* @__PURE__ */ a("div", {
+		className: "flex-1 overflow-auto space-y-6",
+		children: Object.entries(f).map(([e, s]) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h3", {
+			className: "text-sm font-semibold text-text-secondary mb-2 sticky top-0 bg-bg-surface py-1",
+			children: e
+		}), /* @__PURE__ */ a("div", {
+			className: "space-y-2",
+			children: s.map((e, s) => {
+				let d = e.task, f = t[e.execution?.status || d.status] || t.PENDING, p = new Date(e.occurrenceAt).toLocaleTimeString("en-US", {
+					hour: "2-digit",
+					minute: "2-digit"
+				});
+				return /* @__PURE__ */ o("div", {
+					className: `flex items-center gap-4 p-3 rounded-lg border ${f} hover:opacity-90 transition-opacity cursor-pointer`,
+					onClick: () => u(d.id),
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "w-16 text-sm font-mono text-text-secondary",
+							children: p
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ a("h4", {
+								className: "font-medium text-sm text-text-primary truncate",
+								children: d.title
+							}), /* @__PURE__ */ o("div", {
+								className: "flex items-center gap-2 mt-0.5",
+								children: [/* @__PURE__ */ a("span", {
+									className: "text-xs text-text-tertiary font-mono truncate",
+									children: d.taskConfig.command || "Script"
+								}), /* @__PURE__ */ a("span", {
+									className: "text-xs text-text-tertiary",
+									children: d.cronExpression ? "Cron" : d.rrule ? "Recurrence" : "One Time"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "text-xs px-2 py-0.5 rounded-full border",
+							children: e.execution?.status || d.status
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex items-center gap-1",
+							onClick: (e) => e.stopPropagation(),
+							children: [
+								c && /* @__PURE__ */ a("button", {
+									onClick: () => c(d.id),
+									className: "p-1.5 rounded hover:bg-bg-secondary transition-colors",
+									title: "Trigger Now",
+									children: /* @__PURE__ */ a(i, { size: 14 })
+								}),
+								/* @__PURE__ */ a("button", {
+									onClick: () => l(d),
+									className: "p-1.5 rounded hover:bg-bg-secondary transition-colors",
+									title: "View Logs",
+									children: /* @__PURE__ */ a(r, { size: 14 })
+								}),
+								/* @__PURE__ */ a(n, {
+									size: 14,
+									className: "text-text-tertiary"
+								})
+							]
+						})
+					]
+				}, `${d.id}-${s}`);
+			})
+		})] }, e))
+	});
+}
+//#endregion
+export { s as VibeCalAgendaView };
+
+//# sourceMappingURL=VibeCalAgendaView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalAgendaView.js","names":[],"sources":["../../../src/components/vibecalendar/VibeCalAgendaView.tsx"],"sourcesContent":["import { Play, Eye, ChevronRight } from 'lucide-react';\nimport { STATUS_COLORS } from './types';\nimport type { CalendarOccurrence, VibeCalendarTask } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface VibeCalAgendaViewProps {\n  occurrences: CalendarOccurrence[];\n  onTriggerNow?: (taskId: string) => void;\n  onViewLogs: (task: VibeCalendarTask) => void;\n  onViewDetail: (taskId: string) => void;\n}\n\nexport function VibeCalAgendaView({\n  occurrences,\n  onTriggerNow,\n  onViewLogs,\n  onViewDetail,\n}: VibeCalAgendaViewProps) {\n  const tr = useTr();\n  // Group by date\n  const grouped = occurrences.reduce(\n    (acc, occ) => {\n      const dateKey = new Date(occ.occurrenceAt).toLocaleDateString('en-US', {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        year: 'numeric',\n      });\n      if (!acc[dateKey]) acc[dateKey] = [];\n      acc[dateKey].push(occ);\n      return acc;\n    },\n    {} as Record<string, CalendarOccurrence[]>\n  );\n\n  if (occurrences.length === 0) {\n    return (\n      <div className=\"flex-1 flex items-center justify-center\">\n        <div className=\"text-center\">\n          <p className=\"text-text-secondary text-sm\">\n            {tr('vibecontrols.calendar.agenda.noTasks', 'No scheduled tasks in this range')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex-1 overflow-auto space-y-6\">\n      {Object.entries(grouped).map(([dateLabel, dayOccurrences]) => (\n        <div key={dateLabel}>\n          <h3 className=\"text-sm font-semibold text-text-secondary mb-2 sticky top-0 bg-bg-surface py-1\">\n            {dateLabel}\n          </h3>\n          <div className=\"space-y-2\">\n            {dayOccurrences.map((occ, i) => {\n              const task = occ.task;\n              const statusColor =\n                STATUS_COLORS[occ.execution?.status || task.status] || STATUS_COLORS.PENDING;\n              const time = new Date(occ.occurrenceAt).toLocaleTimeString('en-US', {\n                hour: '2-digit',\n                minute: '2-digit',\n              });\n\n              return (\n                <div\n                  key={`${task.id}-${i}`}\n                  className={`flex items-center gap-4 p-3 rounded-lg border ${statusColor} hover:opacity-90 transition-opacity cursor-pointer`}\n                  onClick={() => onViewDetail(task.id)}\n                >\n                  {/* Time */}\n                  <div className=\"w-16 text-sm font-mono text-text-secondary\">{time}</div>\n\n                  {/* Task Info */}\n                  <div className=\"flex-1 min-w-0\">\n                    <h4 className=\"font-medium text-sm text-text-primary truncate\">{task.title}</h4>\n                    <div className=\"flex items-center gap-2 mt-0.5\">\n                      <span className=\"text-xs text-text-tertiary font-mono truncate\">\n                        {task.taskConfig.command || 'Script'}\n                      </span>\n                      <span className=\"text-xs text-text-tertiary\">\n                        {task.cronExpression ? 'Cron' : task.rrule ? 'Recurrence' : 'One Time'}\n                      </span>\n                    </div>\n                  </div>\n\n                  {/* Status */}\n                  <span className=\"text-xs px-2 py-0.5 rounded-full border\">\n                    {occ.execution?.status || task.status}\n                  </span>\n\n                  {/* Actions */}\n                  <div className=\"flex items-center gap-1\" onClick={(e) => e.stopPropagation()}>\n                    {onTriggerNow && (\n                      <button\n                        onClick={() => onTriggerNow(task.id)}\n                        className=\"p-1.5 rounded hover:bg-bg-secondary transition-colors\"\n                        title=\"Trigger Now\"\n                      >\n                        <Play size={14} />\n                      </button>\n                    )}\n                    <button\n                      onClick={() => onViewLogs(task)}\n                      className=\"p-1.5 rounded hover:bg-bg-secondary transition-colors\"\n                      title=\"View Logs\"\n                    >\n                      <Eye size={14} />\n                    </button>\n                    <ChevronRight size={14} className=\"text-text-tertiary\" />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAkB,EAChC,gBACA,iBACA,eACA,mBACyB;CACzB,IAAM,IAAK,GAAO,EAEZ,IAAU,EAAY,QACzB,GAAK,MAAQ;EACZ,IAAM,IAAU,IAAI,KAAK,EAAI,aAAa,CAAC,mBAAmB,SAAS;GACrE,SAAS;GACT,OAAO;GACP,KAAK;GACL,MAAM;GACP,CAAC;AAGF,SAFK,EAAI,OAAU,EAAI,KAAW,EAAE,GACpC,EAAI,GAAS,KAAK,EAAI,EACf;IAET,EAAE,CACH;AAcD,QAZI,EAAY,WAAW,IAEvB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,wCAAwC,mCAAmC;IAC7E,CAAA;GACA,CAAA;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,QAAQ,EAAQ,CAAC,KAAK,CAAC,GAAW,OACxC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aACX;GACE,CAAA,EACL,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,KAAK,GAAK,MAAM;IAC9B,IAAM,IAAO,EAAI,MACX,IACJ,EAAc,EAAI,WAAW,UAAU,EAAK,WAAW,EAAc,SACjE,IAAO,IAAI,KAAK,EAAI,aAAa,CAAC,mBAAmB,SAAS;KAClE,MAAM;KACN,QAAQ;KACT,CAAC;AAEF,WACE,kBAAC,OAAD;KAEE,WAAW,iDAAiD,EAAY;KACxE,eAAe,EAAa,EAAK,GAAG;eAHtC;MAME,kBAAC,OAAD;OAAK,WAAU;iBAA8C;OAAW,CAAA;MAGxE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkD,EAAK;QAAW,CAAA,EAChF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAK,WAAW,WAAW;SACvB,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAK,iBAAiB,SAAS,EAAK,QAAQ,eAAe;SACvD,CAAA,CACH;UACF;;MAGN,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAI,WAAW,UAAU,EAAK;OAC1B,CAAA;MAGP,kBAAC,OAAD;OAAK,WAAU;OAA0B,UAAU,MAAM,EAAE,iBAAiB;iBAA5E;QACG,KACC,kBAAC,UAAD;SACE,eAAe,EAAa,EAAK,GAAG;SACpC,WAAU;SACV,OAAM;mBAEN,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;SACX,CAAA;QAEX,kBAAC,UAAD;SACE,eAAe,EAAW,EAAK;SAC/B,WAAU;SACV,OAAM;mBAEN,kBAAC,GAAD,EAAK,MAAM,IAAM,CAAA;SACV,CAAA;QACT,kBAAC,GAAD;SAAc,MAAM;SAAI,WAAU;SAAuB,CAAA;QACrD;;MACF;OA7CC,GAAG,EAAK,GAAG,GAAG,IA6Cf;KAER;GACE,CAAA,CACF,EAAA,EAjEI,EAiEJ,CACN;EACE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalDayView.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/VibeCalDayView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGpE,UAAU,mBAAmB;IAC3B,WAAW,EAAE,IAAI,CAAC;IAClB,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;AAWD,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,EAAE,mBAAmB,2CA2KrB"}

package/dist/components/vibecalendar/VibeCalDayView.js

@@ -0,0 +1,131 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { STATUS_COLORS as t } from "./types.js";
+import { useMemo as n } from "react";
+import { ChevronRight as r, Eye as i, Play as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/vibecalendar/VibeCalDayView.tsx
+var c = Array.from({ length: 24 }, (e, t) => t);
+function l(e) {
+	return e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`;
+}
+function u({ currentDate: u, occurrences: d, onTriggerNow: f, onViewLogs: p, onViewDetail: m }) {
+	let h = e(), g = /* @__PURE__ */ new Date(), _ = u.getFullYear() === g.getFullYear() && u.getMonth() === g.getMonth() && u.getDate() === g.getDate(), v = g.getHours(), y = (e) => d.filter((t) => {
+		let n = new Date(t.occurrenceAt);
+		return n.getFullYear() === u.getFullYear() && n.getMonth() === u.getMonth() && n.getDate() === u.getDate() && n.getHours() === e;
+	}), b = n(() => d.filter((e) => {
+		let t = new Date(e.occurrenceAt);
+		return t.getFullYear() === u.getFullYear() && t.getMonth() === u.getMonth() && t.getDate() === u.getDate();
+	}), [d, u]);
+	return /* @__PURE__ */ s("div", {
+		className: "flex-1 flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-center justify-between px-4 py-2 border-b border-border-default flex-shrink-0",
+			children: /* @__PURE__ */ s("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ s("div", {
+					className: `flex flex-col items-center px-3 py-1.5 rounded-lg ${_ ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
+					children: [/* @__PURE__ */ o("span", {
+						className: "text-xs font-medium",
+						children: u.toLocaleDateString("en-US", { weekday: "short" })
+					}), /* @__PURE__ */ o("span", {
+						className: "text-lg font-bold",
+						children: u.getDate()
+					})]
+				}), /* @__PURE__ */ o("div", { children: /* @__PURE__ */ s("span", {
+					className: "text-sm text-text-secondary",
+					children: [
+						b.length,
+						" ",
+						b.length === 1 ? h("vibecontrols.calendar.day.taskScheduled", "task scheduled") : h("vibecontrols.calendar.day.tasksScheduled", "tasks scheduled")
+					]
+				}) })]
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ o("div", {
+				className: "relative",
+				children: c.map((e) => {
+					let n = y(e), c = _ && e === v;
+					return /* @__PURE__ */ s("div", {
+						className: `flex border-b border-border-default ${c ? "bg-action-primary-bg/5" : ""}`,
+						style: { minHeight: n.length > 0 ? "auto" : "48px" },
+						children: [/* @__PURE__ */ s("div", {
+							className: "w-20 flex-shrink-0 text-right pr-3 pt-1.5 border-r border-border-default",
+							children: [/* @__PURE__ */ o("span", {
+								className: `text-xs ${c ? "text-action-primary-text font-semibold" : "text-text-tertiary"}`,
+								children: l(e)
+							}), c && /* @__PURE__ */ o("div", {
+								className: "mt-0.5 text-[10px] text-action-primary-text",
+								children: "NOW"
+							})]
+						}), /* @__PURE__ */ o("div", {
+							className: "flex-1 p-1 space-y-1",
+							children: n.map((e, n) => {
+								let c = e.task, l = t[e.execution?.status || c.status] || t.PENDING, u = new Date(e.occurrenceAt).toLocaleTimeString("en-US", {
+									hour: "2-digit",
+									minute: "2-digit"
+								});
+								return /* @__PURE__ */ s("div", {
+									onClick: () => m(c.id),
+									className: `flex items-center gap-3 px-3 py-2.5 rounded-lg border cursor-pointer ${l} hover:opacity-90 transition-opacity`,
+									children: [
+										/* @__PURE__ */ o("div", {
+											className: "w-14 text-xs font-mono text-text-secondary flex-shrink-0",
+											children: u
+										}),
+										/* @__PURE__ */ s("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ o("h4", {
+												className: "font-medium text-sm text-text-primary truncate",
+												children: c.title
+											}), /* @__PURE__ */ s("div", {
+												className: "flex items-center gap-2 mt-0.5",
+												children: [/* @__PURE__ */ o("span", {
+													className: "text-xs text-text-tertiary font-mono truncate",
+													children: c.taskConfig.taskType === "WEBHOOK" ? `${c.taskConfig.webhookMethod || "POST"} ${c.taskConfig.webhookUrl}` : c.taskConfig.command || "Script"
+												}), /* @__PURE__ */ o("span", {
+													className: "text-xs text-text-tertiary flex-shrink-0",
+													children: c.cronExpression ? "Cron" : c.rrule ? "Recurrence" : "One Time"
+												})]
+											})]
+										}),
+										/* @__PURE__ */ o("span", {
+											className: "text-xs px-2 py-0.5 rounded-full border flex-shrink-0",
+											children: e.execution?.status || c.status
+										}),
+										/* @__PURE__ */ s("div", {
+											className: "flex items-center gap-1 flex-shrink-0",
+											onClick: (e) => e.stopPropagation(),
+											children: [
+												f && /* @__PURE__ */ o("button", {
+													onClick: () => f(c.id),
+													className: "p-1.5 rounded hover:bg-bg-secondary transition-colors",
+													title: "Trigger Now",
+													children: /* @__PURE__ */ o(a, { size: 14 })
+												}),
+												/* @__PURE__ */ o("button", {
+													onClick: () => p(c),
+													className: "p-1.5 rounded hover:bg-bg-secondary transition-colors",
+													title: "View Logs",
+													children: /* @__PURE__ */ o(i, { size: 14 })
+												}),
+												/* @__PURE__ */ o(r, {
+													size: 14,
+													className: "text-text-tertiary"
+												})
+											]
+										})
+									]
+								}, `${c.id}-${n}`);
+							})
+						})]
+					}, e);
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { u as VibeCalDayView };
+
+//# sourceMappingURL=VibeCalDayView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalDayView.js","names":[],"sources":["../../../src/components/vibecalendar/VibeCalDayView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Play, Eye, ChevronRight } from 'lucide-react';\nimport { STATUS_COLORS } from './types';\nimport type { CalendarOccurrence, VibeCalendarTask } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface VibeCalDayViewProps {\n  currentDate: Date;\n  occurrences: CalendarOccurrence[];\n  onTriggerNow?: (taskId: string) => void;\n  onViewLogs: (task: VibeCalendarTask) => void;\n  onViewDetail: (taskId: string) => void;\n}\n\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\n\nfunction formatHour(hour: number): string {\n  if (hour === 0) return '12 AM';\n  if (hour < 12) return `${hour} AM`;\n  if (hour === 12) return '12 PM';\n  return `${hour - 12} PM`;\n}\n\nexport function VibeCalDayView({\n  currentDate,\n  occurrences,\n  onTriggerNow,\n  onViewLogs,\n  onViewDetail,\n}: VibeCalDayViewProps) {\n  const tr = useTr();\n  const today = new Date();\n\n  const isToday =\n    currentDate.getFullYear() === today.getFullYear() &&\n    currentDate.getMonth() === today.getMonth() &&\n    currentDate.getDate() === today.getDate();\n\n  const nowHour = today.getHours();\n\n  const getOccurrencesForHour = (hour: number): CalendarOccurrence[] =>\n    occurrences.filter((occ) => {\n      const d = new Date(occ.occurrenceAt);\n      return (\n        d.getFullYear() === currentDate.getFullYear() &&\n        d.getMonth() === currentDate.getMonth() &&\n        d.getDate() === currentDate.getDate() &&\n        d.getHours() === hour\n      );\n    });\n\n  // Count total tasks for the day\n  const dayOccurrences = useMemo(\n    () =>\n      occurrences.filter((occ) => {\n        const d = new Date(occ.occurrenceAt);\n        return (\n          d.getFullYear() === currentDate.getFullYear() &&\n          d.getMonth() === currentDate.getMonth() &&\n          d.getDate() === currentDate.getDate()\n        );\n      }),\n    [occurrences, currentDate]\n  );\n\n  return (\n    <div className=\"flex-1 flex flex-col overflow-hidden\">\n      {/* Day summary header */}\n      <div className=\"flex items-center justify-between px-4 py-2 border-b border-border-default flex-shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          <div\n            className={`flex flex-col items-center px-3 py-1.5 rounded-lg ${\n              isToday ? 'bg-action-primary-bg text-action-primary-text' : 'bg-bg-sunken'\n            }`}\n          >\n            <span className=\"text-xs font-medium\">\n              {currentDate.toLocaleDateString('en-US', { weekday: 'short' })}\n            </span>\n            <span className=\"text-lg font-bold\">{currentDate.getDate()}</span>\n          </div>\n          <div>\n            <span className=\"text-sm text-text-secondary\">\n              {dayOccurrences.length}{' '}\n              {dayOccurrences.length !== 1\n                ? tr('vibecontrols.calendar.day.tasksScheduled', 'tasks scheduled')\n                : tr('vibecontrols.calendar.day.taskScheduled', 'task scheduled')}\n            </span>\n          </div>\n        </div>\n      </div>\n\n      {/* Time grid - scrollable */}\n      <div className=\"flex-1 overflow-auto\">\n        <div className=\"relative\">\n          {HOURS.map((hour) => {\n            const hourOccurrences = getOccurrencesForHour(hour);\n            const isCurrent = isToday && hour === nowHour;\n\n            return (\n              <div\n                key={hour}\n                className={`flex border-b border-border-default ${\n                  isCurrent ? 'bg-action-primary-bg/5' : ''\n                }`}\n                style={{ minHeight: hourOccurrences.length > 0 ? 'auto' : '48px' }}\n              >\n                {/* Time label */}\n                <div className=\"w-20 flex-shrink-0 text-right pr-3 pt-1.5 border-r border-border-default\">\n                  <span\n                    className={`text-xs ${isCurrent ? 'text-action-primary-text font-semibold' : 'text-text-tertiary'}`}\n                  >\n                    {formatHour(hour)}\n                  </span>\n                  {isCurrent && (\n                    <div className=\"mt-0.5 text-[10px] text-action-primary-text\">NOW</div>\n                  )}\n                </div>\n\n                {/* Tasks */}\n                <div className=\"flex-1 p-1 space-y-1\">\n                  {hourOccurrences.map((occ, j) => {\n                    const task = occ.task;\n                    const statusColor =\n                      STATUS_COLORS[occ.execution?.status || task.status] || STATUS_COLORS.PENDING;\n                    const time = new Date(occ.occurrenceAt).toLocaleTimeString('en-US', {\n                      hour: '2-digit',\n                      minute: '2-digit',\n                    });\n\n                    return (\n                      <div\n                        key={`${task.id}-${j}`}\n                        onClick={() => onViewDetail(task.id)}\n                        className={`flex items-center gap-3 px-3 py-2.5 rounded-lg border cursor-pointer ${statusColor} hover:opacity-90 transition-opacity`}\n                      >\n                        {/* Time */}\n                        <div className=\"w-14 text-xs font-mono text-text-secondary flex-shrink-0\">\n                          {time}\n                        </div>\n\n                        {/* Info */}\n                        <div className=\"flex-1 min-w-0\">\n                          <h4 className=\"font-medium text-sm text-text-primary truncate\">\n                            {task.title}\n                          </h4>\n                          <div className=\"flex items-center gap-2 mt-0.5\">\n                            <span className=\"text-xs text-text-tertiary font-mono truncate\">\n                              {task.taskConfig.taskType === 'WEBHOOK'\n                                ? `${task.taskConfig.webhookMethod || 'POST'} ${task.taskConfig.webhookUrl}`\n                                : task.taskConfig.command || 'Script'}\n                            </span>\n                            <span className=\"text-xs text-text-tertiary flex-shrink-0\">\n                              {task.cronExpression\n                                ? 'Cron'\n                                : task.rrule\n                                  ? 'Recurrence'\n                                  : 'One Time'}\n                            </span>\n                          </div>\n                        </div>\n\n                        {/* Status badge */}\n                        <span className=\"text-xs px-2 py-0.5 rounded-full border flex-shrink-0\">\n                          {occ.execution?.status || task.status}\n                        </span>\n\n                        {/* Actions */}\n                        <div\n                          className=\"flex items-center gap-1 flex-shrink-0\"\n                          onClick={(e) => e.stopPropagation()}\n                        >\n                          {onTriggerNow && (\n                            <button\n                              onClick={() => onTriggerNow(task.id)}\n                              className=\"p-1.5 rounded hover:bg-bg-secondary transition-colors\"\n                              title=\"Trigger Now\"\n                            >\n                              <Play size={14} />\n                            </button>\n                          )}\n                          <button\n                            onClick={() => onViewLogs(task)}\n                            className=\"p-1.5 rounded hover:bg-bg-secondary transition-colors\"\n                            title=\"View Logs\"\n                          >\n                            <Eye size={14} />\n                          </button>\n                          <ChevronRight size={14} className=\"text-text-tertiary\" />\n                        </div>\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalMonthView.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/VibeCalMonthView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGpE,UAAU,qBAAqB;IAC7B,WAAW,EAAE,IAAI,CAAC;IAClB,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;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,EAAE,qBAAqB,2CA0FvB"}

package/dist/components/vibecalendar/VibeCalMonthView.js

@@ -0,0 +1,66 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { VibeTaskBlock as t } from "./VibeTaskBlock.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/vibecalendar/VibeCalMonthView.tsx
+var a = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+];
+function o({ currentDate: o, occurrences: s, onTriggerNow: c, onViewLogs: l, onViewDetail: u }) {
+	let d = e(), f = o.getFullYear(), p = o.getMonth(), m = new Date(f, p, 1), h = new Date(f, p + 1, 0), g = m.getDay(), _ = h.getDate(), v = /* @__PURE__ */ new Date(), y = [];
+	for (let e = 0; e < g; e++) y.push(null);
+	for (let e = 1; e <= _; e++) y.push(e);
+	for (; y.length < 42;) y.push(null);
+	let b = (e) => s.filter((t) => {
+		let n = new Date(t.occurrenceAt);
+		return n.getFullYear() === f && n.getMonth() === p && n.getDate() === e;
+	}), x = (e) => v.getFullYear() === f && v.getMonth() === p && v.getDate() === e;
+	return /* @__PURE__ */ i("div", {
+		className: "flex-1 overflow-auto",
+		children: [/* @__PURE__ */ r("div", {
+			className: "grid grid-cols-7 border-b border-border-default",
+			children: a.map((e) => /* @__PURE__ */ r("div", {
+				className: "px-2 py-2 text-xs font-medium text-text-tertiary text-center",
+				children: e
+			}, e))
+		}), /* @__PURE__ */ r("div", {
+			className: "grid grid-cols-7 auto-rows-[minmax(100px,1fr)]",
+			children: y.map((e, a) => {
+				let o = e ? b(e) : [], s = o.length - 3;
+				return /* @__PURE__ */ r("div", {
+					className: `border-b border-r border-border-default p-1 ${e === null ? "bg-bg-sunken" : "bg-bg-surface"} ${x(e) ? "bg-blue-500/5" : ""}`,
+					children: e !== null && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
+						className: `inline-flex items-center justify-center w-6 h-6 text-xs rounded-full ${x(e) ? "bg-action-primary-bg text-action-primary-text font-bold" : "text-text-secondary"}`,
+						children: e
+					}), /* @__PURE__ */ i("div", {
+						className: "mt-1 space-y-0.5",
+						children: [o.slice(0, 3).map((e, n) => /* @__PURE__ */ r(t, {
+							task: e.task,
+							compact: !0,
+							onTriggerNow: c,
+							onViewLogs: l,
+							onViewDetail: u
+						}, `${e.task.id}-${n}`)), s > 0 && /* @__PURE__ */ i("span", {
+							className: "text-xs text-text-tertiary pl-1",
+							children: [
+								"+",
+								s,
+								" ",
+								d("vibecontrols.calendar.month.more", "more")
+							]
+						})]
+					})] })
+				}, a);
+			})
+		})]
+	});
+}
+//#endregion
+export { o as VibeCalMonthView };
+
+//# sourceMappingURL=VibeCalMonthView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalMonthView.js","names":[],"sources":["../../../src/components/vibecalendar/VibeCalMonthView.tsx"],"sourcesContent":["import { VibeTaskBlock } from './VibeTaskBlock';\nimport type { CalendarOccurrence, VibeCalendarTask } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface VibeCalMonthViewProps {\n  currentDate: Date;\n  occurrences: CalendarOccurrence[];\n  onTriggerNow?: (taskId: string) => void;\n  onViewLogs: (task: VibeCalendarTask) => void;\n  onViewDetail: (taskId: string) => void;\n}\n\nconst DAYS_OF_WEEK = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nexport function VibeCalMonthView({\n  currentDate,\n  occurrences,\n  onTriggerNow,\n  onViewLogs,\n  onViewDetail,\n}: VibeCalMonthViewProps) {\n  const tr = useTr();\n  const year = currentDate.getFullYear();\n  const month = currentDate.getMonth();\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startOffset = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const today = new Date();\n\n  // Build 6x7 grid\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < startOffset; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n  while (cells.length < 42) cells.push(null);\n\n  const getOccurrencesForDay = (day: number): CalendarOccurrence[] => {\n    return occurrences.filter((occ) => {\n      const occDate = new Date(occ.occurrenceAt);\n      return (\n        occDate.getFullYear() === year && occDate.getMonth() === month && occDate.getDate() === day\n      );\n    });\n  };\n\n  const isToday = (day: number): boolean => {\n    return today.getFullYear() === year && today.getMonth() === month && today.getDate() === day;\n  };\n\n  return (\n    <div className=\"flex-1 overflow-auto\">\n      {/* Day headers */}\n      <div className=\"grid grid-cols-7 border-b border-border-default\">\n        {DAYS_OF_WEEK.map((day) => (\n          <div key={day} className=\"px-2 py-2 text-xs font-medium text-text-tertiary text-center\">\n            {day}\n          </div>\n        ))}\n      </div>\n\n      {/* Calendar grid */}\n      <div className=\"grid grid-cols-7 auto-rows-[minmax(100px,1fr)]\">\n        {cells.map((day, i) => {\n          const dayOccurrences = day ? getOccurrencesForDay(day) : [];\n          const maxVisible = 3;\n          const overflow = dayOccurrences.length - maxVisible;\n\n          return (\n            <div\n              key={i}\n              className={`border-b border-r border-border-default p-1 ${\n                day === null ? 'bg-bg-sunken' : 'bg-bg-surface'\n              } ${isToday(day!) ? 'bg-blue-500/5' : ''}`}\n            >\n              {day !== null && (\n                <>\n                  <span\n                    className={`inline-flex items-center justify-center w-6 h-6 text-xs rounded-full ${\n                      isToday(day)\n                        ? 'bg-action-primary-bg text-action-primary-text font-bold'\n                        : 'text-text-secondary'\n                    }`}\n                  >\n                    {day}\n                  </span>\n                  <div className=\"mt-1 space-y-0.5\">\n                    {dayOccurrences.slice(0, maxVisible).map((occ, j) => (\n                      <VibeTaskBlock\n                        key={`${occ.task.id}-${j}`}\n                        task={occ.task}\n                        compact\n                        onTriggerNow={onTriggerNow}\n                        onViewLogs={onViewLogs}\n                        onViewDetail={onViewDetail}\n                      />\n                    ))}\n                    {overflow > 0 && (\n                      <span className=\"text-xs text-text-tertiary pl-1\">\n                        +{overflow} {tr('vibecontrols.calendar.month.more', 'more')}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,IAAM,IAAe;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAM;AAEtE,SAAgB,EAAiB,EAC/B,gBACA,gBACA,iBACA,eACA,mBACwB;CACxB,IAAM,IAAK,GAAO,EACZ,IAAO,EAAY,aAAa,EAChC,IAAQ,EAAY,UAAU,EAC9B,IAAW,IAAI,KAAK,GAAM,GAAO,EAAE,EACnC,IAAU,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAE,EACtC,IAAc,EAAS,QAAQ,EAC/B,IAAc,EAAQ,SAAS,EAC/B,oBAAQ,IAAI,MAAM,EAGlB,IAA2B,EAAE;AACnC,MAAK,IAAI,IAAI,GAAG,IAAI,GAAa,IAAK,GAAM,KAAK,KAAK;AACtD,MAAK,IAAI,IAAI,GAAG,KAAK,GAAa,IAAK,GAAM,KAAK,EAAE;AACpD,QAAO,EAAM,SAAS,IAAI,GAAM,KAAK,KAAK;CAE1C,IAAM,KAAwB,MACrB,EAAY,QAAQ,MAAQ;EACjC,IAAM,IAAU,IAAI,KAAK,EAAI,aAAa;AAC1C,SACE,EAAQ,aAAa,KAAK,KAAQ,EAAQ,UAAU,KAAK,KAAS,EAAQ,SAAS,KAAK;GAE1F,EAGE,KAAW,MACR,EAAM,aAAa,KAAK,KAAQ,EAAM,UAAU,KAAK,KAAS,EAAM,SAAS,KAAK;AAG3F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAa,KAAK,MACjB,kBAAC,OAAD;IAAe,WAAU;cACtB;IACG,EAFI,EAEJ,CACN;GACE,CAAA,EAGN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,GAAK,MAAM;IACrB,IAAM,IAAiB,IAAM,EAAqB,EAAI,GAAG,EAAE,EAErD,IAAW,EAAe,SAAS;AAEzC,WACE,kBAAC,OAAD;KAEE,WAAW,+CACT,MAAQ,OAAO,iBAAiB,gBACjC,GAAG,EAAQ,EAAK,GAAG,kBAAkB;eAErC,MAAQ,QACP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;MACE,WAAW,wEACT,EAAQ,EAAI,GACR,4DACA;gBAGL;MACI,CAAA,EACP,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAe,MAAM,GAAG,EAAW,CAAC,KAAK,GAAK,MAC7C,kBAAC,GAAD;OAEE,MAAM,EAAI;OACV,SAAA;OACc;OACF;OACE;OACd,EANK,GAAG,EAAI,KAAK,GAAG,GAAG,IAMvB,CACF,EACD,IAAW,KACV,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAkD;QAC9C;QAAS;QAAE,EAAG,oCAAoC,OAAO;QACtD;SAEL;QACL,EAAA,CAAA;KAED,EAnCC,EAmCD;KAER;GACE,CAAA,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalWeekView.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/VibeCalWeekView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGpE,UAAU,oBAAoB;IAC5B,WAAW,EAAE,IAAI,CAAC;IAClB,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;AAYD,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,EAAE,oBAAoB,2CAkItB"}

package/dist/components/vibecalendar/VibeCalWeekView.js

@@ -0,0 +1,100 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { STATUS_COLORS as t } from "./types.js";
+import { useMemo as n } from "react";
+import { Eye as r, Play as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/vibecalendar/VibeCalWeekView.tsx
+var s = Array.from({ length: 24 }, (e, t) => t), c = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+];
+function l(e) {
+	return e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`;
+}
+function u({ currentDate: u, occurrences: d, onTriggerNow: f, onViewLogs: p, onViewDetail: m }) {
+	e();
+	let h = /* @__PURE__ */ new Date(), g = n(() => {
+		let e = new Date(u);
+		return e.setDate(e.getDate() - e.getDay()), Array.from({ length: 7 }, (t, n) => {
+			let r = new Date(e);
+			return r.setDate(r.getDate() + n), r;
+		});
+	}, [u]), _ = (e) => e.getFullYear() === h.getFullYear() && e.getMonth() === h.getMonth() && e.getDate() === h.getDate(), v = (e, t) => d.filter((n) => {
+		let r = new Date(n.occurrenceAt);
+		return r.getFullYear() === e.getFullYear() && r.getMonth() === e.getMonth() && r.getDate() === e.getDate() && r.getHours() === t;
+	}), y = h.getHours();
+	return /* @__PURE__ */ o("div", {
+		className: "flex-1 flex flex-col overflow-hidden",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex border-b border-border-default flex-shrink-0",
+			children: [/* @__PURE__ */ a("div", { className: "w-16 flex-shrink-0" }), g.map((e, t) => /* @__PURE__ */ o("div", {
+				className: `flex-1 text-center py-2 border-l border-border-default ${_(e) ? "bg-action-primary-bg/5" : ""}`,
+				children: [/* @__PURE__ */ a("div", {
+					className: "text-xs text-text-tertiary",
+					children: c[t]
+				}), /* @__PURE__ */ a("div", {
+					className: `text-sm font-medium mt-0.5 ${_(e) ? "inline-flex items-center justify-center w-7 h-7 rounded-full bg-action-primary-bg text-action-primary-text" : "text-text-primary"}`,
+					children: e.getDate()
+				})]
+			}, t))]
+		}), /* @__PURE__ */ a("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ a("div", {
+				className: "relative",
+				children: s.map((e) => /* @__PURE__ */ o("div", {
+					className: "flex",
+					style: { minHeight: "48px" },
+					children: [/* @__PURE__ */ a("div", {
+						className: "w-16 flex-shrink-0 text-right pr-2 pt-0.5",
+						children: /* @__PURE__ */ a("span", {
+							className: "text-xs text-text-tertiary",
+							children: l(e)
+						})
+					}), g.map((n, s) => {
+						let c = v(n, e);
+						return /* @__PURE__ */ a("div", {
+							className: `flex-1 border-l border-t border-border-default p-0.5 ${_(n) && e === y ? "bg-action-primary-bg/5" : ""}`,
+							children: c.map((e, n) => {
+								let s = e.task;
+								return /* @__PURE__ */ a("div", {
+									onClick: () => m(s.id),
+									className: `mb-0.5 px-1.5 py-1 rounded text-xs border cursor-pointer ${t[e.execution?.status || s.status] || t.PENDING} hover:opacity-80 transition-opacity`,
+									children: /* @__PURE__ */ o("div", {
+										className: "flex items-center justify-between gap-1",
+										children: [/* @__PURE__ */ a("span", {
+											className: "truncate font-medium",
+											children: s.title
+										}), /* @__PURE__ */ o("div", {
+											className: "flex items-center gap-0.5 flex-shrink-0",
+											onClick: (e) => e.stopPropagation(),
+											children: [f && /* @__PURE__ */ a("button", {
+												onClick: () => f(s.id),
+												className: "p-0.5 rounded hover:bg-bg-secondary",
+												title: "Trigger Now",
+												children: /* @__PURE__ */ a(i, { size: 10 })
+											}), /* @__PURE__ */ a("button", {
+												onClick: () => p(s),
+												className: "p-0.5 rounded hover:bg-bg-secondary",
+												title: "View Logs",
+												children: /* @__PURE__ */ a(r, { size: 10 })
+											})]
+										})]
+									})
+								}, `${s.id}-${n}`);
+							})
+						}, s);
+					})]
+				}, e))
+			})
+		})]
+	});
+}
+//#endregion
+export { u as VibeCalWeekView };
+
+//# sourceMappingURL=VibeCalWeekView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalWeekView.js","names":[],"sources":["../../../src/components/vibecalendar/VibeCalWeekView.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Play, Eye } from 'lucide-react';\nimport { STATUS_COLORS } from './types';\nimport type { CalendarOccurrence, VibeCalendarTask } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface VibeCalWeekViewProps {\n  currentDate: Date;\n  occurrences: CalendarOccurrence[];\n  onTriggerNow?: (taskId: string) => void;\n  onViewLogs: (task: VibeCalendarTask) => void;\n  onViewDetail: (taskId: string) => void;\n}\n\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\nconst DAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction formatHour(hour: number): string {\n  if (hour === 0) return '12 AM';\n  if (hour < 12) return `${hour} AM`;\n  if (hour === 12) return '12 PM';\n  return `${hour - 12} PM`;\n}\n\nexport function VibeCalWeekView({\n  currentDate,\n  occurrences,\n  onTriggerNow,\n  onViewLogs,\n  onViewDetail,\n}: VibeCalWeekViewProps) {\n  const tr = useTr();\n  const today = new Date();\n\n  // Calculate the week's dates (Sun-Sat)\n  const weekDates = useMemo(() => {\n    const start = new Date(currentDate);\n    start.setDate(start.getDate() - start.getDay());\n    return Array.from({ length: 7 }, (_, i) => {\n      const d = new Date(start);\n      d.setDate(d.getDate() + i);\n      return d;\n    });\n  }, [currentDate]);\n\n  const isToday = (date: Date): boolean =>\n    date.getFullYear() === today.getFullYear() &&\n    date.getMonth() === today.getMonth() &&\n    date.getDate() === today.getDate();\n\n  const getOccurrencesForSlot = (date: Date, hour: number): CalendarOccurrence[] =>\n    occurrences.filter((occ) => {\n      const d = new Date(occ.occurrenceAt);\n      return (\n        d.getFullYear() === date.getFullYear() &&\n        d.getMonth() === date.getMonth() &&\n        d.getDate() === date.getDate() &&\n        d.getHours() === hour\n      );\n    });\n\n  const nowHour = today.getHours();\n\n  return (\n    <div className=\"flex-1 flex flex-col overflow-hidden\">\n      {/* Day column headers */}\n      <div className=\"flex border-b border-border-default flex-shrink-0\">\n        {/* Time gutter */}\n        <div className=\"w-16 flex-shrink-0\" />\n        {weekDates.map((date, i) => (\n          <div\n            key={i}\n            className={`flex-1 text-center py-2 border-l border-border-default ${\n              isToday(date) ? 'bg-action-primary-bg/5' : ''\n            }`}\n          >\n            <div className=\"text-xs text-text-tertiary\">{DAYS_SHORT[i]}</div>\n            <div\n              className={`text-sm font-medium mt-0.5 ${\n                isToday(date)\n                  ? 'inline-flex items-center justify-center w-7 h-7 rounded-full bg-action-primary-bg text-action-primary-text'\n                  : 'text-text-primary'\n              }`}\n            >\n              {date.getDate()}\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Time grid - scrollable */}\n      <div className=\"flex-1 overflow-auto\">\n        <div className=\"relative\">\n          {HOURS.map((hour) => (\n            <div key={hour} className=\"flex\" style={{ minHeight: '48px' }}>\n              {/* Time label */}\n              <div className=\"w-16 flex-shrink-0 text-right pr-2 pt-0.5\">\n                <span className=\"text-xs text-text-tertiary\">{formatHour(hour)}</span>\n              </div>\n\n              {/* Day columns */}\n              {weekDates.map((date, dayIdx) => {\n                const slotOccurrences = getOccurrencesForSlot(date, hour);\n                const isCurrent = isToday(date) && hour === nowHour;\n\n                return (\n                  <div\n                    key={dayIdx}\n                    className={`flex-1 border-l border-t border-border-default p-0.5 ${\n                      isCurrent ? 'bg-action-primary-bg/5' : ''\n                    }`}\n                  >\n                    {slotOccurrences.map((occ, j) => {\n                      const task = occ.task;\n                      const statusColor =\n                        STATUS_COLORS[occ.execution?.status || task.status] ||\n                        STATUS_COLORS.PENDING;\n\n                      return (\n                        <div\n                          key={`${task.id}-${j}`}\n                          onClick={() => onViewDetail(task.id)}\n                          className={`mb-0.5 px-1.5 py-1 rounded text-xs border cursor-pointer ${statusColor} hover:opacity-80 transition-opacity`}\n                        >\n                          <div className=\"flex items-center justify-between gap-1\">\n                            <span className=\"truncate font-medium\">{task.title}</span>\n                            <div\n                              className=\"flex items-center gap-0.5 flex-shrink-0\"\n                              onClick={(e) => e.stopPropagation()}\n                            >\n                              {onTriggerNow && (\n                                <button\n                                  onClick={() => onTriggerNow(task.id)}\n                                  className=\"p-0.5 rounded hover:bg-bg-secondary\"\n                                  title=\"Trigger Now\"\n                                >\n                                  <Play size={10} />\n                                </button>\n                              )}\n                              <button\n                                onClick={() => onViewLogs(task)}\n                                className=\"p-0.5 rounded hover:bg-bg-secondary\"\n                                title=\"View Logs\"\n                              >\n                                <Eye size={10} />\n                              </button>\n                            </div>\n                          </div>\n                        </div>\n                      );\n                    })}\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { CalendarViewMode } from './types';
+
+interface VibeCalendarHeaderProps {
+    currentDate: Date;
+    viewMode: CalendarViewMode;
+    onDateChange: (date: Date) => void;
+    onViewModeChange: (mode: CalendarViewMode) => void;
+    onCreateTask?: () => void;
+}
+export declare function VibeCalendarHeader({ currentDate, viewMode, onDateChange, onViewModeChange, onCreateTask, }: VibeCalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VibeCalendarHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VibeCalendarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/vibecalendar/VibeCalendarHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,UAAU,uBAAuB;IAC/B,WAAW,EAAE,IAAI,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AASD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,EAAE,uBAAuB,2CAsHzB"}