@burdenoff/fe-libs 2026.1027.12 → 2026.1027.14

package/dist/chrome/sideNavigation/MobileActionsBar.js

@@ -2,29 +2,38 @@ import { useI18n as e } from "../../shared/providers/shell/I18nProvider.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/chrome/sideNavigation/MobileActionsBar.tsx
 var r = ({ actions: r, collapsed: i, onToggleCollapse: a }) => {
-	let { t: o } = e();
+	let { t: o } = e(), s = (e, t) => {
+		let n = o(e);
+		return n === e ? t : n;
+	}, c = r.length % 3 == 1;
 	return /* @__PURE__ */ n("div", {
 		className: "md:hidden py-4 px-4 border-t border-border-subtle bg-bg-sunken/50",
 		children: [/* @__PURE__ */ t("p", {
 			className: "text-[11px] text-text-muted mb-3 font-medium uppercase tracking-wider",
-			children: ((e, t) => {
-				let n = o(e);
-				return n === e ? t : n;
-			})("appShell.quickActions", "Quick Actions")
+			children: s("appShell.quickActions", "Quick Actions")
 		}), /* @__PURE__ */ t("div", {
-			className: "flex flex-wrap items-center justify-center gap-3",
-			children: r.map((e) => /* @__PURE__ */ t("button", {
-				onClick: () => {
-					e.onClick(), e.closeSidebar !== !1 && a && !i && a();
-				},
-				className: `flex shrink-0 items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${e.isToggle && e.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
-				"aria-label": e.label,
-				title: e.label,
-				children: /* @__PURE__ */ t("span", {
-					className: "size-5",
-					children: e.icon
-				})
-			}, e.id))
+			className: "grid grid-cols-3 gap-2",
+			children: r.map((e, o) => {
+				let s = !!e.isToggle && !!e.isActive, l = o === r.length - 1;
+				return /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: () => {
+						e.onClick(), e.closeSidebar !== !1 && a && !i && a();
+					},
+					"aria-pressed": e.isToggle ? s : void 0,
+					"aria-label": e.label,
+					title: e.label,
+					className: `flex w-full min-h-[64px] flex-col items-center justify-center gap-1.5 rounded-button px-2 py-3 text-center transition-colors duration-150 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)] ${c && l ? "col-start-2" : ""} ${s ? "bg-[var(--color-accent-soft)] text-text-primary font-medium" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary active:scale-95"}`,
+					children: [/* @__PURE__ */ t("span", {
+						className: "inline-flex size-5 shrink-0 items-center justify-center",
+						"aria-hidden": "true",
+						children: e.icon
+					}), /* @__PURE__ */ t("span", {
+						className: "text-[11px] leading-tight",
+						children: e.label
+					})]
+				}, e.id);
+			})
 		})]
 	});
 };

package/dist/shared/assistant/index.d.ts

@@ -133,6 +133,7 @@ export * from './ui/AssistantMarkdownRenderer';
 export * from './ui/AssistantMessageAttachments';
 export * from './ui/AssistantPendingWriteCard';
 export * from './ui/AssistantWriteProposalCard';
+export * from './ui/AssistantAiDisclaimer';
 export * from './ui/AssistantWriteConfirmDialog';
 export * from './ui/useWriteProposalConfirm';
 export * from './ui/writeProposalPresentation';

package/dist/shared/assistant/ui/AssistantAiDisclaimer.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+export interface AssistantAiDisclaimerProps {
+    /** Extra layout classes from the mount point (spacing, borders). */
+    className?: string;
+    /** Distinguishes the mounts in tests and in Playwright checks. */
+    testId?: string;
+    /** Centred under a composer; start-aligned inside a card. */
+    align?: 'center' | 'start';
+}
+/**
+ * The standing "AI can make mistakes" line (BOFF-3720, AI_READINESS 5.3).
+ *
+ * ★★ Standing and non-dismissable by design: there is no close control, no
+ * prop that hides it and no stored "seen" flag. It sits under the composer of
+ * every assistant panel and on every write-proposal card, so it is on screen
+ * whenever an answer is read or a change is approved.
+ *
+ * ★ A platform shell label, not a product-prefixed assistant key. The
+ * `workspaces` dictionary is layered under every product's, so one seed of
+ * `assistantChrome.aiDisclaimer` translates it for every product. Until that
+ * seed lands, and in any locale it lacks, the English renders: the line is
+ * never missing, only untranslated.
+ *
+ * Semantic tokens only (`text-text-muted`).
+ */
+export declare const AssistantAiDisclaimer: FC<AssistantAiDisclaimerProps>;

package/dist/shared/assistant/ui/AssistantAiDisclaimer.js

@@ -0,0 +1,13 @@
+import { useAssistantDisclaimerLabel as e } from "../../providers/shell/useAssistantShellLabels.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/shared/assistant/ui/AssistantAiDisclaimer.tsx
+var n = ({ className: n, testId: r = "assistant-ai-disclaimer", align: i = "center" }) => {
+	let a = e();
+	return /* @__PURE__ */ t("p", {
+		className: `${i === "center" ? "text-center" : "text-start"} text-[11px] leading-snug text-text-muted${n ? ` ${n}` : ""}`,
+		"data-testid": r,
+		children: a
+	});
+};
+//#endregion
+export { n as AssistantAiDisclaimer };