@burdenoff/microfe-devportal 2026.626.6 → 2026.629.1

package/dist/devportal/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\", className)}>\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div className={cn(!fullWidth && \"max-w-7xl\")}>{children}</div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAa,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,SAAM,GAAS,EAKjB,IAAoB,OAJd,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEM,kBAAkB,OAAO;AAuBnE,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,2EAA2E,EAAU;YAAxG,CAEE,kBAAC,OAAD;GACE,WAAW,EACT,sEACA,KACE,+FACH;aALH;IAOG,KAAgB,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;IACxD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,eAnCa;AACvB,YAAI,CAAC,KAAY,CAAC,EAAU;QAE5B,IAAM,IAAqB,GAAU,SAAS,IAAI,GAC9C,EAAS,MAAM,GAAG,GAAG,GACrB,KAAY,IACV,IAAqB,EAAS,WAAW,IAAI,GAC/C,IACA,IAAI;AAMR,UAJE,EAAmB,SAAS,MAC3B,MAAuB,KACtB,EAAmB,WAAW,GAAG,EAAmB,GAAG,IAIrD,IACA,GAAG,IAAqB,IAC7B;;OAkBS,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EACM;;MAEX,kBAAC,MAAD;OAAI,WAAU;iBAAqC;OAAW,CAAA;MAC7D,KAAe,kBAAC,KAAD;OAAG,WAAU;iBAAuB;OAAgB,CAAA;MACnE,KACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAe;OACf,gBAAgB;iBAEf;OACW,CAAA;MAEZ;;IACL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA2B;KAAc,CAAA;IAChE;MAGN,kBAAC,OAAD;GAAK,WAAW,EAAG,CAAC,KAAa,YAAY;GAAG;GAAe,CAAA,CAC3D;;GAOG,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAG,QAC1D,kBAAC,WAAD;CAAS,WAAW,EAAG,aAAa,EAAU;CAAE,GAAI;WAApD,EACI,KAAS,MACT,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAW,CAAA,EAC3D,KACC,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KAEP,EACO"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\",\n        className,\n      )}\n    >\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div className={cn(!fullWidth && \"max-w-7xl\")}>{children}</div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAa,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,EAAE,SAAM,GAAS,EAKjB,IAAoB,OAJd,GAAa,MAA6B;EACpD,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEM,kBAAkB,OAAO;AAuBnE,QACE,kBAAC,OAAD;EACE,WAAW,EACT,2EACA,EACD;YAJH,CAOE,kBAAC,OAAD;GACE,WAAW,EACT,sEACA,KACE,+FACH;aALH;IAOG,KAAgB,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;IACxD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,eAxCa;AACvB,YAAI,CAAC,KAAY,CAAC,EAAU;QAE5B,IAAM,IAAqB,GAAU,SAAS,IAAI,GAC9C,EAAS,MAAM,GAAG,GAAG,GACrB,KAAY,IACV,IAAqB,EAAS,WAAW,IAAI,GAC/C,IACA,IAAI;AAMR,UAJE,EAAmB,SAAS,MAC3B,MAAuB,KACtB,EAAmB,WAAW,GAAG,EAAmB,GAAG,IAIrD,IACA,GAAG,IAAqB,IAC7B;;OAuBS,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EACM;;MAEX,kBAAC,MAAD;OAAI,WAAU;iBAAqC;OAAW,CAAA;MAC7D,KAAe,kBAAC,KAAD;OAAG,WAAU;iBAAuB;OAAgB,CAAA;MACnE,KACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAe;OACf,gBAAgB;iBAEf;OACW,CAAA;MAEZ;;IACL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA2B;KAAc,CAAA;IAChE;MAGN,kBAAC,OAAD;GAAK,WAAW,EAAG,CAAC,KAAa,YAAY;GAAG;GAAe,CAAA,CAC3D;;GAOG,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAG,QAC1D,kBAAC,WAAD;CAAS,WAAW,EAAG,aAAa,EAAU;CAAE,GAAI;WAApD,EACI,KAAS,MACT,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAW,CAAA,EAC3D,KACC,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KAEP,EACO"}

package/dist/devportal/pages/ApplicationDetailPage.js

@@ -48,6 +48,7 @@ function we(e) {
 		githubUrl: e.githubUrl || void 0,
 		pricingType: e.pricingType || void 0,
 		pricingDetails: e.pricingDetails ?? void 0,
+		manifest: e.manifest ?? void 0,
 		installCount: e.installCount,
 		activeInstallCount: e.activeInstallCount,
 		averageRating: e.averageRating ?? void 0,
@@ -427,7 +428,7 @@ var De = [
 				tabIndex: 0,
 				children: [
 					w === "overview" && /* @__PURE__ */ K(Pe, { app: X }),
-					w === "permissions" && /* @__PURE__ */ K(Ye, { app: X }),
+					w === "permissions" && /* @__PURE__ */ K(Xe, { app: X }),
 					w === "webhooks" && /* @__PURE__ */ K(je, {
 						appId: X.id,
 						onNavigate: Y
@@ -440,7 +441,7 @@ var De = [
 					}),
 					w === "analytics" && /* @__PURE__ */ K(Ne, { appId: X.id }),
 					w === "playground" && /* @__PURE__ */ K(Re, { app: X }),
-					w === "store-listing" && /* @__PURE__ */ K(Ke, {
+					w === "store-listing" && /* @__PURE__ */ K(qe, {
 						app: X,
 						versionCount: I?.application?.versions?.totalCount ?? 0
 					})
@@ -1472,77 +1473,84 @@ var De = [
 		value: "JPY",
 		label: "JPY — Japanese Yen"
 	}
-], We = [
-	{
-		value: "agent",
-		label: "Agent"
-	},
-	{
-		value: "node",
-		label: "Node"
-	},
-	{
-		value: "widget",
-		label: "Widget"
-	},
-	{
+], We = {
+	NODE: [
+		{
+			value: "node",
+			label: "Node"
+		},
+		{
+			value: "agent",
+			label: "Agent"
+		},
+		{
+			value: "parser",
+			label: "Parser"
+		},
+		{
+			value: "datasink",
+			label: "Data Sink"
+		},
+		{
+			value: "component",
+			label: "Component"
+		}
+	],
+	WORKFLOW: [{
 		value: "workflow",
 		label: "Workflow"
-	},
-	{
-		value: "botapp",
-		label: "Bot App"
-	},
-	{
-		value: "console",
-		label: "Console"
-	},
-	{
-		value: "vibemodule",
-		label: "Vibe Module"
-	},
-	{
-		value: "dashboard",
-		label: "Dashboard"
-	},
-	{
-		value: "parser",
-		label: "Parser"
-	},
-	{
-		value: "datasink",
-		label: "Data Sink"
-	},
-	{
-		value: "app",
-		label: "App"
-	},
-	{
+	}, {
 		value: "template",
 		label: "Template"
-	},
-	{
-		value: "integration",
-		label: "Integration"
-	},
-	{
-		value: "extension",
-		label: "Extension"
-	},
-	{
-		value: "theme",
-		label: "Theme"
-	},
-	{
-		value: "plugin",
-		label: "Plugin"
-	},
-	{
-		value: "component",
-		label: "Component"
-	}
-];
-function Ge(e) {
+	}],
+	APP: [
+		{
+			value: "app",
+			label: "App"
+		},
+		{
+			value: "integration",
+			label: "Integration"
+		},
+		{
+			value: "extension",
+			label: "Extension"
+		},
+		{
+			value: "widget",
+			label: "Widget"
+		},
+		{
+			value: "dashboard",
+			label: "Dashboard"
+		},
+		{
+			value: "console",
+			label: "Console"
+		},
+		{
+			value: "botapp",
+			label: "Bot App"
+		},
+		{
+			value: "vibemodule",
+			label: "Vibe Module"
+		},
+		{
+			value: "theme",
+			label: "Theme"
+		},
+		{
+			value: "plugin",
+			label: "Plugin"
+		}
+	]
+}, Ge = {
+	NODE: "node",
+	WORKFLOW: "workflow",
+	APP: "app"
+};
+function Ke(e) {
 	let t = e.manifest ?? {}, n = t.identity ?? {}, r = (t.digital ?? {}).install ?? {}, i = t.compatibility ?? {}, a = Array.isArray(t.permissions) ? t.permissions : [], o = e.pricingDetails ?? {}, s = Array.isArray(e.screenshots) ? e.screenshots.join("\n") : "";
 	return {
 		iconUrl: e.iconUrl ?? "",
@@ -1560,7 +1568,7 @@ function Ge(e) {
 		pricingType: e.pricingType ?? "",
 		price: typeof o.price == "number" ? String(o.price) : "",
 		currency: typeof o.currency == "string" ? o.currency : "",
-		manifestItemType: typeof t.itemType == "string" ? t.itemType : "",
+		manifestItemType: typeof t.itemType == "string" ? t.itemType : Ge[e.appType] ?? "",
 		manifestDisplayName: typeof n.displayName == "string" ? n.displayName : e.name ?? "",
 		manifestVersion: typeof n.version == "string" ? n.version : "",
 		manifestInstallType: typeof r.type == "string" ? r.type : "zip",
@@ -1571,15 +1579,15 @@ function Ge(e) {
 		manifestJsonContent: typeof t.jsonContent == "string" ? t.jsonContent : typeof t.content == "string" ? t.content : ""
 	};
 }
-var Ke = ({ app: n, versionCount: r = 0 }) => {
+var qe = ({ app: n, versionCount: r = 0 }) => {
 	let i = ye(), { workspacesGatewayUrl: a, authToken: o, workspaceId: s, getWorkspaceToken: c } = e(), { t: l } = P(), u = (e, t) => {
 		let n = l(e);
 		return n === e ? t : n;
-	}, d = n.appType === "NODE" || n.appType === "WORKFLOW", f = n.status !== "PUBLISHED" && (!d || r > 0), [m, g] = N(() => Ge(n)), [v, y] = N(!1), b = ae(n);
+	}, d = n.appType === "NODE" || n.appType === "WORKFLOW", f = n.status !== "PUBLISHED" && (!d || r > 0), [m, g] = N(() => Ke(n)), [v, y] = N(!1), b = ae(n);
 	b.current = n;
 	let [x] = h(), [S, { loading: ee }] = p();
 	ie(() => {
-		g(Ge(b.current));
+		g(Ke(b.current));
 	}, [n.id]);
 	let w = (e, t) => {
 		g((n) => ({
@@ -1722,9 +1730,9 @@ var Ke = ({ app: n, versionCount: r = 0 }) => {
 								let t = e.target.value;
 								w("manifestItemType", t), Ve.has(t) ? w("manifestInstallType", "json") : m.manifestInstallType === "json" && w("manifestInstallType", "zip");
 							},
-							options: We,
+							options: We[n.appType] ?? We.APP,
 							placeholder: u("devportal.selectItemType", "Select item type…"),
-							hint: u("devportal.storeItemTypeHint", "Determines how this item is categorised and how the platform runs it")
+							hint: u("devportal.storeItemTypeHint", "Sub-category shown in the marketplace (e.g. Node vs Agent vs Parser)")
 						}),
 						/* @__PURE__ */ K(E, {
 							label: u("devportal.manifestDisplayName", "Display Name"),
@@ -1732,13 +1740,22 @@ var Ke = ({ app: n, versionCount: r = 0 }) => {
 							onChange: (e) => w("manifestDisplayName", e.target.value),
 							placeholder: "My Awesome Node"
 						}),
-						V && /* @__PURE__ */ K(O, {
-							label: u("devportal.jsonContent", m.manifestItemType === "workflow" ? "Workflow Definition (JSON)" : "Template Definition (JSON)"),
+						V && n.appType !== "WORKFLOW" && /* @__PURE__ */ K(O, {
+							label: u("devportal.jsonContent", "Template Definition (JSON)"),
 							value: m.manifestJsonContent,
 							onChange: (e) => w("manifestJsonContent", e.target.value),
 							rows: 12,
 							placeholder: "{\n  \"nodes\": [],\n  \"edges\": []\n}",
 							hint: u("devportal.jsonContentHint", "Paste the full JSON definition. Stored and applied directly — no zip needed.")
+						}),
+						V && n.appType === "WORKFLOW" && /* @__PURE__ */ q("p", {
+							className: "text-sm text-text-secondary rounded-md bg-bg-sunken px-3 py-2",
+							children: [
+								"The Workflow Definition (JSON) is set per version. Go to the",
+								" ",
+								/* @__PURE__ */ K("strong", { children: "Versions" }),
+								" tab to add or update it."
+							]
 						})
 					]
 				})
@@ -1951,7 +1968,7 @@ var Ke = ({ app: n, versionCount: r = 0 }) => {
 	rel: "noopener noreferrer",
 	className: "flex items-center gap-2 text-sm text-primary hover:underline",
 	children: [/* @__PURE__ */ K(R, { size: 14 }), e]
-}), qe = [
+}), Je = [
 	{
 		id: "auth",
 		label: "Authentication",
@@ -2023,14 +2040,14 @@ var Ke = ({ app: n, versionCount: r = 0 }) => {
 		description: "Access control configuration"
 	}
 ];
-function Je(e) {
-	let t = Object.fromEntries(qe.map((e) => [e.id, "none"]));
+function Ye(e) {
+	let t = Object.fromEntries(Je.map((e) => [e.id, "none"]));
 	if (!e || !Array.isArray(e.permissions)) return t;
 	for (let n of e.permissions) n.resource in t && (t[n.resource] = n.level === "write" ? "write" : "read");
 	return t;
 }
-var Ye = ({ app: e }) => {
-	let t = e.manifest ?? {}, [n, r] = N(() => Je(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = h(), l = (e, t) => {
+var Xe = ({ app: e }) => {
+	let t = e.manifest ?? {}, [n, r] = N(() => Ye(t)), [i, a] = N(!1), [o, s] = N(!1), [c] = h(), l = (e, t) => {
 		s(!1), r((n) => ({
 			...n,
 			[e]: t
@@ -2082,7 +2099,7 @@ var Ye = ({ app: e }) => {
 							}, e))]
 						}) }), /* @__PURE__ */ K("tbody", {
 							className: "divide-y divide-border",
-							children: qe.map((e) => /* @__PURE__ */ q("tr", {
+							children: Je.map((e) => /* @__PURE__ */ q("tr", {
 								className: "hover:bg-bg-sunken/30 transition-colors",
 								children: [/* @__PURE__ */ q("td", {
 									className: "px-4 py-3",