@burdenoff/microfe-bigconsole 2026.1103.7 → 2026.1103.9

package/dist/bigconsole/components/insights/PromptAnalysisPreview.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+export interface PromptAnalysis {
+    detectedIntent: string;
+    suggestedCategory: string;
+    estimatedWidgetCount: number;
+    suggestedWidgetTypes: string[];
+    detectedMetrics: string[];
+    dataRequirements: string[];
+    confidence: number;
+    suggestedRefinements?: string[] | null;
+}
+/** `BAR_CHART` -> `Bar chart`; a short single word stays an acronym (`KPI`). */
+export declare function humanizeEnum(value: string): string;
+interface Props {
+    /** The prompt as currently typed. */
+    prompt: string;
+    /** Disable the control while a generation is being submitted. */
+    disabled?: boolean;
+}
+export declare const PromptAnalysisPreview: FC<Props>;
+export {};

package/dist/bigconsole/components/insights/PromptAnalysisPreview.js

@@ -0,0 +1,203 @@
+import { reportBigConsoleQuotaError as e } from "../../utils/quota.js";
+import { SECTION_FOCUS_RING as t } from "../common/sectionStyles.js";
+import "../common/index.js";
+import { memo as n, useCallback as r, useState as i } from "react";
+import { Loader2 as a, ScanSearch as o } from "lucide-react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useApolloClient as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { gql as d } from "@apollo/client";
+//#region src/bigconsole/components/insights/PromptAnalysisPreview.tsx
+var f = d`
+  query PreviewPromptAnalysis($prompt: String!) {
+    previewPromptAnalysis(prompt: $prompt) {
+      detectedIntent
+      suggestedCategory
+      estimatedWidgetCount
+      suggestedWidgetTypes
+      detectedMetrics
+      dataRequirements
+      confidence
+      suggestedRefinements
+    }
+  }
+`;
+function p(e) {
+	let t = e.split("_").filter(Boolean);
+	if (t.length === 1 && t[0].length <= 3) return t[0].toUpperCase();
+	let n = t.join(" ").toLowerCase();
+	return n.charAt(0).toUpperCase() + n.slice(1);
+}
+var m = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: "var(--space-iconGap)",
+	minHeight: "var(--size-controlHeight-md)",
+	padding: "0 var(--space-formGap)",
+	borderRadius: "var(--radius-button)",
+	border: "1px solid var(--color-border-default)",
+	backgroundColor: "transparent",
+	color: "var(--color-text-primary)",
+	fontSize: "var(--font-size-body-sm)",
+	fontWeight: "var(--font-weight-medium)"
+}, h = {
+	display: "flex",
+	flexDirection: "column",
+	gap: "var(--space-iconGap)",
+	padding: "var(--space-controlGap) var(--space-formGap)",
+	borderRadius: "var(--radius-input)",
+	border: "1px solid var(--color-border-subtle)",
+	backgroundColor: "var(--color-bg-sunken)",
+	fontSize: "var(--font-size-body-sm)",
+	color: "var(--color-text-secondary)"
+}, g = {
+	padding: "0 var(--space-iconGap)",
+	borderRadius: "var(--radius-button)",
+	border: "1px solid var(--color-border-subtle)",
+	color: "var(--color-text-primary)"
+}, _ = n(function({ prompt: n, disabled: d = !1 }) {
+	let { t: _ } = s(), v = c(), [y, b] = i(null), [x, S] = i(null), [C, w] = i(!1), T = n.trim(), E = r(async () => {
+		if (!(!T || C)) {
+			w(!0), S(null);
+			try {
+				let t = await v.query({
+					query: f,
+					variables: { prompt: T },
+					fetchPolicy: "network-only"
+				});
+				if (e(t, "command")) return;
+				let n = t.data?.previewPromptAnalysis;
+				n ? b({
+					prompt: T,
+					result: n
+				}) : S(_("bigconsole.insights.analysis.failed", "Could not analyse this prompt. Please try again."));
+			} catch (t) {
+				if (e(t, "command")) return;
+				S(t instanceof Error ? t.message : _("bigconsole.insights.analysis.failed", "Could not analyse this prompt. Please try again."));
+			} finally {
+				w(!1);
+			}
+		}
+	}, [
+		C,
+		v,
+		_,
+		T
+	]), D = y && y.prompt === T ? y.result : null, O = y !== null && D === null, k = "prompt-analysis-hint";
+	return /* @__PURE__ */ u("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "var(--space-controlGap)"
+		},
+		children: [
+			/* @__PURE__ */ u("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					flexWrap: "wrap",
+					gap: "var(--space-controlGap)"
+				},
+				children: [/* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => void E(),
+					disabled: !T || C || d,
+					"aria-describedby": k,
+					className: t,
+					style: {
+						...m,
+						cursor: !T || C || d ? "not-allowed" : "pointer",
+						opacity: !T || C || d ? .5 : 1
+					},
+					children: [C ? /* @__PURE__ */ l(a, {
+						size: 16,
+						className: "animate-spin",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ l(o, {
+						size: 16,
+						"aria-hidden": "true"
+					}), _("bigconsole.insights.analysis.button", "Preview analysis")]
+				}), /* @__PURE__ */ l("span", {
+					id: k,
+					style: {
+						fontSize: "var(--font-size-body-sm)",
+						color: "var(--color-text-muted)"
+					},
+					children: _("bigconsole.insights.analysis.hint", "See the detected intent and widget estimate. Uses 1 AI command.")
+				})]
+			}),
+			x && /* @__PURE__ */ l("p", {
+				role: "alert",
+				style: {
+					margin: 0,
+					fontSize: "var(--font-size-body-sm)",
+					color: "var(--color-status-error-text)"
+				},
+				children: x
+			}),
+			O && !x && /* @__PURE__ */ l("p", {
+				style: {
+					margin: 0,
+					fontSize: "var(--font-size-body-sm)",
+					color: "var(--color-text-muted)"
+				},
+				children: _("bigconsole.insights.analysis.stale", "The prompt changed since the last analysis. Preview it again.")
+			}),
+			D && /* @__PURE__ */ u("div", {
+				role: "status",
+				"data-testid": "prompt-analysis",
+				style: h,
+				children: [
+					/* @__PURE__ */ u("div", { children: [
+						/* @__PURE__ */ u("strong", {
+							style: { color: "var(--color-text-primary)" },
+							children: [_("bigconsole.insights.analysis.intent", "Detected intent"), ":"]
+						}),
+						" ",
+						D.detectedIntent,
+						" (",
+						p(D.suggestedCategory),
+						")"
+					] }),
+					/* @__PURE__ */ u("div", { children: [
+						/* @__PURE__ */ u("strong", {
+							style: { color: "var(--color-text-primary)" },
+							children: [_("bigconsole.insights.analysis.widgetCount", "Estimated widgets"), ":"]
+						}),
+						" ",
+						D.estimatedWidgetCount
+					] }),
+					D.suggestedWidgetTypes.length > 0 && /* @__PURE__ */ l("div", {
+						style: {
+							display: "flex",
+							flexWrap: "wrap",
+							gap: "var(--space-iconGap)"
+						},
+						children: D.suggestedWidgetTypes.map((e) => /* @__PURE__ */ l("span", {
+							style: g,
+							children: p(e)
+						}, e))
+					}),
+					D.detectedMetrics.length > 0 && /* @__PURE__ */ u("div", { children: [
+						/* @__PURE__ */ u("strong", {
+							style: { color: "var(--color-text-primary)" },
+							children: [_("bigconsole.insights.analysis.metrics", "Metrics"), ":"]
+						}),
+						" ",
+						D.detectedMetrics.join(", ")
+					] }),
+					(D.suggestedRefinements?.length ?? 0) > 0 && /* @__PURE__ */ u("div", { children: [
+						/* @__PURE__ */ u("strong", {
+							style: { color: "var(--color-text-primary)" },
+							children: [_("bigconsole.insights.analysis.suggestions", "Suggestions"), ":"]
+						}),
+						" ",
+						D.suggestedRefinements?.join("; ")
+					] })
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { _ as PromptAnalysisPreview, p as humanizeEnum };