@burdenoff/microfe-vibecontrols 2026.608.2 → 2026.608.4

package/dist/components/audit/AuditLogDetail.js

@@ -116,9 +116,9 @@ function m({ changeset: e }) {
 		})]
 	});
 }
-function h({ log: n, onClose: i }) {
-	let { t: a } = r(), o = (e, t) => {
-		let n = a(e);
+function h({ log: n, onClose: i, footer: a }) {
+	let { t: o } = r(), s = (e, t) => {
+		let n = o(e);
 		return n === e ? t : n;
 	};
 	return t(() => {
@@ -130,7 +130,7 @@ function h({ log: n, onClose: i }) {
 		className: "fixed inset-0 z-[1000] flex justify-end bg-bg-overlay/40",
 		children: [/* @__PURE__ */ u("button", {
 			type: "button",
-			"aria-label": o("audit.closeDetailOverlay", "Close audit log detail"),
+			"aria-label": s("audit.closeDetailOverlay", "Close audit log detail"),
 			className: "absolute inset-0 cursor-default",
 			onClick: i
 		}), /* @__PURE__ */ d("aside", {
@@ -158,7 +158,7 @@ function h({ log: n, onClose: i }) {
 					})
 				] }), /* @__PURE__ */ u("button", {
 					type: "button",
-					"aria-label": o("audit.closeDetail", "Close audit log detail"),
+					"aria-label": s("audit.closeDetail", "Close audit log detail"),
 					onClick: i,
 					className: "flex size-10 items-center justify-center rounded hover:bg-bg-secondary",
 					children: /* @__PURE__ */ u(l, { size: 16 })
@@ -299,7 +299,11 @@ function h({ log: n, onClose: i }) {
 					/* @__PURE__ */ u(f, {
 						data: n.metadata,
 						label: "Metadata"
-					})
+					}),
+					a ? /* @__PURE__ */ u("div", {
+						className: "pt-2",
+						children: a
+					}) : null
 				]
 			})]
 		})]

package/dist/components/audit/AuditLogDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuditLogDetail.js","names":[],"sources":["../../../src/components/audit/AuditLogDetail.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useEffect, useState } from 'react';\nimport { X, ChevronDown, ChevronRight, Copy, Check, Terminal } from 'lucide-react';\nimport type { VibeAuditLogDetailFragment } from '@/generated/wspace-operations';\nimport { StatusBadge } from '@/components/shared';\n\ninterface AuditLogDetailProps {\n  log: VibeAuditLogDetailFragment;\n  onClose: () => void;\n}\n\nfunction JsonViewer({ data, label }: { data: unknown; label: string }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!data) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        {label}\n      </button>\n      {expanded && (\n        <pre className=\"px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken\">\n          {JSON.stringify(data, null, 2)}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction CommandBlock({\n  command,\n  output,\n  exitCode,\n}: {\n  command?: string | null;\n  output?: string | null;\n  exitCode?: number | null;\n}) {\n  const [copied, setCopied] = useState(false);\n  if (!command && !output) return null;\n\n  const handleCopy = () => {\n    if (command) {\n      navigator.clipboard.writeText(command);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <div className=\"flex items-center justify-between px-3 py-2 bg-bg-secondary/50\">\n        <span className=\"flex items-center gap-2 text-sm font-medium\">\n          <Terminal size={14} />\n          Command Execution\n          {exitCode !== null && exitCode !== undefined && (\n            <span\n              className={`px-1.5 py-0.5 rounded text-xs ${exitCode === 0 ? 'bg-status-success-bg text-status-success-text' : 'bg-status-error-bg text-status-error-text'}`}\n            >\n              exit {exitCode}\n            </span>\n          )}\n        </span>\n        {command && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"p-1 rounded hover:bg-bg-secondary text-text-secondary\"\n            title=\"Copy command\"\n          >\n            {copied ? <Check size={14} /> : <Copy size={14} />}\n          </button>\n        )}\n      </div>\n      {command && (\n        <div className=\"px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs\">\n          <span className=\"text-status-success-text\">$</span> {command}\n        </div>\n      )}\n      {output && (\n        <pre className=\"px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48\">\n          {output}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction ChangesetViewer({ changeset }: { changeset: Record<string, unknown> | null | undefined }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!changeset || typeof changeset !== 'object') return null;\n\n  const changes = Object.entries(changeset as Record<string, { from: unknown; to: unknown }>);\n  if (changes.length === 0) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        Changes ({changes.length} field{changes.length !== 1 ? 's' : ''})\n      </button>\n      {expanded && (\n        <div className=\"px-3 py-2 space-y-2\">\n          {changes.map(([field, change]) => (\n            <div key={field} className=\"text-xs\">\n              <span className=\"font-medium text-text-primary\">{field}</span>\n              <div className=\"ml-4 mt-1 space-y-0.5\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-error-text font-mono\">-</span>\n                  <span className=\"text-status-error-text\">\n                    {JSON.stringify((change as { from: unknown }).from)}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-success-text font-mono\">+</span>\n                  <span className=\"text-status-success-text\">\n                    {JSON.stringify((change as { to: unknown }).to)}\n                  </span>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function AuditLogDetail({ log, onClose }: AuditLogDetailProps) {\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  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [onClose]);\n\n  return (\n    <div className=\"fixed inset-0 z-[1000] flex justify-end bg-bg-overlay/40\">\n      <button\n        type=\"button\"\n        aria-label={tr('audit.closeDetailOverlay', 'Close audit log detail')}\n        className=\"absolute inset-0 cursor-default\"\n        onClick={onClose}\n      />\n      <aside className=\"relative flex h-full w-full max-w-[480px] flex-col border-l border-border-default bg-bg-surface shadow-xl\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n          <div>\n            <h3 className=\"text-sm font-semibold\">{log.action.replace(/_/g, ' ')}</h3>\n            <p className=\"text-xs text-text-secondary\">\n              {log.resourceType.replace(/_/g, ' ')}\n              {log.resourceName ? ` · ${log.resourceName}` : ''}\n            </p>\n            <details className=\"mt-1\">\n              <summary className=\"cursor-pointer text-[10px] uppercase tracking-wider text-text-secondary hover:text-text-primary\">\n                Event ID\n              </summary>\n              <span className=\"mt-1 block break-all font-mono text-[11px] text-text-secondary\">\n                {log.id}\n              </span>\n            </details>\n          </div>\n          <button\n            type=\"button\"\n            aria-label={tr('audit.closeDetail', 'Close audit log detail')}\n            onClick={onClose}\n            className=\"flex size-10 items-center justify-center rounded hover:bg-bg-secondary\"\n          >\n            <X size={16} />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-y-auto p-4 space-y-4\">\n          {/* Summary */}\n          <div className=\"grid grid-cols-2 gap-3 text-sm\">\n            <div>\n              <span className=\"text-text-secondary text-xs\">Action</span>\n              <div className=\"font-medium\">{log.action}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Status</span>\n              <div>\n                <StatusBadge status={log.status} size=\"sm\" />\n              </div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Resource Type</span>\n              <div className=\"font-medium\">{log.resourceType.replace(/_/g, ' ')}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Resource ID</span>\n              <div className=\"font-mono text-xs truncate\">{log.resourceId || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Resource Name</span>\n              <div>{log.resourceName || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Description</span>\n              <div className=\"text-text-secondary\">{log.description || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Actor</span>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"capitalize\">\n                  {(log.actorType || 'unknown').toLowerCase().replace(/_/g, ' ')}\n                </span>\n                <details className=\"text-xs text-text-secondary\">\n                  <summary className=\"cursor-pointer hover:text-text-primary\">ID</summary>\n                  <span className=\"ml-2 break-all font-mono text-[11px]\">{log.actorId}</span>\n                </details>\n              </div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Timestamp</span>\n              <div className=\"text-xs\">{new Date(log.createdAt).toLocaleString()}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">IP Address</span>\n              <div className=\"font-mono text-xs\">{log.ipAddress || '-'}</div>\n            </div>\n            {log.expiresAt && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Expires At</span>\n                <div className=\"text-xs text-status-warning-text\">\n                  {new Date(log.expiresAt).toLocaleString()}\n                </div>\n              </div>\n            )}\n            {log.errorMessage && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Error</span>\n                <div className=\"text-status-error-text text-xs\">{log.errorMessage}</div>\n              </div>\n            )}\n            {log.deleteReason && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Delete Reason</span>\n                <div className=\"text-xs\">{log.deleteReason}</div>\n              </div>\n            )}\n          </div>\n\n          {/* Command execution */}\n          <CommandBlock command={log.command} output={log.output} exitCode={log.exitCode} />\n\n          {/* Changeset */}\n          <ChangesetViewer changeset={log.changeset as Record<string, unknown> | null} />\n\n          {/* State snapshots */}\n          <JsonViewer data={log.previousState} label=\"Previous State\" />\n          <JsonViewer data={log.newState} label=\"New State\" />\n          <JsonViewer data={log.metadata} label=\"Metadata\" />\n        </div>\n      </aside>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuditLogDetail.js","names":[],"sources":["../../../src/components/audit/AuditLogDetail.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useEffect, useState, type ReactNode } from 'react';\nimport { X, ChevronDown, ChevronRight, Copy, Check, Terminal } from 'lucide-react';\nimport type { VibeAuditLogDetailFragment } from '@/generated/wspace-operations';\nimport { StatusBadge } from '@/components/shared';\n\ninterface AuditLogDetailProps {\n  log: VibeAuditLogDetailFragment;\n  onClose: () => void;\n  /** Optional action node rendered at the bottom of the panel (e.g. drill-down). */\n  footer?: ReactNode;\n}\n\nfunction JsonViewer({ data, label }: { data: unknown; label: string }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!data) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        {label}\n      </button>\n      {expanded && (\n        <pre className=\"px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken\">\n          {JSON.stringify(data, null, 2)}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction CommandBlock({\n  command,\n  output,\n  exitCode,\n}: {\n  command?: string | null;\n  output?: string | null;\n  exitCode?: number | null;\n}) {\n  const [copied, setCopied] = useState(false);\n  if (!command && !output) return null;\n\n  const handleCopy = () => {\n    if (command) {\n      navigator.clipboard.writeText(command);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <div className=\"flex items-center justify-between px-3 py-2 bg-bg-secondary/50\">\n        <span className=\"flex items-center gap-2 text-sm font-medium\">\n          <Terminal size={14} />\n          Command Execution\n          {exitCode !== null && exitCode !== undefined && (\n            <span\n              className={`px-1.5 py-0.5 rounded text-xs ${exitCode === 0 ? 'bg-status-success-bg text-status-success-text' : 'bg-status-error-bg text-status-error-text'}`}\n            >\n              exit {exitCode}\n            </span>\n          )}\n        </span>\n        {command && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"p-1 rounded hover:bg-bg-secondary text-text-secondary\"\n            title=\"Copy command\"\n          >\n            {copied ? <Check size={14} /> : <Copy size={14} />}\n          </button>\n        )}\n      </div>\n      {command && (\n        <div className=\"px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs\">\n          <span className=\"text-status-success-text\">$</span> {command}\n        </div>\n      )}\n      {output && (\n        <pre className=\"px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48\">\n          {output}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction ChangesetViewer({ changeset }: { changeset: Record<string, unknown> | null | undefined }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!changeset || typeof changeset !== 'object') return null;\n\n  const changes = Object.entries(changeset as Record<string, { from: unknown; to: unknown }>);\n  if (changes.length === 0) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        Changes ({changes.length} field{changes.length !== 1 ? 's' : ''})\n      </button>\n      {expanded && (\n        <div className=\"px-3 py-2 space-y-2\">\n          {changes.map(([field, change]) => (\n            <div key={field} className=\"text-xs\">\n              <span className=\"font-medium text-text-primary\">{field}</span>\n              <div className=\"ml-4 mt-1 space-y-0.5\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-error-text font-mono\">-</span>\n                  <span className=\"text-status-error-text\">\n                    {JSON.stringify((change as { from: unknown }).from)}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-success-text font-mono\">+</span>\n                  <span className=\"text-status-success-text\">\n                    {JSON.stringify((change as { to: unknown }).to)}\n                  </span>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function AuditLogDetail({ log, onClose, footer }: AuditLogDetailProps) {\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  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [onClose]);\n\n  return (\n    <div className=\"fixed inset-0 z-[1000] flex justify-end bg-bg-overlay/40\">\n      <button\n        type=\"button\"\n        aria-label={tr('audit.closeDetailOverlay', 'Close audit log detail')}\n        className=\"absolute inset-0 cursor-default\"\n        onClick={onClose}\n      />\n      <aside className=\"relative flex h-full w-full max-w-[480px] flex-col border-l border-border-default bg-bg-surface shadow-xl\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n          <div>\n            <h3 className=\"text-sm font-semibold\">{log.action.replace(/_/g, ' ')}</h3>\n            <p className=\"text-xs text-text-secondary\">\n              {log.resourceType.replace(/_/g, ' ')}\n              {log.resourceName ? ` · ${log.resourceName}` : ''}\n            </p>\n            <details className=\"mt-1\">\n              <summary className=\"cursor-pointer text-[10px] uppercase tracking-wider text-text-secondary hover:text-text-primary\">\n                Event ID\n              </summary>\n              <span className=\"mt-1 block break-all font-mono text-[11px] text-text-secondary\">\n                {log.id}\n              </span>\n            </details>\n          </div>\n          <button\n            type=\"button\"\n            aria-label={tr('audit.closeDetail', 'Close audit log detail')}\n            onClick={onClose}\n            className=\"flex size-10 items-center justify-center rounded hover:bg-bg-secondary\"\n          >\n            <X size={16} />\n          </button>\n        </div>\n\n        {/* Content */}\n        <div className=\"flex-1 overflow-y-auto p-4 space-y-4\">\n          {/* Summary */}\n          <div className=\"grid grid-cols-2 gap-3 text-sm\">\n            <div>\n              <span className=\"text-text-secondary text-xs\">Action</span>\n              <div className=\"font-medium\">{log.action}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Status</span>\n              <div>\n                <StatusBadge status={log.status} size=\"sm\" />\n              </div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Resource Type</span>\n              <div className=\"font-medium\">{log.resourceType.replace(/_/g, ' ')}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Resource ID</span>\n              <div className=\"font-mono text-xs truncate\">{log.resourceId || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Resource Name</span>\n              <div>{log.resourceName || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Description</span>\n              <div className=\"text-text-secondary\">{log.description || '-'}</div>\n            </div>\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Actor</span>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"capitalize\">\n                  {(log.actorType || 'unknown').toLowerCase().replace(/_/g, ' ')}\n                </span>\n                <details className=\"text-xs text-text-secondary\">\n                  <summary className=\"cursor-pointer hover:text-text-primary\">ID</summary>\n                  <span className=\"ml-2 break-all font-mono text-[11px]\">{log.actorId}</span>\n                </details>\n              </div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">Timestamp</span>\n              <div className=\"text-xs\">{new Date(log.createdAt).toLocaleString()}</div>\n            </div>\n            <div>\n              <span className=\"text-text-secondary text-xs\">IP Address</span>\n              <div className=\"font-mono text-xs\">{log.ipAddress || '-'}</div>\n            </div>\n            {log.expiresAt && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Expires At</span>\n                <div className=\"text-xs text-status-warning-text\">\n                  {new Date(log.expiresAt).toLocaleString()}\n                </div>\n              </div>\n            )}\n            {log.errorMessage && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Error</span>\n                <div className=\"text-status-error-text text-xs\">{log.errorMessage}</div>\n              </div>\n            )}\n            {log.deleteReason && (\n              <div className=\"col-span-2\">\n                <span className=\"text-text-secondary text-xs\">Delete Reason</span>\n                <div className=\"text-xs\">{log.deleteReason}</div>\n              </div>\n            )}\n          </div>\n\n          {/* Command execution */}\n          <CommandBlock command={log.command} output={log.output} exitCode={log.exitCode} />\n\n          {/* Changeset */}\n          <ChangesetViewer changeset={log.changeset as Record<string, unknown> | null} />\n\n          {/* State snapshots */}\n          <JsonViewer data={log.previousState} label=\"Previous State\" />\n          <JsonViewer data={log.newState} label=\"New State\" />\n          <JsonViewer data={log.metadata} label=\"Metadata\" />\n\n          {footer ? <div className=\"pt-2\">{footer}</div> : null}\n        </div>\n      </aside>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/NotesTabPanel.js

@@ -27,12 +27,12 @@ import { useFeatureFlag as De } from "@burdenoff/fe-libs/shared/feature-flags";
 import { AccessDenied as Oe, PermissionButton as ke } from "@burdenoff/fe-libs/shared/components";
 import { MotionItem as Ae, MotionList as je } from "@burdenoff/fe-libs/shared/motion";
 //#region src/components/notes/NotesTabPanel.tsx
-function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
-	let { t: Me } = he(), Ne = Ce(), v = we(), { hasPermission: y, isLoading: b, permissions: Pe } = Te(), x = y(c.NOTE_LIST), Fe = y(c.NOTE_CREATE), Ie = De(l.note.featureFlag, l.note.defaultEnabled), Le = y(l.note.permission), Re = Ie && Le, [S, C] = d(null), [w, ze] = d(""), [T, Be] = d("all"), [E, Ve] = d("all"), [D, O] = d("all"), [k, He] = d(!1), [A, j] = d("grid"), [Ue, M] = d(!1), [We, N] = d(null), [Ge, P] = d(!1), F = (e) => {
-		v.cache.evict({
+function h({ context: h, vibeId: g, sessionId: _, agentVibes: v = [] }) {
+	let { t: Me } = he(), Ne = Ce(), y = we(), { hasPermission: b, isLoading: x, permissions: Pe } = Te(), S = b(c.NOTE_LIST), Fe = b(c.NOTE_CREATE), Ie = De(l.note.featureFlag, l.note.defaultEnabled), Le = b(l.note.permission), Re = Ie && Le, [C, w] = d(null), [T, ze] = d(""), [E, Be] = d("all"), [D, Ve] = d("all"), [O, k] = d("all"), [A, He] = d(!1), [j, M] = d("grid"), [Ue, N] = d(!1), [We, P] = d(null), [Ge, F] = d(!1), I = (e) => {
+		y.cache.evict({
 			id: "ROOT_QUERY",
 			fieldName: "notes"
-		}), v.cache.gc(), e();
+		}), y.cache.gc(), e();
 	}, [Ke] = ee({
 		refetchQueries: [e],
 		awaitRefetchQueries: !0
@@ -48,36 +48,41 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 	}), [Xe] = ie({
 		refetchQueries: [e],
 		awaitRefetchQueries: !0
-	}), [I] = te({
+	}), [L] = te({
 		refetchQueries: [e],
 		awaitRefetchQueries: !0
 	}), [Ze] = ne({
 		refetchQueries: [e],
 		awaitRefetchQueries: !0
-	}), L = b || !x, { data: R } = t({ skip: L }), { data: z, loading: B, error: V, refetch: H } = i({
+	}), R = x || !S, { data: z } = t({ skip: R }), { data: B, loading: V, error: H, refetch: U } = i({
 		variables: {
 			filter: u(() => {
-				let e = D === "all" ? void 0 : D;
-				return h === "vibe" && g ? {
+				let e = O === "all" ? void 0 : O;
+				return h === "session" && _ ? {
+					sessionId: _,
+					isPinned: A ? !0 : void 0,
+					visibility: e
+				} : h === "vibe" && g ? {
 					vibeId: g,
-					isPinned: k ? !0 : void 0,
+					isPinned: A ? !0 : void 0,
 					visibility: e
 				} : {
-					vibeId: T === "none" ? null : T === "all" ? void 0 : T,
-					isPinned: k ? !0 : void 0,
+					vibeId: E === "none" ? null : E === "all" ? void 0 : E,
+					isPinned: A ? !0 : void 0,
 					visibility: e
 				};
 			}, [
 				h,
 				g,
-				T,
-				k,
-				D
+				_,
+				E,
+				A,
+				O
 			]),
 			pagination: { limit: 50 }
 		},
 		fetchPolicy: "cache-and-network",
-		skip: L
+		skip: R
 	}), Qe = u(() => h === "agent" ? [
 		{
 			value: "all",
@@ -87,15 +92,15 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 			value: "none",
 			label: "No Vibe (General)"
 		},
-		..._.map((e) => ({
+		...v.map((e) => ({
 			value: e.id,
 			label: e.name
 		}))
-	] : [], [h, _]), U = u(() => {
-		let e = R?.availableNoteTags ?? [];
+	] : [], [h, v]), W = u(() => {
+		let e = z?.availableNoteTags ?? [];
 		return new Map(e.map((e) => [e.id, e]));
-	}, [R?.availableNoteTags]), W = u(() => {
-		let e = (z?.notes?.items ?? []).map((e) => ({
+	}, [z?.availableNoteTags]), G = u(() => {
+		let e = (B?.notes?.items ?? []).map((e) => ({
 			id: e.id,
 			workspaceId: e.workspaceId,
 			vibeId: e.vibeId || null,
@@ -108,11 +113,11 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					label: e.tag.label,
 					key: e.tag.key,
 					color: e.tag.color
-				} : U.has(e.tagId) ? {
+				} : W.has(e.tagId) ? {
 					id: e.tagId,
-					label: U.get(e.tagId).label,
-					key: U.get(e.tagId).key,
-					color: U.get(e.tagId).color ?? null
+					label: W.get(e.tagId).label,
+					key: W.get(e.tagId).key,
+					color: W.get(e.tagId).color ?? null
 				} : void 0;
 				return {
 					id: e.id,
@@ -136,51 +141,51 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				name: e.vibe.name
 			} : void 0
 		}));
-		if (h === "agent" && _.length > 0) {
-			let t = new Set(_.map((e) => e.id));
+		if (h === "agent" && v.length > 0) {
+			let t = new Set(v.map((e) => e.id));
 			return e.filter((e) => e.vibeId && t.has(e.vibeId));
 		}
 		return e;
 	}, [
-		z?.notes?.items,
+		B?.notes?.items,
 		h,
-		_,
-		U
+		v,
+		W
 	]), $e = u(() => [{
 		value: "all",
 		label: "All Tags"
-	}, ...(R?.availableNoteTags ?? []).map((e) => ({
+	}, ...(z?.availableNoteTags ?? []).map((e) => ({
 		value: e.id,
 		label: e.label
-	}))], [R?.availableNoteTags]), G = u(() => W.filter((e) => {
-		if (w) {
-			let t = w.toLowerCase();
+	}))], [z?.availableNoteTags]), K = u(() => G.filter((e) => {
+		if (T) {
+			let t = T.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 !(E !== "all" && !e.tagAssignments?.some((e) => e.tagId === E));
+		return !(D !== "all" && !e.tagAssignments?.some((e) => e.tagId === D));
 	}), [
-		W,
-		w,
-		E
-	]), K = u(() => [...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) => {
-		N(e), M(!0);
-	}, J = () => {
-		N(null), M(!0);
-	}, Y = async (e) => {
+		G,
+		T,
+		D
+	]), q = u(() => [...K].sort((e, t) => e.isPinned && !t.isPinned ? -1 : !e.isPinned && t.isPinned ? 1 : new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime()), [K]), J = (e) => {
+		P(e), N(!0);
+	}, Y = () => {
+		P(null), N(!0);
+	}, X = async (e) => {
 		try {
-			e.isPinned ? await qe({ variables: { id: e.id } }) : await Ke({ variables: { id: e.id } }), F(H);
+			e.isPinned ? await qe({ variables: { id: e.id } }) : await Ke({ variables: { id: e.id } }), I(U);
 		} catch (e) {
 			console.error("Failed to toggle pin for note:", e);
 		}
-	}, X = async (e) => {
+	}, et = async (e) => {
 		try {
-			await Je({ variables: { id: e.id } }), F(H);
+			await Je({ variables: { id: e.id } }), I(U);
 		} catch (e) {
 			console.error("Failed to delete note:", e);
 		}
-	}, et = async (e) => {
+	}, tt = async (e) => {
 		let t = () => {
-			M(!1), N(null), oe(), P(!0);
+			N(!1), P(null), oe(), F(!0);
 		};
 		try {
 			let n, r = h === "vibe" ? g : e.vibeId;
@@ -210,6 +215,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 						title: e.title || "",
 						content: e.content || "",
 						vibeId: r,
+						sessionId: h === "session" ? _ : void 0,
 						visibility: e.visibility ? e.visibility : o.Workspace
 					} } });
 				} catch (e) {
@@ -221,42 +227,42 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				}
 				n = i.data?.createNote?.id;
 			}
-			n && e.selectedTagIds && e.selectedTagIds.length > 0 ? await I({ variables: { input: {
+			n && e.selectedTagIds && e.selectedTagIds.length > 0 ? await L({ variables: { input: {
 				noteId: n,
 				tagIds: e.selectedTagIds
-			} } }) : n && e.selectedTagIds?.length === 0 && e.id && await I({ variables: { input: {
+			} } }) : n && e.selectedTagIds?.length === 0 && e.id && await L({ variables: { input: {
 				noteId: n,
 				tagIds: []
-			} } }), M(!1), F(H);
+			} } }), N(!1), I(U);
 		} catch (e) {
 			console.error("Failed to save note:", e);
 		}
-	}, tt = async (e) => {
+	}, nt = async (e) => {
 		let t = e.visibility === "PRIVATE" ? o.Workspace : o.Private;
 		try {
 			await Ze({ variables: {
 				id: e.id,
 				visibility: t
-			} }), F(H);
+			} }), I(U);
 		} catch (e) {
 			console.error("Failed to toggle note visibility:", e);
 		}
-	}, Z = Re ? (e) => C(e) : void 0, Q = {
-		total: W.length,
-		pinned: W.filter((e) => e.isPinned).length
-	}, nt = u(() => h === "vibe" ? [] : _, [h, _]);
-	if (!b && Pe && !x) return /* @__PURE__ */ p(Oe, {
+	}, Z = Re ? (e) => w(e) : void 0, Q = {
+		total: G.length,
+		pinned: G.filter((e) => e.isPinned).length
+	}, rt = u(() => h === "vibe" ? [] : v, [h, v]);
+	if (!x && Pe && !S) return /* @__PURE__ */ p(Oe, {
 		title: "Access Denied",
 		description: "You don't have permission to view notes.",
 		details: "Required permission: note:list"
 	});
-	if (B && W.length === 0) return /* @__PURE__ */ p(se, { message: "Loading notes..." });
-	if (V && W.length === 0) return /* @__PURE__ */ p(ce, {
+	if (V && G.length === 0) return /* @__PURE__ */ p(se, { message: "Loading notes..." });
+	if (H && G.length === 0) return /* @__PURE__ */ p(ce, {
 		title: "Failed to load notes",
-		message: V.message,
-		onRetry: () => H()
+		message: H.message,
+		onRetry: () => U()
 	});
-	let $ = w || h === "agent" && T !== "all" || E !== "all" || k;
+	let $ = T || h === "agent" && E !== "all" || D !== "all" || A;
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-4",
 		children: [
@@ -279,16 +285,16 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => H(),
-						disabled: B,
+						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__ */ p(Se, { className: `size-4 ${B ? "animate-spin" : ""}` })
+						children: /* @__PURE__ */ p(Se, { className: `size-4 ${V ? "animate-spin" : ""}` })
 					}), /* @__PURE__ */ p(ke, {
 						permission: c.NOTE_CREATE,
 						children: /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: J,
+							onClick: Y,
 							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__ */ p(f, { className: "size-4" }), "New Note"]
 						})
@@ -300,7 +306,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ p(ue, {
-						value: w,
+						value: T,
 						onChange: ze,
 						placeholder: "Search notes...",
 						className: "flex-1 sm:w-64 sm:flex-none"
@@ -308,14 +314,14 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 						className: "flex items-center gap-1 bg-bg-sunken rounded-md p-1 flex-shrink-0",
 						children: [/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => j("grid"),
-							className: `p-1.5 sm:p-2 rounded ${A === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							onClick: () => M("grid"),
+							className: `p-1.5 sm:p-2 rounded ${j === "grid" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
 							title: "Grid view",
 							children: /* @__PURE__ */ p(ve, { className: "size-4 text-text-secondary" })
 						}), /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => j("list"),
-							className: `p-1.5 sm:p-2 rounded ${A === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
+							onClick: () => M("list"),
+							className: `p-1.5 sm:p-2 rounded ${j === "list" ? "bg-bg-surface shadow-sm" : "hover:bg-bg-surface/50"}`,
 							title: "List view",
 							children: /* @__PURE__ */ p(ye, { className: "size-4 text-text-secondary" })
 						})]
@@ -325,13 +331,13 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					children: [
 						h === "agent" && /* @__PURE__ */ p(s, {
 							label: "Vibe",
-							value: T,
+							value: E,
 							options: Qe,
 							onChange: Be
 						}),
 						/* @__PURE__ */ p(s, {
 							label: "Tag",
-							value: E,
+							value: D,
 							options: $e,
 							onChange: Ve
 						}),
@@ -340,20 +346,20 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 							children: [
 								/* @__PURE__ */ p("button", {
 									type: "button",
-									onClick: () => O("all"),
-									className: `px-2.5 py-1 text-xs rounded transition-colors ${D === "all" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
+									onClick: () => k("all"),
+									className: `px-2.5 py-1 text-xs rounded transition-colors ${O === "all" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
 									children: "All"
 								}),
 								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => O("WORKSPACE"),
-									className: `flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${D === "WORKSPACE" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
+									onClick: () => k("WORKSPACE"),
+									className: `flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${O === "WORKSPACE" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
 									children: [/* @__PURE__ */ p(_e, { className: "size-3" }), "Shared"]
 								}),
 								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => O("PRIVATE"),
-									className: `flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${D === "PRIVATE" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
+									onClick: () => k("PRIVATE"),
+									className: `flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${O === "PRIVATE" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-muted hover:text-text-secondary"}`,
 									children: [/* @__PURE__ */ p(be, { className: "size-3" }), "Private"]
 								})
 							]
@@ -365,8 +371,8 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				className: "flex items-center gap-2",
 				children: /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => He(!k),
-					className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${k ? "bg-status-warning-bg text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
+					onClick: () => He(!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__ */ p(xe, { className: "size-3" }),
 						"Pinned (",
@@ -379,11 +385,11 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 				className: "text-sm text-text-secondary",
 				children: [
 					"Showing ",
-					K.length,
+					q.length,
 					" of ",
-					W.length,
+					G.length,
 					" notes",
-					B && /* @__PURE__ */ p("span", {
+					V && /* @__PURE__ */ p("span", {
 						className: "ml-2 text-text-muted",
 						children: "(refreshing…)"
 					})
@@ -391,27 +397,27 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 			}) : null,
 			/* @__PURE__ */ p(Ee, {
 				mode: "wait",
-				children: K.length > 0 ? A === "grid" ? /* @__PURE__ */ p(je, {
+				children: q.length > 0 ? j === "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(fe, {
+					children: q.map((e) => /* @__PURE__ */ p(Ae, { children: /* @__PURE__ */ p(fe, {
 						note: e,
-						onOpen: q,
-						onEdit: q,
-						onPin: Y,
-						onUnpin: Y,
-						onDelete: X,
-						onShare: tt,
+						onOpen: J,
+						onEdit: J,
+						onPin: X,
+						onUnpin: X,
+						onDelete: et,
+						onShare: nt,
 						onShareAccess: Z
 					}) }, e.id))
 				}, "grid") : /* @__PURE__ */ p(pe, {
-					notes: K,
-					onOpen: q,
-					onEdit: q,
-					onPin: Y,
-					onUnpin: Y,
-					onDelete: X,
-					onShare: tt,
+					notes: q,
+					onOpen: J,
+					onEdit: J,
+					onPin: X,
+					onUnpin: X,
+					onDelete: et,
+					onShare: nt,
 					onShareAccess: Z
 				}, "list") : /* @__PURE__ */ p(le, {
 					icon: /* @__PURE__ */ p(ge, { className: "size-8 text-text-secondary" }),
@@ -419,7 +425,7 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 					description: $ ? "Try adjusting your search or filters" : "Create your first note to start documenting your work",
 					action: !$ && Fe ? /* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: J,
+						onClick: Y,
 						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__ */ p(f, { className: "size-4" }), "New Note"]
 					}) : void 0
@@ -427,30 +433,30 @@ function h({ context: h, vibeId: g, agentVibes: _ = [] }) {
 			}),
 			Ue && /* @__PURE__ */ p(me, {
 				note: We || void 0,
-				vibeOptions: nt,
+				vibeOptions: rt,
 				defaultVibeId: h === "vibe" ? g : void 0,
 				hideVibeSelect: h === "vibe",
-				onSubmit: et,
-				onCancel: () => M(!1)
+				onSubmit: tt,
+				onCancel: () => N(!1)
 			}),
 			/* @__PURE__ */ p(ae, {
 				isOpen: Ge,
-				onClose: () => P(!1),
+				onClose: () => F(!1),
 				onConfirm: () => {
-					P(!1), Ne("/billing/plans");
+					F(!1), Ne("/billing/plans");
 				},
 				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(de, {
+			C && /* @__PURE__ */ p(de, {
 				note: {
-					id: S.id,
-					title: S.title,
-					vibeId: S.vibeId
+					id: C.id,
+					title: C.title,
+					vibeId: C.vibeId
 				},
-				open: !!S,
+				open: !!C,
 				onOpenChange: (e) => {
-					e || C(null);
+					e || w(null);
 				}
 			})
 		]