@burdenoff/microfe-vibecontrols 2026.602.1 → 2026.602.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/vibes/DeleteVibeDialog.js +130 -0
  2. package/dist/components/vibes/DeleteVibeDialog.js.map +1 -0
  3. package/dist/components/vibes/VibeCard.js +64 -56
  4. package/dist/components/vibes/VibeCard.js.map +1 -1
  5. package/dist/components/vibes/VibeList.js +132 -113
  6. package/dist/components/vibes/VibeList.js.map +1 -1
  7. package/dist/components/vibes/index.js +1 -0
  8. package/dist/generated/wspace-operations.js +2 -2
  9. package/dist/generated/wspace-operations.js.map +1 -1
  10. package/dist/generated/wspace-types.js.map +1 -1
  11. package/dist/pages/VibeDetailsPage.js +560 -523
  12. package/dist/pages/VibeDetailsPage.js.map +1 -1
  13. package/dist/pages/VibesPage.js +311 -280
  14. package/dist/pages/VibesPage.js.map +1 -1
  15. package/package.json +1 -1
package/dist/components/vibes/DeleteVibeDialog.js ADDED
@@ -0,0 +1,130 @@
1
+ import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
2
+ import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
3
+ import { AlertTriangle as a, Loader2 as o, Trash2 as s } from "lucide-react";
4
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
5
+ //#region src/components/vibes/DeleteVibeDialog.tsx
6
+ var u = ({ vibe: u, deleting: d = !1, onConfirm: f, onCancel: p }) => {
7
+ let { t: m } = i(), h = (e, t) => {
8
+ let n = m(e);
9
+ return n === e ? t : n;
10
+ }, [g, _] = r(!1), [v, y] = r(""), b = n(null);
11
+ e(() => {
12
+ if (u) {
13
+ _(!1), y("");
14
+ let e = window.setTimeout(() => b.current?.focus(), 0);
15
+ return () => window.clearTimeout(e);
16
+ }
17
+ }, [u]);
18
+ let x = t(() => !!u && v.trim() === u.name, [v, u]) && !d;
19
+ if (!u) return null;
20
+ let S = () => {
21
+ x && f(g);
22
+ };
23
+ return /* @__PURE__ */ c("div", {
24
+ tabIndex: 0,
25
+ onKeyDown: (e) => {
26
+ e.key === "Escape" && !d && (e.preventDefault(), p());
27
+ },
28
+ role: "dialog",
29
+ "aria-modal": "true",
30
+ "aria-labelledby": "delete-vibe-title",
31
+ className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
32
+ onClick: (e) => {
33
+ e.target === e.currentTarget && !d && p();
34
+ },
35
+ children: /* @__PURE__ */ l("div", {
36
+ className: "w-full max-w-md rounded-lg bg-bg-elevated border border-border-default shadow-xl p-5",
37
+ children: [
38
+ /* @__PURE__ */ l("div", {
39
+ className: "flex items-start gap-3 mb-3",
40
+ children: [/* @__PURE__ */ c("div", {
41
+ className: "flex-shrink-0 size-9 rounded-full bg-status-error-bg flex items-center justify-center",
42
+ children: /* @__PURE__ */ c(s, { className: "size-4 text-status-error-text" })
43
+ }), /* @__PURE__ */ l("div", {
44
+ className: "min-w-0",
45
+ children: [/* @__PURE__ */ c("h2", {
46
+ id: "delete-vibe-title",
47
+ className: "text-base font-semibold text-text-primary",
48
+ children: h("vibeDelete.title", "Delete this vibe?")
49
+ }), /* @__PURE__ */ c("p", {
50
+ className: "text-sm text-text-secondary mt-1",
51
+ children: h("vibeDelete.body", "This permanently deletes the vibe and all of its sub-vibes. This action cannot be undone.")
52
+ })]
53
+ })]
54
+ }),
55
+ /* @__PURE__ */ c("p", {
56
+ className: "text-xs text-text-secondary mb-4",
57
+ children: h("vibeDelete.detachNote", "By default, related items (sessions, notes, tunnels, decks, actions, AI prompts & contexts, instruction files) are kept and simply detached from this vibe.")
58
+ }),
59
+ /* @__PURE__ */ l("label", {
60
+ className: "flex items-start gap-2 mb-3 cursor-pointer select-none",
61
+ children: [/* @__PURE__ */ c("input", {
62
+ type: "checkbox",
63
+ checked: g,
64
+ disabled: d,
65
+ onChange: (e) => _(e.target.checked),
66
+ className: "mt-0.5 size-4 rounded border-border-default cursor-pointer"
67
+ }), /* @__PURE__ */ c("span", {
68
+ className: "text-sm text-text-primary",
69
+ children: h("vibeDelete.alsoDeleteRelated", "Also permanently delete all related items")
70
+ })]
71
+ }),
72
+ g && /* @__PURE__ */ l("div", {
73
+ className: "flex items-start gap-2 mb-4 rounded-md border border-status-error-border bg-status-error-bg px-3 py-2",
74
+ children: [/* @__PURE__ */ c(a, { className: "size-4 mt-0.5 flex-shrink-0 text-status-error-text" }), /* @__PURE__ */ c("p", {
75
+ className: "text-xs text-status-error-text",
76
+ children: h("vibeDelete.relatedWarning", "Every session, note, tunnel, deck, action, AI prompt, AI context and instruction file linked to this vibe will be permanently deleted. This is irreversible.")
77
+ })]
78
+ }),
79
+ /* @__PURE__ */ l("label", {
80
+ htmlFor: "delete-vibe-confirm-name",
81
+ className: "block text-xs font-medium text-text-secondary mb-1",
82
+ children: [
83
+ h("vibeDelete.retypePrompt", "Type the vibe name to confirm:"),
84
+ " ",
85
+ /* @__PURE__ */ c("span", {
86
+ className: "font-mono text-text-primary break-all",
87
+ children: u.name
88
+ })
89
+ ]
90
+ }),
91
+ /* @__PURE__ */ c("input", {
92
+ id: "delete-vibe-confirm-name",
93
+ ref: b,
94
+ type: "text",
95
+ value: v,
96
+ disabled: d,
97
+ onChange: (e) => y(e.target.value),
98
+ onKeyDown: (e) => {
99
+ e.key === "Enter" && (e.preventDefault(), S());
100
+ },
101
+ autoComplete: "off",
102
+ spellCheck: !1,
103
+ "aria-label": h("vibeDelete.retypeAria", "Vibe name confirmation"),
104
+ placeholder: u.name,
105
+ className: "w-full text-sm px-3 py-2 mb-4 rounded-md bg-bg-surface border border-border-default text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-status-error-text/40"
106
+ }),
107
+ /* @__PURE__ */ l("div", {
108
+ className: "flex justify-end gap-2",
109
+ children: [/* @__PURE__ */ c("button", {
110
+ type: "button",
111
+ onClick: p,
112
+ disabled: d,
113
+ className: "text-sm px-3 py-1.5 rounded-md border border-border-default text-text-primary hover:bg-action-ghost-bg-hover disabled:opacity-50",
114
+ children: h("common.cancel", "Cancel")
115
+ }), /* @__PURE__ */ l("button", {
116
+ type: "button",
117
+ onClick: S,
118
+ disabled: !x,
119
+ className: "inline-flex items-center gap-1.5 text-sm px-3 py-1.5 rounded-md bg-status-error-bg text-status-error-text hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed",
120
+ children: [d ? /* @__PURE__ */ c(o, { className: "size-4 animate-spin" }) : /* @__PURE__ */ c(s, { className: "size-4" }), g ? h("vibeDelete.confirmAll", "Delete vibe & related") : h("vibeDelete.confirm", "Delete vibe")]
121
+ })]
122
+ })
123
+ ]
124
+ })
125
+ });
126
+ };
127
+ //#endregion
128
+ export { u as DeleteVibeDialog };
129
+
130
+ //# sourceMappingURL=DeleteVibeDialog.js.map
package/dist/components/vibes/DeleteVibeDialog.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeleteVibeDialog.js","names":[],"sources":["../../../src/components/vibes/DeleteVibeDialog.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AlertTriangle, Loader2, Trash2 } from 'lucide-react';\nimport { type FC, useEffect, useMemo, useRef, useState } from 'react';\n\n/** Minimal vibe shape the delete dialog needs from any call site. */\nexport interface DeletableVibe {\n id: string;\n name: string;\n}\n\nexport interface DeleteVibeDialogProps {\n /** The vibe being deleted. When null the dialog is closed. */\n vibe: DeletableVibe | null;\n /** Whether a delete request is currently in flight. */\n deleting?: boolean;\n /**\n * Invoked once the user has confirmed. `deleteRelatedEntities` reflects the\n * opt-in checkbox: when true the linked entities (sessions, notes, tunnels,\n * decks, actions, AI prompts/contexts, instruction files) are deleted too;\n * when false they are preserved and merely detached.\n */\n onConfirm: (deleteRelatedEntities: boolean) => void | Promise<void>;\n onCancel: () => void;\n}\n\n/**\n * Confirmation dialog for permanently deleting a vibe.\n *\n * Deleting a vibe is irreversible, so the user must retype the vibe's exact\n * name before the destructive action is enabled. An explicit, unchecked-by-\n * default checkbox lets them also delete every related entity; ticking it\n * surfaces an extra danger warning so the heightened blast radius is\n * unmistakable before they confirm.\n */\nexport const DeleteVibeDialog: FC<DeleteVibeDialogProps> = ({\n vibe,\n deleting = false,\n onConfirm,\n onCancel,\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 [deleteRelated, setDeleteRelated] = useState(false);\n const [confirmName, setConfirmName] = useState('');\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // Reset transient state whenever the dialog opens for a (different) vibe so a\n // previous attempt never leaks into the next one.\n useEffect(() => {\n if (vibe) {\n setDeleteRelated(false);\n setConfirmName('');\n // Focus the name field so the irreversible gate is front-and-centre.\n const id = window.setTimeout(() => inputRef.current?.focus(), 0);\n return () => window.clearTimeout(id);\n }\n return undefined;\n }, [vibe]);\n\n const nameMatches = useMemo(\n () => !!vibe && confirmName.trim() === vibe.name,\n [confirmName, vibe]\n );\n const canDelete = nameMatches && !deleting;\n\n if (!vibe) return null;\n\n const handleConfirm = () => {\n if (!canDelete) return;\n void onConfirm(deleteRelated);\n };\n\n return (\n <div\n tabIndex={0}\n onKeyDown={(e) => {\n if (e.key === 'Escape' && !deleting) {\n e.preventDefault();\n onCancel();\n }\n }}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"delete-vibe-title\"\n className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n onClick={(e) => {\n if (e.target === e.currentTarget && !deleting) onCancel();\n }}\n >\n <div className=\"w-full max-w-md rounded-lg bg-bg-elevated border border-border-default shadow-xl p-5\">\n <div className=\"flex items-start gap-3 mb-3\">\n <div className=\"flex-shrink-0 size-9 rounded-full bg-status-error-bg flex items-center justify-center\">\n <Trash2 className=\"size-4 text-status-error-text\" />\n </div>\n <div className=\"min-w-0\">\n <h2 id=\"delete-vibe-title\" className=\"text-base font-semibold text-text-primary\">\n {tr('vibeDelete.title', 'Delete this vibe?')}\n </h2>\n <p className=\"text-sm text-text-secondary mt-1\">\n {tr(\n 'vibeDelete.body',\n 'This permanently deletes the vibe and all of its sub-vibes. This action cannot be undone.'\n )}\n </p>\n </div>\n </div>\n\n <p className=\"text-xs text-text-secondary mb-4\">\n {tr(\n 'vibeDelete.detachNote',\n 'By default, related items (sessions, notes, tunnels, decks, actions, AI prompts & contexts, instruction files) are kept and simply detached from this vibe.'\n )}\n </p>\n\n <label className=\"flex items-start gap-2 mb-3 cursor-pointer select-none\">\n <input\n type=\"checkbox\"\n checked={deleteRelated}\n disabled={deleting}\n onChange={(e) => setDeleteRelated(e.target.checked)}\n className=\"mt-0.5 size-4 rounded border-border-default cursor-pointer\"\n />\n <span className=\"text-sm text-text-primary\">\n {tr('vibeDelete.alsoDeleteRelated', 'Also permanently delete all related items')}\n </span>\n </label>\n\n {deleteRelated && (\n <div className=\"flex items-start gap-2 mb-4 rounded-md border border-status-error-border bg-status-error-bg px-3 py-2\">\n <AlertTriangle className=\"size-4 mt-0.5 flex-shrink-0 text-status-error-text\" />\n <p className=\"text-xs text-status-error-text\">\n {tr(\n 'vibeDelete.relatedWarning',\n 'Every session, note, tunnel, deck, action, AI prompt, AI context and instruction file linked to this vibe will be permanently deleted. This is irreversible.'\n )}\n </p>\n </div>\n )}\n\n <label\n htmlFor=\"delete-vibe-confirm-name\"\n className=\"block text-xs font-medium text-text-secondary mb-1\"\n >\n {tr('vibeDelete.retypePrompt', 'Type the vibe name to confirm:')}{' '}\n <span className=\"font-mono text-text-primary break-all\">{vibe.name}</span>\n </label>\n <input\n id=\"delete-vibe-confirm-name\"\n ref={inputRef}\n type=\"text\"\n value={confirmName}\n disabled={deleting}\n onChange={(e) => setConfirmName(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleConfirm();\n }\n }}\n autoComplete=\"off\"\n spellCheck={false}\n aria-label={tr('vibeDelete.retypeAria', 'Vibe name confirmation')}\n placeholder={vibe.name}\n className=\"w-full text-sm px-3 py-2 mb-4 rounded-md bg-bg-surface border border-border-default text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-status-error-text/40\"\n />\n\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={onCancel}\n disabled={deleting}\n className=\"text-sm px-3 py-1.5 rounded-md border border-border-default text-text-primary hover:bg-action-ghost-bg-hover disabled:opacity-50\"\n >\n {tr('common.cancel', 'Cancel')}\n </button>\n <button\n type=\"button\"\n onClick={handleConfirm}\n disabled={!canDelete}\n className=\"inline-flex items-center gap-1.5 text-sm px-3 py-1.5 rounded-md bg-status-error-bg text-status-error-text hover:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed\"\n >\n {deleting ? <Loader2 className=\"size-4 animate-spin\" /> : <Trash2 className=\"size-4\" />}\n {deleteRelated\n ? tr('vibeDelete.confirmAll', 'Delete vibe & related')\n : tr('vibeDelete.confirm', 'Delete vibe')}\n </button>\n </div>\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
package/dist/components/vibes/VibeCard.js CHANGED
@@ -4,62 +4,62 @@ import { cardHoverVariants as n } from "../shared/cardMotion.js";
4
4
  import { vibeTypeIcons as r } from "./icons.js";
5
5
  import { useState as i } from "react";
6
6
  import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
7
- import { Archive as o, ExternalLink as s, FolderOpen as c, GitBranch as l, MoreVertical as u, Play as d, Settings as f, Tag as p } from "lucide-react";
8
- import { AnimatePresence as m, motion as h } from "framer-motion";
9
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
7
+ import { Archive as o, ExternalLink as s, FolderOpen as c, GitBranch as l, MoreVertical as u, Play as d, Settings as f, Tag as p, Trash2 as m } from "lucide-react";
8
+ import { AnimatePresence as h, motion as g } from "framer-motion";
9
+ import { jsx as _, jsxs as v } from "react/jsx-runtime";
10
10
  //#region src/components/vibes/VibeCard.tsx
11
- var v = ({ vibe: v, onOpen: y, onEdit: b, onArchive: x, onActivate: S, onOpenInEditor: C, className: w = "", selected: T = !1, onToggleSelect: E }) => {
12
- let { t: D } = a(), [O, k] = i(!1), A = r[v.type] || c;
13
- return /* @__PURE__ */ _(h.div, {
11
+ var y = ({ vibe: y, onOpen: b, onEdit: x, onArchive: S, onDelete: C, onActivate: w, onOpenInEditor: T, className: E = "", selected: D = !1, onToggleSelect: O }) => {
12
+ let { t: k } = a(), [A, j] = i(!1), M = r[y.type] || c;
13
+ return /* @__PURE__ */ v(g.div, {
14
14
  initial: "rest",
15
15
  animate: "rest",
16
16
  whileHover: "hover",
17
17
  whileTap: "tap",
18
18
  variants: n,
19
- className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors cursor-pointer ${T ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : "border-border-default"} ${w}`,
20
- onClick: () => y?.(v),
19
+ className: `bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors cursor-pointer ${D ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : "border-border-default"} ${E}`,
20
+ onClick: () => b?.(y),
21
21
  children: [
22
- /* @__PURE__ */ _("div", {
22
+ /* @__PURE__ */ v("div", {
23
23
  className: "flex items-start justify-between gap-2",
24
- children: [/* @__PURE__ */ _("div", {
24
+ children: [/* @__PURE__ */ v("div", {
25
25
  className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
26
26
  children: [
27
- E && /* @__PURE__ */ g("div", {
27
+ O && /* @__PURE__ */ _("div", {
28
28
  onClick: (e) => e.stopPropagation(),
29
- children: /* @__PURE__ */ g(t, {
30
- checked: T,
31
- onChange: E,
32
- ariaLabel: `Select vibe ${v.name}`,
29
+ children: /* @__PURE__ */ _(t, {
30
+ checked: D,
31
+ onChange: O,
32
+ ariaLabel: `Select vibe ${y.name}`,
33
33
  className: "mt-2"
34
34
  })
35
35
  }),
36
- /* @__PURE__ */ g("div", {
36
+ /* @__PURE__ */ _("div", {
37
37
  className: "flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
38
- children: /* @__PURE__ */ g(A, { className: "size-4 sm:w-5 sm:h-5 text-action-primary-bg" })
38
+ children: /* @__PURE__ */ _(M, { className: "size-4 sm:w-5 sm:h-5 text-action-primary-bg" })
39
39
  }),
40
- /* @__PURE__ */ _("div", {
40
+ /* @__PURE__ */ v("div", {
41
41
  className: "min-w-0 flex-1",
42
- children: [/* @__PURE__ */ g("h3", {
42
+ children: [/* @__PURE__ */ _("h3", {
43
43
  className: "font-semibold text-text-primary truncate text-sm sm:text-base",
44
- children: v.name
45
- }), v.description && /* @__PURE__ */ g("p", {
44
+ children: y.name
45
+ }), y.description && /* @__PURE__ */ _("p", {
46
46
  className: "text-xs sm:text-sm text-text-secondary truncate",
47
- children: v.description
47
+ children: y.description
48
48
  })]
49
49
  })
50
50
  ]
51
- }), /* @__PURE__ */ _("div", {
51
+ }), /* @__PURE__ */ v("div", {
52
52
  className: "flex items-center gap-1 sm:gap-2 flex-shrink-0",
53
- children: [/* @__PURE__ */ g(e, { status: v.status }), (b || x || S || C) && /* @__PURE__ */ _("div", {
53
+ children: [/* @__PURE__ */ _(e, { status: y.status }), (x || S || C || w || T) && /* @__PURE__ */ v("div", {
54
54
  className: "relative",
55
- children: [/* @__PURE__ */ g("button", {
55
+ children: [/* @__PURE__ */ _("button", {
56
56
  type: "button",
57
57
  onClick: (e) => {
58
- e.stopPropagation(), k(!O);
58
+ e.stopPropagation(), j(!A);
59
59
  },
60
60
  className: "p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors",
61
- children: /* @__PURE__ */ g(u, { className: "size-4 text-text-secondary" })
62
- }), /* @__PURE__ */ g(m, { children: O && /* @__PURE__ */ _(h.div, {
61
+ children: /* @__PURE__ */ _(u, { className: "size-4 text-text-secondary" })
62
+ }), /* @__PURE__ */ _(h, { children: A && /* @__PURE__ */ v(g.div, {
63
63
  initial: {
64
64
  opacity: 0,
65
65
  scale: .95,
@@ -78,79 +78,87 @@ var v = ({ vibe: v, onOpen: y, onEdit: b, onArchive: x, onActivate: S, onOpenInE
78
78
  transition: { duration: .15 },
79
79
  className: "absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10",
80
80
  children: [
81
- S && v.status !== "ACTIVE" && /* @__PURE__ */ _(h.button, {
81
+ w && y.status !== "ACTIVE" && /* @__PURE__ */ v(g.button, {
82
82
  whileTap: { scale: .97 },
83
83
  onClick: (e) => {
84
- e.stopPropagation(), S(v), k(!1);
84
+ e.stopPropagation(), w(y), j(!1);
85
85
  },
86
86
  className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg",
87
- children: [/* @__PURE__ */ g(d, { className: "size-4" }), "Activate"]
87
+ children: [/* @__PURE__ */ _(d, { className: "size-4" }), "Activate"]
88
88
  }),
89
- b && /* @__PURE__ */ _(h.button, {
89
+ x && /* @__PURE__ */ v(g.button, {
90
90
  whileTap: { scale: .97 },
91
91
  onClick: (e) => {
92
- e.stopPropagation(), b(v), k(!1);
92
+ e.stopPropagation(), x(y), j(!1);
93
93
  },
94
94
  className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
95
- children: [/* @__PURE__ */ g(f, { className: "size-4" }), "Edit"]
95
+ children: [/* @__PURE__ */ _(f, { className: "size-4" }), "Edit"]
96
96
  }),
97
- C && v.path && /* @__PURE__ */ _(h.button, {
97
+ T && y.path && /* @__PURE__ */ v(g.button, {
98
98
  whileTap: { scale: .97 },
99
99
  onClick: (e) => {
100
- e.stopPropagation(), C(v), k(!1);
100
+ e.stopPropagation(), T(y), j(!1);
101
101
  },
102
102
  className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
103
- children: [/* @__PURE__ */ g(s, { className: "size-4" }), "Open in VS Code"]
103
+ children: [/* @__PURE__ */ _(s, { className: "size-4" }), "Open in VS Code"]
104
104
  }),
105
- x && v.status !== "ARCHIVED" && /* @__PURE__ */ _(h.button, {
105
+ S && y.status !== "ARCHIVED" && /* @__PURE__ */ v(g.button, {
106
106
  whileTap: { scale: .97 },
107
107
  onClick: (e) => {
108
- e.stopPropagation(), x(v), k(!1);
108
+ e.stopPropagation(), S(y), j(!1);
109
109
  },
110
110
  className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-b-lg",
111
- children: [/* @__PURE__ */ g(o, { className: "size-4" }), "Archive"]
111
+ children: [/* @__PURE__ */ _(o, { className: "size-4" }), "Archive"]
112
+ }),
113
+ C && /* @__PURE__ */ v(g.button, {
114
+ whileTap: { scale: .97 },
115
+ onClick: (e) => {
116
+ e.stopPropagation(), C(y), j(!1);
117
+ },
118
+ className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg",
119
+ children: [/* @__PURE__ */ _(m, { className: "size-4" }), "Delete"]
112
120
  })
113
121
  ]
114
122
  }) })]
115
123
  })]
116
124
  })]
117
125
  }),
118
- v.description && /* @__PURE__ */ g("p", {
126
+ y.description && /* @__PURE__ */ _("p", {
119
127
  className: "mt-2 text-sm text-text-secondary line-clamp-2",
120
- children: v.description
128
+ children: y.description
121
129
  }),
122
- v.path && /* @__PURE__ */ g("div", {
130
+ y.path && /* @__PURE__ */ _("div", {
123
131
  className: "mt-3 text-xs text-text-secondary font-mono bg-bg-sunken p-2 rounded truncate",
124
- children: v.path
132
+ children: y.path
125
133
  }),
126
- v.gitBranch && /* @__PURE__ */ _("div", {
134
+ y.gitBranch && /* @__PURE__ */ v("div", {
127
135
  className: "mt-2 flex items-center gap-2 text-sm text-text-secondary",
128
136
  children: [
129
- /* @__PURE__ */ g(l, { className: "size-4" }),
130
- /* @__PURE__ */ g("span", {
137
+ /* @__PURE__ */ _(l, { className: "size-4" }),
138
+ /* @__PURE__ */ _("span", {
131
139
  className: "truncate",
132
- children: v.gitBranch
140
+ children: y.gitBranch
133
141
  }),
134
- v.gitStatus && v.gitStatus !== "clean" && /* @__PURE__ */ g("span", {
142
+ y.gitStatus && y.gitStatus !== "clean" && /* @__PURE__ */ _("span", {
135
143
  className: "px-1.5 py-0.5 text-xs bg-status-warning-bg text-status-warning-text rounded",
136
- children: v.gitStatus
144
+ children: y.gitStatus
137
145
  })
138
146
  ]
139
147
  }),
140
- v.tags && v.tags.length > 0 && /* @__PURE__ */ _("div", {
148
+ y.tags && y.tags.length > 0 && /* @__PURE__ */ v("div", {
141
149
  className: "mt-3 flex flex-wrap gap-1",
142
- children: [v.tags.slice(0, 3).map((e) => /* @__PURE__ */ _("span", {
150
+ children: [y.tags.slice(0, 3).map((e) => /* @__PURE__ */ v("span", {
143
151
  className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
144
- children: [/* @__PURE__ */ g(p, { className: "size-3" }), e]
145
- }, e)), v.tags.length > 3 && /* @__PURE__ */ _("span", {
152
+ children: [/* @__PURE__ */ _(p, { className: "size-3" }), e]
153
+ }, e)), y.tags.length > 3 && /* @__PURE__ */ v("span", {
146
154
  className: "px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
147
- children: ["+", v.tags.length - 3]
155
+ children: ["+", y.tags.length - 3]
148
156
  })]
149
157
  })
150
158
  ]
151
159
  });
152
160
  };
153
161
  //#endregion
154
- export { v as VibeCard };
162
+ export { y as VibeCard };
155
163
 
156
164
  //# sourceMappingURL=VibeCard.js.map
package/dist/components/vibes/VibeCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VibeCard.js","names":[],"sources":["../../../src/components/vibes/VibeCard.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { FC } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n FolderOpen,\n GitBranch,\n MoreVertical,\n Play,\n Archive,\n Settings,\n Tag,\n ExternalLink,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport type { Vibe } from './types';\nimport { vibeTypeIcons } from './icons';\nimport { StatusBadge } from '../shared/StatusBadge';\nimport { SelectionCheckbox } from '../shared/SelectionCheckbox';\nimport { cardHoverVariants } from '../shared/cardMotion';\n\nexport interface VibeCardProps {\n vibe: Vibe;\n onOpen?: (vibe: Vibe) => void;\n onEdit?: (vibe: Vibe) => void;\n onArchive?: (vibe: Vibe) => void;\n onActivate?: (vibe: Vibe) => void;\n onOpenInEditor?: (vibe: Vibe) => void;\n className?: string;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}\n\n/**\n * VibeCard - Display project/vibe information\n */\nexport const VibeCard: FC<VibeCardProps> = ({\n vibe,\n onOpen,\n onEdit,\n onArchive,\n onActivate,\n onOpenInEditor,\n className = '',\n selected = false,\n onToggleSelect,\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 const [showMenu, setShowMenu] = useState(false);\n const Icon = vibeTypeIcons[vibe.type] || FolderOpen;\n\n return (\n <motion.div\n initial=\"rest\"\n animate=\"rest\"\n whileHover=\"hover\"\n whileTap=\"tap\"\n variants={cardHoverVariants}\n className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors cursor-pointer ${\n selected\n ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25'\n : 'border-border-default'\n } ${className}`}\n onClick={() => onOpen?.(vibe)}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select vibe ${vibe.name}`}\n className=\"mt-2\"\n />\n </div>\n )}\n <div className=\"flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center\">\n <Icon className=\"size-4 sm:w-5 sm:h-5 text-action-primary-bg\" />\n </div>\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"font-semibold text-text-primary truncate text-sm sm:text-base\">\n {vibe.name}\n </h3>\n {vibe.description && (\n <p className=\"text-xs sm:text-sm text-text-secondary truncate\">{vibe.description}</p>\n )}\n </div>\n </div>\n {/* Status and Actions - always visible */}\n <div className=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n <StatusBadge status={vibe.status} />\n {(onEdit || onArchive || onActivate || onOpenInEditor) && (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setShowMenu(!showMenu);\n }}\n className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <MoreVertical className=\"size-4 text-text-secondary\" />\n </button>\n <AnimatePresence>\n {showMenu && (\n <motion.div\n initial={{ opacity: 0, scale: 0.95, y: -4 }}\n animate={{ opacity: 1, scale: 1, y: 0 }}\n exit={{ opacity: 0, scale: 0.95, y: -4 }}\n transition={{ duration: 0.15 }}\n className=\"absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\"\n >\n {onActivate && vibe.status !== 'ACTIVE' && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onActivate(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n >\n <Play className=\"size-4\" />\n Activate\n </motion.button>\n )}\n {onEdit && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onEdit(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n >\n <Settings className=\"size-4\" />\n Edit\n </motion.button>\n )}\n {onOpenInEditor && vibe.path && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onOpenInEditor(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n >\n <ExternalLink className=\"size-4\" />\n Open in VS Code\n </motion.button>\n )}\n {onArchive && vibe.status !== 'ARCHIVED' && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onArchive(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-b-lg\"\n >\n <Archive className=\"size-4\" />\n Archive\n </motion.button>\n )}\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n )}\n </div>\n </div>\n\n {vibe.description && (\n <p className=\"mt-2 text-sm text-text-secondary line-clamp-2\">{vibe.description}</p>\n )}\n\n {vibe.path && (\n <div className=\"mt-3 text-xs text-text-secondary font-mono bg-bg-sunken p-2 rounded truncate\">\n {vibe.path}\n </div>\n )}\n\n {vibe.gitBranch && (\n <div className=\"mt-2 flex items-center gap-2 text-sm text-text-secondary\">\n <GitBranch className=\"size-4\" />\n <span className=\"truncate\">{vibe.gitBranch}</span>\n {vibe.gitStatus && vibe.gitStatus !== 'clean' && (\n <span className=\"px-1.5 py-0.5 text-xs bg-status-warning-bg text-status-warning-text rounded\">\n {vibe.gitStatus}\n </span>\n )}\n </div>\n )}\n\n {vibe.tags && vibe.tags.length > 0 && (\n <div className=\"mt-3 flex flex-wrap gap-1\">\n {vibe.tags.slice(0, 3).map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n >\n <Tag className=\"size-3\" />\n {tag}\n </span>\n ))}\n {vibe.tags.length > 3 && (\n <span className=\"px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n +{vibe.tags.length - 3}\n </span>\n )}\n </div>\n )}\n </motion.div>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"VibeCard.js","names":[],"sources":["../../../src/components/vibes/VibeCard.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { FC } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n FolderOpen,\n GitBranch,\n MoreVertical,\n Play,\n Archive,\n Settings,\n Tag,\n ExternalLink,\n Trash2,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport type { Vibe } from './types';\nimport { vibeTypeIcons } from './icons';\nimport { StatusBadge } from '../shared/StatusBadge';\nimport { SelectionCheckbox } from '../shared/SelectionCheckbox';\nimport { cardHoverVariants } from '../shared/cardMotion';\n\nexport interface VibeCardProps {\n vibe: Vibe;\n onOpen?: (vibe: Vibe) => void;\n onEdit?: (vibe: Vibe) => void;\n onArchive?: (vibe: Vibe) => void;\n onDelete?: (vibe: Vibe) => void;\n onActivate?: (vibe: Vibe) => void;\n onOpenInEditor?: (vibe: Vibe) => void;\n className?: string;\n selected?: boolean;\n onToggleSelect?: (checked: boolean) => void;\n}\n\n/**\n * VibeCard - Display project/vibe information\n */\nexport const VibeCard: FC<VibeCardProps> = ({\n vibe,\n onOpen,\n onEdit,\n onArchive,\n onDelete,\n onActivate,\n onOpenInEditor,\n className = '',\n selected = false,\n onToggleSelect,\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 const [showMenu, setShowMenu] = useState(false);\n const Icon = vibeTypeIcons[vibe.type] || FolderOpen;\n\n return (\n <motion.div\n initial=\"rest\"\n animate=\"rest\"\n whileHover=\"hover\"\n whileTap=\"tap\"\n variants={cardHoverVariants}\n className={`bg-bg-surface border rounded-lg p-4 hover:border-border-strong transition-colors cursor-pointer ${\n selected\n ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25'\n : 'border-border-default'\n } ${className}`}\n onClick={() => onOpen?.(vibe)}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n {onToggleSelect && (\n <div onClick={(event) => event.stopPropagation()}>\n <SelectionCheckbox\n checked={selected}\n onChange={onToggleSelect}\n ariaLabel={`Select vibe ${vibe.name}`}\n className=\"mt-2\"\n />\n </div>\n )}\n <div className=\"flex-shrink-0 size-8 sm:w-10 sm:h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center\">\n <Icon className=\"size-4 sm:w-5 sm:h-5 text-action-primary-bg\" />\n </div>\n <div className=\"min-w-0 flex-1\">\n <h3 className=\"font-semibold text-text-primary truncate text-sm sm:text-base\">\n {vibe.name}\n </h3>\n {vibe.description && (\n <p className=\"text-xs sm:text-sm text-text-secondary truncate\">{vibe.description}</p>\n )}\n </div>\n </div>\n {/* Status and Actions - always visible */}\n <div className=\"flex items-center gap-1 sm:gap-2 flex-shrink-0\">\n <StatusBadge status={vibe.status} />\n {(onEdit || onArchive || onDelete || onActivate || onOpenInEditor) && (\n <div className=\"relative\">\n <button\n type=\"button\"\n onClick={(e) => {\n e.stopPropagation();\n setShowMenu(!showMenu);\n }}\n className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n >\n <MoreVertical className=\"size-4 text-text-secondary\" />\n </button>\n <AnimatePresence>\n {showMenu && (\n <motion.div\n initial={{ opacity: 0, scale: 0.95, y: -4 }}\n animate={{ opacity: 1, scale: 1, y: 0 }}\n exit={{ opacity: 0, scale: 0.95, y: -4 }}\n transition={{ duration: 0.15 }}\n className=\"absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\"\n >\n {onActivate && vibe.status !== 'ACTIVE' && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onActivate(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n >\n <Play className=\"size-4\" />\n Activate\n </motion.button>\n )}\n {onEdit && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onEdit(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n >\n <Settings className=\"size-4\" />\n Edit\n </motion.button>\n )}\n {onOpenInEditor && vibe.path && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onOpenInEditor(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n >\n <ExternalLink className=\"size-4\" />\n Open in VS Code\n </motion.button>\n )}\n {onArchive && vibe.status !== 'ARCHIVED' && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onArchive(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-b-lg\"\n >\n <Archive className=\"size-4\" />\n Archive\n </motion.button>\n )}\n {onDelete && (\n <motion.button\n whileTap={{ scale: 0.97 }}\n onClick={(e) => {\n e.stopPropagation();\n onDelete(vibe);\n setShowMenu(false);\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg\"\n >\n <Trash2 className=\"size-4\" />\n Delete\n </motion.button>\n )}\n </motion.div>\n )}\n </AnimatePresence>\n </div>\n )}\n </div>\n </div>\n\n {vibe.description && (\n <p className=\"mt-2 text-sm text-text-secondary line-clamp-2\">{vibe.description}</p>\n )}\n\n {vibe.path && (\n <div className=\"mt-3 text-xs text-text-secondary font-mono bg-bg-sunken p-2 rounded truncate\">\n {vibe.path}\n </div>\n )}\n\n {vibe.gitBranch && (\n <div className=\"mt-2 flex items-center gap-2 text-sm text-text-secondary\">\n <GitBranch className=\"size-4\" />\n <span className=\"truncate\">{vibe.gitBranch}</span>\n {vibe.gitStatus && vibe.gitStatus !== 'clean' && (\n <span className=\"px-1.5 py-0.5 text-xs bg-status-warning-bg text-status-warning-text rounded\">\n {vibe.gitStatus}\n </span>\n )}\n </div>\n )}\n\n {vibe.tags && vibe.tags.length > 0 && (\n <div className=\"mt-3 flex flex-wrap gap-1\">\n {vibe.tags.slice(0, 3).map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n >\n <Tag className=\"size-3\" />\n {tag}\n </span>\n ))}\n {vibe.tags.length > 3 && (\n <span className=\"px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n +{vibe.tags.length - 3}\n </span>\n )}\n </div>\n )}\n </motion.div>\n );\n};\n"],"mappings":"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"}