@burdenoff/microfe-vibecontrols 2026.601.5 → 2026.601.7

package/dist/components/sessions/SessionsCommandPalette.js

@@ -0,0 +1,36 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { CommandDialog as r, CommandEmpty as i, CommandGroup as a, CommandInput as o, CommandItem as s, CommandList as c, CommandShortcut as l } from "@burdenoff/fe-libs/ui";
+//#region src/components/sessions/SessionsCommandPalette.tsx
+function u({ open: u, onOpenChange: d, commands: f }) {
+	let p = e(), m = [];
+	for (let e of f) m.includes(e.group) || m.push(e.group);
+	return /* @__PURE__ */ n(r, {
+		open: u,
+		onOpenChange: d,
+		title: p("sessions.palette.title", "Sessions command palette"),
+		description: p("sessions.palette.description", "Search sessions or run a command"),
+		children: [/* @__PURE__ */ t(o, {
+			placeholder: p("sessions.palette.placeholder", "Search sessions or type a command…"),
+			"data-testid": "sessions-palette-input"
+		}), /* @__PURE__ */ n(c, { children: [/* @__PURE__ */ t(i, { children: p("sessions.palette.empty", "No results.") }), m.map((e) => /* @__PURE__ */ t(a, {
+			heading: e,
+			children: f.filter((t) => t.group === e).map((e) => /* @__PURE__ */ n(s, {
+				value: `${e.label} ${e.keywords ?? ""}`,
+				onSelect: () => {
+					d(!1), e.run();
+				},
+				"data-testid": `sessions-palette-item-${e.id}`,
+				children: [
+					e.icon,
+					/* @__PURE__ */ t("span", { children: e.label }),
+					e.shortcut && /* @__PURE__ */ t(l, { children: e.shortcut })
+				]
+			}, e.id))
+		}, e))] })]
+	});
+}
+//#endregion
+export { u as SessionsCommandPalette };
+
+//# sourceMappingURL=SessionsCommandPalette.js.map

package/dist/components/sessions/SessionsCommandPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionsCommandPalette.js","names":[],"sources":["../../../src/components/sessions/SessionsCommandPalette.tsx"],"sourcesContent":["/**\n * SessionsCommandPalette — a cmdk action palette for the Sessions page.\n * Renders grouped, fuzzy-searchable commands (Actions / View / Sessions /\n * Navigation). Every action is supplied by the page so the palette and the\n * keyboard shortcuts share the same handler functions.\n */\nimport type { ReactNode } from 'react';\nimport {\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n} from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface PaletteCommand {\n  id: string;\n  label: string;\n  group: string;\n  icon?: ReactNode;\n  shortcut?: string;\n  /** Extra text folded into the fuzzy-search value. */\n  keywords?: string;\n  run: () => void;\n}\n\nexport interface SessionsCommandPaletteProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  commands: PaletteCommand[];\n}\n\nexport function SessionsCommandPalette({\n  open,\n  onOpenChange,\n  commands,\n}: SessionsCommandPaletteProps) {\n  const tr = useTr();\n\n  // Preserve group insertion order.\n  const groups: string[] = [];\n  for (const cmd of commands) {\n    if (!groups.includes(cmd.group)) groups.push(cmd.group);\n  }\n\n  return (\n    <CommandDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      title={tr('sessions.palette.title', 'Sessions command palette')}\n      description={tr('sessions.palette.description', 'Search sessions or run a command')}\n    >\n      <CommandInput\n        placeholder={tr('sessions.palette.placeholder', 'Search sessions or type a command…')}\n        data-testid=\"sessions-palette-input\"\n      />\n      <CommandList>\n        <CommandEmpty>{tr('sessions.palette.empty', 'No results.')}</CommandEmpty>\n        {groups.map((group) => (\n          <CommandGroup key={group} heading={group}>\n            {commands\n              .filter((cmd) => cmd.group === group)\n              .map((cmd) => (\n                <CommandItem\n                  key={cmd.id}\n                  value={`${cmd.label} ${cmd.keywords ?? ''}`}\n                  onSelect={() => {\n                    onOpenChange(false);\n                    cmd.run();\n                  }}\n                  data-testid={`sessions-palette-item-${cmd.id}`}\n                >\n                  {cmd.icon}\n                  <span>{cmd.label}</span>\n                  {cmd.shortcut && <CommandShortcut>{cmd.shortcut}</CommandShortcut>}\n                </CommandItem>\n              ))}\n          </CommandGroup>\n        ))}\n      </CommandList>\n    </CommandDialog>\n  );\n}\n"],"mappings":";;;;AAmCA,SAAgB,EAAuB,EACrC,SACA,iBACA,eAC8B;CAC9B,IAAM,IAAK,GAAO,EAGZ,IAAmB,EAAE;AAC3B,MAAK,IAAM,KAAO,EAChB,CAAK,EAAO,SAAS,EAAI,MAAM,IAAE,EAAO,KAAK,EAAI,MAAM;AAGzD,QACE,kBAAC,GAAD;EACQ;EACQ;EACd,OAAO,EAAG,0BAA0B,2BAA2B;EAC/D,aAAa,EAAG,gCAAgC,mCAAmC;YAJrF,CAME,kBAAC,GAAD;GACE,aAAa,EAAG,gCAAgC,qCAAqC;GACrF,eAAY;GACZ,CAAA,EACF,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAe,EAAG,0BAA0B,cAAc,EAAgB,CAAA,EACzE,EAAO,KAAK,MACX,kBAAC,GAAD;GAA0B,SAAS;aAChC,EACE,QAAQ,MAAQ,EAAI,UAAU,EAAM,CACpC,KAAK,MACJ,kBAAC,GAAD;IAEE,OAAO,GAAG,EAAI,MAAM,GAAG,EAAI,YAAY;IACvC,gBAAgB;AAEd,KADA,EAAa,GAAM,EACnB,EAAI,KAAK;;IAEX,eAAa,yBAAyB,EAAI;cAP5C;KASG,EAAI;KACL,kBAAC,QAAD,EAAA,UAAO,EAAI,OAAa,CAAA;KACvB,EAAI,YAAY,kBAAC,GAAD,EAAA,UAAkB,EAAI,UAA2B,CAAA;KACtD;MAXP,EAAI,GAWG,CACd;GACS,EAlBI,EAkBJ,CACf,CACU,EAAA,CAAA,CACA"}

package/dist/components/sessions/ShortcutCheatsheet.js

@@ -0,0 +1,73 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { groupShortcutsByCategory as t } from "./sessionShortcuts.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/sessions/ShortcutCheatsheet.tsx
+var i = {
+	Actions: "Actions",
+	Tabs: "Tabs",
+	View: "View",
+	Navigation: "Navigation",
+	Help: "Help"
+};
+function a({ isOpen: a, onClose: o, shortcuts: s }) {
+	let c = e();
+	if (!a) return null;
+	let l = t(s);
+	return /* @__PURE__ */ n("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay/80 backdrop-blur-sm p-4",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": "sessions-cheatsheet-title",
+		onClick: o,
+		"data-testid": "sessions-cheatsheet",
+		children: /* @__PURE__ */ r("div", {
+			className: "bg-bg-surface border border-border-default rounded-xl shadow-2xl p-6 max-w-2xl w-full max-h-[80vh] overflow-y-auto",
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ r("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ n("h2", {
+						id: "sessions-cheatsheet-title",
+						className: "text-lg font-semibold text-text-primary",
+						children: c("sessions.cheatsheet.title", "Keyboard shortcuts")
+					}), /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: o,
+						className: "px-2.5 py-1 text-sm rounded-md bg-bg-sunken hover:bg-bg-elevated text-text-secondary transition-colors",
+						children: c("common.close", "Close")
+					})]
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-5",
+					children: l.map(([e, t]) => /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h3", {
+						className: "text-[11px] font-semibold uppercase tracking-wider text-text-tertiary mb-2",
+						children: c(`sessions.cheatsheet.cat.${e}`, i[e] ?? e)
+					}), /* @__PURE__ */ n("dl", {
+						className: "space-y-1.5",
+						children: t.map((e) => /* @__PURE__ */ r("div", {
+							className: "flex items-center justify-between gap-4",
+							children: [/* @__PURE__ */ n("dt", {
+								className: "text-sm text-text-primary",
+								children: e.description
+							}), /* @__PURE__ */ n("dd", {
+								className: "shrink-0",
+								children: /* @__PURE__ */ n("kbd", {
+									className: "font-mono text-[11px] px-1.5 py-0.5 rounded bg-bg-sunken border border-border-subtle text-text-secondary whitespace-nowrap",
+									children: e.keysDisplay
+								})
+							})]
+						}, e.id))
+					})] }, e))
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "mt-5 text-xs text-text-tertiary",
+					children: c("sessions.cheatsheet.hint", "Shortcuts are ignored while typing in an input. Sequences like “g a” mean press g then a.")
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { a as ShortcutCheatsheet };
+
+//# sourceMappingURL=ShortcutCheatsheet.js.map

package/dist/components/sessions/ShortcutCheatsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutCheatsheet.js","names":[],"sources":["../../../src/components/sessions/ShortcutCheatsheet.tsx"],"sourcesContent":["/**\n * ShortcutCheatsheet — a keyboard-shortcut reference overlay rendered\n * directly from the shared shortcut registry, grouped by category. Because\n * it reads the same `SessionShortcut[]` the keydown handler is built from,\n * the help can never drift from the actual bindings.\n */\nimport { useTr } from '../../shared/hooks/useTr';\nimport { groupShortcutsByCategory, type SessionShortcut } from './sessionShortcuts';\n\nconst CATEGORY_LABELS: Record<string, string> = {\n  Actions: 'Actions',\n  Tabs: 'Tabs',\n  View: 'View',\n  Navigation: 'Navigation',\n  Help: 'Help',\n};\n\nexport interface ShortcutCheatsheetProps {\n  isOpen: boolean;\n  onClose: () => void;\n  shortcuts: SessionShortcut[];\n}\n\nexport function ShortcutCheatsheet({ isOpen, onClose, shortcuts }: ShortcutCheatsheetProps) {\n  const tr = useTr();\n  if (!isOpen) return null;\n  const groups = groupShortcutsByCategory(shortcuts);\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay/80 backdrop-blur-sm p-4\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"sessions-cheatsheet-title\"\n      onClick={onClose}\n      data-testid=\"sessions-cheatsheet\"\n    >\n      <div\n        className=\"bg-bg-surface border border-border-default rounded-xl shadow-2xl p-6 max-w-2xl w-full max-h-[80vh] overflow-y-auto\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 id=\"sessions-cheatsheet-title\" className=\"text-lg font-semibold text-text-primary\">\n            {tr('sessions.cheatsheet.title', 'Keyboard shortcuts')}\n          </h2>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-2.5 py-1 text-sm rounded-md bg-bg-sunken hover:bg-bg-elevated text-text-secondary transition-colors\"\n          >\n            {tr('common.close', 'Close')}\n          </button>\n        </div>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-5\">\n          {groups.map(([category, items]) => (\n            <div key={category}>\n              <h3 className=\"text-[11px] font-semibold uppercase tracking-wider text-text-tertiary mb-2\">\n                {tr(`sessions.cheatsheet.cat.${category}`, CATEGORY_LABELS[category] ?? category)}\n              </h3>\n              <dl className=\"space-y-1.5\">\n                {items.map((sc) => (\n                  <div key={sc.id} className=\"flex items-center justify-between gap-4\">\n                    <dt className=\"text-sm text-text-primary\">{sc.description}</dt>\n                    <dd className=\"shrink-0\">\n                      <kbd className=\"font-mono text-[11px] px-1.5 py-0.5 rounded bg-bg-sunken border border-border-subtle text-text-secondary whitespace-nowrap\">\n                        {sc.keysDisplay}\n                      </kbd>\n                    </dd>\n                  </div>\n                ))}\n              </dl>\n            </div>\n          ))}\n        </div>\n        <p className=\"mt-5 text-xs text-text-tertiary\">\n          {tr(\n            'sessions.cheatsheet.hint',\n            'Shortcuts are ignored while typing in an input. Sequences like “g a” mean press g then a.'\n          )}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AASA,IAAM,IAA0C;CAC9C,SAAS;CACT,MAAM;CACN,MAAM;CACN,YAAY;CACZ,MAAM;CACP;AAQD,SAAgB,EAAmB,EAAE,WAAQ,YAAS,gBAAsC;CAC1F,IAAM,IAAK,GAAO;AAClB,KAAI,CAAC,EAAQ,QAAO;CACpB,IAAM,IAAS,EAAyB,EAAU;AAElD,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,mBAAgB;EAChB,SAAS;EACT,eAAY;YAEZ,kBAAC,OAAD;GACE,WAAU;GACV,UAAU,MAAM,EAAE,iBAAiB;aAFrC;IAIE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,IAAG;MAA4B,WAAU;gBAC1C,EAAG,6BAA6B,qBAAqB;MACnD,CAAA,EACL,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAET,EAAG,gBAAgB,QAAQ;MACrB,CAAA,CACL;;IACN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,CAAC,GAAU,OACtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,2BAA2B,KAAY,EAAgB,MAAa,EAAS;MAC9E,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAM,KAAK,MACV,kBAAC,OAAD;OAAiB,WAAU;iBAA3B,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA6B,EAAG;QAAiB,CAAA,EAC/D,kBAAC,MAAD;QAAI,WAAU;kBACZ,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAG;SACA,CAAA;QACH,CAAA,CACD;SAPI,EAAG,GAOP,CACN;MACC,CAAA,CACD,EAAA,EAhBI,EAgBJ,CACN;KACE,CAAA;IACN,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,4BACA,4FACD;KACC,CAAA;IACA;;EACF,CAAA"}