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

@burdenoff/microfe-vibecontrols 2026.511.1 → 2026.512.1

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

Files changed (1025) hide show

package/dist/components/shared/AgentSelector.js CHANGED Viewed

@@ -1,14 +1,15 @@
 import { useVibeControlsStore as e } from "../../store/vibeControlsStore.js";
 import t from "../../hooks/useCachedInitialData.js";
-import { useCallback as n, useEffect as r, useMemo as i } from "react";
-import { Check as a, ChevronDown as o, Server as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useActiveAgentProfile as n } from "../../hooks/useActiveAgentProfile.js";
+import { useCallback as r, useEffect as i, useMemo as a } from "react";
+import { Check as o, ChevronDown as s, Server as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/shared/AgentSelector.tsx
-function u(e) {
+function d(e) {
 	return e.isActive ? e.tunnelUrl ? "bg-status-success-text" : "bg-status-warning-text" : "bg-text-placeholder";
 }
-function d({ label: d, className: f, style: p, onChange: m, compact: h = !1 }) {
-	let { agents: g, loading: _ } = t(), v = e((e) => e.activeAgentId), y = e((e) => e.setActiveAgentId), b = i(() => [...g].sort((e, t) => {
+function f({ label: f, className: p, style: m, onChange: h, compact: g = !1 }) {
+	let { agents: _, loading: v } = t(), y = e((e) => e.activeAgentId), b = e((e) => e.setActiveAgentId), x = a(() => [..._].sort((e, t) => {
 		let n = (e) => (e.isActive ? 0 : 2) + +!e.tunnelUrl;
 		return n(e) === n(t) ? e.name.localeCompare(t.name) : n(e) - n(t);
 	}).map((e) => ({
@@ -18,81 +19,100 @@ function d({ label: d, className: f, style: p, onChange: m, compact: h = !1 }) {
 		isActive: e.isActive,
 		tunnelUrl: e.tunnelUrl ?? null,
 		tunnelStatus: e.tunnelStatus ?? null
-	})), [g]), x = i(() => {
-		if (v) {
-			let e = b.find((e) => e.id === v);
+	})), [_]), S = a(() => {
+		if (y) {
+			let e = x.find((e) => e.id === y);
 			if (e) return e;
 		}
-		return b.find((e) => e.isActive && e.tunnelUrl) ?? b[0] ?? null;
-	}, [v, b]);
-	r(() => {
-		x && v !== x.id && y(x.id);
+		return x.find((e) => e.isActive && e.tunnelUrl) ?? x[0] ?? null;
+	}, [y, x]);
+	i(() => {
+		S && y !== S.id && b(S.id);
 	}, [
-		x,
-		v,
-		y
+		S,
+		y,
+		b
 	]);
-	let S = n((e) => {
+	let C = r((e) => {
 		let t = e.target.value || null;
-		y(t), m?.(t ? b.find((e) => e.id === t) ?? null : null);
+		b(t), h?.(t ? x.find((e) => e.id === t) ?? null : null);
 	}, [
+		x,
 		b,
-		y,
-		m
-	]);
-	return _ && b.length === 0 ? /* @__PURE__ */ c("div", {
-		className: f,
-		style: p,
-		children: /* @__PURE__ */ l("div", {
+		h
+	]), { profiles: w, active: T, setActive: E } = n(S?.id ?? null), D = r((e) => {
+		E(e.target.value);
+	}, [E]);
+	return v && x.length === 0 ? /* @__PURE__ */ l("div", {
+		className: p,
+		style: m,
+		children: /* @__PURE__ */ u("div", {
 			className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary",
-			children: [/* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" }), "Loading agents…"]
+			children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), "Loading agents…"]
 		})
-	}) : b.length === 0 ? /* @__PURE__ */ c("div", {
-		className: f,
-		style: p,
-		children: /* @__PURE__ */ l("div", {
+	}) : x.length === 0 ? /* @__PURE__ */ l("div", {
+		className: p,
+		style: m,
+		children: /* @__PURE__ */ u("div", {
 			className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary",
-			children: [/* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" }), "No agents yet — add one from the Agents page"]
+			children: [/* @__PURE__ */ l(c, { className: "h-3.5 w-3.5" }), "No agents yet — add one from the Agents page"]
 		})
-	}) : /* @__PURE__ */ l("div", {
-		className: f,
-		style: p,
-		children: [d && !h && /* @__PURE__ */ c("label", {
-			className: "block text-xs font-medium text-text-secondary mb-1",
-			children: d
-		}), /* @__PURE__ */ l("div", {
-			className: "relative inline-flex items-center",
-			children: [
-				x && /* @__PURE__ */ c("span", {
-					className: `absolute left-2.5 z-10 h-2 w-2 rounded-full ${u(x)}`,
-					"aria-hidden": !0
-				}),
-				/* @__PURE__ */ c("select", {
-					value: x?.id ?? "",
-					onChange: S,
-					className: `appearance-none rounded-md border border-border-default bg-bg-surface pl-7 pr-8 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${h ? "py-1 text-xs" : "py-2 text-sm"}`,
-					"data-testid": "agent-selector",
-					children: b.map((e) => /* @__PURE__ */ l("option", {
-						value: e.id,
-						children: [
-							e.name,
-							" (",
-							e.hostname,
-							")",
-							e.isActive ? "" : " · offline"
-						]
+	}) : /* @__PURE__ */ u("div", {
+		className: p,
+		style: m,
+		children: [
+			f && !g && /* @__PURE__ */ l("label", {
+				className: "block text-xs font-medium text-text-secondary mb-1",
+				children: f
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "relative inline-flex items-center",
+				children: [
+					S && /* @__PURE__ */ l("span", {
+						className: `absolute left-2.5 z-10 h-2 w-2 rounded-full ${d(S)}`,
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ l("select", {
+						value: S?.id ?? "",
+						onChange: C,
+						className: `appearance-none rounded-md border border-border-default bg-bg-surface pl-7 pr-8 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${g ? "py-1 text-xs" : "py-2 text-sm"}`,
+						"data-testid": "agent-selector",
+						children: x.map((e) => /* @__PURE__ */ u("option", {
+							value: e.id,
+							children: [
+								e.name,
+								" (",
+								e.hostname,
+								")",
+								e.isActive ? "" : " · offline"
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ l(s, { className: "pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary" }),
+					S?.tunnelUrl && /* @__PURE__ */ l(o, {
+						className: "pointer-events-none absolute -right-5 h-3.5 w-3.5 text-status-success-text",
+						"aria-label": "Tunnel reachable"
+					})
+				]
+			}),
+			S && w.length > 1 && /* @__PURE__ */ u("div", {
+				className: "relative inline-flex items-center ml-2",
+				children: [/* @__PURE__ */ l("select", {
+					value: T,
+					onChange: D,
+					className: `appearance-none rounded-md border border-border-default bg-bg-surface pl-3 pr-7 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono ${g ? "py-1 text-xs" : "py-2 text-sm"}`,
+					"data-testid": "agent-profile-selector",
+					"aria-label": "Active profile",
+					children: w.map((e) => /* @__PURE__ */ u("option", {
+						value: e.name,
+						children: [e.name, e.isDefault ? " (default)" : ""]
 					}, e.id))
-				}),
-				/* @__PURE__ */ c(o, { className: "pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary" }),
-				x?.tunnelUrl && /* @__PURE__ */ c(a, {
-					className: "pointer-events-none absolute -right-5 h-3.5 w-3.5 text-status-success-text",
-					"aria-label": "Tunnel reachable"
-				})
-			]
-		})]
+				}), /* @__PURE__ */ l(s, { className: "pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary" })]
+			})
+		]
 	});
 }
 //#endregion
-export { d as AgentSelector };
+export { f as AgentSelector };
 //# sourceMappingURL=AgentSelector.js.map

package/dist/components/shared/AgentSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentSelector.js","names":[],"sources":["../../../src/components/shared/AgentSelector.tsx"],"sourcesContent":["/*\n AgentSelector — dropdown of workspace agents with selection persisted to the\n * VibeControls Zustand store. Used on the AI page and anywhere else a user\n * needs to pick \"the active agent\" explicitly rather than rely on auto-pick.\n \n The selector shows active agents first, then inactive/disconnected ones,\n * and surfaces the agent's tunnel/heartbeat state via a colored dot so the\n * user knows at a glance which one is actually running.\n /\n\nimport { useCallback, useEffect, useMemo, type CSSProperties } from 'react';\nimport { Check, ChevronDown, Server } from 'lucide-react';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\n\nexport interface AgentOption {\n id: string;\n name: string;\n hostname: string;\n isActive: boolean;\n tunnelUrl?: string \| null;\n tunnelStatus?: string \| null;\n}\n\ninterface AgentSelectorProps {\n /* Optional label above the selector. /\n label?: string;\n /* Optional className applied to the outer wrapper. /\n className?: string;\n /* Optional inline style applied to the outer wrapper. /\n style?: CSSProperties;\n /* Fired whenever the user changes the selected agent. /\n onChange?: (agent: AgentOption \| null) => void;\n /* Render compact (smaller, no label). */\n compact?: boolean;\n}\n\nfunction statusDotColor(agent: AgentOption): string {\n if (!agent.isActive) return 'bg-text-placeholder';\n if (!agent.tunnelUrl) return 'bg-status-warning-text';\n return 'bg-status-success-text';\n}\n\nexport function AgentSelector({\n label,\n className,\n style,\n onChange,\n compact = false,\n}: AgentSelectorProps) {\n const { agents, loading } = useCachedInitialData();\n const activeAgentId = useVibeControlsStore((s) => s.activeAgentId);\n const setActiveAgentId = useVibeControlsStore((s) => s.setActiveAgentId);\n\n const options: AgentOption[] = useMemo(() => {\n const sorted = [...agents].sort((a, b) => {\n // Active + online first; then active but no tunnel; then inactive.\n const score = (x: (typeof agents)[number]) => (x.isActive ? 0 : 2) + (x.tunnelUrl ? 0 : 1);\n if (score(a) !== score(b)) return score(a) - score(b);\n return a.name.localeCompare(b.name);\n });\n return sorted.map((a) => ({\n id: a.id,\n name: a.name,\n hostname: a.hostname,\n isActive: a.isActive,\n tunnelUrl: a.tunnelUrl ?? null,\n tunnelStatus: a.tunnelStatus ?? null,\n }));\n }, [agents]);\n\n const selected = useMemo<AgentOption \| null>(() => {\n if (activeAgentId) {\n const match = options.find((a) => a.id === activeAgentId);\n if (match) return match;\n }\n // Auto-pick the first healthy agent the first time.\n return options.find((a) => a.isActive && a.tunnelUrl) ?? options[0] ?? null;\n }, [activeAgentId, options]);\n\n // Commit the auto-picked agent into the store so downstream consumers can\n // read it directly without running the same \"first healthy\" logic.\n useEffect(() => {\n if (selected && activeAgentId !== selected.id) {\n setActiveAgentId(selected.id);\n }\n }, [selected, activeAgentId, setActiveAgentId]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLSelectElement>) => {\n const id = e.target.value \|\| null;\n setActiveAgentId(id);\n onChange?.(id ? (options.find((o) => o.id === id) ?? null) : null);\n },\n [options, setActiveAgentId, onChange]\n );\n\n if (loading && options.length === 0) {\n return (\n <div className={className} style={style}>\n <div className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n <Server className=\"h-3.5 w-3.5\" />\n Loading agents…\n </div>\n </div>\n );\n }\n\n if (options.length === 0) {\n return (\n <div className={className} style={style}>\n <div className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n <Server className=\"h-3.5 w-3.5\" />\n No agents yet — add one from the Agents page\n </div>\n </div>\n );\n }\n\n return (\n <div className={className} style={style}>\n {label && !compact && (\n <label className=\"block text-xs font-medium text-text-secondary mb-1\">{label}</label>\n )}\n <div className=\"relative inline-flex items-center\">\n {selected && (\n <span\n className={`absolute left-2.5 z-10 h-2 w-2 rounded-full ${statusDotColor(selected)}`}\n aria-hidden\n />\n )}\n <select\n value={selected?.id ?? ''}\n onChange={handleChange}\n className={`appearance-none rounded-md border border-border-default bg-bg-surface pl-7 pr-8 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${compact ? 'py-1 text-xs' : 'py-2 text-sm'}`}\n data-testid=\"agent-selector\"\n >\n {options.map((agent) => (\n <option key={agent.id} value={agent.id}>\n {agent.name} ({agent.hostname}){agent.isActive ? '' : ' · offline'}\n </option>\n ))}\n </select>\n <ChevronDown className=\"pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary\" />\n {selected?.tunnelUrl && (\n <Check\n className=\"pointer-events-none absolute -right-5 h-3.5 w-3.5 text-status-success-text\"\n aria-label=\"Tunnel reachable\"\n />\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"~~;;;;;;AAqCA~~,SAAS,EAAe,GAA4B;AAGlD,QAFK,EAAM,WACN,EAAM,YACJ,2BADsB,2BADD;;AAK9B,SAAgB,EAAc,EAC5B,UACA,cACA,UACA,aACA,aAAU,MACW;CACrB,IAAM,EAAE,WAAQ,eAAY,GAAsB,EAC5C,IAAgB,GAAsB,MAAM,EAAE,cAAc,EAC5D,IAAmB,GAAsB,MAAM,EAAE,iBAAiB,EAElE,IAAyB,QACd,CAAC,GAAG,EAAO,CAAC,MAAM,GAAG,MAAM;EAExC,IAAM,KAAS,OAAgC,EAAE,WAAW,IAAI,KAAM,IAAE;AAExE,SADI,EAAM,EAAE,KAAK,EAAM,EAAE,GAClB,EAAE,KAAK,cAAc,EAAE,KAAK,GADD,EAAM,EAAE,GAAG,EAAM,EAAE;GAErD,CACY,KAAK,OAAO;EACxB,IAAI,EAAE;EACN,MAAM,EAAE;EACR,UAAU,EAAE;EACZ,UAAU,EAAE;EACZ,WAAW,EAAE,aAAa;EAC1B,cAAc,EAAE,gBAAgB;EACjC,EAAE,EACF,CAAC,EAAO,CAAC,EAEN,IAAW,QAAkC;AACjD,MAAI,GAAe;GACjB,IAAM,IAAQ,EAAQ,MAAM,MAAM,EAAE,OAAO,EAAc;AACzD,OAAI,EAAO,QAAO;;AAGpB,SAAO,EAAQ,MAAM,MAAM,EAAE,YAAY,EAAE,UAAU,IAAI,EAAQ,MAAM;IACtE,CAAC,GAAe,EAAQ,CAAC;AAI5B,SAAgB;AACd,EAAI,KAAY,MAAkB,EAAS,MACzC,EAAiB,EAAS,GAAG;IAE9B;EAAC;EAAU;EAAe;EAAiB,CAAC;CAE/C,IAAM,IAAe,GAClB,MAA4C;EAC3C,IAAM,IAAK,EAAE,OAAO,SAAS;AAE7B,EADA,EAAiB,EAAG,EACpB,IAAW,IAAM,EAAQ,MAAM,MAAM,EAAE,OAAO,EAAG,IAAI,OAAQ,KAAK;IAEpE;EAAC;EAAS;EAAkB;EAAS,CACtC;AAwBD,QAtBI,KAAW,EAAQ,WAAW,IAE9B,kBAAC,OAAD;EAAgB;EAAkB;YAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAAA,kBAE9B;;EACF,CAAA,GAIN,EAAQ,WAAW,IAEnB,kBAAC,OAAD;EAAgB;EAAkB;YAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAAA,+CAE9B;;EACF,CAAA,GAKR,kBAAC,OAAD;EAAgB;EAAkB;YAAlC,~~CACG,~~KAAS,CAAC,KACT,kBAAC,SAAD;~~GAAO~~,WAAU;~~aAAsD~~;~~GAAc~~,CAAA,~~EAEvF,~~kBAAC,OAAD;~~GAAK~~,WAAU;~~aAAf~~;~~IACG~~,KACC,kBAAC,QAAD;~~KACE~~,WAAW,+CAA+C,EAAe,EAAS;~~KAClF~~,eAAA;~~KACA~~,CAAA;~~IAEJ~~,kBAAC,UAAD;~~KACE~~,OAAO,GAAU,MAAM;~~KACvB~~,UAAU;~~KACV~~,WAAW,qKAAqK,IAAU,iBAAiB;~~KAC3M~~,eAAY;~~eAEX~~,EAAQ,KAAK,MACZ,kBAAC,UAAD;~~MAAuB~~,OAAO,EAAM;~~gBAApC~~;~~OACG~~,EAAM;~~OAAK~~;~~OAAG~~,EAAM;~~OAAS~~;~~OAAE~~,EAAM,WAAW,KAAK;~~OAC~~/C;~~QAFI~~,EAAM,GAEV,CACT;~~KACK~~,CAAA;~~IACT~~,kBAAC,GAAD,EAAa,WAAU,wEAAyE,CAAA;~~IAC~~/F,GAAU,aACT,kBAAC,GAAD;~~KACE~~,WAAU;~~KACV~~,cAAW;~~KACX~~,CAAA;~~IAEA~~;~~KACF~~"}
1	+ {"version":3,"file":"AgentSelector.js","names":[],"sources":["../../../src/components/shared/AgentSelector.tsx"],"sourcesContent":["/*\n AgentSelector — dropdown of workspace agents with selection persisted to the\n * VibeControls Zustand store. Used on the AI page and anywhere else a user\n * needs to pick \"the active agent\" explicitly rather than rely on auto-pick.\n \n The selector shows active agents first, then inactive/disconnected ones,\n * and surfaces the agent's tunnel/heartbeat state via a colored dot so the\n * user knows at a glance which one is actually running.\n /\n\nimport { useCallback, useEffect, useMemo, type CSSProperties } from 'react';\nimport { Check, ChevronDown, Server } from 'lucide-react';\nimport { useVibeControlsStore } from '@/store/vibeControlsStore';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\n\nexport interface AgentOption {\n id: string;\n name: string;\n hostname: string;\n isActive: boolean;\n tunnelUrl?: string \| null;\n tunnelStatus?: string \| null;\n}\n\ninterface AgentSelectorProps {\n /* Optional label above the selector. /\n label?: string;\n /* Optional className applied to the outer wrapper. /\n className?: string;\n /* Optional inline style applied to the outer wrapper. /\n style?: CSSProperties;\n /* Fired whenever the user changes the selected agent. /\n onChange?: (agent: AgentOption \| null) => void;\n /* Render compact (smaller, no label). */\n compact?: boolean;\n}\n\nfunction statusDotColor(agent: AgentOption): string {\n if (!agent.isActive) return 'bg-text-placeholder';\n if (!agent.tunnelUrl) return 'bg-status-warning-text';\n return 'bg-status-success-text';\n}\n\nexport function AgentSelector({\n label,\n className,\n style,\n onChange,\n compact = false,\n}: AgentSelectorProps) {\n const { agents, loading } = useCachedInitialData();\n const activeAgentId = useVibeControlsStore((s) => s.activeAgentId);\n const setActiveAgentId = useVibeControlsStore((s) => s.setActiveAgentId);\n\n const options: AgentOption[] = useMemo(() => {\n const sorted = [...agents].sort((a, b) => {\n // Active + online first; then active but no tunnel; then inactive.\n const score = (x: (typeof agents)[number]) => (x.isActive ? 0 : 2) + (x.tunnelUrl ? 0 : 1);\n if (score(a) !== score(b)) return score(a) - score(b);\n return a.name.localeCompare(b.name);\n });\n return sorted.map((a) => ({\n id: a.id,\n name: a.name,\n hostname: a.hostname,\n isActive: a.isActive,\n tunnelUrl: a.tunnelUrl ?? null,\n tunnelStatus: a.tunnelStatus ?? null,\n }));\n }, [agents]);\n\n const selected = useMemo<AgentOption \| null>(() => {\n if (activeAgentId) {\n const match = options.find((a) => a.id === activeAgentId);\n if (match) return match;\n }\n // Auto-pick the first healthy agent the first time.\n return options.find((a) => a.isActive && a.tunnelUrl) ?? options[0] ?? null;\n }, [activeAgentId, options]);\n\n // Commit the auto-picked agent into the store so downstream consumers can\n // read it directly without running the same \"first healthy\" logic.\n useEffect(() => {\n if (selected && activeAgentId !== selected.id) {\n setActiveAgentId(selected.id);\n }\n }, [selected, activeAgentId, setActiveAgentId]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLSelectElement>) => {\n const id = e.target.value \|\| null;\n setActiveAgentId(id);\n onChange?.(id ? (options.find((o) => o.id === id) ?? null) : null);\n },\n [options, setActiveAgentId, onChange]\n );\n\n // Profile sub-dropdown — Phase 5B (multi-profile-per-daemon).\n // Resolves the AgentProfile rows for the currently-selected agent and\n // exposes a switcher next to the agent dropdown. Hidden until profiles\n // beyond the implicit \"default\" exist so single-profile setups stay clean.\n const {\n profiles: agentProfiles,\n active: activeProfile,\n setActive: setActiveProfile,\n } = useActiveAgentProfile(selected?.id ?? null);\n const handleProfileChange = useCallback(\n (e: React.ChangeEvent<HTMLSelectElement>) => {\n setActiveProfile(e.target.value);\n },\n [setActiveProfile]\n );\n\n if (loading && options.length === 0) {\n return (\n <div className={className} style={style}>\n <div className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n <Server className=\"h-3.5 w-3.5\" />\n Loading agents…\n </div>\n </div>\n );\n }\n\n if (options.length === 0) {\n return (\n <div className={className} style={style}>\n <div className=\"inline-flex items-center gap-2 rounded-md border border-border-default bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n <Server className=\"h-3.5 w-3.5\" />\n No agents yet — add one from the Agents page\n </div>\n </div>\n );\n }\n\n return (\n <div className={className} style={style}>\n {label && !compact && (\n <label className=\"block text-xs font-medium text-text-secondary mb-1\">{label}</label>\n )}\n <div className=\"relative inline-flex items-center\">\n {selected && (\n <span\n className={`absolute left-2.5 z-10 h-2 w-2 rounded-full ${statusDotColor(selected)}`}\n aria-hidden\n />\n )}\n <select\n value={selected?.id ?? ''}\n onChange={handleChange}\n className={`appearance-none rounded-md border border-border-default bg-bg-surface pl-7 pr-8 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 ${compact ? 'py-1 text-xs' : 'py-2 text-sm'}`}\n data-testid=\"agent-selector\"\n >\n {options.map((agent) => (\n <option key={agent.id} value={agent.id}>\n {agent.name} ({agent.hostname}){agent.isActive ? '' : ' · offline'}\n </option>\n ))}\n </select>\n <ChevronDown className=\"pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary\" />\n {selected?.tunnelUrl && (\n <Check\n className=\"pointer-events-none absolute -right-5 h-3.5 w-3.5 text-status-success-text\"\n aria-label=\"Tunnel reachable\"\n />\n )}\n </div>\n {selected && agentProfiles.length > 1 && (\n <div className=\"relative inline-flex items-center ml-2\">\n <select\n value={activeProfile}\n onChange={handleProfileChange}\n className={`appearance-none rounded-md border border-border-default bg-bg-surface pl-3 pr-7 text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 font-mono ${compact ? 'py-1 text-xs' : 'py-2 text-sm'}`}\n data-testid=\"agent-profile-selector\"\n aria-label=\"Active profile\"\n >\n {agentProfiles.map((p) => (\n <option key={p.id} value={p.name}>\n {p.name}\n {p.isDefault ? ' (default)' : ''}\n </option>\n ))}\n </select>\n <ChevronDown className=\"pointer-events-none absolute right-2 h-3.5 w-3.5 text-text-secondary\" />\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/shared/AgentSetupBanner.js CHANGED Viewed

@@ -1,33 +1,36 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useVibeNavigate as t } from "../../providers/VibeControlsProvider.js";
 import { InstallTabs as n } from "./InstallTabs.js";
-import { useCallback as r, useState as i } from "react";
-import { Check as a, Copy as o, Download as s, ExternalLink as c, Terminal as l, X as u } from "lucide-react";
-import { getProfileScopedKey as d } from "@burdenoff/fe-libs/shared/utils";
-import { AnimatePresence as f, motion as p } from "framer-motion";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useCallback as r, useMemo as i, useState as a } from "react";
+import { Check as o, Copy as s, Download as c, ExternalLink as l, Terminal as u, X as d } from "lucide-react";
+import { getProfileScopedKey as f } from "@burdenoff/fe-libs/shared/utils";
+import { AnimatePresence as p, motion as m } from "framer-motion";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/shared/AgentSetupBanner.tsx
-var g = "curl -fsSL https://vibecontrols.local.burdenoff.com/install | bash", _ = "https://www.npmjs.com/package/@vibecontrols/agent";
-function v({ variant: v = "compact", dismissible: y = !0, dismissKey: b = "vibecontrols-setup-banner-dismissed", className: x = "" }) {
-	let S = e(), C = t(), [w, T] = i(!1), [E, D] = i(() => {
+var _ = "https://www.npmjs.com/package/@vibecontrols/agent";
+function v() {
+	return typeof window > "u" ? "curl -fsSL https://app.vibecontrols.com/install | bash" : `curl -fsSL https://${window.__VIBECONTROLS_HOST__ ?? window.location.host}/install | bash`;
+}
+function y({ variant: y = "compact", dismissible: b = !0, dismissKey: x = "vibecontrols-setup-banner-dismissed", className: S = "" }) {
+	let C = e(), w = t(), T = i(() => v(), []), [E, D] = a(!1), [O, k] = a(() => {
 		try {
-			return localStorage.getItem(d(b)) === "true";
+			return localStorage.getItem(f(x)) === "true";
 		} catch {
 			return !1;
 		}
-	}), O = r(async (e) => {
+	}), A = r(async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), T(!0), setTimeout(() => T(!1), 2e3);
+			await navigator.clipboard.writeText(e), D(!0), setTimeout(() => D(!1), 2e3);
 		} catch {
 			let t = document.createElement("textarea");
-			t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), T(!0), setTimeout(() => T(!1), 2e3);
+			t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), D(!0), setTimeout(() => D(!1), 2e3);
 		}
-	}, []), k = r(() => {
-		D(!0);
+	}, []), j = r(() => {
+		k(!0);
 		try {
-			localStorage.setItem(d(b), "true");
+			localStorage.setItem(f(x), "true");
 		} catch {}
-	}, [b]), A = {
+	}, [x]), M = {
 		duration: .3,
 		ease: [
 			.4,
@@ -36,7 +39,7 @@ function v({ variant: v = "compact", dismissible: y = !0, dismissKey: b = "vibec
 			1
 		]
 	};
-	return v === "compact" ? /* @__PURE__ */ m(f, { children: !E && /* @__PURE__ */ h(p.div, {
+	return y === "compact" ? /* @__PURE__ */ h(p, { children: !O && /* @__PURE__ */ g(m.div, {
 		initial: {
 			opacity: 0,
 			y: -8,
@@ -52,46 +55,46 @@ function v({ variant: v = "compact", dismissible: y = !0, dismissKey: b = "vibec
 			y: -8,
 			height: 0
 		},
-		transition: A,
-		className: `relative flex items-center gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg ${x}`,
+		transition: M,
+		className: `relative flex items-center gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg ${S}`,
 		children: [
-			/* @__PURE__ */ m(s, { className: "w-5 h-5 text-accent-purple flex-shrink-0" }),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(c, { className: "w-5 h-5 text-accent-purple flex-shrink-0" }),
+			/* @__PURE__ */ g("div", {
 				className: "flex-1 min-w-0 flex flex-wrap items-center gap-x-3 gap-y-1",
 				children: [
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ h("span", {
 						className: "text-sm font-medium text-text-primary",
-						children: S("vibecontrols.shared.agentSetupBanner.installPrompt", "Install the VibeControls Agent CLI to get started")
+						children: C("vibecontrols.shared.agentSetupBanner.installPrompt", "Install the VibeControls Agent CLI to get started")
 					}),
-					/* @__PURE__ */ h("code", {
+					/* @__PURE__ */ g("code", {
 						className: "inline-flex items-center gap-1.5 px-2.5 py-1 bg-bg-sunken border border-border-default rounded text-xs font-mono text-text-primary cursor-pointer hover:bg-bg-elevated transition-colors",
-						onClick: () => O(g),
-						title: S("vibecontrols.shared.agentSetupBanner.clickToCopy", "Click to copy"),
+						onClick: () => A(T),
+						title: C("vibecontrols.shared.agentSetupBanner.clickToCopy", "Click to copy"),
 						children: [
-							/* @__PURE__ */ m(l, { className: "w-3 h-3" }),
-							g,
-							w ? /* @__PURE__ */ m(a, { className: "w-3 h-3 text-status-success-text" }) : /* @__PURE__ */ m(o, { className: "w-3 h-3 text-text-muted" })
+							/* @__PURE__ */ h(u, { className: "w-3 h-3" }),
+							T,
+							E ? /* @__PURE__ */ h(o, { className: "w-3 h-3 text-status-success-text" }) : /* @__PURE__ */ h(s, { className: "w-3 h-3 text-text-muted" })
 						]
 					}),
-					/* @__PURE__ */ h("button", {
-						onClick: () => C("/getting-started"),
+					/* @__PURE__ */ g("button", {
+						onClick: () => w("/getting-started"),
 						className: "text-sm text-accent-purple hover:underline flex items-center gap-1",
 						children: [
-							S("vibecontrols.shared.agentSetupBanner.setupGuide", "Setup guide"),
+							C("vibecontrols.shared.agentSetupBanner.setupGuide", "Setup guide"),
 							" ",
-							/* @__PURE__ */ m(c, { className: "w-3 h-3" })
+							/* @__PURE__ */ h(l, { className: "w-3 h-3" })
 						]
 					})
 				]
 			}),
-			y && /* @__PURE__ */ m("button", {
-				onClick: k,
+			b && /* @__PURE__ */ h("button", {
+				onClick: j,
 				className: "flex-shrink-0 p-1 text-text-muted hover:text-text-secondary rounded transition-colors",
-				title: S("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
-				children: /* @__PURE__ */ m(u, { className: "w-4 h-4" })
+				title: C("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
+				children: /* @__PURE__ */ h(d, { className: "w-4 h-4" })
 			})
 		]
-	}) }) : /* @__PURE__ */ m(f, { children: !E && /* @__PURE__ */ h(p.div, {
+	}) }) : /* @__PURE__ */ h(p, { children: !O && /* @__PURE__ */ g(m.div, {
 		initial: {
 			opacity: 0,
 			y: -8,
@@ -107,45 +110,45 @@ function v({ variant: v = "compact", dismissible: y = !0, dismissKey: b = "vibec
 			y: -8,
 			height: 0
 		},
-		transition: A,
-		className: `relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${x}`,
-		children: [y && /* @__PURE__ */ m("button", {
-			onClick: k,
+		transition: M,
+		className: `relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${S}`,
+		children: [b && /* @__PURE__ */ h("button", {
+			onClick: j,
 			className: "absolute top-3 right-3 p-1 text-text-muted hover:text-text-secondary rounded transition-colors z-10",
-			title: S("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
-			children: /* @__PURE__ */ m(u, { className: "w-4 h-4" })
-		}), /* @__PURE__ */ h("div", {
+			title: C("vibecontrols.shared.agentSetupBanner.dismiss", "Dismiss"),
+			children: /* @__PURE__ */ h(d, { className: "w-4 h-4" })
+		}), /* @__PURE__ */ g("div", {
 			className: "p-5 sm:p-6",
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex items-start gap-3 mb-4",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "flex-shrink-0 w-10 h-10 rounded-lg bg-accent-purple/10 flex items-center justify-center",
-						children: /* @__PURE__ */ m(s, { className: "w-5 h-5 text-accent-purple" })
-					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+						children: /* @__PURE__ */ h(c, { className: "w-5 h-5 text-accent-purple" })
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h3", {
 						className: "text-base font-semibold text-text-primary",
-						children: S("vibecontrols.shared.agentSetupBanner.title", "Get Started with VibeControls Agent")
-					}), /* @__PURE__ */ m("p", {
+						children: C("vibecontrols.shared.agentSetupBanner.title", "Get Started with VibeControls Agent")
+					}), /* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mt-0.5",
-						children: S("vibecontrols.shared.agentSetupBanner.description", "Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.")
+						children: C("vibecontrols.shared.agentSetupBanner.description", "Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.")
 					})] })]
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ h("div", {
 					className: "ml-0 sm:ml-13",
-					children: /* @__PURE__ */ m(n, { compact: !0 })
+					children: /* @__PURE__ */ h(n, { compact: !0 })
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-3 mt-5 ml-0 sm:ml-13",
-					children: [/* @__PURE__ */ h("button", {
-						onClick: () => C("/getting-started"),
+					children: [/* @__PURE__ */ g("button", {
+						onClick: () => w("/getting-started"),
 						className: "inline-flex items-center gap-2 px-4 py-2 text-sm bg-accent-purple text-text-inverse rounded-md hover:bg-accent-purple/90 transition-colors",
-						children: [S("vibecontrols.shared.agentSetupBanner.viewFullSetupGuide", "View full setup guide"), /* @__PURE__ */ m(c, { className: "w-3.5 h-3.5" })]
-					}), /* @__PURE__ */ h("a", {
+						children: [C("vibecontrols.shared.agentSetupBanner.viewFullSetupGuide", "View full setup guide"), /* @__PURE__ */ h(l, { className: "w-3.5 h-3.5" })]
+					}), /* @__PURE__ */ g("a", {
 						href: _,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						className: "inline-flex items-center gap-2 px-4 py-2 text-sm border border-border-default text-text-primary rounded-md hover:bg-bg-sunken transition-colors",
-						children: [S("vibecontrols.shared.agentSetupBanner.npmPackage", "npm package"), /* @__PURE__ */ m(c, { className: "w-3.5 h-3.5" })]
+						children: [C("vibecontrols.shared.agentSetupBanner.npmPackage", "npm package"), /* @__PURE__ */ h(l, { className: "w-3.5 h-3.5" })]
 					})]
 				})
 			]
@@ -153,6 +156,6 @@ function v({ variant: v = "compact", dismissible: y = !0, dismissKey: b = "vibec
 	}) });
 }
 //#endregion
-export { v as AgentSetupBanner };
+export { y as AgentSetupBanner };
 //# sourceMappingURL=AgentSetupBanner.js.map

package/dist/components/shared/AgentSetupBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentSetupBanner.js","names":[],"sources":["../../../src/components/shared/AgentSetupBanner.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Download, Copy, Check, ExternalLink, X, Terminal } from 'lucide-react';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { getProfileScopedKey } from '@burdenoff/fe-libs/shared/utils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { InstallTabs } from './InstallTabs';\n\ninterface AgentSetupBannerProps {\n /** Compact mode shows a single-line banner; full mode shows a multi-step card /\n variant?: 'compact' \| 'full';\n /* Allow the banner to be dismissed /\n dismissible?: boolean;\n /* Storage key for dismissed state /\n dismissKey?: string;\n /* Additional CSS class names /\n className?: string;\n}\n\nconst QUICK_INSTALL = 'curl -fsSL https://vibecontrols.local.burdenoff.com/install \| bash';\nconst NPM_URL = 'https://www.npmjs.com/package/@vibecontrols/agent';\n\n/\n Reusable banner/card prompting users to install the VibeControls Agent CLI.\n * Used across multiple pages (Overview, Agents, Sessions, Tunnels, SSH, etc.)\n \n The full variant mirrors the Getting Started page's tabbed install widget\n * (`InstallTabs`) so users see a single consistent install flow wherever\n * the banner shows up.\n /\nexport function AgentSetupBanner({\n variant = 'compact',\n dismissible = true,\n dismissKey = 'vibecontrols-setup-banner-dismissed',\n className = '',\n}: AgentSetupBannerProps) {\n const tr = useTr();\n const handleNavigate = useVibeNavigate();\n const [copied, setCopied] = useState(false);\n const [dismissed, setDismissed] = useState(() => {\n try {\n return localStorage.getItem(getProfileScopedKey(dismissKey)) === 'true';\n } catch {\n return false;\n }\n });\n\n const handleCopy = useCallback(async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch {\n const el = document.createElement('textarea');\n el.value = text;\n document.body.appendChild(el);\n el.select();\n document.execCommand('copy');\n document.body.removeChild(el);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n }, []);\n\n const handleDismiss = useCallback(() => {\n setDismissed(true);\n try {\n localStorage.setItem(getProfileScopedKey(dismissKey), 'true');\n } catch {\n // ignore\n }\n }, [dismissKey]);\n\n const bannerTransition = { duration: 0.3, ease: [0.4, 0, 0.2, 1] as const };\n\n // ─── Compact variant: single-line info banner ─────────────────────────\n if (variant === 'compact') {\n return (\n <AnimatePresence>\n {!dismissed && (\n <motion.div\n initial={{ opacity: 0, y: -8, height: 0 }}\n animate={{ opacity: 1, y: 0, height: 'auto' }}\n exit={{ opacity: 0, y: -8, height: 0 }}\n transition={bannerTransition}\n className={`relative flex items-center gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg ${className}`}\n >\n <Download className=\"w-5 h-5 text-accent-purple flex-shrink-0\" />\n <div className=\"flex-1 min-w-0 flex flex-wrap items-center gap-x-3 gap-y-1\">\n <span className=\"text-sm font-medium text-text-primary\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.installPrompt',\n 'Install the VibeControls Agent CLI to get started'\n )}\n </span>\n <code\n className=\"inline-flex items-center gap-1.5 px-2.5 py-1 bg-bg-sunken border border-border-default rounded text-xs font-mono text-text-primary cursor-pointer hover:bg-bg-elevated transition-colors\"\n onClick={() => handleCopy(QUICK_INSTALL)}\n title={tr('vibecontrols.shared.agentSetupBanner.clickToCopy', 'Click to copy')}\n >\n <Terminal className=\"w-3 h-3\" />\n {QUICK_INSTALL}\n {copied ? (\n <Check className=\"w-3 h-3 text-status-success-text\" />\n ) : (\n <Copy className=\"w-3 h-3 text-text-muted\" />\n )}\n </code>\n <button\n onClick={() => handleNavigate('/getting-started')}\n className=\"text-sm text-accent-purple hover:underline flex items-center gap-1\"\n >\n {tr('vibecontrols.shared.agentSetupBanner.setupGuide', 'Setup guide')}{' '}\n <ExternalLink className=\"w-3 h-3\" />\n </button>\n </div>\n {dismissible && (\n <button\n onClick={handleDismiss}\n className=\"flex-shrink-0 p-1 text-text-muted hover:text-text-secondary rounded transition-colors\"\n title={tr('vibecontrols.shared.agentSetupBanner.dismiss', 'Dismiss')}\n >\n <X className=\"w-4 h-4\" />\n </button>\n )}\n </motion.div>\n )}\n </AnimatePresence>\n );\n }\n\n // ─── Full variant: tabbed install card (mirrors Getting Started) ──────\n return (\n <AnimatePresence>\n {!dismissed && (\n <motion.div\n initial={{ opacity: 0, y: -8, height: 0 }}\n animate={{ opacity: 1, y: 0, height: 'auto' }}\n exit={{ opacity: 0, y: -8, height: 0 }}\n transition={bannerTransition}\n className={`relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${className}`}\n >\n {dismissible && (\n <button\n onClick={handleDismiss}\n className=\"absolute top-3 right-3 p-1 text-text-muted hover:text-text-secondary rounded transition-colors z-10\"\n title={tr('vibecontrols.shared.agentSetupBanner.dismiss', 'Dismiss')}\n >\n <X className=\"w-4 h-4\" />\n </button>\n )}\n\n <div className=\"p-5 sm:p-6\">\n <div className=\"flex items-start gap-3 mb-4\">\n <div className=\"flex-shrink-0 w-10 h-10 rounded-lg bg-accent-purple/10 flex items-center justify-center\">\n <Download className=\"w-5 h-5 text-accent-purple\" />\n </div>\n <div>\n <h3 className=\"text-base font-semibold text-text-primary\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.title',\n 'Get Started with VibeControls Agent'\n )}\n </h3>\n <p className=\"text-sm text-text-secondary mt-0.5\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.description',\n 'Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.'\n )}\n </p>\n </div>\n </div>\n\n {/ Tabbed install widget mirrors the Getting Started page /}\n <div className=\"ml-0 sm:ml-13\">\n <InstallTabs compact />\n </div>\n\n {/ Actions */}\n <div className=\"flex flex-wrap items-center gap-3 mt-5 ml-0 sm:ml-13\">\n <button\n onClick={() => handleNavigate('/getting-started')}\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm bg-accent-purple text-text-inverse rounded-md hover:bg-accent-purple/90 transition-colors\"\n >\n {tr(\n 'vibecontrols.shared.agentSetupBanner.viewFullSetupGuide',\n 'View full setup guide'\n )}\n <ExternalLink className=\"w-3.5 h-3.5\" />\n </button>\n <a\n href={NPM_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm border border-border-default text-text-primary rounded-md hover:bg-bg-sunken transition-colors\"\n >\n {tr('vibecontrols.shared.agentSetupBanner.npmPackage', 'npm package')}\n <ExternalLink className=\"w-3.5 h-3.5\" />\n </a>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AgentSetupBanner.js","names":[],"sources":["../../../src/components/shared/AgentSetupBanner.tsx"],"sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Download, Copy, Check, ExternalLink, X, Terminal } from 'lucide-react';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { getProfileScopedKey } from '@burdenoff/fe-libs/shared/utils';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { InstallTabs } from './InstallTabs';\n\ninterface AgentSetupBannerProps {\n /** Compact mode shows a single-line banner; full mode shows a multi-step card /\n variant?: 'compact' \| 'full';\n /* Allow the banner to be dismissed /\n dismissible?: boolean;\n /* Storage key for dismissed state /\n dismissKey?: string;\n /* Additional CSS class names /\n className?: string;\n}\n\nconst NPM_URL = 'https://www.npmjs.com/package/@vibecontrols/agent';\n\n/\n Build the quick-install one-liner using the live host so the command shown\n * to the user reflects the environment they are actually on (local dev,\n * alpha, prod). InstallTabs uses the same `resolveHost()` shape — keep them\n * aligned by reading from `window.__VIBECONTROLS_HOST__` first, then\n * falling back to `window.location.host`.\n /\nfunction getQuickInstallCommand(): string {\n if (typeof window === 'undefined') {\n return 'curl -fsSL https://app.vibecontrols.com/install \| bash';\n }\n const injected = (window as { __VIBECONTROLS_HOST__?: string }).__VIBECONTROLS_HOST__;\n const host = injected ?? window.location.host;\n return `curl -fsSL https://${host}/install \| bash`;\n}\n\n/\n Reusable banner/card prompting users to install the VibeControls Agent CLI.\n * Used across multiple pages (Overview, Agents, Sessions, Tunnels, SSH, etc.)\n \n The full variant mirrors the Getting Started page's tabbed install widget\n * (`InstallTabs`) so users see a single consistent install flow wherever\n * the banner shows up.\n /\nexport function AgentSetupBanner({\n variant = 'compact',\n dismissible = true,\n dismissKey = 'vibecontrols-setup-banner-dismissed',\n className = '',\n}: AgentSetupBannerProps) {\n const tr = useTr();\n const handleNavigate = useVibeNavigate();\n const quickInstall = useMemo(() => getQuickInstallCommand(), []);\n const [copied, setCopied] = useState(false);\n const [dismissed, setDismissed] = useState(() => {\n try {\n return localStorage.getItem(getProfileScopedKey(dismissKey)) === 'true';\n } catch {\n return false;\n }\n });\n\n const handleCopy = useCallback(async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch {\n const el = document.createElement('textarea');\n el.value = text;\n document.body.appendChild(el);\n el.select();\n document.execCommand('copy');\n document.body.removeChild(el);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }\n }, []);\n\n const handleDismiss = useCallback(() => {\n setDismissed(true);\n try {\n localStorage.setItem(getProfileScopedKey(dismissKey), 'true');\n } catch {\n // ignore\n }\n }, [dismissKey]);\n\n const bannerTransition = { duration: 0.3, ease: [0.4, 0, 0.2, 1] as const };\n\n // ─── Compact variant: single-line info banner ─────────────────────────\n if (variant === 'compact') {\n return (\n <AnimatePresence>\n {!dismissed && (\n <motion.div\n initial={{ opacity: 0, y: -8, height: 0 }}\n animate={{ opacity: 1, y: 0, height: 'auto' }}\n exit={{ opacity: 0, y: -8, height: 0 }}\n transition={bannerTransition}\n className={`relative flex items-center gap-3 px-4 py-3 bg-accent-purple-subtle border border-accent-purple/20 rounded-lg ${className}`}\n >\n <Download className=\"w-5 h-5 text-accent-purple flex-shrink-0\" />\n <div className=\"flex-1 min-w-0 flex flex-wrap items-center gap-x-3 gap-y-1\">\n <span className=\"text-sm font-medium text-text-primary\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.installPrompt',\n 'Install the VibeControls Agent CLI to get started'\n )}\n </span>\n <code\n className=\"inline-flex items-center gap-1.5 px-2.5 py-1 bg-bg-sunken border border-border-default rounded text-xs font-mono text-text-primary cursor-pointer hover:bg-bg-elevated transition-colors\"\n onClick={() => handleCopy(quickInstall)}\n title={tr('vibecontrols.shared.agentSetupBanner.clickToCopy', 'Click to copy')}\n >\n <Terminal className=\"w-3 h-3\" />\n {quickInstall}\n {copied ? (\n <Check className=\"w-3 h-3 text-status-success-text\" />\n ) : (\n <Copy className=\"w-3 h-3 text-text-muted\" />\n )}\n </code>\n <button\n onClick={() => handleNavigate('/getting-started')}\n className=\"text-sm text-accent-purple hover:underline flex items-center gap-1\"\n >\n {tr('vibecontrols.shared.agentSetupBanner.setupGuide', 'Setup guide')}{' '}\n <ExternalLink className=\"w-3 h-3\" />\n </button>\n </div>\n {dismissible && (\n <button\n onClick={handleDismiss}\n className=\"flex-shrink-0 p-1 text-text-muted hover:text-text-secondary rounded transition-colors\"\n title={tr('vibecontrols.shared.agentSetupBanner.dismiss', 'Dismiss')}\n >\n <X className=\"w-4 h-4\" />\n </button>\n )}\n </motion.div>\n )}\n </AnimatePresence>\n );\n }\n\n // ─── Full variant: tabbed install card (mirrors Getting Started) ──────\n return (\n <AnimatePresence>\n {!dismissed && (\n <motion.div\n initial={{ opacity: 0, y: -8, height: 0 }}\n animate={{ opacity: 1, y: 0, height: 'auto' }}\n exit={{ opacity: 0, y: -8, height: 0 }}\n transition={bannerTransition}\n className={`relative border border-accent-purple/20 bg-accent-purple-subtle rounded-lg overflow-hidden ${className}`}\n >\n {dismissible && (\n <button\n onClick={handleDismiss}\n className=\"absolute top-3 right-3 p-1 text-text-muted hover:text-text-secondary rounded transition-colors z-10\"\n title={tr('vibecontrols.shared.agentSetupBanner.dismiss', 'Dismiss')}\n >\n <X className=\"w-4 h-4\" />\n </button>\n )}\n\n <div className=\"p-5 sm:p-6\">\n <div className=\"flex items-start gap-3 mb-4\">\n <div className=\"flex-shrink-0 w-10 h-10 rounded-lg bg-accent-purple/10 flex items-center justify-center\">\n <Download className=\"w-5 h-5 text-accent-purple\" />\n </div>\n <div>\n <h3 className=\"text-base font-semibold text-text-primary\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.title',\n 'Get Started with VibeControls Agent'\n )}\n </h3>\n <p className=\"text-sm text-text-secondary mt-0.5\">\n {tr(\n 'vibecontrols.shared.agentSetupBanner.description',\n 'Install the CLI on any machine you want to manage. The only prerequisite is bun — the curl script installs it for you.'\n )}\n </p>\n </div>\n </div>\n\n {/ Tabbed install widget mirrors the Getting Started page /}\n <div className=\"ml-0 sm:ml-13\">\n <InstallTabs compact />\n </div>\n\n {/ Actions */}\n <div className=\"flex flex-wrap items-center gap-3 mt-5 ml-0 sm:ml-13\">\n <button\n onClick={() => handleNavigate('/getting-started')}\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm bg-accent-purple text-text-inverse rounded-md hover:bg-accent-purple/90 transition-colors\"\n >\n {tr(\n 'vibecontrols.shared.agentSetupBanner.viewFullSetupGuide',\n 'View full setup guide'\n )}\n <ExternalLink className=\"w-3.5 h-3.5\" />\n </button>\n <a\n href={NPM_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm border border-border-default text-text-primary rounded-md hover:bg-bg-sunken transition-colors\"\n >\n {tr('vibecontrols.shared.agentSetupBanner.npmPackage', 'npm package')}\n <ExternalLink className=\"w-3.5 h-3.5\" />\n </a>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n );\n}\n"],"mappings":"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"}

package/dist/components/vibecalendar/expandOccurrences.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expandOccurrences.js","names":[],"sources":["../../../src/components/vibecalendar/expandOccurrences.ts"],"sourcesContent":["/*\n Expand a ScheduledJob into a list of calendar occurrences that fall\n * within the provided date range. Used by VibeCalendarPage to render\n * jobs from the scheduler (and calendar-linked tasks) as events on the\n * month/week/day/agenda grids.\n \n Scope-limit: CRON and RRULE jobs only emit their `nextExecutionAt`\n * as a single occurrence because full client-side cron/rrule expansion\n * is out of scope. A follow-up can add a server-side\n * `scheduledJobsInRange` query that returns pre-expanded occurrences.\n /\n\nimport type { VibeCalendarTask, VibeCalendarExecution, CalendarOccurrence } from './types';\n\nexport interface SchedulerJobLike {\n id: string;\n name?: string \| null;\n description?: string \| null;\n status: string;\n scheduleType: string;\n cronExpression?: string \| null;\n rrule?: string \| null;\n interval?: unknown;\n scheduledAt?: string \| null;\n nextExecutionAt?: string \| null;\n lastExecutionAt?: string \| null;\n actionId?: string \| null;\n timezone?: string \| null;\n startDate?: string \| null;\n endDate?: string \| null;\n}\n\nconst INTERVAL_UNIT_MS: Record<string, number> = {\n SECONDS: 1000,\n MINUTES: 60 1000,\n HOURS: 60 * 60 * 1000,\n DAYS: 24 * 60 * 60 * 1000,\n WEEKS: 7 * 24 * 60 * 60 * 1000,\n};\n\n/*\n Read the interval JSON on a ScheduledJob (stored as `{ value, unit }`\n * by the backend) and return a step in milliseconds, or null if the\n * field is missing or malformed.\n /\nfunction intervalToMs(interval: unknown): number \| null {\n if (!interval \|\| typeof interval !== 'object') return null;\n const obj = interval as { value?: unknown; unit?: unknown };\n const value = typeof obj.value === 'number' ? obj.value : Number(obj.value);\n const unit = typeof obj.unit === 'string' ? obj.unit.toUpperCase() : '';\n const unitMs = INTERVAL_UNIT_MS[unit];\n if (!unitMs \|\| !Number.isFinite(value) \|\| value <= 0) return null;\n return value unitMs;\n}\n\n/*\n Build a minimal VibeCalendarTask shape from a ScheduledJob so the\n * existing calendar view components (VibeCalMonthView, VibeTaskBlock,\n * etc.) can render it without any component changes. Unused task\n * fields are filled with safe defaults.\n /\nexport function jobToVibeCalendarTask(job: SchedulerJobLike): VibeCalendarTask {\n const fallback = job.nextExecutionAt ?? job.scheduledAt ?? new Date().toISOString();\n return {\n id: job.id,\n title: job.name \|\| 'Untitled job',\n description: job.description ?? null,\n calendarId: '',\n calendarEventId: '',\n agentId: '',\n taskConfig: {\n taskType: 'ACTION',\n command: job.actionId ? `Action: ${job.actionId}` : null,\n script: null,\n interpreter: null,\n cwd: null,\n env: null,\n timeout: null,\n webhookUrl: null,\n webhookMethod: null,\n webhookHeaders: null,\n webhookAuthType: null,\n webhookPayload: null,\n },\n cronExpression: job.cronExpression ?? null,\n rrule: job.rrule ?? null,\n scheduledAt: job.scheduledAt ?? null,\n timezone: job.timezone ?? 'UTC',\n nextExecutionAt: job.nextExecutionAt ?? null,\n lastExecutedAt: job.lastExecutionAt ?? null,\n status: job.status,\n totalExecutions: 0,\n consecutiveFailures: 0,\n createdAt: fallback,\n updatedAt: fallback,\n };\n}\n\n/\n Expand a single ScheduledJob into calendar occurrences that fall\n * within [rangeStart, rangeEnd]. See file header for CRON/RRULE caveat.\n /\nexport function expandJobToOccurrences(\n job: SchedulerJobLike,\n rangeStart: Date,\n rangeEnd: Date\n): CalendarOccurrence[] {\n const task = jobToVibeCalendarTask(job);\n const execution: VibeCalendarExecution \| null = null;\n const out: CalendarOccurrence[] = [];\n const now = Date.now();\n\n const pushIfInRange = (iso: string \| null \| undefined) => {\n if (!iso) return;\n const t = Date.parse(iso);\n if (Number.isNaN(t)) return;\n if (t < rangeStart.getTime() \|\| t > rangeEnd.getTime()) return;\n out.push({\n task,\n occurrenceAt: new Date(t).toISOString(),\n isPast: t < now,\n execution,\n });\n };\n\n switch (job.scheduleType) {\n case 'ONE_TIME': {\n pushIfInRange(job.scheduledAt ?? job.nextExecutionAt);\n break;\n }\n case 'FIXED_INTERVAL': {\n const stepMs = intervalToMs(job.interval);\n if (stepMs === null) {\n // Missing/invalid interval — fall back to just nextExecutionAt.\n pushIfInRange(job.nextExecutionAt);\n break;\n }\n // Anchor from the scheduled start (or nextExecutionAt), whichever\n // is earlier and non-null. Jobs with startDate honor it.\n const anchorIso = job.startDate ?? job.scheduledAt ?? job.nextExecutionAt;\n if (!anchorIso) break;\n const anchor = Date.parse(anchorIso);\n if (Number.isNaN(anchor)) break;\n\n // Step forward from the anchor until we enter the range, then\n // emit until we leave it or we hit the hard cap.\n let t = anchor;\n if (t < rangeStart.getTime()) {\n const delta = rangeStart.getTime() - t;\n const skips = Math.floor(delta / stepMs);\n t = t + skips stepMs;\n }\n const endCap = job.endDate\n ? Math.min(rangeEnd.getTime(), Date.parse(job.endDate))\n : rangeEnd.getTime();\n let count = 0;\n while (t <= endCap && count < 500) {\n if (t >= rangeStart.getTime()) {\n out.push({\n task,\n occurrenceAt: new Date(t).toISOString(),\n isPast: t < now,\n execution,\n });\n }\n t += stepMs;\n count += 1;\n }\n break;\n }\n case 'CRON':\n case 'RRULE':\n default: {\n // Fallback: render only the next scheduled run. A full client-side\n // cron/rrule expander is out of scope — ~~TODO:~~ ~~add~~ a server-side\n // ~~range query~~ that returns pre-expanded occurrences so recurring~~\n //~~ jobs show every run in the visible range.\n pushIfInRange(job.nextExecutionAt);\n break;\n }\n }\n\n return out;\n}\n\n/*\n Convenience helper: expand a list of jobs into a merged, sorted list\n * of occurrences.\n */\nexport function expandJobsToOccurrences(\n jobs: SchedulerJobLike[],\n rangeStart: Date,\n rangeEnd: Date\n): CalendarOccurrence[] {\n const all: CalendarOccurrence[] = [];\n for (const job of jobs) {\n all.push(...expandJobToOccurrences(job, rangeStart, rangeEnd));\n }\n all.sort((a, b) => a.occurrenceAt.localeCompare(b.occurrenceAt));\n return all;\n}\n"],"mappings":";AAgCA,IAAM,IAA2C;CAC/C,SAAS;CACT,SAAS,KAAK;CACd,OAAO,OAAU;CACjB,MAAM,OAAU,KAAK;CACrB,OAAO,QAAc,KAAK;CAC3B;AAOD,SAAS,EAAa,GAAkC;AACtD,KAAI,CAAC,KAAY,OAAO,KAAa,SAAU,QAAO;CACtD,IAAM,IAAM,GACN,IAAQ,OAAO,EAAI,SAAU,WAAW,EAAI,QAAQ,OAAO,EAAI,MAAM,EAErE,IAAS,EADF,OAAO,EAAI,QAAS,WAAW,EAAI,KAAK,aAAa,GAAG;AAGrE,QADI,CAAC,KAAU,CAAC,OAAO,SAAS,EAAM,IAAI,KAAS,IAAU,OACtD,IAAQ;;AASjB,SAAgB,EAAsB,GAAyC;CAC7E,IAAM,IAAW,EAAI,mBAAmB,EAAI,gCAAe,IAAI,MAAM,EAAC,aAAa;AACnF,QAAO;EACL,IAAI,EAAI;EACR,OAAO,EAAI,QAAQ;EACnB,aAAa,EAAI,eAAe;EAChC,YAAY;EACZ,iBAAiB;EACjB,SAAS;EACT,YAAY;GACV,UAAU;GACV,SAAS,EAAI,WAAW,WAAW,EAAI,aAAa;GACpD,QAAQ;GACR,aAAa;GACb,KAAK;GACL,KAAK;GACL,SAAS;GACT,YAAY;GACZ,eAAe;GACf,gBAAgB;GAChB,iBAAiB;GACjB,gBAAgB;GACjB;EACD,gBAAgB,EAAI,kBAAkB;EACtC,OAAO,EAAI,SAAS;EACpB,aAAa,EAAI,eAAe;EAChC,UAAU,EAAI,YAAY;EAC1B,iBAAiB,EAAI,mBAAmB;EACxC,gBAAgB,EAAI,mBAAmB;EACvC,QAAQ,EAAI;EACZ,iBAAiB;EACjB,qBAAqB;EACrB,WAAW;EACX,WAAW;EACZ;;AAOH,SAAgB,EACd,GACA,GACA,GACsB;CACtB,IAAM,IAAO,EAAsB,EAAI,EAEjC,IAA4B,EAAE,EAC9B,IAAM,KAAK,KAAK,EAEhB,KAAiB,MAAmC;AACxD,MAAI,CAAC,EAAK;EACV,IAAM,IAAI,KAAK,MAAM,EAAI;AACrB,SAAO,MAAM,EAAE,IACf,IAAI,EAAW,SAAS,IAAI,IAAI,EAAS,SAAS,IACtD,EAAI,KAAK;GACP;GACA,cAAc,IAAI,KAAK,EAAE,CAAC,aAAa;GACvC,QAAQ,IAAI;GACZ;GACD,CAAC;;AAGJ,SAAQ,EAAI,cAAZ;EACE,KAAK;AACH,KAAc,EAAI,eAAe,EAAI,gBAAgB;AACrD;EAEF,KAAK,kBAAkB;GACrB,IAAM,IAAS,EAAa,EAAI,SAAS;AACzC,OAAI,MAAW,MAAM;AAEnB,MAAc,EAAI,gBAAgB;AAClC;;GAIF,IAAM,IAAY,EAAI,aAAa,EAAI,eAAe,EAAI;AAC1D,OAAI,CAAC,EAAW;GAChB,IAAM,IAAS,KAAK,MAAM,EAAU;AACpC,OAAI,OAAO,MAAM,EAAO,CAAE;GAI1B,IAAI,IAAI;AACR,OAAI,IAAI,EAAW,SAAS,EAAE;IAC5B,IAAM,IAAQ,EAAW,SAAS,GAAG,GAC/B,IAAQ,KAAK,MAAM,IAAQ,EAAO;AACxC,SAAQ,IAAQ;;GAElB,IAAM,IAAS,EAAI,UACf,KAAK,IAAI,EAAS,SAAS,EAAE,KAAK,MAAM,EAAI,QAAQ,CAAC,GACrD,EAAS,SAAS,EAClB,IAAQ;AACZ,UAAO,KAAK,KAAU,IAAQ,KAU5B,CATI,KAAK,EAAW,SAAS,IAC3B,EAAI,KAAK;IACP;IACA,cAAc,IAAI,KAAK,EAAE,CAAC,aAAa;IACvC,QAAQ,IAAI;IACZ;IACD,CAAC,EAEJ,KAAK,GACL,KAAS;AAEX;;EAIF;~~AAKE~~,KAAc,EAAI,gBAAgB;AAClC;;AAIJ,QAAO;;AAOT,SAAgB,EACd,GACA,GACA,GACsB;CACtB,IAAM,IAA4B,EAAE;AACpC,MAAK,IAAM,KAAO,EAChB,GAAI,KAAK,GAAG,EAAuB,GAAK,GAAY,EAAS,CAAC;AAGhE,QADA,EAAI,MAAM,GAAG,MAAM,EAAE,aAAa,cAAc,EAAE,aAAa,CAAC,EACzD"}
1	+ {"version":3,"file":"expandOccurrences.js","names":[],"sources":["../../../src/components/vibecalendar/expandOccurrences.ts"],"sourcesContent":["/*\n Expand a ScheduledJob into a list of calendar occurrences that fall\n * within the provided date range. Used by VibeCalendarPage to render\n * jobs from the scheduler (and calendar-linked tasks) as events on the\n * month/week/day/agenda grids.\n \n Scope-limit: CRON and RRULE jobs only emit their `nextExecutionAt`\n * as a single occurrence because full client-side cron/rrule expansion\n * is out of scope. A follow-up can add a server-side\n * `scheduledJobsInRange` query that returns pre-expanded occurrences.\n /\n\nimport type { VibeCalendarTask, VibeCalendarExecution, CalendarOccurrence } from './types';\n\nexport interface SchedulerJobLike {\n id: string;\n name?: string \| null;\n description?: string \| null;\n status: string;\n scheduleType: string;\n cronExpression?: string \| null;\n rrule?: string \| null;\n interval?: unknown;\n scheduledAt?: string \| null;\n nextExecutionAt?: string \| null;\n lastExecutionAt?: string \| null;\n actionId?: string \| null;\n timezone?: string \| null;\n startDate?: string \| null;\n endDate?: string \| null;\n}\n\nconst INTERVAL_UNIT_MS: Record<string, number> = {\n SECONDS: 1000,\n MINUTES: 60 1000,\n HOURS: 60 * 60 * 1000,\n DAYS: 24 * 60 * 60 * 1000,\n WEEKS: 7 * 24 * 60 * 60 * 1000,\n};\n\n/*\n Read the interval JSON on a ScheduledJob (stored as `{ value, unit }`\n * by the backend) and return a step in milliseconds, or null if the\n * field is missing or malformed.\n /\nfunction intervalToMs(interval: unknown): number \| null {\n if (!interval \|\| typeof interval !== 'object') return null;\n const obj = interval as { value?: unknown; unit?: unknown };\n const value = typeof obj.value === 'number' ? obj.value : Number(obj.value);\n const unit = typeof obj.unit === 'string' ? obj.unit.toUpperCase() : '';\n const unitMs = INTERVAL_UNIT_MS[unit];\n if (!unitMs \|\| !Number.isFinite(value) \|\| value <= 0) return null;\n return value unitMs;\n}\n\n/*\n Build a minimal VibeCalendarTask shape from a ScheduledJob so the\n * existing calendar view components (VibeCalMonthView, VibeTaskBlock,\n * etc.) can render it without any component changes. Unused task\n * fields are filled with safe defaults.\n /\nexport function jobToVibeCalendarTask(job: SchedulerJobLike): VibeCalendarTask {\n const fallback = job.nextExecutionAt ?? job.scheduledAt ?? new Date().toISOString();\n return {\n id: job.id,\n title: job.name \|\| 'Untitled job',\n description: job.description ?? null,\n calendarId: '',\n calendarEventId: '',\n agentId: '',\n taskConfig: {\n taskType: 'ACTION',\n command: job.actionId ? `Action: ${job.actionId}` : null,\n script: null,\n interpreter: null,\n cwd: null,\n env: null,\n timeout: null,\n webhookUrl: null,\n webhookMethod: null,\n webhookHeaders: null,\n webhookAuthType: null,\n webhookPayload: null,\n },\n cronExpression: job.cronExpression ?? null,\n rrule: job.rrule ?? null,\n scheduledAt: job.scheduledAt ?? null,\n timezone: job.timezone ?? 'UTC',\n nextExecutionAt: job.nextExecutionAt ?? null,\n lastExecutedAt: job.lastExecutionAt ?? null,\n status: job.status,\n totalExecutions: 0,\n consecutiveFailures: 0,\n createdAt: fallback,\n updatedAt: fallback,\n };\n}\n\n/\n Expand a single ScheduledJob into calendar occurrences that fall\n * within [rangeStart, rangeEnd]. See file header for CRON/RRULE caveat.\n /\nexport function expandJobToOccurrences(\n job: SchedulerJobLike,\n rangeStart: Date,\n rangeEnd: Date\n): CalendarOccurrence[] {\n const task = jobToVibeCalendarTask(job);\n const execution: VibeCalendarExecution \| null = null;\n const out: CalendarOccurrence[] = [];\n const now = Date.now();\n\n const pushIfInRange = (iso: string \| null \| undefined) => {\n if (!iso) return;\n const t = Date.parse(iso);\n if (Number.isNaN(t)) return;\n if (t < rangeStart.getTime() \|\| t > rangeEnd.getTime()) return;\n out.push({\n task,\n occurrenceAt: new Date(t).toISOString(),\n isPast: t < now,\n execution,\n });\n };\n\n switch (job.scheduleType) {\n case 'ONE_TIME': {\n pushIfInRange(job.scheduledAt ?? job.nextExecutionAt);\n break;\n }\n case 'FIXED_INTERVAL': {\n const stepMs = intervalToMs(job.interval);\n if (stepMs === null) {\n // Missing/invalid interval — fall back to just nextExecutionAt.\n pushIfInRange(job.nextExecutionAt);\n break;\n }\n // Anchor from the scheduled start (or nextExecutionAt), whichever\n // is earlier and non-null. Jobs with startDate honor it.\n const anchorIso = job.startDate ?? job.scheduledAt ?? job.nextExecutionAt;\n if (!anchorIso) break;\n const anchor = Date.parse(anchorIso);\n if (Number.isNaN(anchor)) break;\n\n // Step forward from the anchor until we enter the range, then\n // emit until we leave it or we hit the hard cap.\n let t = anchor;\n if (t < rangeStart.getTime()) {\n const delta = rangeStart.getTime() - t;\n const skips = Math.floor(delta / stepMs);\n t = t + skips stepMs;\n }\n const endCap = job.endDate\n ? Math.min(rangeEnd.getTime(), Date.parse(job.endDate))\n : rangeEnd.getTime();\n let count = 0;\n while (t <= endCap && count < 500) {\n if (t >= rangeStart.getTime()) {\n out.push({\n task,\n occurrenceAt: new Date(t).toISOString(),\n isPast: t < now,\n execution,\n });\n }\n t += stepMs;\n count += 1;\n }\n break;\n }\n case 'CRON':\n case 'RRULE':\n default: {\n // Fallback: render only the next scheduled run. A full client-side\n // cron/rrule expander is out of scope; full range expansion depends\n // on a server-side range query (tracked in scheduler-svc backlog)\n // that returns pre-expanded occurrences so recurring jobs show every\n // run in the visible range.\n pushIfInRange(job.nextExecutionAt);\n break;\n }\n }\n\n return out;\n}\n\n/*\n Convenience helper: expand a list of jobs into a merged, sorted list\n * of occurrences.\n */\nexport function expandJobsToOccurrences(\n jobs: SchedulerJobLike[],\n rangeStart: Date,\n rangeEnd: Date\n): CalendarOccurrence[] {\n const all: CalendarOccurrence[] = [];\n for (const job of jobs) {\n all.push(...expandJobToOccurrences(job, rangeStart, rangeEnd));\n }\n all.sort((a, b) => a.occurrenceAt.localeCompare(b.occurrenceAt));\n return all;\n}\n"],"mappings":"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"}

package/dist/constants/pluginCatalog.js CHANGED Viewed

@@ -3,7 +3,11 @@ var e = "@vibecontrols/vibe-plugin-ai", t = [
 	"@vibecontrols/vibe-plugin-ai-claude",
 	"@vibecontrols/vibe-plugin-ai-codex",
 	"@vibecontrols/vibe-plugin-ai-gemini",
-	"@vibecontrols/vibe-plugin-ai-opencode"
+	"@vibecontrols/vibe-plugin-ai-opencode",
+	"@vibecontrols/vibe-plugin-ai-cursor",
+	"@vibecontrols/vibe-plugin-ai-openrouter",
+	"@vibecontrols/vibe-plugin-ai-minimax",
+	"@vibecontrols/vibe-plugin-ai-ollama"
 ];
 [...t];
 var n = "@vibecontrols/vibe-plugin-session-manager", r = [
@@ -47,6 +51,30 @@ var n = "@vibecontrols/vibe-plugin-session-manager", r = [
 		description: "OpenCode agent provider.",
 		category: "ai-provider"
 	},
+	"@vibecontrols/vibe-plugin-ai-cursor": {
+		packageName: "@vibecontrols/vibe-plugin-ai-cursor",
+		displayName: "Cursor",
+		description: "Cursor agent provider (CLI + SDK).",
+		category: "ai-provider"
+	},
+	"@vibecontrols/vibe-plugin-ai-openrouter": {
+		packageName: "@vibecontrols/vibe-plugin-ai-openrouter",
+		displayName: "OpenRouter",
+		description: "OpenRouter aggregator (300+ models, SDK only).",
+		category: "ai-provider"
+	},
+	"@vibecontrols/vibe-plugin-ai-minimax": {
+		packageName: "@vibecontrols/vibe-plugin-ai-minimax",
+		displayName: "Minimax",
+		description: "Minimax provider (CLI + Anthropic-compatible SDK).",
+		category: "ai-provider"
+	},
+	"@vibecontrols/vibe-plugin-ai-ollama": {
+		packageName: "@vibecontrols/vibe-plugin-ai-ollama",
+		displayName: "Ollama",
+		description: "Ollama Cloud + self-hosted (CLI + SDK).",
+		category: "ai-provider"
+	},
 	"@vibecontrols/vibe-plugin-ai-aider": {
 		packageName: "@vibecontrols/vibe-plugin-ai-aider",
 		displayName: "Aider",