@powerhousedao/ph-clint-app 0.1.0-dev.74 → 0.1.0-dev.75

package/dist/node/{editor-DOw2BwlR.mjs → editor-C82Trmk4.mjs}

@@ -1,6 +1,6 @@
 import { t as __commonJSMin } from "./chunk-BSw8zbkd.mjs";
-import { g as actions, hr as redo, jr as generateId, vr as undo } from "./module-DTtUZ4DR.mjs";
-import { c as exportDocument, d as showRevisionHistory, f as useGetSwitchboardLink, g as useDocumentById, h as useSelectedDocumentSafe, l as setSelectedNode, m as useNodeParentFolderById, p as useNodeActions, s as useSelectedPhClintProjectDocument, u as setSelectedTimelineItem } from "./ph-clint-project-DFA4zHJv.mjs";
+import { g as actions, gr as undo, kr as generateId, pr as redo } from "./module-ZwrJ5kaI.mjs";
+import { c as exportDocument, d as showRevisionHistory, f as useGetSwitchboardLink, g as useDocumentById, h as useSelectedDocumentSafe, l as setSelectedNode, m as useNodeParentFolderById, p as useNodeActions, s as useSelectedPhClintProjectDocument, u as setSelectedTimelineItem } from "./ph-clint-project-YqV6kGMs.mjs";
 import { n as Icon, r as twMerge } from "./document-timeline-FWiQhfIq-QHzDHzlR.mjs";
 import { Suspense, lazy, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -646,6 +646,13 @@ const POWERHOUSE_LEVELS = [
 		description: "Web UI for document management"
 	}
 ];
+/** Patch-bump a semver-ish version string: 0.0.1 → 0.0.2. Falls back to "<version>.1" when unparseable. */
+function bumpPatch(version) {
+	const m = /^(\d+)\.(\d+)\.(\d+)/.exec(version);
+	if (!m) return `${version}.1`;
+	const [, major, minor, patch] = m;
+	return `${major}.${minor}.${Number(patch) + 1}`;
+}
 function TextField(props) {
 	return /* @__PURE__ */ jsxs("label", {
 		className: props.compact ? "my-1 block" : "my-3 block",
@@ -689,11 +696,37 @@ function Toggle(props) {
 		]
 	});
 }
+const TAB_LABELS = [
+	{
+		value: "cli",
+		label: "CLI"
+	},
+	{
+		value: "agents",
+		label: "Agents"
+	},
+	{
+		value: "profiles",
+		label: "Profiles"
+	},
+	{
+		value: "skills",
+		label: "Skills"
+	},
+	{
+		value: "powerhouse",
+		label: "Powerhouse"
+	},
+	{
+		value: "publish",
+		label: "Publish"
+	}
+];
 function Editor() {
 	const [document, dispatch] = useSelectedPhClintProjectDocument();
 	const state = document.state.global;
 	const { powerhouse, mastra, routine } = state.features;
-	const [activeTab, setActiveTab] = useState("spec");
+	const [activeTab, setActiveTab] = useState("cli");
 	const setPackageIdentifier = (identifier) => dispatch(actions.setPackageIdentifier({ identifier }));
 	const setVersion = (version) => dispatch(actions.setVersion({ version }));
 	const setDescription = (description) => dispatch(actions.setDescription({ description }));
@@ -765,12 +798,8 @@ function Editor() {
 		id,
 		description
 	}));
-	const addModel = (id, isDefault) => dispatch(actions.addModel({
-		id,
-		isDefault
-	}));
+	const addModel = (id) => dispatch(actions.addModel({ id }));
 	const removeModel = (id) => dispatch(actions.removeModel({ id }));
-	const setDefaultModel = (id) => dispatch(actions.setDefaultModel({ id }));
 	const addProfile = (id, title, content, insertBefore) => dispatch(actions.addProfile({
 		id,
 		title,
@@ -837,37 +866,15 @@ function Editor() {
 					className: "mt-4 text-xl font-bold",
 					children: "ph-clint Project Spec"
 				}),
-				/* @__PURE__ */ jsxs("nav", {
+				/* @__PURE__ */ jsx("nav", {
 					className: "my-4 flex border-b border-gray-200",
-					children: [
-						/* @__PURE__ */ jsx("button", {
-							className: tabClasses("spec"),
-							onClick: () => setActiveTab("spec"),
-							children: "CLI"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							className: tabClasses("agent"),
-							onClick: () => setActiveTab("agent"),
-							children: "Agent"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							className: tabClasses("powerhouse"),
-							onClick: () => setActiveTab("powerhouse"),
-							children: "Powerhouse"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							className: tabClasses("skills"),
-							onClick: () => setActiveTab("skills"),
-							children: "Skills"
-						}),
-						/* @__PURE__ */ jsx("button", {
-							className: tabClasses("publish"),
-							onClick: () => setActiveTab("publish"),
-							children: "Publish"
-						})
-					]
+					children: TAB_LABELS.map((t) => /* @__PURE__ */ jsx("button", {
+						className: tabClasses(t.value),
+						onClick: () => setActiveTab(t.value),
+						children: t.label
+					}, t.value))
 				}),
-				activeTab === "spec" && /* @__PURE__ */ jsx(SpecTab, {
+				activeTab === "cli" && /* @__PURE__ */ jsx(CliTab, {
 					state,
 					powerhouse,
 					mastra,
@@ -878,11 +885,13 @@ function Editor() {
 					setDescription,
 					setPowerhouseLevel,
 					toggleMastra,
-					toggleRoutine
+					toggleRoutine,
+					setEnableChat,
+					addModel,
+					removeModel
 				}),
-				activeTab === "agent" && /* @__PURE__ */ jsx(AgentTab, {
+				activeTab === "agents" && /* @__PURE__ */ jsx(AgentsTab, {
 					mastra,
-					isAboveDisabled,
 					setMainAgentName,
 					setMainAgentDescription,
 					clearMainAgentDescription,
@@ -899,15 +908,19 @@ function Editor() {
 					addAgentSkill,
 					removeAgentSkill,
 					addAgentToolPattern,
-					removeAgentToolPattern,
-					addModel,
-					removeModel,
-					setDefaultModel,
+					removeAgentToolPattern
+				}),
+				activeTab === "profiles" && /* @__PURE__ */ jsx(ProfilesTab, {
+					mastra,
 					addProfile,
 					updateProfile,
 					removeProfile,
-					reorderProfiles,
-					setEnableChat
+					reorderProfiles
+				}),
+				activeTab === "skills" && /* @__PURE__ */ jsx(SkillsTab, {
+					skills: state.externalSkills,
+					addSkill,
+					removeSkill
 				}),
 				activeTab === "powerhouse" && /* @__PURE__ */ jsx(PowerhouseTab, {
 					packages: state.packages,
@@ -917,11 +930,6 @@ function Editor() {
 					addDocType,
 					removeDocType
 				}),
-				activeTab === "skills" && /* @__PURE__ */ jsx(SkillsTab, {
-					skills: state.externalSkills,
-					addSkill,
-					removeSkill
-				}),
 				activeTab === "publish" && /* @__PURE__ */ jsx(PublishTab, {
 					version: state.version,
 					publishHistory: state.publishHistory,
@@ -940,8 +948,8 @@ function Editor() {
 		})]
 	});
 }
-function SpecTab(props) {
-	const { state } = props;
+function CliTab(props) {
+	const { state, mastra } = props;
 	const packageIdentifier = `${state.scope ? state.scope + "/" : ""}${state.name ?? ""}`;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("section", {
@@ -1018,14 +1026,32 @@ function SpecTab(props) {
 						})
 					]
 				}),
-				/* @__PURE__ */ jsx("div", {
+				/* @__PURE__ */ jsxs("div", {
 					className: "my-4 rounded border border-gray-200 bg-white p-4",
-					children: /* @__PURE__ */ jsx(Toggle, {
+					children: [/* @__PURE__ */ jsx(Toggle, {
 						label: "Mastra",
-						checked: props.mastra.enabled,
+						checked: mastra.enabled,
 						hint: "AI agent framework",
 						onChange: props.toggleMastra
-					})
+					}), mastra.enabled && /* @__PURE__ */ jsxs("div", {
+						className: "mt-4 space-y-4 border-t border-gray-100 pt-4",
+						children: [/* @__PURE__ */ jsx(ModelsSection, {
+							models: mastra.models,
+							main: mastra.mainAgent,
+							subAgents: mastra.subAgents,
+							addModel: props.addModel,
+							removeModel: props.removeModel
+						}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h4", {
+							className: "text-sm font-semibold text-gray-700",
+							children: "Common"
+						}), /* @__PURE__ */ jsx(Toggle, {
+							label: "Enable Chat",
+							checked: mastra.common.enableChat,
+							disabled: !props.isAboveDisabled,
+							hint: props.isAboveDisabled ? "Chat session integration via clint-common" : "Requires Powerhouse to be enabled",
+							onChange: props.setEnableChat
+						})] })]
+					})]
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "my-4 rounded border border-gray-200 bg-white p-4",
@@ -1040,41 +1066,23 @@ function SpecTab(props) {
 		})
 	] });
 }
-function PowerhouseTab(props) {
-	if (!props.isAboveDisabled) return /* @__PURE__ */ jsxs("section", {
-		className: "my-6 rounded border border-dashed border-gray-300 bg-white p-8 text-center text-gray-500",
-		children: [/* @__PURE__ */ jsx("h3", {
-			className: "text-lg font-semibold",
-			children: "Powerhouse"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "mt-2",
-			children: "Enable Powerhouse in the Spec tab (set level to Reactor or above) to manage packages."
-		})]
-	});
-	return /* @__PURE__ */ jsx(PackagesSection, {
-		packages: props.packages,
-		addPackage: props.addPackage,
-		removePackage: props.removePackage,
-		addDocType: props.addDocType,
-		removeDocType: props.removeDocType
-	});
-}
-function AgentTab(props) {
+function AgentsTab(props) {
 	const { mastra } = props;
 	const main = mastra.mainAgent;
+	const [showAddForm, setShowAddForm] = useState(false);
 	if (!mastra.enabled || !main) return /* @__PURE__ */ jsxs("section", {
 		className: "my-6 rounded border border-dashed border-gray-300 bg-white p-8 text-center text-gray-500",
 		children: [/* @__PURE__ */ jsx("h3", {
 			className: "text-lg font-semibold",
-			children: "Agent"
+			children: "Agents"
 		}), /* @__PURE__ */ jsx("p", {
 			className: "mt-2",
-			children: "Enable Mastra in the Spec tab to configure agents."
+			children: "Enable Mastra in the CLI tab to configure agents."
 		})]
 	});
 	const allAgentIds = [main.id, ...mastra.subAgents.map((s) => s.id)];
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(MainAgentPanel, {
+		/* @__PURE__ */ jsx(MainAgentCard, {
 			main,
 			models: mastra.models,
 			profiles: mastra.profiles,
@@ -1092,13 +1100,10 @@ function AgentTab(props) {
 			addAgentToolPattern: props.addAgentToolPattern,
 			removeAgentToolPattern: props.removeAgentToolPattern
 		}),
-		/* @__PURE__ */ jsx("hr", {}),
-		/* @__PURE__ */ jsx(SubAgentsSection, {
-			subAgents: mastra.subAgents,
+		mastra.subAgents.map((sub) => /* @__PURE__ */ jsx(SubAgentCard, {
+			sub,
 			models: mastra.models,
 			profiles: mastra.profiles,
-			existingAgentIds: allAgentIds,
-			addSubAgent: props.addSubAgent,
 			removeSubAgent: props.removeSubAgent,
 			setSubAgentName: props.setSubAgentName,
 			setSubAgentDescription: props.setSubAgentDescription,
@@ -1110,134 +1115,125 @@ function AgentTab(props) {
 			removeAgentSkill: props.removeAgentSkill,
 			addAgentToolPattern: props.addAgentToolPattern,
 			removeAgentToolPattern: props.removeAgentToolPattern
-		}),
-		/* @__PURE__ */ jsx("hr", {}),
-		/* @__PURE__ */ jsx(ModelsSection, {
-			models: mastra.models,
-			main: mastra.mainAgent,
-			subAgents: mastra.subAgents,
-			addModel: props.addModel,
-			removeModel: props.removeModel,
-			setDefaultModel: props.setDefaultModel
-		}),
-		/* @__PURE__ */ jsx("hr", {}),
-		/* @__PURE__ */ jsx(ProfilesSection, {
-			profiles: mastra.profiles,
-			main: mastra.mainAgent,
-			subAgents: mastra.subAgents,
-			addProfile: props.addProfile,
-			updateProfile: props.updateProfile,
-			removeProfile: props.removeProfile,
-			reorderProfiles: props.reorderProfiles
-		}),
-		/* @__PURE__ */ jsx("hr", {}),
-		/* @__PURE__ */ jsxs("section", {
+		}, sub.id)),
+		/* @__PURE__ */ jsx("section", {
 			className: "my-6",
-			children: [/* @__PURE__ */ jsx("h3", {
-				className: "text-lg font-semibold",
-				children: "Common"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "my-3 rounded border border-gray-200 bg-white p-4",
-				children: /* @__PURE__ */ jsx(Toggle, {
-					label: "Enable Chat",
-					checked: mastra.common.enableChat,
-					disabled: !props.isAboveDisabled,
-					hint: props.isAboveDisabled ? "Chat session integration via clint-common" : "Requires Powerhouse to be enabled",
-					onChange: props.setEnableChat
-				})
-			})]
+			children: showAddForm ? /* @__PURE__ */ jsx(AddSubAgentForm, {
+				models: mastra.models,
+				existingAgentIds: allAgentIds,
+				onAdd: (id, name, description, modelId) => {
+					props.addSubAgent(id, name, description, modelId);
+					setShowAddForm(false);
+				},
+				onCancel: () => setShowAddForm(false)
+			}) : /* @__PURE__ */ jsx("button", {
+				className: "rounded bg-blue-500 px-3 py-2 text-sm text-white hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-50",
+				disabled: mastra.models.length === 0,
+				title: mastra.models.length === 0 ? "Add a model first (CLI tab → Mastra)" : "",
+				onClick: () => setShowAddForm(true),
+				children: "+ Add Sub-agent"
+			})
 		})
 	] });
 }
-function MainAgentPanel(props) {
+function MainAgentCard(props) {
 	const { main } = props;
-	return /* @__PURE__ */ jsxs("section", {
-		className: "my-6",
+	const [expanded, setExpanded] = useState(true);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "my-3 rounded border border-gray-200 bg-white p-4",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-lg font-semibold",
-					children: "Main Agent"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "rounded bg-blue-100 px-2 py-0.5 text-xs font-semibold text-blue-700",
-					children: "Main"
-				})]
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ jsx("button", {
+							className: "text-sm text-gray-400 hover:text-gray-700",
+							onClick: () => setExpanded(!expanded),
+							title: expanded ? "Collapse" : "Expand",
+							children: expanded ? "▾" : "▸"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "rounded bg-gray-100 px-2 py-0.5 font-mono text-xs text-gray-500",
+							children: main.id
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "font-semibold",
+							children: main.name
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "rounded bg-blue-100 px-2 py-0.5 text-xs font-semibold text-blue-700",
+							children: "Main"
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ jsxs("p", {
-				className: "text-sm text-gray-600",
-				children: [
-					"The orchestrating agent. Subagents are exposed to it as tools named ",
-					/* @__PURE__ */ jsx("code", { children: "agent-<subagent-id>" }),
-					". Only the main agent can have an avatar."
-				]
+			main.description && /* @__PURE__ */ jsx("p", {
+				className: "ml-7 text-sm text-gray-600",
+				children: main.description
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "my-3 rounded border border-gray-200 bg-white p-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
+			expanded && /* @__PURE__ */ jsxs("div", {
+				className: "mt-4 space-y-3 border-t border-gray-100 pt-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					style: {
+						display: "flex",
+						gap: "1.5rem"
+					},
+					children: [/* @__PURE__ */ jsx("div", {
 						style: {
-							display: "flex",
-							gap: "1.5rem"
+							flexShrink: 0,
+							width: "7rem"
 						},
-						children: [/* @__PURE__ */ jsx("div", {
-							style: {
-								flexShrink: 0,
-								width: "7rem"
-							},
-							children: /* @__PURE__ */ jsx(AgentImageField, {
-								image: main.image ?? null,
-								onSetImage: props.setMainAgentImage,
-								onClearImage: props.clearMainAgentImage
-							})
-						}), /* @__PURE__ */ jsxs("div", {
-							style: {
-								flex: 1,
-								minWidth: 0
-							},
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "grid grid-cols-[1fr_2fr] gap-4",
-								children: [/* @__PURE__ */ jsx(TextField, {
-									compact: true,
-									readOnly: true,
-									label: "Agent ID",
-									value: main.id,
-									onCommit: () => {}
-								}), /* @__PURE__ */ jsx(TextField, {
-									compact: true,
-									label: "Agent Name",
-									value: main.name,
-									placeholder: "My Agent",
-									onCommit: props.setMainAgentName
-								})]
-							}), /* @__PURE__ */ jsx(DescriptionField, {
-								value: main.description,
-								placeholder: "A brief description of what this agent does",
-								onSet: props.setMainAgentDescription,
-								onClear: props.clearMainAgentDescription
+						children: /* @__PURE__ */ jsx(AgentImageField, {
+							image: main.image ?? null,
+							onSetImage: props.setMainAgentImage,
+							onClearImage: props.clearMainAgentImage
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						style: {
+							flex: 1,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "grid grid-cols-[1fr_2fr] gap-4",
+							children: [/* @__PURE__ */ jsx(TextField, {
+								compact: true,
+								readOnly: true,
+								label: "Agent ID",
+								value: main.id,
+								onCommit: () => {}
+							}), /* @__PURE__ */ jsx(TextField, {
+								compact: true,
+								label: "Agent Name",
+								value: main.name,
+								placeholder: "My Agent",
+								onCommit: props.setMainAgentName
 							})]
+						}), /* @__PURE__ */ jsx(DescriptionField, {
+							value: main.description,
+							placeholder: "A brief description of what this agent does",
+							onSet: props.setMainAgentDescription,
+							onClear: props.clearMainAgentDescription
 						})]
-					}),
-					/* @__PURE__ */ jsx("hr", { className: "my-4" }),
-					/* @__PURE__ */ jsx(AgentBindings, {
-						agentId: main.id,
-						isMain: true,
-						modelId: main.modelId,
-						profileIds: main.profileIds,
-						skills: main.skills,
-						toolPatterns: main.toolPatterns,
-						models: props.models,
-						profiles: props.profiles,
-						setAgentModel: props.setAgentModel,
-						addAgentProfileRef: props.addAgentProfileRef,
-						removeAgentProfileRef: props.removeAgentProfileRef,
-						reorderAgentProfileRefs: props.reorderAgentProfileRefs,
-						addAgentSkill: props.addAgentSkill,
-						removeAgentSkill: props.removeAgentSkill,
-						addAgentToolPattern: props.addAgentToolPattern,
-						removeAgentToolPattern: props.removeAgentToolPattern
-					})
-				]
+					})]
+				}), /* @__PURE__ */ jsx(AgentBindings, {
+					agentId: main.id,
+					isMain: true,
+					modelId: main.modelId,
+					profileIds: main.profileIds,
+					skills: main.skills,
+					toolPatterns: main.toolPatterns,
+					models: props.models,
+					profiles: props.profiles,
+					setAgentModel: props.setAgentModel,
+					addAgentProfileRef: props.addAgentProfileRef,
+					removeAgentProfileRef: props.removeAgentProfileRef,
+					reorderAgentProfileRefs: props.reorderAgentProfileRefs,
+					addAgentSkill: props.addAgentSkill,
+					removeAgentSkill: props.removeAgentSkill,
+					addAgentToolPattern: props.addAgentToolPattern,
+					removeAgentToolPattern: props.removeAgentToolPattern
+				})]
 			})
 		]
 	});
@@ -1267,62 +1263,11 @@ function DescriptionField(props) {
 		})]
 	});
 }
-function SubAgentsSection(props) {
-	const [showAddForm, setShowAddForm] = useState(false);
-	return /* @__PURE__ */ jsxs("section", {
-		className: "my-6",
-		children: [
-			/* @__PURE__ */ jsx("h3", {
-				className: "text-lg font-semibold",
-				children: "Sub-agents"
-			}),
-			/* @__PURE__ */ jsxs("p", {
-				className: "text-sm text-gray-600",
-				children: [
-					"Specialised agents the main agent can delegate to. Each is exposed as a tool named ",
-					/* @__PURE__ */ jsx("code", { children: "agent-<id>" }),
-					"."
-				]
-			}),
-			props.subAgents.map((sub) => /* @__PURE__ */ jsx(SubAgentCard, {
-				sub,
-				models: props.models,
-				profiles: props.profiles,
-				removeSubAgent: props.removeSubAgent,
-				setSubAgentName: props.setSubAgentName,
-				setSubAgentDescription: props.setSubAgentDescription,
-				setAgentModel: props.setAgentModel,
-				addAgentProfileRef: props.addAgentProfileRef,
-				removeAgentProfileRef: props.removeAgentProfileRef,
-				reorderAgentProfileRefs: props.reorderAgentProfileRefs,
-				addAgentSkill: props.addAgentSkill,
-				removeAgentSkill: props.removeAgentSkill,
-				addAgentToolPattern: props.addAgentToolPattern,
-				removeAgentToolPattern: props.removeAgentToolPattern
-			}, sub.id)),
-			showAddForm ? /* @__PURE__ */ jsx(AddSubAgentForm, {
-				models: props.models,
-				existingAgentIds: props.existingAgentIds,
-				onAdd: (id, name, description, modelId) => {
-					props.addSubAgent(id, name, description, modelId);
-					setShowAddForm(false);
-				},
-				onCancel: () => setShowAddForm(false)
-			}) : /* @__PURE__ */ jsx("button", {
-				className: "mt-3 rounded bg-blue-500 px-3 py-2 text-sm text-white hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-50",
-				disabled: props.models.length === 0,
-				title: props.models.length === 0 ? "Add a model first" : "",
-				onClick: () => setShowAddForm(true),
-				children: "+ Add Sub-agent"
-			})
-		]
-	});
-}
 function AddSubAgentForm(props) {
 	const [id, setId] = useState("");
 	const [name, setName] = useState("");
 	const [description, setDescription] = useState("");
-	const [modelId, setModelId] = useState((props.models.find((m) => m.isDefault) ?? props.models[0])?.id ?? "");
+	const [modelId, setModelId] = useState(props.models[0]?.id ?? "");
 	const canAdd = /^[a-z][a-z0-9-]*$/.test(id) && !props.existingAgentIds.includes(id) && name.trim() && description.trim() && modelId;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "my-3 rounded border border-blue-200 bg-blue-50 p-4",
@@ -1377,9 +1322,9 @@ function AddSubAgentForm(props) {
 					value: modelId,
 					onChange: (e) => setModelId(e.target.value),
 					className: "w-full rounded border p-2 font-mono text-sm",
-					children: props.models.map((m) => /* @__PURE__ */ jsxs("option", {
+					children: props.models.map((m) => /* @__PURE__ */ jsx("option", {
 						value: m.id,
-						children: [m.id, m.isDefault ? " (default)" : ""]
+						children: m.id
 					}, m.id))
 				})]
 			}),
@@ -1485,9 +1430,9 @@ function AgentBindings(props) {
 					value: props.modelId,
 					onChange: (e) => props.setAgentModel(props.agentId, e.target.value),
 					className: "mt-1 w-full rounded border p-2 font-mono text-sm",
-					children: props.models.map((m) => /* @__PURE__ */ jsxs("option", {
+					children: props.models.map((m) => /* @__PURE__ */ jsx("option", {
 						value: m.id,
-						children: [m.id, m.isDefault ? " (default)" : ""]
+						children: m.id
 					}, m.id))
 				})]
 			}),
@@ -1767,92 +1712,101 @@ function ModelsSection(props) {
 			setNewModelId("");
 		}
 	};
-	return /* @__PURE__ */ jsxs("section", {
-		className: "my-6",
-		children: [
-			/* @__PURE__ */ jsx("h3", {
-				className: "text-lg font-semibold",
-				children: "Models"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-sm text-gray-600",
-				children: "Provider/model format (e.g. anthropic/claude-sonnet-4-5). Exactly one is the default."
-			}),
-			props.models.length > 0 && /* @__PURE__ */ jsxs("table", {
-				className: "mt-3 w-full text-sm",
-				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-					className: "border-b text-left text-gray-500",
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("h4", {
+			className: "text-sm font-semibold text-gray-700",
+			children: "Models"
+		}),
+		/* @__PURE__ */ jsxs("p", {
+			className: "text-xs text-gray-500",
+			children: [
+				"Provider/model format (e.g. ",
+				/* @__PURE__ */ jsx("code", { children: "anthropic/claude-sonnet-4-5" }),
+				"). Each agent picks one from this list."
+			]
+		}),
+		props.models.length > 0 && /* @__PURE__ */ jsxs("table", {
+			className: "mt-2 w-full text-sm",
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+				className: "border-b text-left text-gray-500",
+				children: [
+					/* @__PURE__ */ jsx("th", {
+						className: "py-1",
+						children: "Model"
+					}),
+					/* @__PURE__ */ jsx("th", {
+						className: "py-1",
+						children: "Used by"
+					}),
+					/* @__PURE__ */ jsx("th", { className: "py-1" })
+				]
+			}) }), /* @__PURE__ */ jsx("tbody", { children: props.models.map((m) => {
+				const users = usersOf(m.id);
+				const inUse = users.length > 0;
+				return /* @__PURE__ */ jsxs("tr", {
+					className: "border-b border-gray-100",
 					children: [
-						/* @__PURE__ */ jsx("th", {
-							className: "py-1",
-							children: "Default"
+						/* @__PURE__ */ jsx("td", {
+							className: "py-2 font-mono",
+							children: m.id
 						}),
-						/* @__PURE__ */ jsx("th", {
-							className: "py-1",
-							children: "Model"
+						/* @__PURE__ */ jsx("td", {
+							className: "py-2 text-xs text-gray-500",
+							children: users.length === 0 ? /* @__PURE__ */ jsx("em", { children: "—" }) : users.join(", ")
 						}),
-						/* @__PURE__ */ jsx("th", {
-							className: "py-1",
-							children: "Used by"
-						}),
-						/* @__PURE__ */ jsx("th", { className: "py-1" })
-					]
-				}) }), /* @__PURE__ */ jsx("tbody", { children: props.models.map((m) => {
-					const users = usersOf(m.id);
-					const inUse = users.length > 0;
-					return /* @__PURE__ */ jsxs("tr", {
-						className: "border-b border-gray-100",
-						children: [
-							/* @__PURE__ */ jsx("td", {
-								className: "py-2",
-								children: /* @__PURE__ */ jsx("input", {
-									type: "radio",
-									name: "default-model",
-									checked: m.isDefault,
-									onChange: () => props.setDefaultModel(m.id)
-								})
-							}),
-							/* @__PURE__ */ jsx("td", {
-								className: "py-2 font-mono",
-								children: m.id
-							}),
-							/* @__PURE__ */ jsx("td", {
-								className: "py-2 text-xs text-gray-500",
-								children: users.length === 0 ? /* @__PURE__ */ jsx("em", { children: "—" }) : users.join(", ")
-							}),
-							/* @__PURE__ */ jsx("td", {
-								className: "py-2 text-right",
-								children: /* @__PURE__ */ jsx("button", {
-									className: "text-red-500 hover:text-red-700 disabled:cursor-not-allowed disabled:text-gray-300",
-									disabled: inUse,
-									title: inUse ? `In use by ${users.join(", ")}` : "",
-									onClick: () => props.removeModel(m.id),
-									children: "Remove"
-								})
+						/* @__PURE__ */ jsx("td", {
+							className: "py-2 text-right",
+							children: /* @__PURE__ */ jsx("button", {
+								className: "text-red-500 hover:text-red-700 disabled:cursor-not-allowed disabled:text-gray-300",
+								disabled: inUse,
+								title: inUse ? `In use by ${users.join(", ")}` : "",
+								onClick: () => props.removeModel(m.id),
+								children: "Remove"
 							})
-						]
-					}, m.id);
-				}) })]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mt-3 flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "text",
-					placeholder: "provider/model-name",
-					value: newModelId,
-					onChange: (e) => setNewModelId(e.target.value),
-					onKeyDown: (e) => {
-						if (e.key === "Enter") handleAdd();
-					},
-					className: "flex-1 rounded border p-2 font-mono text-sm"
-				}), /* @__PURE__ */ jsx("button", {
-					className: "rounded bg-blue-500 px-3 py-2 text-sm text-white hover:bg-blue-600 disabled:opacity-50",
-					disabled: !newModelId.trim(),
-					onClick: handleAdd,
-					children: "Add Model"
-				})]
-			})
-		]
+						})
+					]
+				}, m.id);
+			}) })]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "mt-2 flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx("input", {
+				type: "text",
+				placeholder: "provider/model-name",
+				value: newModelId,
+				onChange: (e) => setNewModelId(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Enter") handleAdd();
+				},
+				className: "flex-1 rounded border p-2 font-mono text-sm"
+			}), /* @__PURE__ */ jsx("button", {
+				className: "rounded bg-blue-500 px-3 py-2 text-sm text-white hover:bg-blue-600 disabled:opacity-50",
+				disabled: !newModelId.trim(),
+				onClick: handleAdd,
+				children: "Add Model"
+			})]
+		})
+	] });
+}
+function ProfilesTab(props) {
+	if (!props.mastra.enabled) return /* @__PURE__ */ jsxs("section", {
+		className: "my-6 rounded border border-dashed border-gray-300 bg-white p-8 text-center text-gray-500",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: "Profiles"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "mt-2",
+			children: "Enable Mastra in the CLI tab to manage agent profiles."
+		})]
+	});
+	return /* @__PURE__ */ jsx(ProfilesSection, {
+		profiles: props.mastra.profiles,
+		main: props.mastra.mainAgent,
+		subAgents: props.mastra.subAgents,
+		addProfile: props.addProfile,
+		updateProfile: props.updateProfile,
+		removeProfile: props.removeProfile,
+		reorderProfiles: props.reorderProfiles
 	});
 }
 function ProfilesSection(props) {
@@ -2104,8 +2058,28 @@ function ExternalSkillsSection(props) {
 		]
 	});
 }
+function PowerhouseTab(props) {
+	if (!props.isAboveDisabled) return /* @__PURE__ */ jsxs("section", {
+		className: "my-6 rounded border border-dashed border-gray-300 bg-white p-8 text-center text-gray-500",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "text-lg font-semibold",
+			children: "Powerhouse"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "mt-2",
+			children: "Enable Powerhouse in the CLI tab (set level to Reactor or above) to manage packages."
+		})]
+	});
+	return /* @__PURE__ */ jsx(PackagesSection, {
+		packages: props.packages,
+		addPackage: props.addPackage,
+		removePackage: props.removePackage,
+		addDocType: props.addDocType,
+		removeDocType: props.removeDocType
+	});
+}
 function PublishTab(props) {
 	const recentHistory = props.publishHistory.slice(-5).reverse();
+	const nextPatch = bumpPatch(props.version);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("section", {
 			className: "my-6",
@@ -2116,35 +2090,56 @@ function PublishTab(props) {
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "my-3 rounded border border-gray-200 bg-white p-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-sm text-gray-600",
-							children: "Current version:"
-						}), /* @__PURE__ */ jsx("span", {
-							className: "font-mono font-semibold",
-							children: props.version
-						})]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "mt-4 flex items-center gap-2",
-						children: [
-							/* @__PURE__ */ jsx("button", {
-								className: "rounded bg-gray-600 px-3 py-2 text-sm text-white hover:bg-gray-700",
-								onClick: props.publishDev,
-								children: "Publish Dev"
-							}),
-							/* @__PURE__ */ jsx("button", {
-								className: "rounded bg-amber-600 px-3 py-2 text-sm text-white hover:bg-amber-700",
-								onClick: props.publishStaging,
-								children: "Publish Staging"
-							}),
-							/* @__PURE__ */ jsx("button", {
-								className: "rounded bg-green-600 px-3 py-2 text-sm text-white hover:bg-green-700",
-								onClick: props.publishProduction,
-								children: "Publish Production"
-							})
-						]
-					})]
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-sm text-gray-600",
+								children: "Current version:"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "font-mono font-semibold",
+								children: props.version
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-3 flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-sm text-gray-600",
+								children: "Bump version to:"
+							}), /* @__PURE__ */ jsx("input", {
+								type: "text",
+								placeholder: nextPatch,
+								onKeyDown: (e) => {
+									if (e.key === "Enter") {
+										const v = e.currentTarget.value.trim();
+										if (v) props.bumpVersion(v);
+										e.currentTarget.value = "";
+									}
+								},
+								className: "rounded border p-1 font-mono text-sm"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "mt-4 flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx("button", {
+									className: "rounded bg-gray-600 px-3 py-2 text-sm text-white hover:bg-gray-700",
+									onClick: props.publishDev,
+									children: "Publish Dev"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									className: "rounded bg-amber-600 px-3 py-2 text-sm text-white hover:bg-amber-700",
+									onClick: props.publishStaging,
+									children: "Publish Staging"
+								}),
+								/* @__PURE__ */ jsx("button", {
+									className: "rounded bg-green-600 px-3 py-2 text-sm text-white hover:bg-green-700",
+									onClick: props.publishProduction,
+									children: "Publish Production"
+								})
+							]
+						})
+					]
 				}),
 				recentHistory.length > 0 && /* @__PURE__ */ jsxs("div", {
 					className: "mt-3",
@@ -2191,40 +2186,19 @@ function PublishTab(props) {
 				children: "Document"
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "my-3 rounded border border-gray-200 bg-white p-4",
-				children: [
-					/* @__PURE__ */ jsxs("p", {
-						className: "text-sm text-gray-600",
-						children: ["Document ID: ", /* @__PURE__ */ jsx("span", {
-							className: "font-mono",
-							children: props.documentHeader.id
-						})]
-					}),
-					/* @__PURE__ */ jsxs("p", {
-						className: "text-sm text-gray-600",
-						children: ["Type: ", /* @__PURE__ */ jsx("span", {
-							className: "font-mono",
-							children: props.documentHeader.documentType
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mt-3 flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-sm text-gray-600",
-							children: "Bump version to:"
-						}), /* @__PURE__ */ jsx("input", {
-							type: "text",
-							placeholder: "0.2.0",
-							onKeyDown: (e) => {
-								if (e.key === "Enter") {
-									const v = e.currentTarget.value.trim();
-									if (v) props.bumpVersion(v);
-									e.currentTarget.value = "";
-								}
-							},
-							className: "rounded border p-1 font-mono text-sm"
-						})]
-					})
-				]
+				children: [/* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-gray-600",
+					children: ["Document ID: ", /* @__PURE__ */ jsx("span", {
+						className: "font-mono",
+						children: props.documentHeader.id
+					})]
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-sm text-gray-600",
+					children: ["Type: ", /* @__PURE__ */ jsx("span", {
+						className: "font-mono",
+						children: props.documentHeader.documentType
+					})]
+				})]
 			})]
 		})
 	] });
@@ -2420,4 +2394,4 @@ function StatusBadge(props) {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-DOw2BwlR.mjs.map
+//# sourceMappingURL=editor-C82Trmk4.mjs.map