@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/vibedeck/VibeDeckForm.js

@@ -0,0 +1,233 @@
+import { useState as e } from "react";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/vibedeck/VibeDeckForm.tsx
+var a = [
+	{
+		value: "",
+		labelKey: "vibeDeck.colorDefault",
+		fallback: "Default"
+	},
+	{
+		value: "blue",
+		labelKey: "vibeDeck.colorBlue",
+		fallback: "Blue"
+	},
+	{
+		value: "green",
+		labelKey: "vibeDeck.colorGreen",
+		fallback: "Green"
+	},
+	{
+		value: "red",
+		labelKey: "vibeDeck.colorRed",
+		fallback: "Red"
+	},
+	{
+		value: "purple",
+		labelKey: "vibeDeck.colorPurple",
+		fallback: "Purple"
+	},
+	{
+		value: "orange",
+		labelKey: "vibeDeck.colorOrange",
+		fallback: "Orange"
+	},
+	{
+		value: "cyan",
+		labelKey: "vibeDeck.colorCyan",
+		fallback: "Cyan"
+	},
+	{
+		value: "pink",
+		labelKey: "vibeDeck.colorPink",
+		fallback: "Pink"
+	}
+], o = [
+	{
+		label: "3x3",
+		cols: 3,
+		rows: 3
+	},
+	{
+		label: "4x3",
+		cols: 4,
+		rows: 3
+	},
+	{
+		label: "4x4",
+		cols: 4,
+		rows: 4
+	},
+	{
+		label: "5x3",
+		cols: 5,
+		rows: 3
+	},
+	{
+		label: "5x4",
+		cols: 5,
+		rows: 4
+	},
+	{
+		label: "6x4",
+		cols: 6,
+		rows: 4
+	}
+], s = ({ initialData: s, onSubmit: c, onCancel: l, isLoading: u, title: d }) => {
+	let { t: f } = t(), p = (e, t) => {
+		let n = f(e);
+		return n === e ? t : n;
+	}, m = a.map((e) => ({
+		value: e.value,
+		label: p(e.labelKey, e.fallback)
+	})), [h, g] = e({
+		name: s?.name || "",
+		description: s?.description || "",
+		icon: s?.icon || "",
+		colorTheme: s?.colorTheme || "",
+		gridColumns: s?.gridColumns || 4,
+		gridRows: s?.gridRows || 3,
+		buttonSize: s?.buttonSize || "md"
+	});
+	return /* @__PURE__ */ r("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay backdrop-blur-sm",
+		children: /* @__PURE__ */ i("div", {
+			className: "bg-bg-elevated border border-border-default rounded-xl shadow-xl w-full max-w-md mx-4",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+				children: [/* @__PURE__ */ r("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: d
+				}), /* @__PURE__ */ r("button", {
+					onClick: l,
+					className: "p-1 rounded hover:bg-bg-tertiary text-text-tertiary",
+					children: /* @__PURE__ */ r(n, { size: 18 })
+				})]
+			}), /* @__PURE__ */ i("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), c(h);
+				},
+				className: "p-6 space-y-4",
+				children: [
+					/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ i("label", {
+						className: "block text-sm font-medium text-text-secondary mb-1",
+						children: [p("vibeDeck.name", "Name"), " *"]
+					}), /* @__PURE__ */ r("input", {
+						type: "text",
+						value: h.name,
+						onChange: (e) => g({
+							...h,
+							name: e.target.value
+						}),
+						className: "w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+						placeholder: p("vibeDeck.namePlaceholder", "My Vibe Deck"),
+						required: !0
+					})] }),
+					/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+						className: "block text-sm font-medium text-text-secondary mb-1",
+						children: p("vibeDeck.description", "Description")
+					}), /* @__PURE__ */ r("textarea", {
+						value: h.description,
+						onChange: (e) => g({
+							...h,
+							description: e.target.value
+						}),
+						className: "w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none",
+						rows: 2,
+						placeholder: p("vibeDeck.descriptionPlaceholder", "Optional description...")
+					})] }),
+					/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+						className: "block text-sm font-medium text-text-secondary mb-1",
+						children: p("vibeDeck.colorTheme", "Color Theme")
+					}), /* @__PURE__ */ r("select", {
+						value: h.colorTheme,
+						onChange: (e) => g({
+							...h,
+							colorTheme: e.target.value
+						}),
+						className: "w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+						children: m.map((e) => /* @__PURE__ */ r("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))
+					})] }),
+					/* @__PURE__ */ i("div", { children: [
+						/* @__PURE__ */ r("label", {
+							className: "block text-sm font-medium text-text-secondary mb-2",
+							children: p("vibeDeck.gridLayout", "Grid Layout")
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "flex flex-wrap gap-2",
+							children: o.map((e) => /* @__PURE__ */ r("button", {
+								type: "button",
+								onClick: () => g({
+									...h,
+									gridColumns: e.cols,
+									gridRows: e.rows
+								}),
+								className: `px-3 py-1.5 rounded-lg text-sm border transition-colors ${h.gridColumns === e.cols && h.gridRows === e.rows ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default text-text-secondary hover:bg-bg-tertiary"}`,
+								children: e.label
+							}, e.label))
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex gap-2 mt-2",
+							children: [/* @__PURE__ */ i("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ r("label", {
+									className: "text-xs text-text-tertiary",
+									children: p("vibeDeck.columns", "Columns")
+								}), /* @__PURE__ */ r("input", {
+									type: "number",
+									min: 1,
+									max: 10,
+									value: h.gridColumns,
+									onChange: (e) => g({
+										...h,
+										gridColumns: parseInt(e.target.value) || 4
+									}),
+									className: "w-full px-2 py-1 rounded border border-border-default bg-bg-secondary text-text-primary text-sm"
+								})]
+							}), /* @__PURE__ */ i("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ r("label", {
+									className: "text-xs text-text-tertiary",
+									children: p("vibeDeck.rows", "Rows")
+								}), /* @__PURE__ */ r("input", {
+									type: "number",
+									min: 1,
+									max: 10,
+									value: h.gridRows,
+									onChange: (e) => g({
+										...h,
+										gridRows: parseInt(e.target.value) || 3
+									}),
+									className: "w-full px-2 py-1 rounded border border-border-default bg-bg-secondary text-text-primary text-sm"
+								})]
+							})]
+						})
+					] }),
+					/* @__PURE__ */ i("div", {
+						className: "flex justify-end gap-3 pt-2",
+						children: [/* @__PURE__ */ r("button", {
+							type: "button",
+							onClick: l,
+							className: "px-4 py-2 rounded-lg text-sm text-text-secondary hover:bg-bg-tertiary transition-colors",
+							children: p("vibeDeck.cancel", "Cancel")
+						}), /* @__PURE__ */ r("button", {
+							type: "submit",
+							disabled: u || !h.name.trim(),
+							className: "px-4 py-2 rounded-lg text-sm bg-action-primary-bg text-action-primary-text hover:opacity-90 transition-opacity disabled:opacity-50",
+							children: u ? p("vibeDeck.saving", "Saving...") : p("vibeDeck.save", "Save")
+						})]
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { s as VibeDeckForm };
+
+//# sourceMappingURL=VibeDeckForm.js.map

package/dist/components/vibedeck/VibeDeckForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckForm.js","names":[],"sources":["../../../src/components/vibedeck/VibeDeckForm.tsx"],"sourcesContent":["import { type FC, useState } from 'react';\nimport { X } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface VibeDeckFormData {\n  name: string;\n  description: string;\n  icon: string;\n  colorTheme: string;\n  gridColumns: number;\n  gridRows: number;\n  buttonSize: string;\n}\n\ninterface VibeDeckFormProps {\n  initialData?: Partial<VibeDeckFormData>;\n  onSubmit: (data: VibeDeckFormData) => void;\n  onCancel: () => void;\n  isLoading: boolean;\n  title: string;\n}\n\nconst colorOptionKeys: { value: string; labelKey: string; fallback: string }[] = [\n  { value: '', labelKey: 'vibeDeck.colorDefault', fallback: 'Default' },\n  { value: 'blue', labelKey: 'vibeDeck.colorBlue', fallback: 'Blue' },\n  { value: 'green', labelKey: 'vibeDeck.colorGreen', fallback: 'Green' },\n  { value: 'red', labelKey: 'vibeDeck.colorRed', fallback: 'Red' },\n  { value: 'purple', labelKey: 'vibeDeck.colorPurple', fallback: 'Purple' },\n  { value: 'orange', labelKey: 'vibeDeck.colorOrange', fallback: 'Orange' },\n  { value: 'cyan', labelKey: 'vibeDeck.colorCyan', fallback: 'Cyan' },\n  { value: 'pink', labelKey: 'vibeDeck.colorPink', fallback: 'Pink' },\n];\n\nconst gridPresets = [\n  { label: '3x3', cols: 3, rows: 3 },\n  { label: '4x3', cols: 4, rows: 3 },\n  { label: '4x4', cols: 4, rows: 4 },\n  { label: '5x3', cols: 5, rows: 3 },\n  { label: '5x4', cols: 5, rows: 4 },\n  { label: '6x4', cols: 6, rows: 4 },\n];\n\nexport const VibeDeckForm: FC<VibeDeckFormProps> = ({\n  initialData,\n  onSubmit,\n  onCancel,\n  isLoading,\n  title,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const colorOptions = colorOptionKeys.map((opt) => ({\n    value: opt.value,\n    label: tr(opt.labelKey, opt.fallback),\n  }));\n\n  const [form, setForm] = useState<VibeDeckFormData>({\n    name: initialData?.name || '',\n    description: initialData?.description || '',\n    icon: initialData?.icon || '',\n    colorTheme: initialData?.colorTheme || '',\n    gridColumns: initialData?.gridColumns || 4,\n    gridRows: initialData?.gridRows || 3,\n    buttonSize: initialData?.buttonSize || 'md',\n  });\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    onSubmit(form);\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay backdrop-blur-sm\">\n      <div className=\"bg-bg-elevated border border-border-default rounded-xl shadow-xl w-full max-w-md mx-4\">\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n          <button\n            onClick={onCancel}\n            className=\"p-1 rounded hover:bg-bg-tertiary text-text-tertiary\"\n          >\n            <X size={18} />\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"p-6 space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-secondary mb-1\">\n              {tr('vibeDeck.name', 'Name')} *\n            </label>\n            <input\n              type=\"text\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n              placeholder={tr('vibeDeck.namePlaceholder', 'My Vibe Deck')}\n              required\n            />\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-text-secondary mb-1\">\n              {tr('vibeDeck.description', 'Description')}\n            </label>\n            <textarea\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              className=\"w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none\"\n              rows={2}\n              placeholder={tr('vibeDeck.descriptionPlaceholder', 'Optional description...')}\n            />\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-text-secondary mb-1\">\n              {tr('vibeDeck.colorTheme', 'Color Theme')}\n            </label>\n            <select\n              value={form.colorTheme}\n              onChange={(e) => setForm({ ...form, colorTheme: e.target.value })}\n              className=\"w-full px-3 py-2 rounded-lg border border-border-default bg-bg-secondary text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n            >\n              {colorOptions.map((opt) => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          <div>\n            <label className=\"block text-sm font-medium text-text-secondary mb-2\">\n              {tr('vibeDeck.gridLayout', 'Grid Layout')}\n            </label>\n            <div className=\"flex flex-wrap gap-2\">\n              {gridPresets.map((preset) => {\n                const isActive = form.gridColumns === preset.cols && form.gridRows === preset.rows;\n                return (\n                  <button\n                    key={preset.label}\n                    type=\"button\"\n                    onClick={() =>\n                      setForm({ ...form, gridColumns: preset.cols, gridRows: preset.rows })\n                    }\n                    className={`px-3 py-1.5 rounded-lg text-sm border transition-colors ${\n                      isActive\n                        ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                        : 'border-border-default text-text-secondary hover:bg-bg-tertiary'\n                    }`}\n                  >\n                    {preset.label}\n                  </button>\n                );\n              })}\n            </div>\n            <div className=\"flex gap-2 mt-2\">\n              <div className=\"flex-1\">\n                <label className=\"text-xs text-text-tertiary\">\n                  {tr('vibeDeck.columns', 'Columns')}\n                </label>\n                <input\n                  type=\"number\"\n                  min={1}\n                  max={10}\n                  value={form.gridColumns}\n                  onChange={(e) => setForm({ ...form, gridColumns: parseInt(e.target.value) || 4 })}\n                  className=\"w-full px-2 py-1 rounded border border-border-default bg-bg-secondary text-text-primary text-sm\"\n                />\n              </div>\n              <div className=\"flex-1\">\n                <label className=\"text-xs text-text-tertiary\">{tr('vibeDeck.rows', 'Rows')}</label>\n                <input\n                  type=\"number\"\n                  min={1}\n                  max={10}\n                  value={form.gridRows}\n                  onChange={(e) => setForm({ ...form, gridRows: parseInt(e.target.value) || 3 })}\n                  className=\"w-full px-2 py-1 rounded border border-border-default bg-bg-secondary text-text-primary text-sm\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex justify-end gap-3 pt-2\">\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              className=\"px-4 py-2 rounded-lg text-sm text-text-secondary hover:bg-bg-tertiary transition-colors\"\n            >\n              {tr('vibeDeck.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isLoading || !form.name.trim()}\n              className=\"px-4 py-2 rounded-lg text-sm bg-action-primary-bg text-action-primary-text hover:opacity-90 transition-opacity disabled:opacity-50\"\n            >\n              {isLoading ? tr('vibeDeck.saving', 'Saving...') : tr('vibeDeck.save', 'Save')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/vibedeck/VibeDeckGrid.d.ts

@@ -0,0 +1,51 @@
+import { FC } from 'react';
+
+interface ActionRef {
+    id: string;
+    name: string;
+    displayName: string | null;
+    actionType: string;
+    command: string | null;
+    script: string | null;
+    webhookUrl: string | null;
+    targetAgentId: string | null;
+}
+interface ButtonData {
+    id: string;
+    label: string;
+    icon: string | null;
+    color: string | null;
+    command: string | null;
+    actionType: string;
+    category: string | null;
+    confirmationRequired: boolean;
+    keyboardShortcut: string | null;
+    targetAgentId: string | null;
+    scriptInterpreter: string | null;
+    webhookUrl: string | null;
+    webhookMethod: string | null;
+    actionId?: string | null;
+    action?: ActionRef | null;
+    row: number;
+    column: number;
+    rowSpan: number;
+    colSpan: number;
+}
+interface VibeDeckGridProps {
+    gridColumns: number;
+    gridRows: number;
+    buttons: ButtonData[];
+    onExecuteButton: (id: string) => void;
+    onEditButton: (id: string) => void;
+    onDeleteButton: (id: string) => void;
+    onDropButton: (buttonId: string, targetRow: number, targetColumn: number) => void;
+    onAddButton: (row: number, column: number) => void;
+    executingButtonId: string | null;
+    canCreate: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+    canExecute: boolean;
+}
+export declare const VibeDeckGrid: FC<VibeDeckGridProps>;
+export {};
+//# sourceMappingURL=VibeDeckGrid.d.ts.map

package/dist/components/vibedeck/VibeDeckGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckGrid.d.ts","sourceRoot":"","sources":["../../../src/components/vibedeck/VibeDeckGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAqD,MAAM,OAAO,CAAC;AAKnF,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iBAAiB;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8L9C,CAAC"}

package/dist/components/vibedeck/VibeDeckGrid.js

@@ -0,0 +1,127 @@
+import { VibeDeckButtonTile as e } from "./VibeDeckButtonTile.js";
+import { useCallback as t, useMemo as n, useState as r } from "react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Plus as a } from "lucide-react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/vibedeck/VibeDeckGrid.tsx
+var s = ({ gridColumns: s, gridRows: c, buttons: l, onExecuteButton: u, onEditButton: d, onDeleteButton: f, onDropButton: p, onAddButton: m, executingButtonId: h, canCreate: g, canUpdate: _, canDelete: v, canExecute: y }) => {
+	let { t: b } = i(), x = (e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, [S, C] = r({
+		draggingId: null,
+		targetKey: null
+	}), { occupiedCells: w, buttonAtCell: T } = n(() => {
+		let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map();
+		for (let n of l) {
+			for (let t = n.row; t < n.row + n.rowSpan; t++) for (let r = n.column; r < n.column + n.colSpan; r++) e.add(`${t},${r}`);
+			t.set(`${n.row},${n.column}`, n);
+		}
+		return {
+			occupiedCells: e,
+			buttonAtCell: t
+		};
+	}, [l]), E = t((e, t) => {
+		e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move", C({
+			draggingId: t,
+			targetKey: null
+		});
+	}, []), D = t((e, t) => {
+		if (!S.draggingId) return !1;
+		let n = l.find((e) => e.id === S.draggingId);
+		if (!n || e + n.rowSpan > c || t + n.colSpan > s) return !1;
+		for (let r = e; r < e + n.rowSpan; r++) for (let e = t; e < t + n.colSpan; e++) if (w.has(`${r},${e}`) && !(r >= n.row && r < n.row + n.rowSpan && e >= n.column && e < n.column + n.colSpan)) return !1;
+		return !0;
+	}, [
+		S.draggingId,
+		l,
+		c,
+		s,
+		w
+	]), O = t((e, t, n, r) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move", D(n, r) ? C((e) => ({
+			...e,
+			targetKey: t
+		})) : C((e) => ({
+			...e,
+			targetKey: null
+		}));
+	}, [D]), k = t(() => {
+		C((e) => ({
+			...e,
+			targetKey: null
+		}));
+	}, []), A = t((e, t, n) => {
+		e.preventDefault();
+		let r = e.dataTransfer.getData("text/plain");
+		C({
+			draggingId: null,
+			targetKey: null
+		}), r && D(t, n) && p(r, t, n);
+	}, [p, D]), j = t(() => {
+		C({
+			draggingId: null,
+			targetKey: null
+		});
+	}, []), M = [];
+	for (let t = 0; t < c; t++) for (let n = 0; n < s; n++) {
+		let r = `${t},${n}`, i = T.get(r);
+		if (i) {
+			let a = S.draggingId === i.id;
+			M.push(/* @__PURE__ */ o("div", {
+				style: {
+					gridRow: `${t + 1} / span ${i.rowSpan}`,
+					gridColumn: `${n + 1} / span ${i.colSpan}`
+				},
+				draggable: _,
+				onDragStart: (e) => E(e, i.id),
+				onDragEnd: j,
+				className: `${a ? "opacity-40" : ""} ${_ ? "cursor-grab active:cursor-grabbing" : ""}`,
+				children: /* @__PURE__ */ o(e, {
+					button: i,
+					onExecute: u,
+					onEdit: d,
+					onDelete: f,
+					canUpdate: _,
+					canDelete: v,
+					canExecute: y,
+					executing: h === i.id
+				})
+			}, r));
+		} else if (!w.has(r)) {
+			let e = S.draggingId && S.targetKey === r;
+			M.push(/* @__PURE__ */ o("div", {
+				style: {
+					gridRow: t + 1,
+					gridColumn: n + 1
+				},
+				onDragOver: (e) => O(e, r, t, n),
+				onDragLeave: k,
+				onDrop: (e) => A(e, t, n),
+				children: S.draggingId ? /* @__PURE__ */ o("div", {
+					className: `w-full h-full min-h-[80px] rounded-lg border-2 border-dashed flex items-center justify-center transition-all ${e ? "border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg" : "border-border-default/30 text-text-tertiary/30"}`,
+					children: e && /* @__PURE__ */ o("span", {
+						className: "text-xs font-medium",
+						children: x("vibeDeck.dropHere", "Drop here")
+					})
+				}) : g ? /* @__PURE__ */ o("button", {
+					onClick: () => m(t, n),
+					className: "w-full h-full min-h-[80px] rounded-lg border-2 border-dashed border-border-default/50 hover:border-border-default flex items-center justify-center text-text-tertiary hover:text-text-secondary transition-all hover:bg-bg-secondary/50",
+					children: /* @__PURE__ */ o(a, { size: 18 })
+				}) : /* @__PURE__ */ o("div", { className: "w-full h-full min-h-[80px] rounded-lg border border-border-default/20" })
+			}, r));
+		}
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "grid gap-3",
+		style: {
+			gridTemplateColumns: `repeat(${s}, 1fr)`,
+			gridTemplateRows: `repeat(${c}, auto)`
+		},
+		children: M
+	});
+};
+//#endregion
+export { s as VibeDeckGrid };
+
+//# sourceMappingURL=VibeDeckGrid.js.map

package/dist/components/vibedeck/VibeDeckGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckGrid.js","names":[],"sources":["../../../src/components/vibedeck/VibeDeckGrid.tsx"],"sourcesContent":["import { type FC, type ReactElement, useState, useCallback, useMemo } from 'react';\nimport { Plus } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { VibeDeckButtonTile } from './VibeDeckButtonTile';\n\ninterface ActionRef {\n  id: string;\n  name: string;\n  displayName: string | null;\n  actionType: string;\n  command: string | null;\n  script: string | null;\n  webhookUrl: string | null;\n  targetAgentId: string | null;\n}\n\ninterface ButtonData {\n  id: string;\n  label: string;\n  icon: string | null;\n  color: string | null;\n  command: string | null;\n  actionType: string;\n  category: string | null;\n  confirmationRequired: boolean;\n  keyboardShortcut: string | null;\n  targetAgentId: string | null;\n  scriptInterpreter: string | null;\n  webhookUrl: string | null;\n  webhookMethod: string | null;\n  actionId?: string | null;\n  action?: ActionRef | null;\n  row: number;\n  column: number;\n  rowSpan: number;\n  colSpan: number;\n}\n\ninterface VibeDeckGridProps {\n  gridColumns: number;\n  gridRows: number;\n  buttons: ButtonData[];\n  onExecuteButton: (id: string) => void;\n  onEditButton: (id: string) => void;\n  onDeleteButton: (id: string) => void;\n  onDropButton: (buttonId: string, targetRow: number, targetColumn: number) => void;\n  onAddButton: (row: number, column: number) => void;\n  executingButtonId: string | null;\n  canCreate: boolean;\n  canUpdate: boolean;\n  canDelete: boolean;\n  canExecute: boolean;\n}\n\nexport const VibeDeckGrid: FC<VibeDeckGridProps> = ({\n  gridColumns,\n  gridRows,\n  buttons,\n  onExecuteButton,\n  onEditButton,\n  onDeleteButton,\n  onDropButton,\n  onAddButton,\n  executingButtonId,\n  canCreate,\n  canUpdate,\n  canDelete,\n  canExecute,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const [dragState, setDragState] = useState<{\n    draggingId: string | null;\n    targetKey: string | null;\n  }>({ draggingId: null, targetKey: null });\n\n  // Build a map of occupied cells (memoized to stabilize hook dependencies)\n  const { occupiedCells, buttonAtCell } = useMemo(() => {\n    const occupied = new Set<string>();\n    const cellMap = new Map<string, ButtonData>();\n    for (const btn of buttons) {\n      for (let r = btn.row; r < btn.row + btn.rowSpan; r++) {\n        for (let c = btn.column; c < btn.column + btn.colSpan; c++) {\n          occupied.add(`${r},${c}`);\n        }\n      }\n      cellMap.set(`${btn.row},${btn.column}`, btn);\n    }\n    return { occupiedCells: occupied, buttonAtCell: cellMap };\n  }, [buttons]);\n\n  const handleDragStart = useCallback((e: React.DragEvent, buttonId: string) => {\n    e.dataTransfer.setData('text/plain', buttonId);\n    e.dataTransfer.effectAllowed = 'move';\n    setDragState({ draggingId: buttonId, targetKey: null });\n  }, []);\n\n  const isDropValid = useCallback(\n    (targetRow: number, targetCol: number) => {\n      if (!dragState.draggingId) return false;\n      const btn = buttons.find((b) => b.id === dragState.draggingId);\n      if (!btn) return false;\n      // Check grid boundary\n      if (targetRow + btn.rowSpan > gridRows || targetCol + btn.colSpan > gridColumns) return false;\n      // Check collision with other buttons\n      for (let r = targetRow; r < targetRow + btn.rowSpan; r++) {\n        for (let c = targetCol; c < targetCol + btn.colSpan; c++) {\n          if (occupiedCells.has(`${r},${c}`)) {\n            // Allow overlap with the dragged button's own current footprint\n            const isOwnCell =\n              r >= btn.row &&\n              r < btn.row + btn.rowSpan &&\n              c >= btn.column &&\n              c < btn.column + btn.colSpan;\n            if (!isOwnCell) return false;\n          }\n        }\n      }\n      return true;\n    },\n    [dragState.draggingId, buttons, gridRows, gridColumns, occupiedCells]\n  );\n\n  const handleDragOver = useCallback(\n    (e: React.DragEvent, key: string, row: number, col: number) => {\n      e.preventDefault();\n      e.dataTransfer.dropEffect = 'move';\n      if (isDropValid(row, col)) {\n        setDragState((prev) => ({ ...prev, targetKey: key }));\n      } else {\n        setDragState((prev) => ({ ...prev, targetKey: null }));\n      }\n    },\n    [isDropValid]\n  );\n\n  const handleDragLeave = useCallback(() => {\n    setDragState((prev) => ({ ...prev, targetKey: null }));\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent, row: number, col: number) => {\n      e.preventDefault();\n      const buttonId = e.dataTransfer.getData('text/plain');\n      setDragState({ draggingId: null, targetKey: null });\n      if (buttonId && isDropValid(row, col)) {\n        onDropButton(buttonId, row, col);\n      }\n    },\n    [onDropButton, isDropValid]\n  );\n\n  const handleDragEnd = useCallback(() => {\n    setDragState({ draggingId: null, targetKey: null });\n  }, []);\n\n  // Build grid cells\n  const cells: ReactElement[] = [];\n  for (let row = 0; row < gridRows; row++) {\n    for (let col = 0; col < gridColumns; col++) {\n      const key = `${row},${col}`;\n      const button = buttonAtCell.get(key);\n\n      if (button) {\n        const isDragging = dragState.draggingId === button.id;\n        cells.push(\n          <div\n            key={key}\n            style={{\n              gridRow: `${row + 1} / span ${button.rowSpan}`,\n              gridColumn: `${col + 1} / span ${button.colSpan}`,\n            }}\n            draggable={canUpdate}\n            onDragStart={(e) => handleDragStart(e, button.id)}\n            onDragEnd={handleDragEnd}\n            className={`${isDragging ? 'opacity-40' : ''} ${canUpdate ? 'cursor-grab active:cursor-grabbing' : ''}`}\n          >\n            <VibeDeckButtonTile\n              button={button}\n              onExecute={onExecuteButton}\n              onEdit={onEditButton}\n              onDelete={onDeleteButton}\n              canUpdate={canUpdate}\n              canDelete={canDelete}\n              canExecute={canExecute}\n              executing={executingButtonId === button.id}\n            />\n          </div>\n        );\n      } else if (!occupiedCells.has(key)) {\n        const isDropTarget = dragState.draggingId && dragState.targetKey === key;\n        cells.push(\n          <div\n            key={key}\n            style={{ gridRow: row + 1, gridColumn: col + 1 }}\n            onDragOver={(e) => handleDragOver(e, key, row, col)}\n            onDragLeave={handleDragLeave}\n            onDrop={(e) => handleDrop(e, row, col)}\n          >\n            {dragState.draggingId ? (\n              <div\n                className={`w-full h-full min-h-[80px] rounded-lg border-2 border-dashed flex items-center justify-center transition-all ${\n                  isDropTarget\n                    ? 'border-action-primary-bg bg-action-primary-bg/10 text-action-primary-bg'\n                    : 'border-border-default/30 text-text-tertiary/30'\n                }`}\n              >\n                {isDropTarget && (\n                  <span className=\"text-xs font-medium\">\n                    {tr('vibeDeck.dropHere', 'Drop here')}\n                  </span>\n                )}\n              </div>\n            ) : canCreate ? (\n              <button\n                onClick={() => onAddButton(row, col)}\n                className=\"w-full h-full min-h-[80px] rounded-lg border-2 border-dashed border-border-default/50 hover:border-border-default flex items-center justify-center text-text-tertiary hover:text-text-secondary transition-all hover:bg-bg-secondary/50\"\n              >\n                <Plus size={18} />\n              </button>\n            ) : (\n              <div className=\"w-full h-full min-h-[80px] rounded-lg border border-border-default/20\" />\n            )}\n          </div>\n        );\n      }\n    }\n  }\n\n  return (\n    <div\n      className=\"grid gap-3\"\n      style={{\n        gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n        gridTemplateRows: `repeat(${gridRows}, auto)`,\n      }}\n    >\n      {cells}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/vibedeck/VibeDeckShareDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+interface VibeDeckShareDialogProps {
+    vibeDeckId: string;
+    vibeDeckName: string;
+    onClose: () => void;
+}
+export declare const VibeDeckShareDialog: FC<VibeDeckShareDialogProps>;
+export {};
+//# sourceMappingURL=VibeDeckShareDialog.d.ts.map

package/dist/components/vibedeck/VibeDeckShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibeDeckShareDialog.d.ts","sourceRoot":"","sources":["../../../src/components/vibedeck/VibeDeckShareDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAC;AAwBvD,UAAU,wBAAwB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAsCD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgX5D,CAAC"}