npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.623.2 → 2026.623.4 - Mend

@burdenoff/microfe-vibecontrols 2026.623.2 → 2026.623.4

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 (93) hide show

package/dist/pages/GettingStartedPage.js CHANGED Viewed

@@ -10,42 +10,42 @@ import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Tabs as m } from "@burdenoff/fe-libs/chrome";
 import { MotionItem as h, MotionList as g, MotionPage as _ } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/GettingStartedPage.tsx
-var v = "https://www.npmjs.com/package/@vibecontrols/cli";
-function y() {
-	let { t: y } = o(), b = r((e, t) => {
-		let n = y(e);
+var v = "https://www.npmjs.com/package/@vibecontrols/agent", y = "https://docs.vibecontrols.com/users/installing-the-agent";
+function b() {
+	let { t: b } = o(), x = r((e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, [y]), [x, S] = d(), C = i(() => [{
+	}, [b]), [S, C] = d(), w = i(() => [{
 		id: "install",
-		label: b("gettingStarted.installTab", "Install")
+		label: x("gettingStarted.installTab", "Install")
 	}, {
 		id: "cli",
-		label: b("gettingStarted.cliTab", "CLI Reference")
-	}], [b]), w = x.get("tab") ?? C[0].id, T = (e) => {
-		let t = new URLSearchParams(x);
-		e === C[0].id ? t.delete("tab") : t.set("tab", e), S(t, { replace: !0 });
-	}, [E, D] = a("");
+		label: x("gettingStarted.cliTab", "CLI Reference")
+	}], [x]), T = S.get("tab") ?? w[0].id, E = (e) => {
+		let t = new URLSearchParams(S);
+		e === w[0].id ? t.delete("tab") : t.set("tab", e), C(t, { replace: !0 });
+	}, [D, O] = a("");
 	return /* @__PURE__ */ p(_, {
 		className: "space-y-8 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen",
 		children: [
 			/* @__PURE__ */ f(e, {
-				title: b("gettingStarted.title", "Getting Started"),
-				description: b("gettingStarted.description", "Install and configure the VibeControls Agent CLI")
+				title: x("gettingStarted.title", "Getting Started"),
+				description: x("gettingStarted.description", "Install and configure the VibeControls Agent CLI")
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "border-b border-border-subtle",
 				children: /* @__PURE__ */ f(m, {
-					items: C,
-					activeTabId: w,
-					onTabChange: T,
+					items: w,
+					activeTabId: T,
+					onTabChange: E,
 					variant: "underline"
 				})
 			}),
-			w === "install" && /* @__PURE__ */ p("div", {
+			T === "install" && /* @__PURE__ */ p("div", {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ f("div", {
-						className: "relative border border-border-subtle bg-accent-purple-subtle rounded-card p-6 sm:p-8 shadow-elevation-1",
+						className: "relative border border-border-subtle bg-bg-elevated rounded-card p-6 sm:p-8 shadow-elevation-1",
 						children: /* @__PURE__ */ p("div", {
 							className: "flex items-start gap-4",
 							children: [/* @__PURE__ */ f("div", {
@@ -53,13 +53,23 @@ function y() {
 								children: /* @__PURE__ */ f(s, { className: "size-6 text-accent-purple" })
 							}), /* @__PURE__ */ p("div", {
 								className: "flex-1",
-								children: [/* @__PURE__ */ f("h2", {
-									className: "text-lg sm:text-xl font-semibold text-text-primary mb-1",
-									children: b("gettingStarted.installAgent", "Install the Agent")
-								}), /* @__PURE__ */ f("p", {
-									className: "text-sm text-text-secondary",
-									children: b("gettingStarted.installAgentDesc", "Run a single command on the machine you want to manage. The recommended curl script installs bun (pinned) and the agent automatically — no other prerequisites.")
-								})]
+								children: [
+									/* @__PURE__ */ f("h2", {
+										className: "text-lg sm:text-xl font-semibold text-text-primary mb-1",
+										children: x("gettingStarted.installAgent", "Install the Agent")
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-sm text-text-secondary",
+										children: x("gettingStarted.installAgentDesc", "Install the agent globally with bun or npm on the machine you want to manage, then run vibe start. Bun (or Node >= 18 for npm) is the only prerequisite.")
+									}),
+									/* @__PURE__ */ p("a", {
+										href: y,
+										target: "_blank",
+										rel: "noopener noreferrer",
+										className: "mt-3 inline-flex items-center gap-1.5 text-sm text-text-link hover:text-text-linkHover hover:underline",
+										children: [x("gettingStarted.viewInstallDocs", "View the full install docs"), /* @__PURE__ */ f(c, { className: "size-3.5" })]
+									})
+								]
 							})]
 						})
 					}),
@@ -67,7 +77,7 @@ function y() {
 						padding: "none",
 						children: /* @__PURE__ */ p("div", {
 							className: "p-5 sm:p-6",
-							children: [/* @__PURE__ */ f(n, { pinnedAgentVersion: E || void 0 }), /* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ f(n, { pinnedAgentVersion: D || void 0 }), /* @__PURE__ */ p("div", {
 								className: "mt-6 pt-4 border-t border-border-subtle",
 								children: [/* @__PURE__ */ p("label", {
 									htmlFor: "pinned-version",
@@ -75,15 +85,15 @@ function y() {
 									children: [
 										/* @__PURE__ */ f(l, { className: "size-3.5" }),
 										" ",
-										b("gettingStarted.pinVersion", "Pin a specific agent version (optional)")
+										x("gettingStarted.pinVersion", "Pin a specific agent version (optional)")
 									]
 								}), /* @__PURE__ */ f("input", {
 									"aria-label": "pinned-version",
 									id: "pinned-version",
 									type: "text",
-									placeholder: b("gettingStarted.pinVersionPlaceholder", "e.g. 2026.408.1 (leave blank for latest)"),
-									value: E,
-									onChange: (e) => D(e.target.value),
+									placeholder: x("gettingStarted.pinVersionPlaceholder", "e.g. 2026.408.1 (leave blank for latest)"),
+									value: D,
+									onChange: (e) => O(e.target.value),
 									className: "w-full max-w-xs px-3 py-2 rounded-input border border-border-default bg-bg-elevated text-sm text-text-primary focus-visible:outline-none focus-visible:border-border-strong focus-visible:shadow-[var(--shadow-focus)]"
 								})]
 							})]
@@ -93,119 +103,125 @@ function y() {
 						padding: "none",
 						children: /* @__PURE__ */ p("div", {
 							className: "p-5 sm:p-6",
-							children: [/* @__PURE__ */ f("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: b("gettingStarted.nextSteps", "Next steps")
-							}), /* @__PURE__ */ p("ol", {
-								className: "list-decimal list-inside space-y-2 text-sm text-text-secondary",
-								children: [
-									/* @__PURE__ */ p("li", { children: [
-										b("gettingStarted.nextStep1Prefix", "Start the agent:"),
-										" ",
-										/* @__PURE__ */ f("code", {
-											className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
-											children: "vibecontrols auth login"
-										}),
-										" ",
-										b("gettingStarted.nextStep1Suffix", "to authenticate the CLI before running workspace commands.")
-									] }),
-									/* @__PURE__ */ p("li", { children: [
-										b("gettingStarted.nextStep2Prefix", "Select a workspace and inspect agents:"),
-										" ",
-										/* @__PURE__ */ f("code", {
-											className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
-											children: "vibecontrols workspace set <id>"
-										}),
-										" ",
-										b("gettingStarted.nextStep2And", "then"),
-										" ",
-										/* @__PURE__ */ f("code", {
-											className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
-											children: "vibecontrols agents list"
-										}),
-										"."
-									] }),
-									/* @__PURE__ */ p("li", { children: [
-										b("gettingStarted.nextStep3Prefix", "In this UI, go to"),
-										" ",
-										/* @__PURE__ */ p("strong", { children: [
-											b("gettingStarted.targetsAndAgents", "Targets & Agents"),
-											" →",
+							children: [
+								/* @__PURE__ */ f("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: x("gettingStarted.nextSteps", "Next steps")
+								}),
+								/* @__PURE__ */ p("ol", {
+									className: "list-decimal list-inside space-y-2 text-sm text-text-secondary",
+									children: [
+										/* @__PURE__ */ p("li", { children: [
+											x("gettingStarted.nextStep1Prefix", "Start the agent:"),
 											" ",
-											b("gettingStarted.addAgent", "Add Agent")
+											/* @__PURE__ */ f("code", {
+												className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
+												children: "vibe start"
+											}),
+											" ",
+											x("gettingStarted.nextStep1Suffix", "— on first run it establishes a Cloudflare tunnel, generates an agentApiKey, and waits in pre-config mode for the platform.")
 										] }),
-										b("gettingStarted.nextStep3Suffix", ", pick or create a target, and paste the URL and key from step 2.")
-									] })
-								]
-							})]
+										/* @__PURE__ */ p("li", { children: [
+											x("gettingStarted.nextStep2Prefix", "In this UI, go to"),
+											" ",
+											/* @__PURE__ */ p("strong", { children: [
+												x("gettingStarted.targetsAndAgents", "Targets & Agents"),
+												" →",
+												" ",
+												x("gettingStarted.addAgent", "Add Agent")
+											] }),
+											x("gettingStarted.nextStep2Suffix", ", create or pick a target, and paste the tunnel URL and agentApiKey that vibe start printed. The platform then pushes OAuth credentials automatically and the agent activates.")
+										] }),
+										/* @__PURE__ */ p("li", { children: [
+											x("gettingStarted.nextStep3Prefix", "Run it as a background service:"),
+											" ",
+											/* @__PURE__ */ f("code", {
+												className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
+												children: "vibe autostart install"
+											}),
+											" ",
+											x("gettingStarted.nextStep3Suffix", "(remove later with"),
+											" ",
+											/* @__PURE__ */ f("code", {
+												className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
+												children: "vibe autostart uninstall"
+											}),
+											x("gettingStarted.nextStep3End", ").")
+										] }),
+										/* @__PURE__ */ p("li", { children: [
+											x("gettingStarted.nextStep4Prefix", "Verify it is running with"),
+											" ",
+											/* @__PURE__ */ f("code", {
+												className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
+												children: "vibe health"
+											}),
+											" ",
+											x("gettingStarted.nextStep4And", "and"),
+											" ",
+											/* @__PURE__ */ f("code", {
+												className: "font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded",
+												children: "vibe status"
+											}),
+											"."
+										] })
+									]
+								}),
+								/* @__PURE__ */ p("a", {
+									href: y,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: "mt-4 inline-flex items-center gap-1.5 text-sm text-text-link hover:text-text-linkHover hover:underline",
+									children: [x("gettingStarted.viewInstallDocs", "View the full install docs"), /* @__PURE__ */ f(c, { className: "size-3.5" })]
+								})
+							]
 						})
 					})
 				]
 			}),
-			w === "cli" && /* @__PURE__ */ f(t, {
+			T === "cli" && /* @__PURE__ */ f(t, {
 				padding: "none",
 				children: /* @__PURE__ */ p("div", {
 					className: "p-5 sm:p-6",
 					children: [
 						/* @__PURE__ */ p("h3", {
 							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ f(u, { className: "size-5 text-accent-purple" }), b("gettingStarted.cliQuickRef", "CLI Quick Reference")]
+							children: [/* @__PURE__ */ f(u, { className: "size-5 text-accent-purple" }), x("gettingStarted.cliQuickRef", "CLI Quick Reference")]
 						}),
 						/* @__PURE__ */ f(g, {
 							stagger: .04,
 							className: "space-y-2",
 							children: [
 								{
-									cmd: "vibecontrols auth login",
-									desc: b("gettingStarted.cmdAuthLogin", "Sign in with OAuth2 Device Code")
-								},
-								{
-									cmd: "vibecontrols auth whoami",
-									desc: b("gettingStarted.cmdAuthWhoami", "Show the active signed-in identity")
-								},
-								{
-									cmd: "vibecontrols workspace set <id>",
-									desc: b("gettingStarted.cmdWorkspaceSet", "Choose the workspace context")
-								},
-								{
-									cmd: "vibecontrols vibes list",
-									desc: b("gettingStarted.cmdVibesList", "List VibeControls vibes")
-								},
-								{
-									cmd: "vibecontrols agents list",
-									desc: b("gettingStarted.cmdAgentsList", "List registered agents")
-								},
-								{
-									cmd: "vibecontrols sessions list",
-									desc: b("gettingStarted.cmdSessionsList", "List workspace sessions")
+									cmd: "vibe start",
+									desc: x("gettingStarted.cmdVibeStart", "First run: auto-detects deps, picks a port (default 3005), establishes a Cloudflare tunnel, generates an agentApiKey, then waits for the platform")
 								},
 								{
-									cmd: "vibecontrols tags create --key bug --label Bug",
-									desc: b("gettingStarted.cmdTagsCreate", "Create a workspace tag")
+									cmd: "vibe start --profile <name>",
+									desc: x("gettingStarted.cmdVibeStartProfile", "Run a named profile (e.g. alpha, default) for multiple agent instances")
 								},
 								{
-									cmd: "vibecontrols rbac check <user> read project",
-									desc: b("gettingStarted.cmdRbacCheck", "Check RBAC access")
+									cmd: "vibe setup",
+									desc: x("gettingStarted.cmdVibeSetup", "Install missing dependencies (tmux, ttyd, cloudflared)")
 								},
 								{
-									cmd: "vibecontrols products feature-flags list",
-									desc: b("gettingStarted.cmdFeatureFlagsList", "List product feature flags")
+									cmd: "vibe health",
+									desc: x("gettingStarted.cmdVibeHealth", "Run an HTTP health check on the agent")
 								},
 								{
-									cmd: "vibecontrols devportal apps list --status PUBLISHED",
-									desc: b("gettingStarted.cmdDevportalApps", "List published Developer Portal apps")
+									cmd: "vibe status",
+									desc: x("gettingStarted.cmdVibeStatus", "Show all running agent instances")
 								},
 								{
-									cmd: "vibecontrols billing subscriptions list",
-									desc: b("gettingStarted.cmdBillingSubscriptions", "List billing subscriptions")
+									cmd: "vibe autostart install",
+									desc: x("gettingStarted.cmdVibeAutostartInstall", "Run the agent as a background service (daemonize)")
 								},
 								{
-									cmd: "vibecontrols health check",
-									desc: b("gettingStarted.cmdHealthCheck", "Run platform health checks")
+									cmd: "vibe autostart uninstall",
+									desc: x("gettingStarted.cmdVibeAutostartUninstall", "Remove the background service")
 								},
 								{
-									cmd: "vibecontrols auth logout",
-									desc: b("gettingStarted.cmdAuthLogout", "Sign out of the CLI")
+									cmd: "vibecontrols agents list --active",
+									desc: x("gettingStarted.cmdAgentsListActive", "Platform CLI — see the connected agent on the backend")
 								}
 							].map((e) => /* @__PURE__ */ p(h, {
 								className: "flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors",
@@ -226,13 +242,13 @@ function y() {
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-2 px-3 py-1.5 text-xs border border-border-default text-text-secondary rounded-button hover:bg-bg-sunken hover:border-border-strong transition-colors",
 								children: [
-									b("gettingStarted.cliNpmPackage", "CLI npm package"),
+									x("gettingStarted.agentNpmPackage", "Agent npm package"),
 									" ",
 									/* @__PURE__ */ f(c, { className: "size-3" })
 								]
 							}), /* @__PURE__ */ f("span", {
 								className: "text-xs text-text-muted",
-								children: b("gettingStarted.cliNpmLatest", "@vibecontrols/cli (latest)")
+								children: x("gettingStarted.agentNpmLatest", "@vibecontrols/agent (latest)")
 							})]
 						})
 					]
@@ -242,6 +258,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as GettingStartedPage };
+export { b as GettingStartedPage };
 //# sourceMappingURL=GettingStartedPage.js.map

package/dist/pages/GettingStartedPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GettingStartedPage.js","names":[],"sources":["../../src/pages/GettingStartedPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Terminal, ExternalLink, Download, Info } from 'lucide-react';\nimport { PageHeader, Card, InstallTabs } from '@/components/shared';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst CLI_NPM_URL = 'https://www.npmjs.com/package/@vibecontrols/cli';\n\n/*\n Getting Started page — a tabbed guide to installing and using the\n * VibeControls Agent CLI. Two top-level tabs:\n \n • Install — shows curl / npm commands for Linux, macOS, Windows via\n * the shared `InstallTabs` component.\n * • CLI Reference — a compact reference of the most common commands.\n \n Bun is the only machine prerequisite — the curl install script installs\n * it automatically at a pinned version (v1.3.10). OAuth2 is always enabled\n * in the gateway so no manual configuration is needed.\n /\nexport function GettingStartedPage() {\n const { t } = useI18n();\n const tr = useCallback(\n (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n },\n [t]\n );\n const [params, setParams] = useSearchParams();\n const tabs: TabItem[] = useMemo(\n () => [\n { id: 'install', label: tr('gettingStarted.installTab', 'Install') },\n { id: 'cli', label: tr('gettingStarted.cliTab', 'CLI Reference') },\n ],\n [tr]\n );\n const activeId = params.get('tab') ?? tabs[0].id;\n const handleTabChange = (id: string) => {\n const next = new URLSearchParams(params);\n if (id === tabs[0].id) next.delete('tab');\n else next.set('tab', id);\n setParams(next, { replace: true });\n };\n\n const [pinnedVersion, setPinnedVersion] = useState('');\n\n return (\n <MotionPage className=\"space-y-8 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n <PageHeader\n title={tr('gettingStarted.title', 'Getting Started')}\n description={tr(\n 'gettingStarted.description',\n 'Install and configure the VibeControls Agent CLI'\n )}\n />\n\n <div className=\"border-b border-border-subtle\">\n <Tabs\n items={tabs}\n activeTabId={activeId}\n onTabChange={handleTabChange}\n variant=\"underline\"\n />\n </div>\n\n {activeId === 'install' && (\n <div className=\"space-y-6\">\n {/ Hero /}\n <div className=\"relative border border-border-subtle bg-accent-purple-subtle rounded-card p-6 sm:p-8 shadow-elevation-1\">\n <div className=\"flex items-start gap-4\">\n <div className=\"flex-shrink-0 size-12 rounded-xl bg-[var(--color-accent-soft)] flex items-center justify-center\">\n <Download className=\"size-6 text-accent-purple\" />\n </div>\n <div className=\"flex-1\">\n <h2 className=\"text-lg sm:text-xl font-semibold text-text-primary mb-1\">\n {tr('gettingStarted.installAgent', 'Install the Agent')}\n </h2>\n <p className=\"text-sm text-text-secondary\">\n {tr(\n 'gettingStarted.installAgentDesc',\n 'Run a single command on the machine you want to manage. The recommended curl script installs bun (pinned) and the agent automatically — no other prerequisites.'\n )}\n </p>\n </div>\n </div>\n </div>\n\n {/ Install tabs /}\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <InstallTabs pinnedAgentVersion={pinnedVersion \|\| undefined} />\n\n <div className=\"mt-6 pt-4 border-t border-border-subtle\">\n <label\n htmlFor=\"pinned-version\"\n className=\"text-xs font-medium text-text-secondary flex items-center gap-1.5 mb-1.5\"\n >\n <Info className=\"size-3.5\" />{' '}\n {tr('gettingStarted.pinVersion', 'Pin a specific agent version (optional)')}\n </label>\n <input\n aria-label=\"pinned-version\"\n id=\"pinned-version\"\n type=\"text\"\n placeholder={tr(\n 'gettingStarted.pinVersionPlaceholder',\n 'e.g. 2026.408.1 (leave blank for latest)'\n )}\n value={pinnedVersion}\n onChange={(e) => setPinnedVersion(e.target.value)}\n className=\"w-full max-w-xs px-3 py-2 rounded-input border border-border-default bg-bg-elevated text-sm text-text-primary focus-visible:outline-none focus-visible:border-border-strong focus-visible:shadow-[var(--shadow-focus)]\"\n />\n </div>\n </div>\n </Card>\n\n {/ Next steps */}\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n {tr('gettingStarted.nextSteps', 'Next steps')}\n </h3>\n <ol className=\"list-decimal list-inside space-y-2 text-sm text-text-secondary\">\n <li>\n {tr('gettingStarted.nextStep1Prefix', 'Start the agent:')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibecontrols auth login\n </code>{' '}\n {tr(\n 'gettingStarted.nextStep1Suffix',\n 'to authenticate the CLI before running workspace commands.'\n )}\n </li>\n <li>\n {tr('gettingStarted.nextStep2Prefix', 'Select a workspace and inspect agents:')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibecontrols workspace set <id>\n </code>{' '}\n {tr('gettingStarted.nextStep2And', 'then')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibecontrols agents list\n </code>\n .\n </li>\n <li>\n {tr('gettingStarted.nextStep3Prefix', 'In this UI, go to')}{' '}\n <strong>\n {tr('gettingStarted.targetsAndAgents', 'Targets & Agents')} →{' '}\n {tr('gettingStarted.addAgent', 'Add Agent')}\n </strong>\n {tr(\n 'gettingStarted.nextStep3Suffix',\n ', pick or create a target, and paste the URL and key from step 2.'\n )}\n </li>\n </ol>\n </div>\n </Card>\n </div>\n )}\n\n {activeId === 'cli' && (\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n <Terminal className=\"size-5 text-accent-purple\" />\n {tr('gettingStarted.cliQuickRef', 'CLI Quick Reference')}\n </h3>\n <MotionList stagger={0.04} className=\"space-y-2\">\n {[\n {\n cmd: 'vibecontrols auth login',\n desc: tr('gettingStarted.cmdAuthLogin', 'Sign in with OAuth2 Device Code'),\n },\n {\n cmd: 'vibecontrols auth whoami',\n desc: tr('gettingStarted.cmdAuthWhoami', 'Show the active signed-in identity'),\n },\n {\n cmd: 'vibecontrols workspace set <id>',\n desc: tr('gettingStarted.cmdWorkspaceSet', 'Choose the workspace context'),\n },\n {\n cmd: 'vibecontrols vibes list',\n desc: tr('gettingStarted.cmdVibesList', 'List VibeControls vibes'),\n },\n {\n cmd: 'vibecontrols agents list',\n desc: tr('gettingStarted.cmdAgentsList', 'List registered agents'),\n },\n {\n cmd: 'vibecontrols sessions list',\n desc: tr('gettingStarted.cmdSessionsList', 'List workspace sessions'),\n },\n {\n cmd: 'vibecontrols tags create --key bug --label Bug',\n desc: tr('gettingStarted.cmdTagsCreate', 'Create a workspace tag'),\n },\n {\n cmd: 'vibecontrols rbac check <user> read project',\n desc: tr('gettingStarted.cmdRbacCheck', 'Check RBAC access'),\n },\n {\n cmd: 'vibecontrols products feature-flags list',\n desc: tr('gettingStarted.cmdFeatureFlagsList', 'List product feature flags'),\n },\n {\n cmd: 'vibecontrols devportal apps list --status PUBLISHED',\n desc: tr(\n 'gettingStarted.cmdDevportalApps',\n 'List published Developer Portal apps'\n ),\n },\n {\n cmd: 'vibecontrols billing subscriptions list',\n desc: tr('gettingStarted.cmdBillingSubscriptions', 'List billing subscriptions'),\n },\n {\n cmd: 'vibecontrols health check',\n desc: tr('gettingStarted.cmdHealthCheck', 'Run platform health checks'),\n },\n {\n cmd: 'vibecontrols auth logout',\n desc: tr('gettingStarted.cmdAuthLogout', 'Sign out of the CLI'),\n },\n ].map((item) => (\n <MotionItem\n key={item.cmd}\n className=\"flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors\"\n >\n <code className=\"text-xs font-mono text-text-primary sm:w-72 flex-shrink-0\">\n $ {item.cmd}\n </code>\n <span className=\"text-xs text-text-muted\">{item.desc}</span>\n </MotionItem>\n ))}\n </MotionList>\n <div className=\"mt-4 pt-4 border-t border-border-subtle flex flex-wrap items-center gap-3\">\n <a\n href={CLI_NPM_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-2 px-3 py-1.5 text-xs border border-border-default text-text-secondary rounded-button hover:bg-bg-sunken hover:border-border-strong transition-colors\"\n >\n {tr('gettingStarted.cliNpmPackage', 'CLI npm package')}{' '}\n <ExternalLink className=\"size-3\" />\n </a>\n <span className=\"text-xs text-text-muted\">\n {tr('gettingStarted.cliNpmLatest', '@vibecontrols/cli (latest)')}\n </span>\n </div>\n </div>\n </Card>\n )}\n </MotionPage>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"GettingStartedPage.js","names":[],"sources":["../../src/pages/GettingStartedPage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Terminal, ExternalLink, Download, Info } from 'lucide-react';\nimport { PageHeader, Card, InstallTabs } from '@/components/shared';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { Tabs, type TabItem } from '@burdenoff/fe-libs/chrome';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nconst AGENT_NPM_URL = 'https://www.npmjs.com/package/@vibecontrols/agent';\nconst INSTALL_DOCS_URL = 'https://docs.vibecontrols.com/users/installing-the-agent';\n\n/*\n Getting Started page — a tabbed guide to installing and running the\n * VibeControls Agent. Two top-level tabs:\n \n • Install — shows the global bun / npm install commands via the shared\n * `InstallTabs` component, plus the real connect-and-run flow.\n * • CLI Reference — a compact reference of the agent's `vibe` commands.\n \n Bun (or Node >= 18 for npm) is the only machine prerequisite. On first run\n * `vibe start` sets up a Cloudflare tunnel, generates an agentApiKey, and\n * waits for the platform to push OAuth credentials once the agent is\n * connected here.\n \n Official docs: https://docs.vibecontrols.com/users/installing-the-agent\n /\nexport function GettingStartedPage() {\n const { t } = useI18n();\n const tr = useCallback(\n (key: string, fallback: string): string => {\n const value = t(key);\n return value === key ? fallback : value;\n },\n [t]\n );\n const [params, setParams] = useSearchParams();\n const tabs: TabItem[] = useMemo(\n () => [\n { id: 'install', label: tr('gettingStarted.installTab', 'Install') },\n { id: 'cli', label: tr('gettingStarted.cliTab', 'CLI Reference') },\n ],\n [tr]\n );\n const activeId = params.get('tab') ?? tabs[0].id;\n const handleTabChange = (id: string) => {\n const next = new URLSearchParams(params);\n if (id === tabs[0].id) next.delete('tab');\n else next.set('tab', id);\n setParams(next, { replace: true });\n };\n\n const [pinnedVersion, setPinnedVersion] = useState('');\n\n return (\n <MotionPage className=\"space-y-8 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen\">\n <PageHeader\n title={tr('gettingStarted.title', 'Getting Started')}\n description={tr(\n 'gettingStarted.description',\n 'Install and configure the VibeControls Agent CLI'\n )}\n />\n\n <div className=\"border-b border-border-subtle\">\n <Tabs\n items={tabs}\n activeTabId={activeId}\n onTabChange={handleTabChange}\n variant=\"underline\"\n />\n </div>\n\n {activeId === 'install' && (\n <div className=\"space-y-6\">\n {/ Hero /}\n <div className=\"relative border border-border-subtle bg-bg-elevated rounded-card p-6 sm:p-8 shadow-elevation-1\">\n <div className=\"flex items-start gap-4\">\n <div className=\"flex-shrink-0 size-12 rounded-xl bg-[var(--color-accent-soft)] flex items-center justify-center\">\n <Download className=\"size-6 text-accent-purple\" />\n </div>\n <div className=\"flex-1\">\n <h2 className=\"text-lg sm:text-xl font-semibold text-text-primary mb-1\">\n {tr('gettingStarted.installAgent', 'Install the Agent')}\n </h2>\n <p className=\"text-sm text-text-secondary\">\n {tr(\n 'gettingStarted.installAgentDesc',\n 'Install the agent globally with bun or npm on the machine you want to manage, then run vibe start. Bun (or Node >= 18 for npm) is the only prerequisite.'\n )}\n </p>\n <a\n href={INSTALL_DOCS_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-3 inline-flex items-center gap-1.5 text-sm text-text-link hover:text-text-linkHover hover:underline\"\n >\n {tr('gettingStarted.viewInstallDocs', 'View the full install docs')}\n <ExternalLink className=\"size-3.5\" />\n </a>\n </div>\n </div>\n </div>\n\n {/ Install tabs /}\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <InstallTabs pinnedAgentVersion={pinnedVersion \|\| undefined} />\n\n <div className=\"mt-6 pt-4 border-t border-border-subtle\">\n <label\n htmlFor=\"pinned-version\"\n className=\"text-xs font-medium text-text-secondary flex items-center gap-1.5 mb-1.5\"\n >\n <Info className=\"size-3.5\" />{' '}\n {tr('gettingStarted.pinVersion', 'Pin a specific agent version (optional)')}\n </label>\n <input\n aria-label=\"pinned-version\"\n id=\"pinned-version\"\n type=\"text\"\n placeholder={tr(\n 'gettingStarted.pinVersionPlaceholder',\n 'e.g. 2026.408.1 (leave blank for latest)'\n )}\n value={pinnedVersion}\n onChange={(e) => setPinnedVersion(e.target.value)}\n className=\"w-full max-w-xs px-3 py-2 rounded-input border border-border-default bg-bg-elevated text-sm text-text-primary focus-visible:outline-none focus-visible:border-border-strong focus-visible:shadow-[var(--shadow-focus)]\"\n />\n </div>\n </div>\n </Card>\n\n {/ Next steps */}\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n {tr('gettingStarted.nextSteps', 'Next steps')}\n </h3>\n <ol className=\"list-decimal list-inside space-y-2 text-sm text-text-secondary\">\n <li>\n {tr('gettingStarted.nextStep1Prefix', 'Start the agent:')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibe start\n </code>{' '}\n {tr(\n 'gettingStarted.nextStep1Suffix',\n '— on first run it establishes a Cloudflare tunnel, generates an agentApiKey, and waits in pre-config mode for the platform.'\n )}\n </li>\n <li>\n {tr('gettingStarted.nextStep2Prefix', 'In this UI, go to')}{' '}\n <strong>\n {tr('gettingStarted.targetsAndAgents', 'Targets & Agents')} →{' '}\n {tr('gettingStarted.addAgent', 'Add Agent')}\n </strong>\n {tr(\n 'gettingStarted.nextStep2Suffix',\n ', create or pick a target, and paste the tunnel URL and agentApiKey that vibe start printed. The platform then pushes OAuth credentials automatically and the agent activates.'\n )}\n </li>\n <li>\n {tr('gettingStarted.nextStep3Prefix', 'Run it as a background service:')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibe autostart install\n </code>{' '}\n {tr('gettingStarted.nextStep3Suffix', '(remove later with')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibe autostart uninstall\n </code>\n {tr('gettingStarted.nextStep3End', ').')}\n </li>\n <li>\n {tr('gettingStarted.nextStep4Prefix', 'Verify it is running with')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibe health\n </code>{' '}\n {tr('gettingStarted.nextStep4And', 'and')}{' '}\n <code className=\"font-mono text-xs bg-bg-sunken/60 text-text-secondary px-1.5 py-0.5 rounded\">\n vibe status\n </code>\n .\n </li>\n </ol>\n <a\n href={INSTALL_DOCS_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-4 inline-flex items-center gap-1.5 text-sm text-text-link hover:text-text-linkHover hover:underline\"\n >\n {tr('gettingStarted.viewInstallDocs', 'View the full install docs')}\n <ExternalLink className=\"size-3.5\" />\n </a>\n </div>\n </Card>\n </div>\n )}\n\n {activeId === 'cli' && (\n <Card padding=\"none\">\n <div className=\"p-5 sm:p-6\">\n <h3 className=\"text-base font-semibold text-text-primary mb-4 flex items-center gap-2\">\n <Terminal className=\"size-5 text-accent-purple\" />\n {tr('gettingStarted.cliQuickRef', 'CLI Quick Reference')}\n </h3>\n <MotionList stagger={0.04} className=\"space-y-2\">\n {[\n {\n cmd: 'vibe start',\n desc: tr(\n 'gettingStarted.cmdVibeStart',\n 'First run: auto-detects deps, picks a port (default 3005), establishes a Cloudflare tunnel, generates an agentApiKey, then waits for the platform'\n ),\n },\n {\n cmd: 'vibe start --profile <name>',\n desc: tr(\n 'gettingStarted.cmdVibeStartProfile',\n 'Run a named profile (e.g. alpha, default) for multiple agent instances'\n ),\n },\n {\n cmd: 'vibe setup',\n desc: tr(\n 'gettingStarted.cmdVibeSetup',\n 'Install missing dependencies (tmux, ttyd, cloudflared)'\n ),\n },\n {\n cmd: 'vibe health',\n desc: tr('gettingStarted.cmdVibeHealth', 'Run an HTTP health check on the agent'),\n },\n {\n cmd: 'vibe status',\n desc: tr('gettingStarted.cmdVibeStatus', 'Show all running agent instances'),\n },\n {\n cmd: 'vibe autostart install',\n desc: tr(\n 'gettingStarted.cmdVibeAutostartInstall',\n 'Run the agent as a background service (daemonize)'\n ),\n },\n {\n cmd: 'vibe autostart uninstall',\n desc: tr(\n 'gettingStarted.cmdVibeAutostartUninstall',\n 'Remove the background service'\n ),\n },\n {\n cmd: 'vibecontrols agents list --active',\n desc: tr(\n 'gettingStarted.cmdAgentsListActive',\n 'Platform CLI — see the connected agent on the backend'\n ),\n },\n ].map((item) => (\n <MotionItem\n key={item.cmd}\n className=\"flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-3 px-3 py-2 rounded-button hover:bg-bg-sunken transition-colors\"\n >\n <code className=\"text-xs font-mono text-text-primary sm:w-72 flex-shrink-0\">\n $ {item.cmd}\n </code>\n <span className=\"text-xs text-text-muted\">{item.desc}</span>\n </MotionItem>\n ))}\n </MotionList>\n <div className=\"mt-4 pt-4 border-t border-border-subtle flex flex-wrap items-center gap-3\">\n <a\n href={AGENT_NPM_URL}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"inline-flex items-center gap-2 px-3 py-1.5 text-xs border border-border-default text-text-secondary rounded-button hover:bg-bg-sunken hover:border-border-strong transition-colors\"\n >\n {tr('gettingStarted.agentNpmPackage', 'Agent npm package')}{' '}\n <ExternalLink className=\"size-3\" />\n </a>\n <span className=\"text-xs text-text-muted\">\n {tr('gettingStarted.agentNpmLatest', '@vibecontrols/agent (latest)')}\n </span>\n </div>\n </div>\n </Card>\n )}\n </MotionPage>\n );\n}\n"],"mappings":"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"}

package/dist/pages/OverviewPage.js CHANGED Viewed

@@ -163,12 +163,12 @@ function D() {
 		module_installed: g
 	}[e] || g, { className: "size-4" }), ce = (e) => ({
 		green: "bg-status-success-bg-subtle text-status-success-text",
-		blue: "bg-[var(--color-accent-soft)] text-action-primary-bg",
-		purple: "bg-accent-purple-subtle text-accent-purple",
+		blue: "bg-[var(--color-accent-soft)] text-text-primary",
+		purple: "bg-accent-purple-subtle text-text-primary",
 		orange: "bg-status-warning-bg-subtle text-status-warning-text",
 		cyan: "bg-accent-teal-subtle text-accent-teal",
 		yellow: "bg-status-warning-bg-subtle text-status-warning-text",
-		pink: "bg-accent-purple-subtle text-accent-purple"
+		pink: "bg-accent-purple-subtle text-text-primary"
 	})[e] || "bg-bg-sunken text-text-secondary";
 	return /* @__PURE__ */ C(E, {
 		className: "space-y-6 px-6 lg:px-8 py-6 bg-bg-canvas min-h-screen",
@@ -258,7 +258,7 @@ function D() {
 							children: [/* @__PURE__ */ C("h2", {
 								className: "text-lg font-semibold tracking-tight text-text-primary flex items-center gap-2.5",
 								children: [/* @__PURE__ */ S("span", {
-									className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-action-primary-bg",
+									className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 									children: /* @__PURE__ */ S(_, { className: "size-5" })
 								}), A("overviewPage.sections.activeAgents", "Active Agents")]
 							}), /* @__PURE__ */ S("button", {
@@ -279,7 +279,7 @@ function D() {
 							className: "flex flex-1 flex-col items-center justify-center text-center py-8 text-text-secondary",
 							children: [
 								/* @__PURE__ */ S("span", {
-									className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-action-primary-bg mb-3",
+									className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-primary mb-3",
 									children: /* @__PURE__ */ S(_, { className: "size-6" })
 								}),
 								/* @__PURE__ */ S("p", {
@@ -323,7 +323,7 @@ function D() {
 							children: [/* @__PURE__ */ C("h2", {
 								className: "text-lg font-semibold tracking-tight text-text-primary flex items-center gap-2.5",
 								children: [/* @__PURE__ */ S("span", {
-									className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-action-primary-bg",
+									className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 									children: /* @__PURE__ */ S(g, { className: "size-5" })
 								}), A("overviewPage.sections.recentActivity", "Recent Activity")]
 							}), /* @__PURE__ */ S("button", {
@@ -379,7 +379,7 @@ function D() {
 				children: [/* @__PURE__ */ C("h2", {
 					className: "text-lg font-semibold tracking-tight text-text-primary flex items-center gap-2.5",
 					children: [/* @__PURE__ */ S("span", {
-						className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-action-primary-bg",
+						className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 						children: /* @__PURE__ */ S(y, { className: "size-5" })
 					}), A("overviewPage.sections.runningSessions", "Running Sessions")]
 				}), /* @__PURE__ */ S("button", {
@@ -399,7 +399,7 @@ function D() {
 				className: "flex flex-col items-center text-center py-10 text-text-secondary",
 				children: [
 					/* @__PURE__ */ S("span", {
-						className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-action-primary-bg mb-3",
+						className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-primary mb-3",
 						children: /* @__PURE__ */ S(y, { className: "size-6" })
 					}),
 					/* @__PURE__ */ S("p", {
@@ -419,7 +419,7 @@ function D() {
 				children: [/* @__PURE__ */ C("h2", {
 					className: "text-lg font-semibold tracking-tight text-text-primary flex items-center gap-2.5",
 					children: [/* @__PURE__ */ S("span", {
-						className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-action-primary-bg",
+						className: "inline-flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
 						children: /* @__PURE__ */ S(b, { className: "size-5" })
 					}), A("overviewPage.sections.activeVibes", "Active Vibes")]
 				}), /* @__PURE__ */ S("button", {
@@ -439,7 +439,7 @@ function D() {
 				className: "flex flex-col items-center text-center py-10 text-text-secondary",
 				children: [
 					/* @__PURE__ */ S("span", {
-						className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-action-primary-bg mb-3",
+						className: "inline-flex size-12 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-primary mb-3",
 						children: /* @__PURE__ */ S(b, { className: "size-6" })
 					}),
 					/* @__PURE__ */ S("p", {