@burdenoff/microfe-botmanor 2026.1031.1 → 2026.1101.2

package/dist/botlit/hooks/internal/workspaceGateway.js

@@ -1,51 +1,53 @@
 import { useBotlit as e } from "../../providers/BotlitProvider.js";
-import { useCallback as t, useEffect as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import { useGatewayClient as o } from "@burdenoff/fe-libs/shared/graphql";
+import { extractGraphqlFailureMessage as t } from "../../utils/errors.js";
+import { useCallback as n, useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { useGatewayClient as s } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/botlit/hooks/internal/workspaceGateway.ts
-function s() {
-	return o("workspace");
-}
 function c() {
+	return s("workspace");
+}
+function l() {
 	return e().workspaceId;
 }
-function l(e, t) {
-	return e instanceof Error ? e : Error(t);
+function u(e, n) {
+	let r = t(e);
+	return r ? Error(r, { cause: e }) : e instanceof Error ? e : Error(n, { cause: e });
 }
-function u(e) {
-	let t = i(e);
-	return r(() => {
+function d(e) {
+	let t = a(e);
+	return i(() => {
 		t.current = e;
 	}, [e]), t;
 }
-function d(e) {
-	let { document: r, variables: i, enabled: o, errorMessage: c } = e, d = s(), f = u(e.select), p = u(e.fallback), [m, h] = a(e.fallback), [g, _] = a(!1), [v, y] = a(), b = t(async () => {
-		if (!o) {
+function f(e) {
+	let { document: t, variables: i, enabled: a, errorMessage: s } = e, l = c(), f = d(e.select), p = d(e.fallback), [m, h] = o(e.fallback), [g, _] = o(!1), [v, y] = o(), b = n(async () => {
+		if (!a) {
 			h(p.current), y(void 0);
 			return;
 		}
 		_(!0), y(void 0);
 		try {
-			let e = await d.query({
-				query: r,
+			let e = await l.query({
+				query: t,
 				variables: i,
 				fetchPolicy: "network-only"
 			});
 			h(f.current(e.data ?? void 0));
 		} catch (e) {
-			h(p.current), y(l(e, c));
+			h(p.current), y(u(e, s));
 		} finally {
 			_(!1);
 		}
 	}, [
-		d,
-		r,
+		l,
+		t,
 		i,
-		o,
-		c,
+		a,
+		s,
 		p,
 		f
 	]);
-	return n(() => {
+	return r(() => {
 		b();
 	}, [b]), {
 		data: m,
@@ -54,31 +56,31 @@ function d(e) {
 		refetch: b
 	};
 }
-function f(e) {
-	let { document: n, errorMessage: r } = e, i = s(), o = u(e.variables), c = u(e.select), [d, f] = a({
+function p(e) {
+	let { document: t, errorMessage: r } = e, i = c(), a = d(e.variables), s = d(e.select), [l, f] = o({
 		data: void 0,
 		loading: !1,
 		error: void 0
 	});
-	return [t(async (e) => {
+	return [n(async (e) => {
 		f({
 			data: void 0,
 			loading: !0,
 			error: void 0
 		});
 		try {
-			let t = await i.mutate({
-				mutation: n,
-				variables: o.current(e)
-			}), a = c.current(t.data ?? void 0);
-			if (a === void 0) throw Error(r);
+			let n = await i.mutate({
+				mutation: t,
+				variables: a.current(e)
+			}), o = s.current(n.data ?? void 0);
+			if (o === void 0) throw Error(r);
 			return f({
-				data: a,
+				data: o,
 				loading: !1,
 				error: void 0
-			}), a;
+			}), o;
 		} catch (e) {
-			let t = l(e, r);
+			let t = u(e, r);
 			throw f({
 				data: void 0,
 				loading: !1,
@@ -87,13 +89,13 @@ function f(e) {
 		}
 	}, [
 		i,
-		n,
+		t,
 		r,
-		c,
-		o
-	]), d];
+		s,
+		a
+	]), l];
 }
 //#endregion
-export { s as useWorkspaceClient, c as useWorkspaceId, f as useWorkspaceMutation, d as useWorkspaceQuery };
+export { c as useWorkspaceClient, l as useWorkspaceId, p as useWorkspaceMutation, f as useWorkspaceQuery };
 
 //# sourceMappingURL=workspaceGateway.js.map

package/dist/botlit/hooks/internal/workspaceGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspaceGateway.js","names":[],"sources":["../../../../src/botlit/hooks/internal/workspaceGateway.ts"],"sourcesContent":["/**\n * Workspace gateway hook primitives\n * @module botlit/hooks/internal\n *\n * Every BotManor hook talks to the workspace public gateway through the Apollo\n * client the shell installs (`useGatewayClient('workspace')`) — never through a\n * client of its own. These primitives capture the exact shape used by the\n * reference hooks (`useAgents`, `useBots`): `network-only` reads, an explicit\n * `Error` in state rather than a thrown promise, and a `refetch` the caller can\n * run after a mutation.\n */\n\nimport type { ApolloClient, DocumentNode } from '@apollo/client';\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\n\nimport { useBotlit } from '../../providers/BotlitProvider';\n\nexport type WorkspaceClient = ApolloClient;\n\n/** Apollo client for the workspace gateway, provided by the host shell. */\nexport function useWorkspaceClient(): WorkspaceClient {\n  return useGatewayClient('workspace');\n}\n\n/** Current workspace id from the BotManor context (undefined until the shell resolves it). */\nexport function useWorkspaceId(): string | undefined {\n  return useBotlit().workspaceId;\n}\n\nexport interface QueryResult<T> {\n  data: T;\n  loading: boolean;\n  /** Set only when the request FAILED. An empty `data` with no `error` means \"no records yet\". */\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\nexport interface MutationState<T> {\n  data: T | undefined;\n  loading: boolean;\n  error: Error | undefined;\n}\n\nfunction toError(cause: unknown, fallbackMessage: string): Error {\n  if (cause instanceof Error) return cause;\n  return new Error(fallbackMessage);\n}\n\n/** Keeps a mutable ref pointing at the latest value without re-running effects. */\nfunction useLatest<T>(value: T): { readonly current: T } {\n  const ref = useRef(value);\n  useLayoutEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref;\n}\n\nexport interface WorkspaceQueryOptions<TData, TResult> {\n  /** Generated GraphQL document (see `src/generated/wspace-operations.ts`). */\n  document: DocumentNode;\n  /** Must be referentially stable — memoize at the call site. */\n  variables: Record<string, unknown> | undefined;\n  /** Projects the raw payload onto the record shape the UI consumes. */\n  select: (data: TData | undefined) => TResult;\n  /** Value held while disabled or before the first successful read. */\n  fallback: TResult;\n  /** When false the request is skipped (e.g. no workspace id / no entity id yet). */\n  enabled: boolean;\n  /** Used when the thrown value is not an Error. */\n  errorMessage: string;\n}\n\n/**\n * Reads from the workspace gateway and keeps `{ data, loading, error, refetch }`\n * in sync. `error` is reserved for real failures so callers can tell an empty\n * collection apart from a failed request.\n */\nexport function useWorkspaceQuery<TData, TResult>(\n  options: WorkspaceQueryOptions<TData, TResult>\n): QueryResult<TResult> {\n  const { document, variables, enabled, errorMessage } = options;\n  const client = useWorkspaceClient();\n  const selectRef = useLatest(options.select);\n  const fallbackRef = useLatest(options.fallback);\n\n  const [data, setData] = useState<TResult>(options.fallback);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | undefined>();\n\n  const refetch = useCallback(async () => {\n    if (!enabled) {\n      setData(fallbackRef.current);\n      setError(undefined);\n      return;\n    }\n\n    setLoading(true);\n    setError(undefined);\n    try {\n      const result = await client.query<TData>({\n        query: document,\n        variables,\n        fetchPolicy: 'network-only',\n      });\n      setData(selectRef.current(result.data ?? undefined));\n    } catch (queryError) {\n      setData(fallbackRef.current);\n      setError(toError(queryError, errorMessage));\n    } finally {\n      setLoading(false);\n    }\n    // fallbackRef/selectRef are stable refs by construction\n  }, [client, document, variables, enabled, errorMessage, fallbackRef, selectRef]);\n\n  useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  return { data, loading, error, refetch };\n}\n\nexport interface WorkspaceMutationOptions<TData, TInput, TResult> {\n  /** Generated GraphQL document (see `src/generated/wspace-operations.ts`). */\n  document: DocumentNode;\n  /** Maps the caller's input onto GraphQL variables. */\n  variables: (input: TInput) => Record<string, unknown>;\n  /** Projects the raw payload onto the record shape the UI consumes. */\n  select: (data: TData | undefined) => TResult | undefined;\n  /** Thrown (and stored) when the payload is missing or the request fails. */\n  errorMessage: string;\n}\n\n/**\n * Writes to the workspace gateway. Returns the `[mutate, state]` tuple used by\n * the reference hooks. `mutate` REJECTS on failure so callers cannot mistake a\n * failed write for a successful one.\n */\nexport function useWorkspaceMutation<TData, TInput, TResult>(\n  options: WorkspaceMutationOptions<TData, TInput, TResult>\n): readonly [(input: TInput) => Promise<TResult>, MutationState<TResult>] {\n  const { document, errorMessage } = options;\n  const client = useWorkspaceClient();\n  const variablesRef = useLatest(options.variables);\n  const selectRef = useLatest(options.select);\n\n  const [state, setState] = useState<MutationState<TResult>>({\n    data: undefined,\n    loading: false,\n    error: undefined,\n  });\n\n  const mutate = useCallback(\n    async (input: TInput): Promise<TResult> => {\n      setState({ data: undefined, loading: true, error: undefined });\n      try {\n        const result = await client.mutate<TData>({\n          mutation: document,\n          variables: variablesRef.current(input),\n        });\n        const selected = selectRef.current(result.data ?? undefined);\n        if (selected === undefined) {\n          throw new Error(errorMessage);\n        }\n        setState({ data: selected, loading: false, error: undefined });\n        return selected;\n      } catch (mutationError) {\n        const failure = toError(mutationError, errorMessage);\n        setState({ data: undefined, loading: false, error: failure });\n        throw failure;\n      }\n    },\n    [client, document, errorMessage, selectRef, variablesRef]\n  );\n\n  return [mutate, state] as const;\n}\n"],"mappings":";;;;AAqBA,SAAgB,IAAsC;AACpD,QAAO,EAAiB,YAAY;;AAItC,SAAgB,IAAqC;AACnD,QAAO,GAAW,CAAC;;AAiBrB,SAAS,EAAQ,GAAgB,GAAgC;AAE/D,QADI,aAAiB,QAAc,IACxB,MAAM,EAAgB;;AAInC,SAAS,EAAa,GAAmC;CACvD,IAAM,IAAM,EAAO,EAAM;AAIzB,QAHA,QAAsB;AACpB,IAAI,UAAU;IACb,CAAC,EAAM,CAAC,EACJ;;AAuBT,SAAgB,EACd,GACsB;CACtB,IAAM,EAAE,aAAU,cAAW,YAAS,oBAAiB,GACjD,IAAS,GAAoB,EAC7B,IAAY,EAAU,EAAQ,OAAO,EACrC,IAAc,EAAU,EAAQ,SAAS,EAEzC,CAAC,GAAM,KAAW,EAAkB,EAAQ,SAAS,EACrD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,GAA6B,EAEjD,IAAU,EAAY,YAAY;AACtC,MAAI,CAAC,GAAS;AAEZ,GADA,EAAQ,EAAY,QAAQ,EAC5B,EAAS,KAAA,EAAU;AACnB;;AAIF,EADA,EAAW,GAAK,EAChB,EAAS,KAAA,EAAU;AACnB,MAAI;GACF,IAAM,IAAS,MAAM,EAAO,MAAa;IACvC,OAAO;IACP;IACA,aAAa;IACd,CAAC;AACF,KAAQ,EAAU,QAAQ,EAAO,QAAQ,KAAA,EAAU,CAAC;WAC7C,GAAY;AAEnB,GADA,EAAQ,EAAY,QAAQ,EAC5B,EAAS,EAAQ,GAAY,EAAa,CAAC;YACnC;AACR,KAAW,GAAM;;IAGlB;EAAC;EAAQ;EAAU;EAAW;EAAS;EAAc;EAAa;EAAU,CAAC;AAMhF,QAJA,QAAgB;AACT,KAAS;IACb,CAAC,EAAQ,CAAC,EAEN;EAAE;EAAM;EAAS;EAAO;EAAS;;AAmB1C,SAAgB,EACd,GACwE;CACxE,IAAM,EAAE,aAAU,oBAAiB,GAC7B,IAAS,GAAoB,EAC7B,IAAe,EAAU,EAAQ,UAAU,EAC3C,IAAY,EAAU,EAAQ,OAAO,EAErC,CAAC,GAAO,KAAY,EAAiC;EACzD,MAAM,KAAA;EACN,SAAS;EACT,OAAO,KAAA;EACR,CAAC;AAyBF,QAAO,CAvBQ,EACb,OAAO,MAAoC;AACzC,IAAS;GAAE,MAAM,KAAA;GAAW,SAAS;GAAM,OAAO,KAAA;GAAW,CAAC;AAC9D,MAAI;GACF,IAAM,IAAS,MAAM,EAAO,OAAc;IACxC,UAAU;IACV,WAAW,EAAa,QAAQ,EAAM;IACvC,CAAC,EACI,IAAW,EAAU,QAAQ,EAAO,QAAQ,KAAA,EAAU;AAC5D,OAAI,MAAa,KAAA,EACf,OAAU,MAAM,EAAa;AAG/B,UADA,EAAS;IAAE,MAAM;IAAU,SAAS;IAAO,OAAO,KAAA;IAAW,CAAC,EACvD;WACA,GAAe;GACtB,IAAM,IAAU,EAAQ,GAAe,EAAa;AAEpD,SADA,EAAS;IAAE,MAAM,KAAA;IAAW,SAAS;IAAO,OAAO;IAAS,CAAC,EACvD;;IAGV;EAAC;EAAQ;EAAU;EAAc;EAAW;EAAa,CAC1D,EAEe,EAAM"}
+{"version":3,"file":"workspaceGateway.js","names":[],"sources":["../../../../src/botlit/hooks/internal/workspaceGateway.ts"],"sourcesContent":["/**\n * Workspace gateway hook primitives\n * @module botlit/hooks/internal\n *\n * Every BotManor hook talks to the workspace public gateway through the Apollo\n * client the shell installs (`useGatewayClient('workspace')`) — never through a\n * client of its own. These primitives capture the exact shape used by the\n * reference hooks (`useAgents`, `useBots`): `network-only` reads, an explicit\n * `Error` in state rather than a thrown promise, and a `refetch` the caller can\n * run after a mutation.\n */\n\nimport type { ApolloClient, DocumentNode } from '@apollo/client';\nimport { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\n\nimport { useBotlit } from '../../providers/BotlitProvider';\nimport { extractGraphqlFailureMessage } from '../../utils/errors';\n\nexport type WorkspaceClient = ApolloClient;\n\n/** Apollo client for the workspace gateway, provided by the host shell. */\nexport function useWorkspaceClient(): WorkspaceClient {\n  return useGatewayClient('workspace');\n}\n\n/** Current workspace id from the BotManor context (undefined until the shell resolves it). */\nexport function useWorkspaceId(): string | undefined {\n  return useBotlit().workspaceId;\n}\n\nexport interface QueryResult<T> {\n  data: T;\n  loading: boolean;\n  /** Set only when the request FAILED. An empty `data` with no `error` means \"no records yet\". */\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\nexport interface MutationState<T> {\n  data: T | undefined;\n  loading: boolean;\n  error: Error | undefined;\n}\n\n/**\n * Normalises any mutation failure to an Error with the server's\n * user-actionable message where one exists.\n *\n * Apollo Client v4 does not reject with a plain Error: failures arrive as\n * `{ networkError }` / `{ graphQLErrors }` objects, and the batched fetch\n * layer attaches the structured GraphQL errors as `.errors` on the\n * networkError. `extractGraphqlFailureMessage` unwraps all of those; only\n * when nothing user-actionable is present do we fall back to the hook's\n * generic `errorMessage`.\n */\nfunction toError(cause: unknown, fallbackMessage: string): Error {\n  const message = extractGraphqlFailureMessage(cause);\n  if (message) {\n    // Preserve the original rejection on the chain so error monitoring can\n    // still reach the structured GraphQL errors (extensions.code, requestId…).\n    return new Error(message, { cause });\n  }\n  if (cause instanceof Error) return cause;\n  return new Error(fallbackMessage, { cause });\n}\n\n/** Keeps a mutable ref pointing at the latest value without re-running effects. */\nfunction useLatest<T>(value: T): { readonly current: T } {\n  const ref = useRef(value);\n  useLayoutEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref;\n}\n\nexport interface WorkspaceQueryOptions<TData, TResult> {\n  /** Generated GraphQL document (see `src/generated/wspace-operations.ts`). */\n  document: DocumentNode;\n  /** Must be referentially stable — memoize at the call site. */\n  variables: Record<string, unknown> | undefined;\n  /** Projects the raw payload onto the record shape the UI consumes. */\n  select: (data: TData | undefined) => TResult;\n  /** Value held while disabled or before the first successful read. */\n  fallback: TResult;\n  /** When false the request is skipped (e.g. no workspace id / no entity id yet). */\n  enabled: boolean;\n  /** Used when the thrown value is not an Error. */\n  errorMessage: string;\n}\n\n/**\n * Reads from the workspace gateway and keeps `{ data, loading, error, refetch }`\n * in sync. `error` is reserved for real failures so callers can tell an empty\n * collection apart from a failed request.\n */\nexport function useWorkspaceQuery<TData, TResult>(\n  options: WorkspaceQueryOptions<TData, TResult>\n): QueryResult<TResult> {\n  const { document, variables, enabled, errorMessage } = options;\n  const client = useWorkspaceClient();\n  const selectRef = useLatest(options.select);\n  const fallbackRef = useLatest(options.fallback);\n\n  const [data, setData] = useState<TResult>(options.fallback);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | undefined>();\n\n  const refetch = useCallback(async () => {\n    if (!enabled) {\n      setData(fallbackRef.current);\n      setError(undefined);\n      return;\n    }\n\n    setLoading(true);\n    setError(undefined);\n    try {\n      const result = await client.query<TData>({\n        query: document,\n        variables,\n        fetchPolicy: 'network-only',\n      });\n      setData(selectRef.current(result.data ?? undefined));\n    } catch (queryError) {\n      setData(fallbackRef.current);\n      setError(toError(queryError, errorMessage));\n    } finally {\n      setLoading(false);\n    }\n    // fallbackRef/selectRef are stable refs by construction\n  }, [client, document, variables, enabled, errorMessage, fallbackRef, selectRef]);\n\n  useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  return { data, loading, error, refetch };\n}\n\nexport interface WorkspaceMutationOptions<TData, TInput, TResult> {\n  /** Generated GraphQL document (see `src/generated/wspace-operations.ts`). */\n  document: DocumentNode;\n  /** Maps the caller's input onto GraphQL variables. */\n  variables: (input: TInput) => Record<string, unknown>;\n  /** Projects the raw payload onto the record shape the UI consumes. */\n  select: (data: TData | undefined) => TResult | undefined;\n  /** Thrown (and stored) when the payload is missing or the request fails. */\n  errorMessage: string;\n}\n\n/**\n * Writes to the workspace gateway. Returns the `[mutate, state]` tuple used by\n * the reference hooks. `mutate` REJECTS on failure so callers cannot mistake a\n * failed write for a successful one.\n */\nexport function useWorkspaceMutation<TData, TInput, TResult>(\n  options: WorkspaceMutationOptions<TData, TInput, TResult>\n): readonly [(input: TInput) => Promise<TResult>, MutationState<TResult>] {\n  const { document, errorMessage } = options;\n  const client = useWorkspaceClient();\n  const variablesRef = useLatest(options.variables);\n  const selectRef = useLatest(options.select);\n\n  const [state, setState] = useState<MutationState<TResult>>({\n    data: undefined,\n    loading: false,\n    error: undefined,\n  });\n\n  const mutate = useCallback(\n    async (input: TInput): Promise<TResult> => {\n      setState({ data: undefined, loading: true, error: undefined });\n      try {\n        const result = await client.mutate<TData>({\n          mutation: document,\n          variables: variablesRef.current(input),\n        });\n        const selected = selectRef.current(result.data ?? undefined);\n        if (selected === undefined) {\n          throw new Error(errorMessage);\n        }\n        setState({ data: selected, loading: false, error: undefined });\n        return selected;\n      } catch (mutationError) {\n        const failure = toError(mutationError, errorMessage);\n        setState({ data: undefined, loading: false, error: failure });\n        throw failure;\n      }\n    },\n    [client, document, errorMessage, selectRef, variablesRef]\n  );\n\n  return [mutate, state] as const;\n}\n"],"mappings":";;;;;AAsBA,SAAgB,IAAsC;AACpD,QAAO,EAAiB,YAAY;;AAItC,SAAgB,IAAqC;AACnD,QAAO,GAAW,CAAC;;AA4BrB,SAAS,EAAQ,GAAgB,GAAgC;CAC/D,IAAM,IAAU,EAA6B,EAAM;AAOnD,QANI,IAGS,MAAM,GAAS,EAAE,UAAO,CAAC,GAElC,aAAiB,QAAc,IACxB,MAAM,GAAiB,EAAE,UAAO,CAAC;;AAI9C,SAAS,EAAa,GAAmC;CACvD,IAAM,IAAM,EAAO,EAAM;AAIzB,QAHA,QAAsB;AACpB,IAAI,UAAU;IACb,CAAC,EAAM,CAAC,EACJ;;AAuBT,SAAgB,EACd,GACsB;CACtB,IAAM,EAAE,aAAU,cAAW,YAAS,oBAAiB,GACjD,IAAS,GAAoB,EAC7B,IAAY,EAAU,EAAQ,OAAO,EACrC,IAAc,EAAU,EAAQ,SAAS,EAEzC,CAAC,GAAM,KAAW,EAAkB,EAAQ,SAAS,EACrD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,GAA6B,EAEjD,IAAU,EAAY,YAAY;AACtC,MAAI,CAAC,GAAS;AAEZ,GADA,EAAQ,EAAY,QAAQ,EAC5B,EAAS,KAAA,EAAU;AACnB;;AAIF,EADA,EAAW,GAAK,EAChB,EAAS,KAAA,EAAU;AACnB,MAAI;GACF,IAAM,IAAS,MAAM,EAAO,MAAa;IACvC,OAAO;IACP;IACA,aAAa;IACd,CAAC;AACF,KAAQ,EAAU,QAAQ,EAAO,QAAQ,KAAA,EAAU,CAAC;WAC7C,GAAY;AAEnB,GADA,EAAQ,EAAY,QAAQ,EAC5B,EAAS,EAAQ,GAAY,EAAa,CAAC;YACnC;AACR,KAAW,GAAM;;IAGlB;EAAC;EAAQ;EAAU;EAAW;EAAS;EAAc;EAAa;EAAU,CAAC;AAMhF,QAJA,QAAgB;AACT,KAAS;IACb,CAAC,EAAQ,CAAC,EAEN;EAAE;EAAM;EAAS;EAAO;EAAS;;AAmB1C,SAAgB,EACd,GACwE;CACxE,IAAM,EAAE,aAAU,oBAAiB,GAC7B,IAAS,GAAoB,EAC7B,IAAe,EAAU,EAAQ,UAAU,EAC3C,IAAY,EAAU,EAAQ,OAAO,EAErC,CAAC,GAAO,KAAY,EAAiC;EACzD,MAAM,KAAA;EACN,SAAS;EACT,OAAO,KAAA;EACR,CAAC;AAyBF,QAAO,CAvBQ,EACb,OAAO,MAAoC;AACzC,IAAS;GAAE,MAAM,KAAA;GAAW,SAAS;GAAM,OAAO,KAAA;GAAW,CAAC;AAC9D,MAAI;GACF,IAAM,IAAS,MAAM,EAAO,OAAc;IACxC,UAAU;IACV,WAAW,EAAa,QAAQ,EAAM;IACvC,CAAC,EACI,IAAW,EAAU,QAAQ,EAAO,QAAQ,KAAA,EAAU;AAC5D,OAAI,MAAa,KAAA,EACf,OAAU,MAAM,EAAa;AAG/B,UADA,EAAS;IAAE,MAAM;IAAU,SAAS;IAAO,OAAO,KAAA;IAAW,CAAC,EACvD;WACA,GAAe;GACtB,IAAM,IAAU,EAAQ,GAAe,EAAa;AAEpD,SADA,EAAS;IAAE,MAAM,KAAA;IAAW,SAAS;IAAO,OAAO;IAAS,CAAC,EACvD;;IAGV;EAAC;EAAQ;EAAU;EAAc;EAAW;EAAa,CAC1D,EAEe,EAAM"}

package/dist/botlit/pages/PromptStudioPage.js

@@ -1,24 +1,25 @@
 import { useBotlit as e } from "../providers/BotlitProvider.js";
-import { formatRelativeTime as t } from "../utils/formatters.js";
-import { BOTMANOR_PERMISSIONS as n } from "../permissions/botmanorPermissions.js";
-import { BotmanorPermissionGate as r } from "../permissions/useBotmanorPermissions.js";
-import { PageLayout as i } from "../components/PageLayout.js";
-import { Button as a } from "../components/Button.js";
+import { graphqlErrorMessage as t } from "../utils/errors.js";
+import { formatRelativeTime as n } from "../utils/formatters.js";
+import { BOTMANOR_PERMISSIONS as r } from "../permissions/botmanorPermissions.js";
+import { BotmanorPermissionGate as i } from "../permissions/useBotmanorPermissions.js";
+import { PageLayout as a } from "../components/PageLayout.js";
+import { Button as o } from "../components/Button.js";
 import "../permissions/index.js";
-import { Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u } from "../components/Card.js";
-import { Badge as d } from "../components/Badge.js";
-import { EmptyState as f } from "../components/EmptyState.js";
-import { FormField as p, Input as m, Textarea as h } from "../components/Input.js";
-import { ErrorState as g } from "../components/ErrorState.js";
-import { promptTemplateVariables as _, usePromptTemplates as v, useRenderPromptTemplate as y } from "../hooks/usePromptTemplates.js";
+import { Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d } from "../components/Card.js";
+import { Badge as f } from "../components/Badge.js";
+import { EmptyState as p } from "../components/EmptyState.js";
+import { FormField as m, Input as h, Textarea as g } from "../components/Input.js";
+import { ErrorState as _ } from "../components/ErrorState.js";
+import { promptTemplateVariables as v, usePromptTemplates as y, useRenderPromptTemplate as b } from "../hooks/usePromptTemplates.js";
 import "../hooks/index.js";
-import { useEffect as b, useMemo as x, useState as S } from "react";
-import { GlassCard as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Play as D, Plus as O, Tag as k } from "lucide-react";
-import { toast as A } from "sonner";
+import { useEffect as x, useMemo as S, useState as C } from "react";
+import { GlassCard as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Play as O, Plus as k, Tag as A } from "lucide-react";
+import { toast as j } from "sonner";
 //#region src/botlit/pages/PromptStudioPage.tsx
-function j(e) {
+function M(e) {
 	if (!e || typeof e != "object" || Array.isArray(e)) return null;
 	let t = e, n = typeof t.name == "string" ? t.name : void 0;
 	return n ? {
@@ -29,91 +30,91 @@ function j(e) {
 		defaultValue: t.defaultValue
 	} : null;
 }
-function M(e) {
-	return e ? _(e).map(j).filter((e) => e !== null) : [];
+function N(e) {
+	return e ? v(e).map(M).filter((e) => e !== null) : [];
 }
-var N = () => {
-	let { navigateTo: _ } = e(), { data: j, loading: N, error: P, refetch: F } = v(), { render: I, loading: L } = y(), [R, z] = S(null), [B, V] = S({}), [H, U] = S("");
-	b(() => {
-		!R && j.length > 0 && z(j[0].id);
-	}, [j, R]);
-	let W = x(() => j.find((e) => e.id === R), [j, R]), G = x(() => M(W), [W]), K = async () => {
-		if (W) try {
-			U(await I({
-				templateId: W.id,
-				variables: B
+var P = () => {
+	let { navigateTo: v } = e(), { data: M, loading: P, error: F, refetch: I } = y(), { render: L, loading: R } = b(), [z, B] = C(null), [V, H] = C({}), [U, W] = C("");
+	x(() => {
+		!z && M.length > 0 && B(M[0].id);
+	}, [M, z]);
+	let G = S(() => M.find((e) => e.id === z), [M, z]), K = S(() => N(G), [G]), q = async () => {
+		if (G) try {
+			W(await L({
+				templateId: G.id,
+				variables: V
 			}));
 		} catch (e) {
-			A.error(e instanceof Error ? e.message : "Failed to render prompt");
+			j.error(t(e, "Failed to render prompt"));
 		}
 	};
-	return /* @__PURE__ */ T(i, {
+	return /* @__PURE__ */ E(a, {
 		title: "Prompt Studio",
 		description: "Create, test, and manage prompts for your AI agents",
-		actions: /* @__PURE__ */ T(r, {
-			permission: n.PROMPT_TEMPLATE_CREATE,
-			children: /* @__PURE__ */ T(a, {
-				leftIcon: /* @__PURE__ */ T(O, { size: 16 }),
-				onClick: () => _("prompt-templates/new"),
+		actions: /* @__PURE__ */ E(i, {
+			permission: r.PROMPT_TEMPLATE_CREATE,
+			children: /* @__PURE__ */ E(o, {
+				leftIcon: /* @__PURE__ */ E(k, { size: 16 }),
+				onClick: () => v("prompt-templates/new"),
 				children: "New Prompt"
 			})
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ T(w, {
-				icon: /* @__PURE__ */ T(D, { size: 18 }),
+			children: [/* @__PURE__ */ E(T, {
+				icon: /* @__PURE__ */ E(O, { size: 18 }),
 				children: "Prompt Studio is your interactive workbench for writing and testing prompts before they go live. Pick a prompt, edit its text and variables on the left, then fill in sample values and hit Run Test to preview exactly what the agent will receive — so you can iterate on wording and catch mistakes here instead of in production."
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ D("div", {
 				className: "grid grid-cols-12 gap-6",
 				children: [
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "col-span-3",
-						children: /* @__PURE__ */ E(o, { children: [/* @__PURE__ */ T(l, { children: /* @__PURE__ */ T(u, {
+						children: /* @__PURE__ */ D(s, { children: [/* @__PURE__ */ E(u, { children: /* @__PURE__ */ E(d, {
 							className: "text-base",
 							children: "Prompts"
-						}) }), /* @__PURE__ */ T(s, {
+						}) }), /* @__PURE__ */ E(c, {
 							className: "p-0",
-							children: N ? /* @__PURE__ */ T("div", {
+							children: P ? /* @__PURE__ */ E("div", {
 								className: "space-y-2 p-4",
 								children: [
 									1,
 									2,
 									3
-								].map((e) => /* @__PURE__ */ T("div", { className: "h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
-							}) : P ? /* @__PURE__ */ T(g, {
+								].map((e) => /* @__PURE__ */ E("div", { className: "h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }, e))
+							}) : F ? /* @__PURE__ */ E(_, {
 								resource: "prompt templates",
-								error: P,
-								onRetry: () => void F(),
+								error: F,
+								onRetry: () => void I(),
 								className: "m-4"
-							}) : j.length === 0 ? /* @__PURE__ */ T("p", {
+							}) : M.length === 0 ? /* @__PURE__ */ E("p", {
 								className: "p-4 text-sm text-text-secondary",
 								children: "No prompt templates yet. Create one to start iterating."
-							}) : /* @__PURE__ */ T("div", {
+							}) : /* @__PURE__ */ E("div", {
 								className: "divide-y divide-border-subtle",
-								children: j.map((e) => /* @__PURE__ */ E("button", {
+								children: M.map((e) => /* @__PURE__ */ D("button", {
 									type: "button",
-									className: `w-full text-left p-4 hover:bg-accent transition-colors ${W?.id === e.id ? "bg-accent" : ""}`,
+									className: `w-full text-left p-4 hover:bg-accent transition-colors ${G?.id === e.id ? "bg-accent" : ""}`,
 									onClick: () => {
-										z(e.id), V({}), U("");
+										B(e.id), H({}), W("");
 									},
 									children: [
-										/* @__PURE__ */ T("p", {
+										/* @__PURE__ */ E("p", {
 											className: "font-medium truncate",
 											children: e.name
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary mt-1 truncate",
 											children: ["v", e.version]
 										}),
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ D("div", {
 											className: "flex items-center gap-2 mt-2",
-											children: [e.visibility === "PUBLIC" && /* @__PURE__ */ T(d, {
+											children: [e.visibility === "PUBLIC" && /* @__PURE__ */ E(f, {
 												variant: "secondary",
 												className: "text-[10px]",
 												children: "Public"
-											}), /* @__PURE__ */ E("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "text-xs text-text-secondary",
-												children: [M(e).length, " vars"]
+												children: [N(e).length, " vars"]
 											})]
 										})
 									]
@@ -121,115 +122,115 @@ var N = () => {
 							})
 						})] })
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "col-span-6",
-						children: W ? /* @__PURE__ */ E(C, {
+						children: G ? /* @__PURE__ */ D(w, {
 							treatment: "glass",
 							glow: !0,
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ E(l, {
+							children: [/* @__PURE__ */ D(u, {
 								className: "flex flex-row items-center justify-between",
-								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(u, { children: W.name }), /* @__PURE__ */ T(c, { children: W.description })] }), /* @__PURE__ */ T(a, {
+								children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(d, { children: G.name }), /* @__PURE__ */ E(l, { children: G.description })] }), /* @__PURE__ */ E(o, {
 									size: "sm",
 									variant: "outline",
-									onClick: () => _(`prompt-templates/${W.id}`),
+									onClick: () => v(`prompt-templates/${G.id}`),
 									children: "Open template"
 								})]
-							}), /* @__PURE__ */ E(s, {
+							}), /* @__PURE__ */ D(c, {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T(k, {
+										children: [/* @__PURE__ */ E(A, {
 											size: 14,
 											className: "text-text-secondary"
-										}), W.tags.map((e) => /* @__PURE__ */ T(d, {
+										}), G.tags.map((e) => /* @__PURE__ */ E(f, {
 											variant: "secondary",
 											children: e
 										}, e))]
 									}),
-									/* @__PURE__ */ T(p, {
+									/* @__PURE__ */ E(m, {
 										label: "Prompt Content",
-										children: /* @__PURE__ */ T(h, {
-											value: W.templateText,
+										children: /* @__PURE__ */ E(g, {
+											value: G.templateText,
 											rows: 15,
 											readOnly: !0,
 											className: "font-mono text-sm"
 										})
 									}),
-									G.length > 0 && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									K.length > 0 && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 										className: "text-sm font-medium mb-2",
 										children: "Variables"
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "space-y-2",
-										children: G.map((e) => /* @__PURE__ */ E("div", {
+										children: K.map((e) => /* @__PURE__ */ D("div", {
 											className: "flex items-center gap-4 p-3 bg-bg-sunken rounded-lg",
-											children: [/* @__PURE__ */ E("div", {
+											children: [/* @__PURE__ */ D("div", {
 												className: "flex-1",
-												children: [/* @__PURE__ */ E("p", {
+												children: [/* @__PURE__ */ D("p", {
 													className: "font-medium text-sm",
-													children: [`{{${e.name}}}`, e.required && /* @__PURE__ */ T("span", {
+													children: [`{{${e.name}}}`, e.required && /* @__PURE__ */ E("span", {
 														className: "text-status-error-text ml-1",
 														children: "*"
 													})]
-												}), e.description && /* @__PURE__ */ T("p", {
+												}), e.description && /* @__PURE__ */ E("p", {
 													className: "text-xs text-text-secondary",
 													children: e.description
 												})]
-											}), /* @__PURE__ */ T(d, {
+											}), /* @__PURE__ */ E(f, {
 												variant: "outline",
 												className: "capitalize",
 												children: e.type
 											})]
 										}, e.name))
 									})] }),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "pt-4 text-xs text-text-secondary",
-										children: ["Updated ", t(W.updatedAt)]
+										children: ["Updated ", n(G.updatedAt)]
 									})
 								]
 							})]
-						}) : /* @__PURE__ */ T(f, {
+						}) : /* @__PURE__ */ E(p, {
 							illustration: "onboarding",
 							title: "Select a prompt",
 							description: "Choose a prompt from the list to view and edit"
 						})
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("div", {
 						className: "col-span-3",
-						children: /* @__PURE__ */ E(o, { children: [/* @__PURE__ */ T(l, { children: /* @__PURE__ */ E(u, {
+						children: /* @__PURE__ */ D(s, { children: [/* @__PURE__ */ E(u, { children: /* @__PURE__ */ D(d, {
 							className: "text-base flex items-center gap-2",
-							children: [/* @__PURE__ */ T(D, { size: 16 }), "Test Prompt"]
-						}) }), /* @__PURE__ */ E(s, {
+							children: [/* @__PURE__ */ E(O, { size: 16 }), "Test Prompt"]
+						}) }), /* @__PURE__ */ D(c, {
 							className: "space-y-4",
 							children: [
-								G.map((e) => /* @__PURE__ */ T(p, {
+								K.map((e) => /* @__PURE__ */ E(m, {
 									label: e.name,
-									children: /* @__PURE__ */ T(m, {
+									children: /* @__PURE__ */ E(h, {
 										placeholder: e.description || `Enter ${e.name}`,
-										value: B[e.name] || "",
-										onChange: (t) => V({
-											...B,
+										value: V[e.name] || "",
+										onChange: (t) => H({
+											...V,
 											[e.name]: t.target.value
 										})
 									})
 								}, e.name)),
-								/* @__PURE__ */ T(r, {
-									permission: n.PROMPT_TEMPLATE_EXECUTE,
-									children: /* @__PURE__ */ T(a, {
+								/* @__PURE__ */ E(i, {
+									permission: r.PROMPT_TEMPLATE_EXECUTE,
+									children: /* @__PURE__ */ E(o, {
 										className: "w-full",
-										onClick: () => void K(),
-										isLoading: L,
-										disabled: !W,
+										onClick: () => void q(),
+										isLoading: R,
+										disabled: !G,
 										children: "Run Test"
 									})
 								}),
-								H && /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								U && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium mb-2",
 									children: "Output"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "p-3 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono max-h-64 overflow-auto",
-									children: H
+									children: U
 								})] })
 							]
 						})] })
@@ -240,6 +241,6 @@ var N = () => {
 	});
 };
 //#endregion
-export { N as PromptStudioPage };
+export { P as PromptStudioPage };
 
 //# sourceMappingURL=PromptStudioPage.js.map

package/dist/botlit/pages/PromptStudioPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptStudioPage.js","names":[],"sources":["../../../src/botlit/pages/PromptStudioPage.tsx"],"sourcesContent":["/**\n * Prompt Studio Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Plus, Play, Tag } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  usePromptTemplates,\n  useRenderPromptTemplate,\n  promptTemplateVariables,\n  type PromptTemplateRecord,\n} from '../hooks';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { PromptVariable } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\n/** Normalises one entry of a template's free-form `variables` JSON. */\nfunction toPromptVariable(value: unknown): PromptVariable | null {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;\n  const record = value as Record<string, unknown>;\n  const name = typeof record.name === 'string' ? record.name : undefined;\n  if (!name) return null;\n  const type = typeof record.type === 'string' ? record.type : 'string';\n  return {\n    name,\n    type: type as PromptVariable['type'],\n    description: typeof record.description === 'string' ? record.description : undefined,\n    required: record.required === true,\n    defaultValue: record.defaultValue,\n  };\n}\n\nfunction templateVariables(template: PromptTemplateRecord | undefined): PromptVariable[] {\n  if (!template) return [];\n  return promptTemplateVariables(template)\n    .map(toPromptVariable)\n    .filter((variable): variable is PromptVariable => variable !== null);\n}\n\nexport const PromptStudioPage: FC = () => {\n  const { navigateTo } = useBotlit();\n  const { data: templates, loading, error, refetch } = usePromptTemplates();\n  const { render, loading: isRunning } = useRenderPromptTemplate();\n\n  const [selectedPromptId, setSelectedPromptId] = useState<string | null>(null);\n  const [testVariables, setTestVariables] = useState<Record<string, string>>({});\n  const [testOutput, setTestOutput] = useState('');\n\n  // Select the first template once the list arrives.\n  useEffect(() => {\n    if (!selectedPromptId && templates.length > 0) {\n      setSelectedPromptId(templates[0].id);\n    }\n  }, [templates, selectedPromptId]);\n\n  const selectedPrompt = useMemo(\n    () => templates.find((template) => template.id === selectedPromptId),\n    [templates, selectedPromptId]\n  );\n\n  const selectedVariables = useMemo(() => templateVariables(selectedPrompt), [selectedPrompt]);\n\n  const handleTest = async () => {\n    if (!selectedPrompt) return;\n    try {\n      // Rendered by wspace-botlit-svc so the preview matches what the agent\n      // actually receives — never a client-side string substitution.\n      const output = await render({\n        templateId: selectedPrompt.id,\n        variables: testVariables,\n      });\n      setTestOutput(output);\n    } catch (err) {\n      toast.error(err instanceof Error ? err.message : 'Failed to render prompt');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Prompt Studio\"\n      description=\"Create, test, and manage prompts for your AI agents\"\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('prompt-templates/new')}>\n            New Prompt\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Play size={18} />}>\n          Prompt Studio is your interactive workbench for writing and testing prompts before they go\n          live. Pick a prompt, edit its text and variables on the left, then fill in sample values\n          and hit Run Test to preview exactly what the agent will receive — so you can iterate on\n          wording and catch mistakes here instead of in production.\n        </PagePurpose>\n\n        <div className=\"grid grid-cols-12 gap-6\">\n          {/* Prompt List */}\n          <div className=\"col-span-3\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Prompts</CardTitle>\n              </CardHeader>\n              <CardContent className=\"p-0\">\n                {loading ? (\n                  <div className=\"space-y-2 p-4\">\n                    {[1, 2, 3].map((i) => (\n                      <div\n                        key={i}\n                        className=\"h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded\"\n                      />\n                    ))}\n                  </div>\n                ) : error ? (\n                  <ErrorState\n                    resource=\"prompt templates\"\n                    error={error}\n                    onRetry={() => void refetch()}\n                    className=\"m-4\"\n                  />\n                ) : templates.length === 0 ? (\n                  <p className=\"p-4 text-sm text-text-secondary\">\n                    No prompt templates yet. Create one to start iterating.\n                  </p>\n                ) : (\n                  <div className=\"divide-y divide-border-subtle\">\n                    {templates.map((prompt: PromptTemplateRecord) => (\n                      <button\n                        key={prompt.id}\n                        type=\"button\"\n                        className={`w-full text-left p-4 hover:bg-accent transition-colors ${\n                          selectedPrompt?.id === prompt.id ? 'bg-accent' : ''\n                        }`}\n                        onClick={() => {\n                          setSelectedPromptId(prompt.id);\n                          setTestVariables({});\n                          setTestOutput('');\n                        }}\n                      >\n                        <p className=\"font-medium truncate\">{prompt.name}</p>\n                        <p className=\"text-xs text-text-secondary mt-1 truncate\">\n                          v{prompt.version}\n                        </p>\n                        <div className=\"flex items-center gap-2 mt-2\">\n                          {prompt.visibility === 'PUBLIC' && (\n                            <Badge variant=\"secondary\" className=\"text-[10px]\">\n                              Public\n                            </Badge>\n                          )}\n                          <span className=\"text-xs text-text-secondary\">\n                            {templateVariables(prompt).length} vars\n                          </span>\n                        </div>\n                      </button>\n                    ))}\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Editor */}\n          <div className=\"col-span-6\">\n            {selectedPrompt ? (\n              <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n                <CardHeader className=\"flex flex-row items-center justify-between\">\n                  <div>\n                    <CardTitle>{selectedPrompt.name}</CardTitle>\n                    <CardDescription>{selectedPrompt.description}</CardDescription>\n                  </div>\n                  <Button\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => navigateTo(`prompt-templates/${selectedPrompt.id}`)}\n                  >\n                    Open template\n                  </Button>\n                </CardHeader>\n                <CardContent className=\"space-y-4\">\n                  {/* Tags */}\n                  <div className=\"flex items-center gap-2\">\n                    <Tag size={14} className=\"text-text-secondary\" />\n                    {selectedPrompt.tags.map((tag) => (\n                      <Badge key={tag} variant=\"secondary\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n\n                  {/* Content */}\n                  <FormField label=\"Prompt Content\">\n                    <Textarea\n                      value={selectedPrompt.templateText}\n                      rows={15}\n                      readOnly\n                      className=\"font-mono text-sm\"\n                    />\n                  </FormField>\n\n                  {/* Variables */}\n                  {selectedVariables.length > 0 && (\n                    <div>\n                      <p className=\"text-sm font-medium mb-2\">Variables</p>\n                      <div className=\"space-y-2\">\n                        {selectedVariables.map((variable: PromptVariable) => (\n                          <div\n                            key={variable.name}\n                            className=\"flex items-center gap-4 p-3 bg-bg-sunken rounded-lg\"\n                          >\n                            <div className=\"flex-1\">\n                              <p className=\"font-medium text-sm\">\n                                {`{{${variable.name}}}`}\n                                {variable.required && (\n                                  <span className=\"text-status-error-text ml-1\">*</span>\n                                )}\n                              </p>\n                              {variable.description && (\n                                <p className=\"text-xs text-text-secondary\">\n                                  {variable.description}\n                                </p>\n                              )}\n                            </div>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {variable.type}\n                            </Badge>\n                          </div>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n\n                  <div className=\"pt-4 text-xs text-text-secondary\">\n                    Updated {formatRelativeTime(selectedPrompt.updatedAt)}\n                  </div>\n                </CardContent>\n              </GlassCard>\n            ) : (\n              <EmptyState\n                illustration=\"onboarding\"\n                title=\"Select a prompt\"\n                description=\"Choose a prompt from the list to view and edit\"\n              />\n            )}\n          </div>\n\n          {/* Test Panel */}\n          <div className=\"col-span-3\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base flex items-center gap-2\">\n                  <Play size={16} />\n                  Test Prompt\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {selectedVariables.map((variable: PromptVariable) => (\n                  <FormField key={variable.name} label={variable.name}>\n                    <Input\n                      placeholder={variable.description || `Enter ${variable.name}`}\n                      value={testVariables[variable.name] || ''}\n                      onChange={(e) =>\n                        setTestVariables({ ...testVariables, [variable.name]: e.target.value })\n                      }\n                    />\n                  </FormField>\n                ))}\n\n                <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_EXECUTE}>\n                  <Button\n                    className=\"w-full\"\n                    onClick={() => void handleTest()}\n                    isLoading={isRunning}\n                    disabled={!selectedPrompt}\n                  >\n                    Run Test\n                  </Button>\n                </BotmanorPermissionGate>\n\n                {testOutput && (\n                  <div>\n                    <p className=\"text-sm font-medium mb-2\">Output</p>\n                    <div className=\"p-3 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono max-h-64 overflow-auto\">\n                      {testOutput}\n                    </div>\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PromptStudioPage.js","names":[],"sources":["../../../src/botlit/pages/PromptStudioPage.tsx"],"sourcesContent":["/**\n * Prompt Studio Page\n * @module botlit/pages\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { Plus, Play, Tag } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { PagePurpose, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../components/Card';\nimport { Button } from '../components/Button';\nimport { Input, Textarea, FormField } from '../components/Input';\nimport { Badge } from '../components/Badge';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorState } from '../components/ErrorState';\nimport { useBotlit } from '../providers/BotlitProvider';\nimport {\n  usePromptTemplates,\n  useRenderPromptTemplate,\n  promptTemplateVariables,\n  type PromptTemplateRecord,\n} from '../hooks';\nimport { graphqlErrorMessage } from '../utils/errors';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { PromptVariable } from '../types';\nimport { BOTMANOR_PERMISSIONS, BotmanorPermissionGate } from '../permissions';\n\n/** Normalises one entry of a template's free-form `variables` JSON. */\nfunction toPromptVariable(value: unknown): PromptVariable | null {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;\n  const record = value as Record<string, unknown>;\n  const name = typeof record.name === 'string' ? record.name : undefined;\n  if (!name) return null;\n  const type = typeof record.type === 'string' ? record.type : 'string';\n  return {\n    name,\n    type: type as PromptVariable['type'],\n    description: typeof record.description === 'string' ? record.description : undefined,\n    required: record.required === true,\n    defaultValue: record.defaultValue,\n  };\n}\n\nfunction templateVariables(template: PromptTemplateRecord | undefined): PromptVariable[] {\n  if (!template) return [];\n  return promptTemplateVariables(template)\n    .map(toPromptVariable)\n    .filter((variable): variable is PromptVariable => variable !== null);\n}\n\nexport const PromptStudioPage: FC = () => {\n  const { navigateTo } = useBotlit();\n  const { data: templates, loading, error, refetch } = usePromptTemplates();\n  const { render, loading: isRunning } = useRenderPromptTemplate();\n\n  const [selectedPromptId, setSelectedPromptId] = useState<string | null>(null);\n  const [testVariables, setTestVariables] = useState<Record<string, string>>({});\n  const [testOutput, setTestOutput] = useState('');\n\n  // Select the first template once the list arrives.\n  useEffect(() => {\n    if (!selectedPromptId && templates.length > 0) {\n      setSelectedPromptId(templates[0].id);\n    }\n  }, [templates, selectedPromptId]);\n\n  const selectedPrompt = useMemo(\n    () => templates.find((template) => template.id === selectedPromptId),\n    [templates, selectedPromptId]\n  );\n\n  const selectedVariables = useMemo(() => templateVariables(selectedPrompt), [selectedPrompt]);\n\n  const handleTest = async () => {\n    if (!selectedPrompt) return;\n    try {\n      // Rendered by wspace-botlit-svc so the preview matches what the agent\n      // actually receives — never a client-side string substitution.\n      const output = await render({\n        templateId: selectedPrompt.id,\n        variables: testVariables,\n      });\n      setTestOutput(output);\n    } catch (err) {\n      toast.error(graphqlErrorMessage(err, 'Failed to render prompt'));\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Prompt Studio\"\n      description=\"Create, test, and manage prompts for your AI agents\"\n      actions={\n        <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_CREATE}>\n          <Button leftIcon={<Plus size={16} />} onClick={() => navigateTo('prompt-templates/new')}>\n            New Prompt\n          </Button>\n        </BotmanorPermissionGate>\n      }\n    >\n      <div className=\"space-y-6\">\n        <PagePurpose icon={<Play size={18} />}>\n          Prompt Studio is your interactive workbench for writing and testing prompts before they go\n          live. Pick a prompt, edit its text and variables on the left, then fill in sample values\n          and hit Run Test to preview exactly what the agent will receive — so you can iterate on\n          wording and catch mistakes here instead of in production.\n        </PagePurpose>\n\n        <div className=\"grid grid-cols-12 gap-6\">\n          {/* Prompt List */}\n          <div className=\"col-span-3\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Prompts</CardTitle>\n              </CardHeader>\n              <CardContent className=\"p-0\">\n                {loading ? (\n                  <div className=\"space-y-2 p-4\">\n                    {[1, 2, 3].map((i) => (\n                      <div\n                        key={i}\n                        className=\"h-14 bg-bg-sunken motion-safe:animate-vc-shimmer rounded\"\n                      />\n                    ))}\n                  </div>\n                ) : error ? (\n                  <ErrorState\n                    resource=\"prompt templates\"\n                    error={error}\n                    onRetry={() => void refetch()}\n                    className=\"m-4\"\n                  />\n                ) : templates.length === 0 ? (\n                  <p className=\"p-4 text-sm text-text-secondary\">\n                    No prompt templates yet. Create one to start iterating.\n                  </p>\n                ) : (\n                  <div className=\"divide-y divide-border-subtle\">\n                    {templates.map((prompt: PromptTemplateRecord) => (\n                      <button\n                        key={prompt.id}\n                        type=\"button\"\n                        className={`w-full text-left p-4 hover:bg-accent transition-colors ${\n                          selectedPrompt?.id === prompt.id ? 'bg-accent' : ''\n                        }`}\n                        onClick={() => {\n                          setSelectedPromptId(prompt.id);\n                          setTestVariables({});\n                          setTestOutput('');\n                        }}\n                      >\n                        <p className=\"font-medium truncate\">{prompt.name}</p>\n                        <p className=\"text-xs text-text-secondary mt-1 truncate\">\n                          v{prompt.version}\n                        </p>\n                        <div className=\"flex items-center gap-2 mt-2\">\n                          {prompt.visibility === 'PUBLIC' && (\n                            <Badge variant=\"secondary\" className=\"text-[10px]\">\n                              Public\n                            </Badge>\n                          )}\n                          <span className=\"text-xs text-text-secondary\">\n                            {templateVariables(prompt).length} vars\n                          </span>\n                        </div>\n                      </button>\n                    ))}\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Editor */}\n          <div className=\"col-span-6\">\n            {selectedPrompt ? (\n              <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n                <CardHeader className=\"flex flex-row items-center justify-between\">\n                  <div>\n                    <CardTitle>{selectedPrompt.name}</CardTitle>\n                    <CardDescription>{selectedPrompt.description}</CardDescription>\n                  </div>\n                  <Button\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => navigateTo(`prompt-templates/${selectedPrompt.id}`)}\n                  >\n                    Open template\n                  </Button>\n                </CardHeader>\n                <CardContent className=\"space-y-4\">\n                  {/* Tags */}\n                  <div className=\"flex items-center gap-2\">\n                    <Tag size={14} className=\"text-text-secondary\" />\n                    {selectedPrompt.tags.map((tag) => (\n                      <Badge key={tag} variant=\"secondary\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n\n                  {/* Content */}\n                  <FormField label=\"Prompt Content\">\n                    <Textarea\n                      value={selectedPrompt.templateText}\n                      rows={15}\n                      readOnly\n                      className=\"font-mono text-sm\"\n                    />\n                  </FormField>\n\n                  {/* Variables */}\n                  {selectedVariables.length > 0 && (\n                    <div>\n                      <p className=\"text-sm font-medium mb-2\">Variables</p>\n                      <div className=\"space-y-2\">\n                        {selectedVariables.map((variable: PromptVariable) => (\n                          <div\n                            key={variable.name}\n                            className=\"flex items-center gap-4 p-3 bg-bg-sunken rounded-lg\"\n                          >\n                            <div className=\"flex-1\">\n                              <p className=\"font-medium text-sm\">\n                                {`{{${variable.name}}}`}\n                                {variable.required && (\n                                  <span className=\"text-status-error-text ml-1\">*</span>\n                                )}\n                              </p>\n                              {variable.description && (\n                                <p className=\"text-xs text-text-secondary\">\n                                  {variable.description}\n                                </p>\n                              )}\n                            </div>\n                            <Badge variant=\"outline\" className=\"capitalize\">\n                              {variable.type}\n                            </Badge>\n                          </div>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n\n                  <div className=\"pt-4 text-xs text-text-secondary\">\n                    Updated {formatRelativeTime(selectedPrompt.updatedAt)}\n                  </div>\n                </CardContent>\n              </GlassCard>\n            ) : (\n              <EmptyState\n                illustration=\"onboarding\"\n                title=\"Select a prompt\"\n                description=\"Choose a prompt from the list to view and edit\"\n              />\n            )}\n          </div>\n\n          {/* Test Panel */}\n          <div className=\"col-span-3\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base flex items-center gap-2\">\n                  <Play size={16} />\n                  Test Prompt\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                {selectedVariables.map((variable: PromptVariable) => (\n                  <FormField key={variable.name} label={variable.name}>\n                    <Input\n                      placeholder={variable.description || `Enter ${variable.name}`}\n                      value={testVariables[variable.name] || ''}\n                      onChange={(e) =>\n                        setTestVariables({ ...testVariables, [variable.name]: e.target.value })\n                      }\n                    />\n                  </FormField>\n                ))}\n\n                <BotmanorPermissionGate permission={BOTMANOR_PERMISSIONS.PROMPT_TEMPLATE_EXECUTE}>\n                  <Button\n                    className=\"w-full\"\n                    onClick={() => void handleTest()}\n                    isLoading={isRunning}\n                    disabled={!selectedPrompt}\n                  >\n                    Run Test\n                  </Button>\n                </BotmanorPermissionGate>\n\n                {testOutput && (\n                  <div>\n                    <p className=\"text-sm font-medium mb-2\">Output</p>\n                    <div className=\"p-3 bg-bg-sunken rounded-lg text-sm whitespace-pre-wrap font-mono max-h-64 overflow-auto\">\n                      {testOutput}\n                    </div>\n                  </div>\n                )}\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}