@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.22

package/dist/components/ai/InstructionFilesManager.js

@@ -1,10 +1,12 @@
 import { useCreateAgentInstructionFileMutation as e, useDeleteAgentInstructionFileMutation as t, useListAgentInstructionFilesQuery as n, useUpdateAgentInstructionFileMutation as r } from "../../generated/wspace-operations.js";
 import { InstructionFilename as i, InstructionScope as a, VibeVisibility as o } from "../../generated/wspace-types.js";
 import { LINK_TO_VIBE_DEFAULT as s, LinkToVibePanel as c } from "../shared/LinkToVibePanel.js";
-import { useMemo as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EntityShareButton as l } from "../sharing/EntityShareButton.js";
+import "../sharing/index.js";
+import { useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/ai/InstructionFilesManager.tsx
-var m = [
+var h = [
 	{
 		value: i.AgentsMd,
 		label: "AGENTS.md"
@@ -21,14 +23,14 @@ var m = [
 		value: i.Custom,
 		label: "Custom"
 	}
-], h = [{
+], g = [{
 	value: a.Agent,
 	label: "Agent"
 }, {
 	value: a.Vibe,
 	label: "Vibe"
-}], g = "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary", _ = "inline-flex items-center rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50", v = "inline-flex items-center rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken", y = "inline-flex items-center rounded-md bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text disabled:opacity-50", b = "inline-flex items-center rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary";
-function x() {
+}], _ = "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary", v = "inline-flex items-center rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50", y = "inline-flex items-center rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken", b = "inline-flex items-center rounded-md bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text disabled:opacity-50", x = "inline-flex items-center rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary";
+function S() {
 	return {
 		filename: i.AgentsMd,
 		customName: "",
@@ -37,13 +39,13 @@ function x() {
 		link: s
 	};
 }
-function S(e) {
+function C(e) {
 	return e === o.SharedWithVibe ? "SHARED_WITH_VIBE" : "PRIVATE";
 }
-function C(e) {
+function w(e) {
 	return e === "SHARED_WITH_VIBE" ? o.SharedWithVibe : o.Private;
 }
-function w(e) {
+function T(e) {
 	return {
 		filename: e.filename,
 		customName: e.customName ?? "",
@@ -51,16 +53,16 @@ function w(e) {
 		content: e.content,
 		link: {
 			vibeId: e.vibeId ?? null,
-			visibility: S(e.visibility)
+			visibility: C(e.visibility)
 		}
 	};
 }
-function T(e) {
+function E(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleString();
 }
-function E({ agentId: s }) {
-	let { data: S, loading: E, error: D } = n({
+function D({ agentId: s }) {
+	let { data: C, loading: D, error: O } = n({
 		variables: {
 			filter: s ? { agentId: s } : void 0,
 			pagination: {
@@ -69,261 +71,273 @@ function E({ agentId: s }) {
 			}
 		},
 		fetchPolicy: "cache-and-network"
-	}), [O, { loading: k }] = e({ refetchQueries: ["ListAgentInstructionFiles"] }), [A, { loading: j }] = r({ refetchQueries: ["ListAgentInstructionFiles"] }), [M, { loading: N }] = t({ refetchQueries: ["ListAgentInstructionFiles"] }), [P, F] = u(!1), [I, L] = u(null), [R, z] = u(x), [B, V] = u(null), [H, U] = u(null), W = l(() => S?.agentInstructionFiles?.items ?? [], [S?.agentInstructionFiles?.items]), G = k || j, K = () => {
-		L(null), z(x()), U(null), F(!0);
-	}, q = (e) => {
-		L(e.id), z(w(e)), U(null), F(!0);
-	}, J = () => {
-		F(!1), L(null), z(x()), U(null);
-	}, Y = async () => {
-		if (U(null), R.filename === i.Custom && R.customName.trim() === "") {
-			U("Please provide a name for the custom instruction file.");
+	}), [k, { loading: A }] = e({ refetchQueries: ["ListAgentInstructionFiles"] }), [j, { loading: M }] = r({ refetchQueries: ["ListAgentInstructionFiles"] }), [N, { loading: P }] = t({ refetchQueries: ["ListAgentInstructionFiles"] }), [F, I] = d(!1), [L, R] = d(null), [z, B] = d(S), [V, H] = d(null), [U, W] = d(null), G = u(() => C?.agentInstructionFiles?.items ?? [], [C?.agentInstructionFiles?.items]), K = A || M, q = () => {
+		R(null), B(S()), W(null), I(!0);
+	}, J = (e) => {
+		R(e.id), B(T(e)), W(null), I(!0);
+	}, Y = () => {
+		I(!1), R(null), B(S()), W(null);
+	}, X = async () => {
+		if (W(null), z.filename === i.Custom && z.customName.trim() === "") {
+			W("Please provide a name for the custom instruction file.");
 			return;
 		}
-		if (R.content.trim() === "") {
-			U("Instruction file content cannot be empty.");
+		if (z.content.trim() === "") {
+			W("Instruction file content cannot be empty.");
 			return;
 		}
-		let e = R.filename === i.Custom ? R.customName.trim() : null;
+		let e = z.filename === i.Custom ? z.customName.trim() : null;
 		try {
-			if (I) await A({ variables: {
-				id: I,
+			if (L) await j({ variables: {
+				id: L,
 				input: {
-					content: R.content,
-					filename: R.filename,
+					content: z.content,
+					filename: z.filename,
 					customName: e
 				}
 			} });
 			else {
-				if (R.scope === a.Vibe && !R.link.vibeId) {
-					U("Pick a vibe to link before saving a vibe-scoped file.");
+				if (z.scope === a.Vibe && !z.link.vibeId) {
+					W("Pick a vibe to link before saving a vibe-scoped file.");
 					return;
 				}
 				let t = {
-					filename: R.filename,
+					filename: z.filename,
 					customName: e,
-					content: R.content,
-					scope: R.scope
+					content: z.content,
+					scope: z.scope
 				};
-				R.scope === a.Vibe && R.link.vibeId ? (t.vibeId = R.link.vibeId, t.visibility = C(R.link.visibility)) : t.agentId = s ?? null, await O({ variables: { input: t } });
+				z.scope === a.Vibe && z.link.vibeId ? (t.vibeId = z.link.vibeId, t.visibility = w(z.link.visibility)) : t.agentId = s ?? null, await k({ variables: { input: t } });
 			}
-			J();
+			Y();
 		} catch (e) {
-			U(e instanceof Error ? e.message : "Failed to save the instruction file.");
+			W(e instanceof Error ? e.message : "Failed to save the instruction file.");
 		}
-	}, X = async (e) => {
+	}, Z = async (e) => {
 		try {
-			await M({ variables: { id: e } });
+			await N({ variables: { id: e } });
 		} finally {
-			V(null);
+			H(null);
 		}
 	};
-	return /* @__PURE__ */ p("section", {
+	return /* @__PURE__ */ m("section", {
 		"data-testid": "instruction-files-manager",
 		className: "space-y-4 rounded-lg border border-border-default bg-bg-surface p-4",
 		children: [
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ m("header", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ f("h2", {
+					children: [/* @__PURE__ */ p("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Instruction files"
-					}), /* @__PURE__ */ f("p", {
+					}), /* @__PURE__ */ p("p", {
 						className: "max-w-2xl text-sm text-text-secondary",
 						children: "AGENTS.md / CLAUDE.md / GEMINI.md maintained centrally and pushed to your agent on chat open."
 					})]
-				}), /* @__PURE__ */ f("button", {
+				}), /* @__PURE__ */ p("button", {
 					type: "button",
 					"data-testid": "instruction-file-new",
-					className: _,
-					onClick: P && !I ? J : K,
-					children: P && !I ? "Close" : "New file"
+					className: v,
+					onClick: F && !L ? Y : q,
+					children: F && !L ? "Close" : "New file"
 				})]
 			}),
-			P && /* @__PURE__ */ p("div", {
+			F && /* @__PURE__ */ m("div", {
 				className: "space-y-4 rounded-md border border-border-default bg-bg-elevated p-4",
 				children: [
-					/* @__PURE__ */ f("h3", {
+					/* @__PURE__ */ p("h3", {
 						className: "text-sm font-medium text-text-primary",
-						children: I ? "Edit instruction file" : "New instruction file"
+						children: L ? "Edit instruction file" : "New instruction file"
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ p("label", {
+						children: [/* @__PURE__ */ m("label", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "block text-sm font-medium text-text-secondary",
 								children: "Filename"
-							}), /* @__PURE__ */ f("select", {
-								className: g,
-								value: R.filename,
-								onChange: (e) => z((t) => ({
+							}), /* @__PURE__ */ p("select", {
+								className: _,
+								value: z.filename,
+								onChange: (e) => B((t) => ({
 									...t,
 									filename: e.target.value
 								})),
-								children: m.map((e) => /* @__PURE__ */ f("option", {
+								children: h.map((e) => /* @__PURE__ */ p("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							})]
-						}), /* @__PURE__ */ p("label", {
+						}), /* @__PURE__ */ m("label", {
 							className: "space-y-1.5",
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "block text-sm font-medium text-text-secondary",
 								children: "Scope"
-							}), /* @__PURE__ */ f("select", {
-								className: g,
-								value: R.scope,
-								disabled: I !== null,
-								onChange: (e) => z((t) => ({
+							}), /* @__PURE__ */ p("select", {
+								className: _,
+								value: z.scope,
+								disabled: L !== null,
+								onChange: (e) => B((t) => ({
 									...t,
 									scope: e.target.value
 								})),
-								children: h.map((e) => /* @__PURE__ */ f("option", {
+								children: g.map((e) => /* @__PURE__ */ p("option", {
 									value: e.value,
 									children: e.label
 								}, e.value))
 							})]
 						})]
 					}),
-					R.filename === i.Custom && /* @__PURE__ */ p("label", {
+					z.filename === i.Custom && /* @__PURE__ */ m("label", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "block text-sm font-medium text-text-secondary",
 							children: "Custom name"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "text",
-							className: g,
+							className: _,
 							placeholder: "e.g. CONTRIBUTING.md",
-							value: R.customName,
-							onChange: (e) => z((t) => ({
+							value: z.customName,
+							onChange: (e) => B((t) => ({
 								...t,
 								customName: e.target.value
 							}))
 						})]
 					}),
-					!I && R.scope === a.Vibe && /* @__PURE__ */ f(c, {
-						value: R.link,
-						onChange: (e) => z((t) => ({
+					!L && z.scope === a.Vibe && /* @__PURE__ */ p(c, {
+						value: z.link,
+						onChange: (e) => B((t) => ({
 							...t,
 							link: e
 						})),
-						disabled: G
+						disabled: K
 					}),
-					/* @__PURE__ */ p("label", {
+					/* @__PURE__ */ m("label", {
 						className: "space-y-1.5",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "block text-sm font-medium text-text-secondary",
 							children: "Content"
-						}), /* @__PURE__ */ f("textarea", {
-							className: `${g} min-h-56 font-mono`,
+						}), /* @__PURE__ */ p("textarea", {
+							className: `${_} min-h-56 font-mono`,
 							placeholder: "# Project instructions…",
-							value: R.content,
-							onChange: (e) => z((t) => ({
+							value: z.content,
+							onChange: (e) => B((t) => ({
 								...t,
 								content: e.target.value
 							}))
 						})]
 					}),
-					H && /* @__PURE__ */ f("p", {
+					U && /* @__PURE__ */ p("p", {
 						className: "text-sm text-action-danger-text",
 						role: "alert",
-						children: H
+						children: U
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ p("button", {
 							type: "button",
 							"data-testid": "instruction-file-save",
-							className: _,
-							disabled: G,
+							className: v,
+							disabled: K,
 							onClick: () => {
-								Y();
+								X();
 							},
-							children: G ? "Saving…" : "Save"
-						}), /* @__PURE__ */ f("button", {
+							children: K ? "Saving…" : "Save"
+						}), /* @__PURE__ */ p("button", {
 							type: "button",
-							className: v,
-							disabled: G,
-							onClick: J,
+							className: y,
+							disabled: K,
+							onClick: Y,
 							children: "Cancel"
 						})]
 					})
 				]
 			}),
-			D ? /* @__PURE__ */ p("p", {
+			O ? /* @__PURE__ */ m("p", {
 				className: "rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-action-danger-text",
-				children: ["Could not load instruction files: ", D.message]
-			}) : E && W.length === 0 ? /* @__PURE__ */ f("p", {
+				children: ["Could not load instruction files: ", O.message]
+			}) : D && G.length === 0 ? /* @__PURE__ */ p("p", {
 				className: "rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary",
 				children: "Loading instruction files…"
-			}) : W.length === 0 ? /* @__PURE__ */ f("p", {
+			}) : G.length === 0 ? /* @__PURE__ */ p("p", {
 				className: "rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary",
 				children: "No instruction files yet. Create one to share it with your agent."
-			}) : /* @__PURE__ */ f("ul", {
+			}) : /* @__PURE__ */ p("ul", {
 				className: "space-y-2",
-				children: W.map((e) => {
-					let t = B === e.id, n = e.visibility === o.SharedWithVibe, r = e.scope === a.Vibe ? "Vibe" : "Agent";
-					return /* @__PURE__ */ p("li", {
+				children: G.map((e) => {
+					let t = V === e.id, n = e.visibility === o.SharedWithVibe, r = e.scope === a.Vibe ? "Vibe" : "Agent";
+					return /* @__PURE__ */ m("li", {
 						"data-testid": "instruction-file-row",
 						className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-border-default bg-bg-elevated p-3",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "min-w-0 space-y-1",
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ p("span", {
 										className: "font-mono text-sm font-bold text-text-primary",
 										children: e.effectiveFilename
 									}),
-									/* @__PURE__ */ f("span", {
-										className: b,
+									/* @__PURE__ */ p("span", {
+										className: x,
 										children: r
 									}),
-									/* @__PURE__ */ f("span", {
-										className: b,
+									/* @__PURE__ */ p("span", {
+										className: x,
 										children: n ? "Shared" : "Private"
 									})
 								]
-							}), /* @__PURE__ */ p("p", {
+							}), /* @__PURE__ */ m("p", {
 								className: "text-xs text-text-tertiary",
-								children: ["Updated ", T(e.updatedAt)]
+								children: ["Updated ", E(e.updatedAt)]
 							})]
-						}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "flex items-center gap-2",
-							children: t ? /* @__PURE__ */ p(d, { children: [
-								/* @__PURE__ */ f("span", {
+							children: t ? /* @__PURE__ */ m(f, { children: [
+								/* @__PURE__ */ p("span", {
 									className: "text-xs text-text-secondary",
 									children: "Delete this file?"
 								}),
-								/* @__PURE__ */ f("button", {
+								/* @__PURE__ */ p("button", {
 									type: "button",
-									className: y,
-									disabled: N,
+									className: b,
+									disabled: P,
 									onClick: () => {
-										X(e.id);
+										Z(e.id);
 									},
-									children: N ? "Deleting…" : "Confirm"
+									children: P ? "Deleting…" : "Confirm"
 								}),
-								/* @__PURE__ */ f("button", {
+								/* @__PURE__ */ p("button", {
 									type: "button",
-									className: v,
-									disabled: N,
-									onClick: () => V(null),
+									className: y,
+									disabled: P,
+									onClick: () => H(null),
 									children: "Cancel"
 								})
-							] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
-								type: "button",
-								className: v,
-								onClick: () => q(e),
-								children: "Edit"
-							}), /* @__PURE__ */ f("button", {
-								type: "button",
-								className: y,
-								onClick: () => V(e.id),
-								children: "Delete"
-							})] })
+							] }) : /* @__PURE__ */ m(f, { children: [
+								/* @__PURE__ */ p("button", {
+									type: "button",
+									className: y,
+									onClick: () => J(e),
+									children: "Edit"
+								}),
+								/* @__PURE__ */ p(l, {
+									entity: "instructionfile",
+									resource: {
+										id: e.id,
+										name: e.effectiveFilename,
+										vibeId: e.vibeId ?? null
+									},
+									label: "Share"
+								}),
+								/* @__PURE__ */ p("button", {
+									type: "button",
+									className: b,
+									onClick: () => H(e.id),
+									children: "Delete"
+								})
+							] })
 						})]
 					}, e.id);
 				})
@@ -332,6 +346,6 @@ function E({ agentId: s }) {
 	});
 }
 //#endregion
-export { E as InstructionFilesManager };
+export { D as InstructionFilesManager };
 
 //# sourceMappingURL=InstructionFilesManager.js.map

package/dist/components/ai/InstructionFilesManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstructionFilesManager.js","names":[],"sources":["../../../src/components/ai/InstructionFilesManager.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  useListAgentInstructionFilesQuery,\n  useCreateAgentInstructionFileMutation,\n  useUpdateAgentInstructionFileMutation,\n  useDeleteAgentInstructionFileMutation,\n} from '@/generated/wspace-operations';\nimport {\n  InstructionFilename,\n  InstructionScope,\n  VibeVisibility,\n  type CreateAgentInstructionFileInput,\n  type UpdateAgentInstructionFileInput,\n} from '@/generated/wspace-types';\nimport {\n  LinkToVibePanel,\n  LINK_TO_VIBE_DEFAULT,\n  type LinkToVibeValue,\n  type LinkToVibeVisibility,\n} from '@/components/shared/LinkToVibePanel';\n\n/**\n * Shape of a single instruction file as returned by ListAgentInstructionFiles.\n * Mirrors the InstructionFileFields fragment in wspace-operations.\n */\ninterface InstructionFile {\n  id: string;\n  workspaceId: string;\n  filename: InstructionFilename;\n  customName?: string | null;\n  effectiveFilename: string;\n  content: string;\n  scope: InstructionScope;\n  agentId?: string | null;\n  tags: string[];\n  vibeId?: string | null;\n  visibility: VibeVisibility;\n  createdBy: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface InstructionFilesManagerProps {\n  /** Default AGENT-scope target for newly-created files. */\n  agentId?: string | null;\n}\n\nconst FILENAME_OPTIONS: ReadonlyArray<{ value: InstructionFilename; label: string }> = [\n  { value: InstructionFilename.AgentsMd, label: 'AGENTS.md' },\n  { value: InstructionFilename.ClaudeMd, label: 'CLAUDE.md' },\n  { value: InstructionFilename.GeminiMd, label: 'GEMINI.md' },\n  { value: InstructionFilename.Custom, label: 'Custom' },\n];\n\nconst SCOPE_OPTIONS: ReadonlyArray<{ value: InstructionScope; label: string }> = [\n  { value: InstructionScope.Agent, label: 'Agent' },\n  { value: InstructionScope.Vibe, label: 'Vibe' },\n];\n\nconst INPUT_CLASS =\n  'w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary';\n\nconst PRIMARY_BTN_CLASS =\n  'inline-flex items-center rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50';\n\nconst SECONDARY_BTN_CLASS =\n  'inline-flex items-center rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken';\n\nconst DANGER_BTN_CLASS =\n  'inline-flex items-center rounded-md bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text disabled:opacity-50';\n\nconst BADGE_CLASS =\n  'inline-flex items-center rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary';\n\n/** Internal state for the create/edit form. */\ninterface FormState {\n  filename: InstructionFilename;\n  customName: string;\n  scope: InstructionScope;\n  content: string;\n  link: LinkToVibeValue;\n}\n\nfunction emptyFormState(): FormState {\n  return {\n    filename: InstructionFilename.AgentsMd,\n    customName: '',\n    scope: InstructionScope.Agent,\n    content: '',\n    link: LINK_TO_VIBE_DEFAULT,\n  };\n}\n\n/** Map the file's stored visibility enum onto the LinkToVibePanel string union. */\nfunction toLinkVisibility(visibility: VibeVisibility): LinkToVibeVisibility {\n  return visibility === VibeVisibility.SharedWithVibe ? 'SHARED_WITH_VIBE' : 'PRIVATE';\n}\n\n/** Map the LinkToVibePanel string union back onto the generated enum. */\nfunction toVibeVisibility(visibility: LinkToVibeVisibility): VibeVisibility {\n  return visibility === 'SHARED_WITH_VIBE' ? VibeVisibility.SharedWithVibe : VibeVisibility.Private;\n}\n\nfunction formStateFromFile(file: InstructionFile): FormState {\n  return {\n    filename: file.filename,\n    customName: file.customName ?? '',\n    scope: file.scope,\n    content: file.content,\n    link: {\n      vibeId: file.vibeId ?? null,\n      visibility: toLinkVisibility(file.visibility),\n    },\n  };\n}\n\nfunction formatTimestamp(value: string): string {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return value;\n  }\n  return parsed.toLocaleString();\n}\n\nexport function InstructionFilesManager({\n  agentId,\n}: InstructionFilesManagerProps): React.ReactElement {\n  const { data, loading, error } = useListAgentInstructionFilesQuery({\n    variables: {\n      filter: agentId ? { agentId } : undefined,\n      pagination: { limit: 100, offset: 0 },\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [createFile, { loading: creating }] = useCreateAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n  const [updateFile, { loading: updating }] = useUpdateAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n  const [deleteFile, { loading: deleting }] = useDeleteAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n\n  const [formOpen, setFormOpen] = useState(false);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [form, setForm] = useState<FormState>(emptyFormState);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const items = useMemo<InstructionFile[]>(\n    () => data?.agentInstructionFiles?.items ?? [],\n    [data?.agentInstructionFiles?.items]\n  );\n\n  const submitting = creating || updating;\n\n  const openCreateForm = (): void => {\n    setEditingId(null);\n    setForm(emptyFormState());\n    setFormError(null);\n    setFormOpen(true);\n  };\n\n  const openEditForm = (file: InstructionFile): void => {\n    setEditingId(file.id);\n    setForm(formStateFromFile(file));\n    setFormError(null);\n    setFormOpen(true);\n  };\n\n  const closeForm = (): void => {\n    setFormOpen(false);\n    setEditingId(null);\n    setForm(emptyFormState());\n    setFormError(null);\n  };\n\n  const handleSubmit = async (): Promise<void> => {\n    setFormError(null);\n\n    if (form.filename === InstructionFilename.Custom && form.customName.trim() === '') {\n      setFormError('Please provide a name for the custom instruction file.');\n      return;\n    }\n    if (form.content.trim() === '') {\n      setFormError('Instruction file content cannot be empty.');\n      return;\n    }\n\n    const customName = form.filename === InstructionFilename.Custom ? form.customName.trim() : null;\n\n    try {\n      if (editingId) {\n        // On edit only content / filename / customName / tags are updatable.\n        const input: UpdateAgentInstructionFileInput = {\n          content: form.content,\n          filename: form.filename,\n          customName,\n        };\n        await updateFile({ variables: { id: editingId, input } });\n      } else {\n        if (form.scope === InstructionScope.Vibe && !form.link.vibeId) {\n          setFormError('Pick a vibe to link before saving a vibe-scoped file.');\n          return;\n        }\n\n        const input: CreateAgentInstructionFileInput = {\n          filename: form.filename,\n          customName,\n          content: form.content,\n          scope: form.scope,\n        };\n\n        if (form.scope === InstructionScope.Vibe && form.link.vibeId) {\n          input.vibeId = form.link.vibeId;\n          input.visibility = toVibeVisibility(form.link.visibility);\n        } else {\n          input.agentId = agentId ?? null;\n        }\n\n        await createFile({ variables: { input } });\n      }\n      closeForm();\n    } catch (submitErr) {\n      setFormError(\n        submitErr instanceof Error ? submitErr.message : 'Failed to save the instruction file.'\n      );\n    }\n  };\n\n  const handleDelete = async (id: string): Promise<void> => {\n    try {\n      await deleteFile({ variables: { id } });\n    } finally {\n      setConfirmDeleteId(null);\n    }\n  };\n\n  return (\n    <section\n      data-testid=\"instruction-files-manager\"\n      className=\"space-y-4 rounded-lg border border-border-default bg-bg-surface p-4\"\n    >\n      <header className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Instruction files</h2>\n          <p className=\"max-w-2xl text-sm text-text-secondary\">\n            AGENTS.md / CLAUDE.md / GEMINI.md maintained centrally and pushed to your agent on chat\n            open.\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          data-testid=\"instruction-file-new\"\n          className={PRIMARY_BTN_CLASS}\n          onClick={formOpen && !editingId ? closeForm : openCreateForm}\n        >\n          {formOpen && !editingId ? 'Close' : 'New file'}\n        </button>\n      </header>\n\n      {formOpen && (\n        <div className=\"space-y-4 rounded-md border border-border-default bg-bg-elevated p-4\">\n          <h3 className=\"text-sm font-medium text-text-primary\">\n            {editingId ? 'Edit instruction file' : 'New instruction file'}\n          </h3>\n\n          <div className=\"grid gap-4 sm:grid-cols-2\">\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Filename</span>\n              <select\n                className={INPUT_CLASS}\n                value={form.filename}\n                onChange={(e) =>\n                  setForm((prev) => ({\n                    ...prev,\n                    filename: e.target.value as InstructionFilename,\n                  }))\n                }\n              >\n                {FILENAME_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </label>\n\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Scope</span>\n              <select\n                className={INPUT_CLASS}\n                value={form.scope}\n                disabled={editingId !== null}\n                onChange={(e) =>\n                  setForm((prev) => ({\n                    ...prev,\n                    scope: e.target.value as InstructionScope,\n                  }))\n                }\n              >\n                {SCOPE_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </label>\n          </div>\n\n          {form.filename === InstructionFilename.Custom && (\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Custom name</span>\n              <input\n                type=\"text\"\n                className={INPUT_CLASS}\n                placeholder=\"e.g. CONTRIBUTING.md\"\n                value={form.customName}\n                onChange={(e) => setForm((prev) => ({ ...prev, customName: e.target.value }))}\n              />\n            </label>\n          )}\n\n          {!editingId && form.scope === InstructionScope.Vibe && (\n            <LinkToVibePanel\n              value={form.link}\n              onChange={(link) => setForm((prev) => ({ ...prev, link }))}\n              disabled={submitting}\n            />\n          )}\n\n          <label className=\"space-y-1.5\">\n            <span className=\"block text-sm font-medium text-text-secondary\">Content</span>\n            <textarea\n              className={`${INPUT_CLASS} min-h-56 font-mono`}\n              placeholder=\"# Project instructions…\"\n              value={form.content}\n              onChange={(e) => setForm((prev) => ({ ...prev, content: e.target.value }))}\n            />\n          </label>\n\n          {formError && (\n            <p className=\"text-sm text-action-danger-text\" role=\"alert\">\n              {formError}\n            </p>\n          )}\n\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              data-testid=\"instruction-file-save\"\n              className={PRIMARY_BTN_CLASS}\n              disabled={submitting}\n              onClick={() => {\n                void handleSubmit();\n              }}\n            >\n              {submitting ? 'Saving…' : 'Save'}\n            </button>\n            <button\n              type=\"button\"\n              className={SECONDARY_BTN_CLASS}\n              disabled={submitting}\n              onClick={closeForm}\n            >\n              Cancel\n            </button>\n          </div>\n        </div>\n      )}\n\n      {error ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-action-danger-text\">\n          Could not load instruction files: {error.message}\n        </p>\n      ) : loading && items.length === 0 ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary\">\n          Loading instruction files…\n        </p>\n      ) : items.length === 0 ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary\">\n          No instruction files yet. Create one to share it with your agent.\n        </p>\n      ) : (\n        <ul className=\"space-y-2\">\n          {items.map((file) => {\n            const isConfirming = confirmDeleteId === file.id;\n            const isShared = file.visibility === VibeVisibility.SharedWithVibe;\n            const scopeLabel = file.scope === InstructionScope.Vibe ? 'Vibe' : 'Agent';\n            return (\n              <li\n                key={file.id}\n                data-testid=\"instruction-file-row\"\n                className=\"flex flex-wrap items-center justify-between gap-3 rounded-md border border-border-default bg-bg-elevated p-3\"\n              >\n                <div className=\"min-w-0 space-y-1\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <span className=\"font-mono text-sm font-bold text-text-primary\">\n                      {file.effectiveFilename}\n                    </span>\n                    <span className={BADGE_CLASS}>{scopeLabel}</span>\n                    <span className={BADGE_CLASS}>{isShared ? 'Shared' : 'Private'}</span>\n                  </div>\n                  <p className=\"text-xs text-text-tertiary\">\n                    Updated {formatTimestamp(file.updatedAt)}\n                  </p>\n                </div>\n\n                <div className=\"flex items-center gap-2\">\n                  {isConfirming ? (\n                    <>\n                      <span className=\"text-xs text-text-secondary\">Delete this file?</span>\n                      <button\n                        type=\"button\"\n                        className={DANGER_BTN_CLASS}\n                        disabled={deleting}\n                        onClick={() => {\n                          void handleDelete(file.id);\n                        }}\n                      >\n                        {deleting ? 'Deleting…' : 'Confirm'}\n                      </button>\n                      <button\n                        type=\"button\"\n                        className={SECONDARY_BTN_CLASS}\n                        disabled={deleting}\n                        onClick={() => setConfirmDeleteId(null)}\n                      >\n                        Cancel\n                      </button>\n                    </>\n                  ) : (\n                    <>\n                      <button\n                        type=\"button\"\n                        className={SECONDARY_BTN_CLASS}\n                        onClick={() => openEditForm(file)}\n                      >\n                        Edit\n                      </button>\n                      <button\n                        type=\"button\"\n                        className={DANGER_BTN_CLASS}\n                        onClick={() => setConfirmDeleteId(file.id)}\n                      >\n                        Delete\n                      </button>\n                    </>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InstructionFilesManager.js","names":[],"sources":["../../../src/components/ai/InstructionFilesManager.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  useListAgentInstructionFilesQuery,\n  useCreateAgentInstructionFileMutation,\n  useUpdateAgentInstructionFileMutation,\n  useDeleteAgentInstructionFileMutation,\n} from '@/generated/wspace-operations';\nimport {\n  InstructionFilename,\n  InstructionScope,\n  VibeVisibility,\n  type CreateAgentInstructionFileInput,\n  type UpdateAgentInstructionFileInput,\n} from '@/generated/wspace-types';\nimport {\n  LinkToVibePanel,\n  LINK_TO_VIBE_DEFAULT,\n  type LinkToVibeValue,\n  type LinkToVibeVisibility,\n} from '@/components/shared/LinkToVibePanel';\nimport { EntityShareButton } from '@/components/sharing';\n\n/**\n * Shape of a single instruction file as returned by ListAgentInstructionFiles.\n * Mirrors the InstructionFileFields fragment in wspace-operations.\n */\ninterface InstructionFile {\n  id: string;\n  workspaceId: string;\n  filename: InstructionFilename;\n  customName?: string | null;\n  effectiveFilename: string;\n  content: string;\n  scope: InstructionScope;\n  agentId?: string | null;\n  tags: string[];\n  vibeId?: string | null;\n  visibility: VibeVisibility;\n  createdBy: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface InstructionFilesManagerProps {\n  /** Default AGENT-scope target for newly-created files. */\n  agentId?: string | null;\n}\n\nconst FILENAME_OPTIONS: ReadonlyArray<{ value: InstructionFilename; label: string }> = [\n  { value: InstructionFilename.AgentsMd, label: 'AGENTS.md' },\n  { value: InstructionFilename.ClaudeMd, label: 'CLAUDE.md' },\n  { value: InstructionFilename.GeminiMd, label: 'GEMINI.md' },\n  { value: InstructionFilename.Custom, label: 'Custom' },\n];\n\nconst SCOPE_OPTIONS: ReadonlyArray<{ value: InstructionScope; label: string }> = [\n  { value: InstructionScope.Agent, label: 'Agent' },\n  { value: InstructionScope.Vibe, label: 'Vibe' },\n];\n\nconst INPUT_CLASS =\n  'w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary';\n\nconst PRIMARY_BTN_CLASS =\n  'inline-flex items-center rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50';\n\nconst SECONDARY_BTN_CLASS =\n  'inline-flex items-center rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken';\n\nconst DANGER_BTN_CLASS =\n  'inline-flex items-center rounded-md bg-action-danger-bg px-3 py-2 text-sm font-medium text-action-danger-text disabled:opacity-50';\n\nconst BADGE_CLASS =\n  'inline-flex items-center rounded bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary';\n\n/** Internal state for the create/edit form. */\ninterface FormState {\n  filename: InstructionFilename;\n  customName: string;\n  scope: InstructionScope;\n  content: string;\n  link: LinkToVibeValue;\n}\n\nfunction emptyFormState(): FormState {\n  return {\n    filename: InstructionFilename.AgentsMd,\n    customName: '',\n    scope: InstructionScope.Agent,\n    content: '',\n    link: LINK_TO_VIBE_DEFAULT,\n  };\n}\n\n/** Map the file's stored visibility enum onto the LinkToVibePanel string union. */\nfunction toLinkVisibility(visibility: VibeVisibility): LinkToVibeVisibility {\n  return visibility === VibeVisibility.SharedWithVibe ? 'SHARED_WITH_VIBE' : 'PRIVATE';\n}\n\n/** Map the LinkToVibePanel string union back onto the generated enum. */\nfunction toVibeVisibility(visibility: LinkToVibeVisibility): VibeVisibility {\n  return visibility === 'SHARED_WITH_VIBE' ? VibeVisibility.SharedWithVibe : VibeVisibility.Private;\n}\n\nfunction formStateFromFile(file: InstructionFile): FormState {\n  return {\n    filename: file.filename,\n    customName: file.customName ?? '',\n    scope: file.scope,\n    content: file.content,\n    link: {\n      vibeId: file.vibeId ?? null,\n      visibility: toLinkVisibility(file.visibility),\n    },\n  };\n}\n\nfunction formatTimestamp(value: string): string {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return value;\n  }\n  return parsed.toLocaleString();\n}\n\nexport function InstructionFilesManager({\n  agentId,\n}: InstructionFilesManagerProps): React.ReactElement {\n  const { data, loading, error } = useListAgentInstructionFilesQuery({\n    variables: {\n      filter: agentId ? { agentId } : undefined,\n      pagination: { limit: 100, offset: 0 },\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const [createFile, { loading: creating }] = useCreateAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n  const [updateFile, { loading: updating }] = useUpdateAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n  const [deleteFile, { loading: deleting }] = useDeleteAgentInstructionFileMutation({\n    refetchQueries: ['ListAgentInstructionFiles'],\n  });\n\n  const [formOpen, setFormOpen] = useState(false);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [form, setForm] = useState<FormState>(emptyFormState);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const items = useMemo<InstructionFile[]>(\n    () => data?.agentInstructionFiles?.items ?? [],\n    [data?.agentInstructionFiles?.items]\n  );\n\n  const submitting = creating || updating;\n\n  const openCreateForm = (): void => {\n    setEditingId(null);\n    setForm(emptyFormState());\n    setFormError(null);\n    setFormOpen(true);\n  };\n\n  const openEditForm = (file: InstructionFile): void => {\n    setEditingId(file.id);\n    setForm(formStateFromFile(file));\n    setFormError(null);\n    setFormOpen(true);\n  };\n\n  const closeForm = (): void => {\n    setFormOpen(false);\n    setEditingId(null);\n    setForm(emptyFormState());\n    setFormError(null);\n  };\n\n  const handleSubmit = async (): Promise<void> => {\n    setFormError(null);\n\n    if (form.filename === InstructionFilename.Custom && form.customName.trim() === '') {\n      setFormError('Please provide a name for the custom instruction file.');\n      return;\n    }\n    if (form.content.trim() === '') {\n      setFormError('Instruction file content cannot be empty.');\n      return;\n    }\n\n    const customName = form.filename === InstructionFilename.Custom ? form.customName.trim() : null;\n\n    try {\n      if (editingId) {\n        // On edit only content / filename / customName / tags are updatable.\n        const input: UpdateAgentInstructionFileInput = {\n          content: form.content,\n          filename: form.filename,\n          customName,\n        };\n        await updateFile({ variables: { id: editingId, input } });\n      } else {\n        if (form.scope === InstructionScope.Vibe && !form.link.vibeId) {\n          setFormError('Pick a vibe to link before saving a vibe-scoped file.');\n          return;\n        }\n\n        const input: CreateAgentInstructionFileInput = {\n          filename: form.filename,\n          customName,\n          content: form.content,\n          scope: form.scope,\n        };\n\n        if (form.scope === InstructionScope.Vibe && form.link.vibeId) {\n          input.vibeId = form.link.vibeId;\n          input.visibility = toVibeVisibility(form.link.visibility);\n        } else {\n          input.agentId = agentId ?? null;\n        }\n\n        await createFile({ variables: { input } });\n      }\n      closeForm();\n    } catch (submitErr) {\n      setFormError(\n        submitErr instanceof Error ? submitErr.message : 'Failed to save the instruction file.'\n      );\n    }\n  };\n\n  const handleDelete = async (id: string): Promise<void> => {\n    try {\n      await deleteFile({ variables: { id } });\n    } finally {\n      setConfirmDeleteId(null);\n    }\n  };\n\n  return (\n    <section\n      data-testid=\"instruction-files-manager\"\n      className=\"space-y-4 rounded-lg border border-border-default bg-bg-surface p-4\"\n    >\n      <header className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"space-y-1\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Instruction files</h2>\n          <p className=\"max-w-2xl text-sm text-text-secondary\">\n            AGENTS.md / CLAUDE.md / GEMINI.md maintained centrally and pushed to your agent on chat\n            open.\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          data-testid=\"instruction-file-new\"\n          className={PRIMARY_BTN_CLASS}\n          onClick={formOpen && !editingId ? closeForm : openCreateForm}\n        >\n          {formOpen && !editingId ? 'Close' : 'New file'}\n        </button>\n      </header>\n\n      {formOpen && (\n        <div className=\"space-y-4 rounded-md border border-border-default bg-bg-elevated p-4\">\n          <h3 className=\"text-sm font-medium text-text-primary\">\n            {editingId ? 'Edit instruction file' : 'New instruction file'}\n          </h3>\n\n          <div className=\"grid gap-4 sm:grid-cols-2\">\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Filename</span>\n              <select\n                className={INPUT_CLASS}\n                value={form.filename}\n                onChange={(e) =>\n                  setForm((prev) => ({\n                    ...prev,\n                    filename: e.target.value as InstructionFilename,\n                  }))\n                }\n              >\n                {FILENAME_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </label>\n\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Scope</span>\n              <select\n                className={INPUT_CLASS}\n                value={form.scope}\n                disabled={editingId !== null}\n                onChange={(e) =>\n                  setForm((prev) => ({\n                    ...prev,\n                    scope: e.target.value as InstructionScope,\n                  }))\n                }\n              >\n                {SCOPE_OPTIONS.map((opt) => (\n                  <option key={opt.value} value={opt.value}>\n                    {opt.label}\n                  </option>\n                ))}\n              </select>\n            </label>\n          </div>\n\n          {form.filename === InstructionFilename.Custom && (\n            <label className=\"space-y-1.5\">\n              <span className=\"block text-sm font-medium text-text-secondary\">Custom name</span>\n              <input\n                type=\"text\"\n                className={INPUT_CLASS}\n                placeholder=\"e.g. CONTRIBUTING.md\"\n                value={form.customName}\n                onChange={(e) => setForm((prev) => ({ ...prev, customName: e.target.value }))}\n              />\n            </label>\n          )}\n\n          {!editingId && form.scope === InstructionScope.Vibe && (\n            <LinkToVibePanel\n              value={form.link}\n              onChange={(link) => setForm((prev) => ({ ...prev, link }))}\n              disabled={submitting}\n            />\n          )}\n\n          <label className=\"space-y-1.5\">\n            <span className=\"block text-sm font-medium text-text-secondary\">Content</span>\n            <textarea\n              className={`${INPUT_CLASS} min-h-56 font-mono`}\n              placeholder=\"# Project instructions…\"\n              value={form.content}\n              onChange={(e) => setForm((prev) => ({ ...prev, content: e.target.value }))}\n            />\n          </label>\n\n          {formError && (\n            <p className=\"text-sm text-action-danger-text\" role=\"alert\">\n              {formError}\n            </p>\n          )}\n\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              data-testid=\"instruction-file-save\"\n              className={PRIMARY_BTN_CLASS}\n              disabled={submitting}\n              onClick={() => {\n                void handleSubmit();\n              }}\n            >\n              {submitting ? 'Saving…' : 'Save'}\n            </button>\n            <button\n              type=\"button\"\n              className={SECONDARY_BTN_CLASS}\n              disabled={submitting}\n              onClick={closeForm}\n            >\n              Cancel\n            </button>\n          </div>\n        </div>\n      )}\n\n      {error ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-action-danger-text\">\n          Could not load instruction files: {error.message}\n        </p>\n      ) : loading && items.length === 0 ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary\">\n          Loading instruction files…\n        </p>\n      ) : items.length === 0 ? (\n        <p className=\"rounded-md border border-border-default bg-bg-sunken p-4 text-sm text-text-secondary\">\n          No instruction files yet. Create one to share it with your agent.\n        </p>\n      ) : (\n        <ul className=\"space-y-2\">\n          {items.map((file) => {\n            const isConfirming = confirmDeleteId === file.id;\n            const isShared = file.visibility === VibeVisibility.SharedWithVibe;\n            const scopeLabel = file.scope === InstructionScope.Vibe ? 'Vibe' : 'Agent';\n            return (\n              <li\n                key={file.id}\n                data-testid=\"instruction-file-row\"\n                className=\"flex flex-wrap items-center justify-between gap-3 rounded-md border border-border-default bg-bg-elevated p-3\"\n              >\n                <div className=\"min-w-0 space-y-1\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <span className=\"font-mono text-sm font-bold text-text-primary\">\n                      {file.effectiveFilename}\n                    </span>\n                    <span className={BADGE_CLASS}>{scopeLabel}</span>\n                    <span className={BADGE_CLASS}>{isShared ? 'Shared' : 'Private'}</span>\n                  </div>\n                  <p className=\"text-xs text-text-tertiary\">\n                    Updated {formatTimestamp(file.updatedAt)}\n                  </p>\n                </div>\n\n                <div className=\"flex items-center gap-2\">\n                  {isConfirming ? (\n                    <>\n                      <span className=\"text-xs text-text-secondary\">Delete this file?</span>\n                      <button\n                        type=\"button\"\n                        className={DANGER_BTN_CLASS}\n                        disabled={deleting}\n                        onClick={() => {\n                          void handleDelete(file.id);\n                        }}\n                      >\n                        {deleting ? 'Deleting…' : 'Confirm'}\n                      </button>\n                      <button\n                        type=\"button\"\n                        className={SECONDARY_BTN_CLASS}\n                        disabled={deleting}\n                        onClick={() => setConfirmDeleteId(null)}\n                      >\n                        Cancel\n                      </button>\n                    </>\n                  ) : (\n                    <>\n                      <button\n                        type=\"button\"\n                        className={SECONDARY_BTN_CLASS}\n                        onClick={() => openEditForm(file)}\n                      >\n                        Edit\n                      </button>\n                      <EntityShareButton\n                        entity=\"instructionfile\"\n                        resource={{\n                          id: file.id,\n                          name: file.effectiveFilename,\n                          vibeId: file.vibeId ?? null,\n                        }}\n                        label=\"Share\"\n                      />\n                      <button\n                        type=\"button\"\n                        className={DANGER_BTN_CLASS}\n                        onClick={() => setConfirmDeleteId(file.id)}\n                      >\n                        Delete\n                      </button>\n                    </>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/NotesTabPanel.js

@@ -9,12 +9,12 @@ import { SearchInput as ue } from "../shared/SearchInput.js";
 import { FilterDropdown as s } from "../shared/FilterDropdown.js";
 import "../shared/index.js";
 import { VIBE_PERMISSIONS as c } from "../../constants/permissions.js";
-import { NoteCard as de } from "./NoteCard.js";
-import { NoteList as fe } from "./NoteList.js";
-import { NoteEditor as pe } from "./NoteEditor.js";
 import { SHARE_REGISTRY as l } from "../sharing/shareRegistry.js";
-import { NoteShareDialog as me } from "../sharing/NoteShareDialog.js";
+import { NoteShareDialog as de } from "../sharing/NoteShareDialog.js";
 import "../sharing/index.js";
+import { NoteCard as fe } from "./NoteCard.js";
+import { NoteList as pe } from "./NoteList.js";
+import { NoteEditor as me } from "./NoteEditor.js";
 import { useMemo as u, useState as d } from "react";
 import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { FileText as ge, Globe as _e, Grid as ve, List as ye, Lock as be, Pin as xe, Plus as f, RefreshCw as Se } from "lucide-react";
@@ -394,7 +394,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				children: K.length > 0 ? A === "grid" ? /* @__PURE__ */ p(je, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: K.map((e) => /* @__PURE__ */ p(Ae, { children: /* @__PURE__ */ p(de, {
+					children: K.map((e) => /* @__PURE__ */ p(Ae, { children: /* @__PURE__ */ p(fe, {
 						note: e,
 						onOpen: q,
 						onEdit: q,
@@ -404,7 +404,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 						onShare: tt,
 						onShareAccess: Z
 					}) }, e.id))
-				}, "grid") : /* @__PURE__ */ p(fe, {
+				}, "grid") : /* @__PURE__ */ p(pe, {
 					notes: K,
 					onOpen: q,
 					onEdit: q,
@@ -425,7 +425,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					}) : void 0
 				})
 			}),
-			Ue && /* @__PURE__ */ p(pe, {
+			Ue && /* @__PURE__ */ p(me, {
 				note: We || void 0,
 				vibeOptions: nt,
 				defaultVibeId: h === "vibe" ? g : void 0,
@@ -442,7 +442,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				title: "Note Quota Reached",
 				message: "You've used all available note quota on your current plan. Upgrade your plan to create or update more notes."
 			}),
-			S && /* @__PURE__ */ p(me, {
+			S && /* @__PURE__ */ p(de, {
 				note: {
 					id: S.id,
 					title: S.title,