@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/notes/NotesTabPanel.js

@@ -0,0 +1,356 @@
+import { useAvailableNoteTagsQuery as e, useCreateNoteMutation as t, useDeleteNoteMutation as n, useListNotesQuery as r, usePinNoteMutation as i, useReplaceNoteTagsMutation as ee, useUnpinNoteMutation as te, useUpdateNoteMutation as ne } from "../../generated/wspace-operations.js";
+import { LoadingState as re } from "../shared/LoadingState.js";
+import { ErrorState as ie } from "../shared/ErrorState.js";
+import { QuotaExhaustedDialog as ae } from "../shared/QuotaExhaustedDialog.js";
+import { isQuotaExhaustedError as a } from "../../utils/quotaUtils.js";
+import { EmptyState as oe } from "../shared/EmptyState.js";
+import { SearchInput as se } from "../shared/SearchInput.js";
+import { FilterDropdown as o } from "../shared/FilterDropdown.js";
+import "../shared/index.js";
+import { VIBE_PERMISSIONS as s } from "../../constants/permissions.js";
+import { NoteCard as ce } from "./NoteCard.js";
+import { NoteList as le } from "./NoteList.js";
+import { NoteEditor as ue } from "./NoteEditor.js";
+import { useMemo as c, useState as l } from "react";
+import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { FileText as u, Grid as d, List as f, Pin as fe, Plus as p, RefreshCw as pe } from "lucide-react";
+import { useNavigate as me } from "react-router-dom";
+import { usePermissions as he } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as ge } from "framer-motion";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MotionItem as g, MotionList as _ } from "@burdenoff/fe-libs/shared/motion";
+import { AccessDenied as _e, PermissionButton as ve } from "@burdenoff/fe-libs/shared/components";
+//#region src/components/notes/NotesTabPanel.tsx
+function v({ context: v, vibeId: y, agentVibes: b = [] }) {
+	let { t: ye } = de(), be = me(), { hasPermission: x, isLoading: S, permissions: xe } = he(), C = x(s.NOTE_LIST), Se = x(s.NOTE_CREATE), [w, T] = l(""), [E, D] = l("all"), [O, k] = l("all"), [A, j] = l(!1), [M, N] = l("grid"), [Ce, P] = l(!1), [we, F] = l(null), [Te, I] = l(!1), [Ee] = i({ refetchQueries: ["ListNotes"] }), [De] = te({ refetchQueries: ["ListNotes"] }), [Oe] = n({ refetchQueries: ["ListNotes"] }), [ke] = t({ refetchQueries: ["ListNotes"] }), [Ae] = ne({ refetchQueries: ["ListNotes"] }), [L] = ee({ refetchQueries: ["ListNotes"] }), R = S || !C, { data: z } = e({ skip: R }), { data: B, loading: V, error: H, refetch: U } = r({
+		variables: {
+			filter: c(() => v === "vibe" && y ? {
+				vibeId: y,
+				isPinned: A ? !0 : void 0
+			} : {
+				vibeId: E === "none" ? null : E === "all" ? void 0 : E,
+				isPinned: A ? !0 : void 0
+			}, [
+				v,
+				y,
+				E,
+				A
+			]),
+			pagination: { limit: 50 }
+		},
+		fetchPolicy: "cache-and-network",
+		skip: R
+	}), je = c(() => v === "agent" ? [
+		{
+			value: "all",
+			label: "All Vibes"
+		},
+		{
+			value: "none",
+			label: "No Vibe (General)"
+		},
+		...b.map((e) => ({
+			value: e.id,
+			label: e.name
+		}))
+	] : [], [v, b]), W = c(() => {
+		let e = (B?.notes?.items ?? []).map((e) => ({
+			id: e.id,
+			workspaceId: e.workspaceId,
+			vibeId: e.vibeId || null,
+			title: e.title,
+			content: e.content,
+			tags: e.tags || [],
+			tagAssignments: e.tagAssignments?.map((e) => ({
+				id: e.id,
+				tagId: e.tagId,
+				tag: e.tag ? {
+					id: e.tag.id,
+					label: e.tag.label,
+					key: e.tag.key,
+					color: e.tag.color
+				} : void 0,
+				entityType: e.entityType,
+				entityId: e.entityId,
+				source: e.source,
+				assignedBy: e.assignedBy,
+				assignedAt: e.assignedAt
+			})) || [],
+			isPinned: e.isPinned,
+			createdBy: "",
+			metadata: e.metadata || {},
+			createdAt: e.createdAt,
+			updatedAt: e.updatedAt,
+			vibe: e.vibe ? {
+				id: e.vibe.id,
+				name: e.vibe.name
+			} : void 0
+		}));
+		if (v === "agent" && b.length > 0) {
+			let t = new Set(b.map((e) => e.id));
+			return e.filter((e) => e.vibeId && t.has(e.vibeId));
+		}
+		return e;
+	}, [
+		B?.notes?.items,
+		v,
+		b
+	]), Me = c(() => [{
+		value: "all",
+		label: "All Tags"
+	}, ...(z?.availableNoteTags ?? []).map((e) => ({
+		value: e.id,
+		label: e.label
+	}))], [z?.availableNoteTags]), G = c(() => W.filter((e) => {
+		if (w) {
+			let t = w.toLowerCase();
+			if (!(e.title.toLowerCase().includes(t) || e.content.toLowerCase().includes(t) || e.tagAssignments?.some((e) => e.tag?.label?.toLowerCase().includes(t)))) return !1;
+		}
+		return !(O !== "all" && !e.tagAssignments?.some((e) => e.tagId === O));
+	}), [
+		W,
+		w,
+		O
+	]), K = c(() => [...G].sort((e, t) => e.isPinned && !t.isPinned ? -1 : !e.isPinned && t.isPinned ? 1 : new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()), [G]), q = (e) => {
+		F(e), P(!0);
+	}, J = () => {
+		F(null), P(!0);
+	}, Y = async (e) => {
+		try {
+			e.isPinned ? await De({ variables: { id: e.id } }) : await Ee({ variables: { id: e.id } });
+		} catch (e) {
+			console.error("Failed to toggle pin for note:", e);
+		}
+	}, X = async (e) => {
+		try {
+			await Oe({ variables: { id: e.id } });
+		} catch (e) {
+			console.error("Failed to delete note:", e);
+		}
+	}, Z = async (e) => {
+		let t = () => {
+			P(!1), F(null), I(!0);
+		};
+		try {
+			let n, r = v === "vibe" ? y : e.vibeId;
+			if (e.id) {
+				let i;
+				try {
+					i = await Ae({ variables: {
+						id: e.id,
+						input: {
+							title: e.title,
+							content: e.content,
+							vibeId: r
+						}
+					} });
+				} catch (e) {
+					if (a(e)) {
+						t();
+						return;
+					}
+					throw e;
+				}
+				n = i.data?.updateNote?.id;
+			} else {
+				let i;
+				try {
+					i = await ke({ variables: { input: {
+						title: e.title || "",
+						content: e.content || "",
+						vibeId: r
+					} } });
+				} catch (e) {
+					if (a(e)) {
+						t();
+						return;
+					}
+					throw e;
+				}
+				n = i.data?.createNote?.id;
+			}
+			n && e.selectedTagIds && e.selectedTagIds.length > 0 ? await L({ variables: { input: {
+				noteId: n,
+				tagIds: e.selectedTagIds
+			} } }) : n && e.selectedTagIds?.length === 0 && e.id && await L({ variables: { input: {
+				noteId: n,
+				tagIds: []
+			} } }), P(!1);
+		} catch (e) {
+			console.error("Failed to save note:", e);
+		}
+	}, Q = {
+		total: W.length,
+		pinned: W.filter((e) => e.isPinned).length
+	}, Ne = c(() => v === "vibe" ? [] : b, [v, b]);
+	if (!S && xe && !C) return /* @__PURE__ */ m(_e, {
+		title: "Access Denied",
+		description: "You don't have permission to view notes.",
+		details: "Required permission: note:list"
+	});
+	if (V && W.length === 0) return /* @__PURE__ */ m(re, { message: "Loading notes..." });
+	if (H && W.length === 0) return /* @__PURE__ */ m(ie, {
+		title: "Failed to load notes",
+		message: H.message,
+		onRetry: () => U()
+	});
+	let $ = w || v === "agent" && E !== "all" || O !== "all" || A;
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Notes"
+				}), /* @__PURE__ */ h("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						Q.total,
+						" ",
+						Q.total === 1 ? "note" : "notes",
+						", ",
+						Q.pinned,
+						" pinned"
+					]
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ m("button", {
+						onClick: () => U(),
+						disabled: V,
+						className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
+						title: "Refresh notes",
+						children: /* @__PURE__ */ m(pe, { className: `w-4 h-4 ${V ? "animate-spin" : ""}` })
+					}), /* @__PURE__ */ m(ve, {
+						permission: s.NOTE_CREATE,
+						children: /* @__PURE__ */ h("button", {
+							onClick: J,
+							className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+							children: [/* @__PURE__ */ m(p, { className: "w-4 h-4" }), "New Note"]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ m(se, {
+						value: w,
+						onChange: T,
+						placeholder: "Search notes...",
+						className: "flex-1 sm:w-64 sm:flex-none"
+					}), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
+						children: [/* @__PURE__ */ m("button", {
+							onClick: () => N("grid"),
+							className: `p-1.5 sm:p-2 rounded ${M === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: "Grid view",
+							children: /* @__PURE__ */ m(d, { className: "w-4 h-4 text-text-secondary" })
+						}), /* @__PURE__ */ m("button", {
+							onClick: () => N("list"),
+							className: `p-1.5 sm:p-2 rounded ${M === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							title: "List view",
+							children: /* @__PURE__ */ m(f, { className: "w-4 h-4 text-text-secondary" })
+						})]
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2 sm:gap-3 flex-wrap",
+					children: [v === "agent" && /* @__PURE__ */ m(o, {
+						label: "Vibe",
+						value: E,
+						options: je,
+						onChange: D
+					}), /* @__PURE__ */ m(o, {
+						label: "Tag",
+						value: O,
+						options: Me,
+						onChange: k
+					})]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-2",
+				children: /* @__PURE__ */ h("button", {
+					onClick: () => j(!A),
+					className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${A ? "bg-status-warning-bg text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+					children: [
+						/* @__PURE__ */ m(fe, { className: "w-3 h-3" }),
+						"Pinned (",
+						Q.pinned,
+						")"
+					]
+				})
+			}),
+			$ ? /* @__PURE__ */ h("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					"Showing ",
+					K.length,
+					" of ",
+					W.length,
+					" notes",
+					V && /* @__PURE__ */ m("span", {
+						className: "ml-2 text-text-muted",
+						children: "(refreshing...)"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ m(ge, {
+				mode: "wait",
+				children: K.length > 0 ? M === "grid" ? /* @__PURE__ */ m(_, {
+					stagger: .04,
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+					children: K.map((e) => /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(ce, {
+						note: e,
+						onOpen: q,
+						onEdit: q,
+						onPin: Y,
+						onUnpin: Y,
+						onDelete: X
+					}) }, e.id))
+				}, "grid") : /* @__PURE__ */ m(_, { children: K.map((e) => /* @__PURE__ */ m(g, {
+					variant: "fadeRight",
+					children: /* @__PURE__ */ m(le, {
+						notes: [e],
+						onOpen: q,
+						onEdit: q,
+						onPin: Y,
+						onUnpin: Y,
+						onDelete: X
+					})
+				}, e.id)) }, "list") : /* @__PURE__ */ m(oe, {
+					icon: /* @__PURE__ */ m(u, { className: "w-8 h-8 text-text-secondary" }),
+					title: $ ? "No notes found" : "No notes yet",
+					description: $ ? "Try adjusting your search or filters" : "Create your first note to start documenting your work",
+					action: !$ && Se ? /* @__PURE__ */ h("button", {
+						onClick: J,
+						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+						children: [/* @__PURE__ */ m(p, { className: "w-4 h-4" }), "New Note"]
+					}) : void 0
+				})
+			}),
+			Ce && /* @__PURE__ */ m(ue, {
+				note: we || void 0,
+				vibeOptions: Ne,
+				defaultVibeId: v === "vibe" ? y : void 0,
+				hideVibeSelect: v === "vibe",
+				onSubmit: Z,
+				onCancel: () => P(!1)
+			}),
+			/* @__PURE__ */ m(ae, {
+				isOpen: Te,
+				onClose: () => I(!1),
+				onConfirm: () => {
+					I(!1), be("/billing");
+				},
+				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."
+			})
+		]
+	});
+}
+//#endregion
+export { v as NotesTabPanel };
+
+//# sourceMappingURL=NotesTabPanel.js.map

package/dist/components/notes/NotesTabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesTabPanel.js","names":[],"sources":["../../../src/components/notes/NotesTabPanel.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useState, useMemo } from 'react';\nimport { Plus, FileText, Grid, List, Pin, RefreshCw } from 'lucide-react';\nimport { AnimatePresence } from 'framer-motion';\nimport { useNavigate } from 'react-router-dom';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { NoteCard } from './NoteCard';\nimport { NoteList } from './NoteList';\nimport { NoteEditor } from './NoteEditor';\nimport type { Note } from './types';\nimport type { NoteEditorSubmitData } from './NoteEditor';\nimport {\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  LoadingState,\n  ErrorState,\n  QuotaExhaustedDialog,\n} from '@/components/shared';\nimport {\n  useListNotesQuery,\n  usePinNoteMutation,\n  useUnpinNoteMutation,\n  useDeleteNoteMutation,\n  useCreateNoteMutation,\n  useUpdateNoteMutation,\n  useReplaceNoteTagsMutation,\n  useAvailableNoteTagsQuery,\n} from '@/generated/wspace-operations';\nimport { PermissionButton, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\n\ntype ViewMode = 'grid' | 'list';\n\ninterface NotesTabPanelProps {\n  /** 'vibe' = single vibe context; 'agent' = multi-vibe agent context */\n  context: 'vibe' | 'agent';\n  /** For vibe context: the single vibeId to scope notes to */\n  vibeId?: string;\n  /** For agent context: the vibes belonging to the agent */\n  agentVibes?: { id: string; name: string }[];\n}\n\n/**\n * Reusable notes panel for embedding as a tab in detail pages.\n * Supports vibe-scoped and agent-scoped contexts.\n */\nexport function NotesTabPanel({ context, vibeId, agentVibes = [] }: NotesTabPanelProps) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const canListNotes = hasPermission(VIBE_PERMISSIONS.NOTE_LIST);\n  const canCreateNote = hasPermission(VIBE_PERMISSIONS.NOTE_CREATE);\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [vibeFilter, setVibeFilter] = useState('all');\n  const [tagFilter, setTagFilter] = useState('all');\n  const [showPinnedOnly, setShowPinnedOnly] = useState(false);\n  const [viewMode, setViewMode] = useState<ViewMode>('grid');\n  const [showEditor, setShowEditor] = useState(false);\n  const [selectedNote, setSelectedNote] = useState<Note | null>(null);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n\n  const [pinNote] = usePinNoteMutation({ refetchQueries: ['ListNotes'] });\n  const [unpinNote] = useUnpinNoteMutation({ refetchQueries: ['ListNotes'] });\n  const [deleteNote] = useDeleteNoteMutation({ refetchQueries: ['ListNotes'] });\n  const [createNote] = useCreateNoteMutation({ refetchQueries: ['ListNotes'] });\n  const [updateNote] = useUpdateNoteMutation({ refetchQueries: ['ListNotes'] });\n  const [replaceNoteTags] = useReplaceNoteTagsMutation({ refetchQueries: ['ListNotes'] });\n\n  const shouldSkipQueries = permissionsLoading || !canListNotes;\n\n  const { data: availableTagsData } = useAvailableNoteTagsQuery({ skip: shouldSkipQueries });\n\n  // Build query filter based on context\n  const queryFilter = useMemo(() => {\n    if (context === 'vibe' && vibeId) {\n      return {\n        vibeId,\n        isPinned: showPinnedOnly ? true : undefined,\n      };\n    }\n    // Agent context: fetch all notes, filter client-side\n    return {\n      vibeId: vibeFilter === 'none' ? null : vibeFilter !== 'all' ? vibeFilter : undefined,\n      isPinned: showPinnedOnly ? true : undefined,\n    };\n  }, [context, vibeId, vibeFilter, showPinnedOnly]);\n\n  const { data, loading, error, refetch } = useListNotesQuery({\n    variables: { filter: queryFilter, pagination: { limit: 50 } },\n    fetchPolicy: 'cache-and-network',\n    skip: shouldSkipQueries,\n  });\n\n  // Vibe filter options (agent context only)\n  const vibeOptions = useMemo(() => {\n    if (context !== 'agent') return [];\n    return [\n      { value: 'all', label: 'All Vibes' },\n      { value: 'none', label: 'No Vibe (General)' },\n      ...agentVibes.map((v) => ({ value: v.id, label: v.name })),\n    ];\n  }, [context, agentVibes]);\n\n  // Map GraphQL response to Note type\n  const notes: Note[] = useMemo(() => {\n    const rawNotes = data?.notes?.items ?? [];\n    const mapped = rawNotes.map((note: NonNullable<typeof rawNotes>[number]) => ({\n      id: note.id,\n      workspaceId: note.workspaceId,\n      vibeId: note.vibeId || null,\n      title: note.title,\n      content: note.content,\n      tags: note.tags || [],\n      tagAssignments:\n        note.tagAssignments?.map((a: NonNullable<typeof note.tagAssignments>[number]) => ({\n          id: a.id,\n          tagId: a.tagId,\n          tag: a.tag\n            ? { id: a.tag.id, label: a.tag.label, key: a.tag.key, color: a.tag.color }\n            : undefined,\n          entityType: a.entityType,\n          entityId: a.entityId,\n          source: a.source,\n          assignedBy: a.assignedBy,\n          assignedAt: a.assignedAt,\n        })) || [],\n      isPinned: note.isPinned,\n      createdBy: '',\n      metadata: (note.metadata as Record<string, unknown>) || {},\n      createdAt: note.createdAt,\n      updatedAt: note.updatedAt,\n      vibe: note.vibe ? { id: note.vibe.id, name: note.vibe.name } : undefined,\n    }));\n\n    // Agent context: client-side filter to only agent's vibes\n    if (context === 'agent' && agentVibes.length > 0) {\n      const vibeIdSet = new Set(agentVibes.map((v) => v.id));\n      return mapped.filter((n: Note) => n.vibeId && vibeIdSet.has(n.vibeId));\n    }\n\n    return mapped;\n  }, [data?.notes?.items, context, agentVibes]);\n\n  // Tag filter options\n  const tagOptions = useMemo(() => {\n    const tags = availableTagsData?.availableNoteTags ?? [];\n    return [\n      { value: 'all', label: 'All Tags' },\n      ...tags.map((tag: { id: string; label: string }) => ({\n        value: tag.id,\n        label: tag.label,\n      })),\n    ];\n  }, [availableTagsData?.availableNoteTags]);\n\n  // Client-side search and tag filtering\n  const filteredNotes = useMemo(() => {\n    return notes.filter((note) => {\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        const matchesSearch =\n          note.title.toLowerCase().includes(query) ||\n          note.content.toLowerCase().includes(query) ||\n          note.tagAssignments?.some((a) => a.tag?.label?.toLowerCase().includes(query));\n        if (!matchesSearch) return false;\n      }\n      if (tagFilter !== 'all') {\n        const hasTag = note.tagAssignments?.some((a) => a.tagId === tagFilter);\n        if (!hasTag) return false;\n      }\n      return true;\n    });\n  }, [notes, searchQuery, tagFilter]);\n\n  // Sort: pinned first, then by updatedAt\n  const sortedNotes = useMemo(() => {\n    return [...filteredNotes].sort((a, b) => {\n      if (a.isPinned && !b.isPinned) return -1;\n      if (!a.isPinned && b.isPinned) return 1;\n      return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();\n    });\n  }, [filteredNotes]);\n\n  const handleNoteSelect = (note: Note) => {\n    setSelectedNote(note);\n    setShowEditor(true);\n  };\n\n  const handleCreateNote = () => {\n    setSelectedNote(null);\n    setShowEditor(true);\n  };\n\n  const handlePinNote = async (note: Note) => {\n    try {\n      if (note.isPinned) {\n        await unpinNote({ variables: { id: note.id } });\n      } else {\n        await pinNote({ variables: { id: note.id } });\n      }\n    } catch (err) {\n      console.error('Failed to toggle pin for note:', err);\n    }\n  };\n\n  const handleDeleteNote = async (note: Note) => {\n    try {\n      await deleteNote({ variables: { id: note.id } });\n    } catch (err) {\n      console.error('Failed to delete note:', err);\n    }\n  };\n\n  const handleSaveNote = async (noteData: NoteEditorSubmitData) => {\n    const closeEditorForQuota = () => {\n      setShowEditor(false);\n      setSelectedNote(null);\n      setShowQuotaExhausted(true);\n    };\n\n    try {\n      let noteId: string | undefined;\n\n      // In vibe context, always force the vibeId\n      const effectiveVibeId = context === 'vibe' ? vibeId : noteData.vibeId;\n\n      if (noteData.id) {\n        let result;\n        try {\n          result = await updateNote({\n            variables: {\n              id: noteData.id,\n              input: {\n                title: noteData.title,\n                content: noteData.content,\n                vibeId: effectiveVibeId,\n              },\n            },\n          });\n        } catch (err) {\n          if (isQuotaExhaustedError(err)) {\n            closeEditorForQuota();\n            return;\n          }\n\n          throw err;\n        }\n        noteId = result.data?.updateNote?.id;\n      } else {\n        let result;\n        try {\n          result = await createNote({\n            variables: {\n              input: {\n                title: noteData.title || '',\n                content: noteData.content || '',\n                vibeId: effectiveVibeId,\n              },\n            },\n          });\n        } catch (err) {\n          if (isQuotaExhaustedError(err)) {\n            closeEditorForQuota();\n            return;\n          }\n\n          throw err;\n        }\n        noteId = result.data?.createNote?.id;\n      }\n\n      // Assign tags\n      if (noteId && noteData.selectedTagIds && noteData.selectedTagIds.length > 0) {\n        await replaceNoteTags({\n          variables: { input: { noteId, tagIds: noteData.selectedTagIds } },\n        });\n      } else if (noteId && noteData.selectedTagIds?.length === 0 && noteData.id) {\n        await replaceNoteTags({\n          variables: { input: { noteId, tagIds: [] } },\n        });\n      }\n\n      setShowEditor(false);\n    } catch (err) {\n      console.error('Failed to save note:', err);\n    }\n  };\n\n  // Stats\n  const stats = {\n    total: notes.length,\n    pinned: notes.filter((n) => n.isPinned).length,\n  };\n\n  // Vibe options for editor\n  const vibeOptionsForEditor = useMemo(() => {\n    if (context === 'vibe') return [];\n    return agentVibes;\n  }, [context, agentVibes]);\n\n  // Permission guard\n  if (!permissionsLoading && permissions && !canListNotes) {\n    return (\n      <AccessDenied\n        title=\"Access Denied\"\n        description=\"You don't have permission to view notes.\"\n        details=\"Required permission: note:list\"\n      />\n    );\n  }\n\n  if (loading && notes.length === 0) {\n    return <LoadingState message=\"Loading notes...\" />;\n  }\n\n  if (error && notes.length === 0) {\n    return (\n      <ErrorState title=\"Failed to load notes\" message={error.message} onRetry={() => refetch()} />\n    );\n  }\n\n  const isFiltered =\n    searchQuery ||\n    (context === 'agent' && vibeFilter !== 'all') ||\n    tagFilter !== 'all' ||\n    showPinnedOnly;\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h3 className=\"text-lg font-semibold text-text-primary\">Notes</h3>\n          <p className=\"text-sm text-text-secondary\">\n            {stats.total} {stats.total === 1 ? 'note' : 'notes'}, {stats.pinned} pinned\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={() => refetch()}\n            disabled={loading}\n            className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n            title=\"Refresh notes\"\n          >\n            <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />\n          </button>\n          <PermissionButton permission={VIBE_PERMISSIONS.NOTE_CREATE}>\n            <button\n              onClick={handleCreateNote}\n              className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              <Plus className=\"w-4 h-4\" />\n              New Note\n            </button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      {/* Filters */}\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-2\">\n          <SearchInput\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder=\"Search notes...\"\n            className=\"flex-1 sm:w-64 sm:flex-none\"\n          />\n          <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0\">\n            <button\n              onClick={() => setViewMode('grid')}\n              className={`p-1.5 sm:p-2 rounded ${viewMode === 'grid' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n              title=\"Grid view\"\n            >\n              <Grid className=\"w-4 h-4 text-text-secondary\" />\n            </button>\n            <button\n              onClick={() => setViewMode('list')}\n              className={`p-1.5 sm:p-2 rounded ${viewMode === 'list' ? 'bg-bg-surface shadow-sm' : 'hover:bg-bg-surface/50'}`}\n              title=\"List view\"\n            >\n              <List className=\"w-4 h-4 text-text-secondary\" />\n            </button>\n          </div>\n        </div>\n\n        <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n          {context === 'agent' && (\n            <FilterDropdown\n              label=\"Vibe\"\n              value={vibeFilter}\n              options={vibeOptions}\n              onChange={setVibeFilter}\n            />\n          )}\n          <FilterDropdown\n            label=\"Tag\"\n            value={tagFilter}\n            options={tagOptions}\n            onChange={setTagFilter}\n          />\n        </div>\n      </div>\n\n      {/* Pinned toggle */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          onClick={() => setShowPinnedOnly(!showPinnedOnly)}\n          className={`flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${\n            showPinnedOnly\n              ? 'bg-status-warning-bg text-status-warning-text'\n              : 'bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80'\n          }`}\n        >\n          <Pin className=\"w-3 h-3\" />\n          Pinned ({stats.pinned})\n        </button>\n      </div>\n\n      {/* Results count */}\n      {isFiltered ? (\n        <p className=\"text-sm text-text-secondary\">\n          Showing {sortedNotes.length} of {notes.length} notes\n          {loading && <span className=\"ml-2 text-text-muted\">(refreshing...)</span>}\n        </p>\n      ) : null}\n\n      {/* Notes display */}\n      <AnimatePresence mode=\"wait\">\n        {sortedNotes.length > 0 ? (\n          viewMode === 'grid' ? (\n            <MotionList\n              key=\"grid\"\n              stagger={0.04}\n              className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n            >\n              {sortedNotes.map((note) => (\n                <MotionItem key={note.id}>\n                  <NoteCard\n                    note={note}\n                    onOpen={handleNoteSelect}\n                    onEdit={handleNoteSelect}\n                    onPin={handlePinNote}\n                    onUnpin={handlePinNote}\n                    onDelete={handleDeleteNote}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <MotionList key=\"list\">\n              {sortedNotes.map((note) => (\n                <MotionItem key={note.id} variant=\"fadeRight\">\n                  <NoteList\n                    notes={[note]}\n                    onOpen={handleNoteSelect}\n                    onEdit={handleNoteSelect}\n                    onPin={handlePinNote}\n                    onUnpin={handlePinNote}\n                    onDelete={handleDeleteNote}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          )\n        ) : (\n          <EmptyState\n            icon={<FileText className=\"w-8 h-8 text-text-secondary\" />}\n            title={isFiltered ? 'No notes found' : 'No notes yet'}\n            description={\n              isFiltered\n                ? 'Try adjusting your search or filters'\n                : 'Create your first note to start documenting your work'\n            }\n            action={\n              !isFiltered && canCreateNote ? (\n                <button\n                  onClick={handleCreateNote}\n                  className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                >\n                  <Plus className=\"w-4 h-4\" />\n                  New Note\n                </button>\n              ) : undefined\n            }\n          />\n        )}\n      </AnimatePresence>\n\n      {/* Note Editor Modal */}\n      {showEditor && (\n        <NoteEditor\n          note={selectedNote || undefined}\n          vibeOptions={vibeOptionsForEditor}\n          defaultVibeId={context === 'vibe' ? vibeId : undefined}\n          hideVibeSelect={context === 'vibe'}\n          onSubmit={handleSaveNote}\n          onCancel={() => setShowEditor(false)}\n        />\n      )}\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing');\n        }}\n        title=\"Note Quota Reached\"\n        message=\"You've used all available note quota on your current plan. Upgrade your plan to create or update more notes.\"\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/index.d.ts

@@ -0,0 +1,7 @@
+export * from './types';
+export { NoteCard } from './NoteCard';
+export { NoteList } from './NoteList';
+export { NoteEditor } from './NoteEditor';
+export type { NoteEditorSubmitData } from './NoteEditor';
+export { NotesTabPanel } from './NotesTabPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/notes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notes/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/notes/index.js

@@ -0,0 +1,4 @@
+import "./NoteCard.js";
+import "./NoteList.js";
+import "./NoteEditor.js";
+import "./NotesTabPanel.js";

package/dist/components/notes/types.d.ts

@@ -0,0 +1,58 @@
+export interface NoteTagAssignment {
+    id: string;
+    tagId: string;
+    tag?: {
+        id: string;
+        label?: string;
+        key?: string;
+        color?: string | null;
+    } | null;
+    entityType: string;
+    entityId: string;
+    source: string;
+    assignedBy?: string | null;
+    assignedAt?: string | null;
+}
+export interface Note {
+    id: string;
+    workspaceId: string;
+    vibeId: string | null;
+    title: string;
+    content: string;
+    /** @deprecated Use tagAssignments for structured tag data */
+    tags: string[];
+    tagAssignments?: NoteTagAssignment[];
+    isPinned: boolean;
+    createdBy: string;
+    metadata: Record<string, unknown>;
+    createdAt: string;
+    updatedAt: string;
+    vibe?: {
+        id: string;
+        name: string;
+    };
+}
+export interface NoteFilter {
+    workspaceId?: string;
+    vibeId?: string | null;
+    tags?: string[];
+    isPinned?: boolean;
+    search?: string;
+}
+export interface CreateNoteInput {
+    workspaceId: string;
+    vibeId?: string;
+    title: string;
+    content: string;
+    tags?: string[];
+    isPinned?: boolean;
+    metadata?: Record<string, unknown>;
+}
+export interface UpdateNoteInput {
+    title?: string;
+    content?: string;
+    vibeId?: string | null;
+    tags?: string[];
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/notes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/notes/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACjF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC"}

package/dist/components/scorecard/ScorecardPanel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface ScorecardPanelProps {
+    ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';
+    ownerId: string;
+    onAddMetric?: () => void;
+}
+export declare const ScorecardPanel: FC<ScorecardPanelProps>;
+//# sourceMappingURL=ScorecardPanel.d.ts.map

package/dist/components/scorecard/ScorecardPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScorecardPanel.d.ts","sourceRoot":"","sources":["../../../src/components/scorecard/ScorecardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAwD3C,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAoFD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4elD,CAAC"}