@burdenoff/microfe-vibecontrols 2026.623.1 → 2026.623.3

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

@@ -1 +1 @@
-{"version":3,"file":"NoteEditor.js","names":[],"sources":["../../../src/components/notes/NoteEditor.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { X, Save, Eye, Edit, Tag, Check, Plus, Lock, Globe } from 'lucide-react';\nimport type { CreateNoteInput, Note, NoteTagAssignment, NoteVisibility } from './types';\nimport { useAvailableNoteTagsQuery, useCreateNoteTagMutation } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeControls } from '../../providers/VibeControlsProvider';\n\n/** Tag selected in the editor */\nexport interface SelectedTag {\n  id: string;\n  key: string;\n  label: string;\n  color: string | null;\n}\n\n/** Note data submitted from the editor — includes `id` and selected tag IDs */\nexport type NoteEditorSubmitData = CreateNoteInput & {\n  id?: string;\n  selectedTagIds?: string[];\n  visibility?: NoteVisibility;\n};\n\nconst TAG_COLORS = [\n  'var(--color-status-error-text)',\n  'var(--color-status-warning-text)',\n  'var(--color-status-success-text)',\n  'var(--color-accent-teal)',\n  'var(--color-text-link)',\n  'var(--color-accent-purple)',\n  'var(--color-text-tertiary)',\n];\n\ninterface NoteEditorProps {\n  note?: Note;\n  vibeOptions?: { id: string; name: string }[];\n  /** Pre-set vibeId when creating a new note (used in vibe-scoped context) */\n  defaultVibeId?: string;\n  /** Hide the vibe dropdown (used when notes are scoped to a single vibe) */\n  hideVibeSelect?: boolean;\n  onSubmit: (data: NoteEditorSubmitData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function NoteEditor({\n  note,\n  vibeOptions = [],\n  defaultVibeId,\n  hideVibeSelect,\n  onSubmit,\n  onCancel,\n  isLoading,\n}: NoteEditorProps) {\n  const tr = useTr();\n  const { workspaceId } = useVibeControls();\n  const [isPreview, setIsPreview] = useState(false);\n  const [formData, setFormData] = useState({\n    title: note?.title || '',\n    content: note?.content || '',\n    vibeId: note?.vibeId || defaultVibeId || '',\n    isPinned: note?.isPinned ?? false,\n    visibility: (note?.visibility ?? 'WORKSPACE') as NoteVisibility,\n  });\n\n  // Tag picker state\n  const [selectedTagIds, setSelectedTagIds] = useState<Set<string>>(new Set());\n  const [tagsInitialized, setTagsInitialized] = useState(false);\n  const [showTagPicker, setShowTagPicker] = useState(false);\n\n  // Fetch available tags from wspace-tags-svc\n  const { data: tagsData, refetch: refetchTags } = useAvailableNoteTagsQuery();\n  const availableTags: SelectedTag[] = (tagsData?.availableNoteTags ?? []).map(\n    (t: { id: string; key: string; label: string; color?: string | null }) => ({\n      id: t.id,\n      key: t.key,\n      label: t.label,\n      color: t.color ?? null,\n    })\n  );\n\n  // Initialize selected tags once available tags load\n  useEffect(() => {\n    if (tagsInitialized || availableTags.length === 0) return;\n    const ids = new Set<string>();\n\n    // First: pre-select from tagAssignments (tags service data)\n    if (note?.tagAssignments && note.tagAssignments.length > 0) {\n      note.tagAssignments.forEach((a: NoteTagAssignment) => ids.add(a.tagId));\n    }\n    // Fallback: match legacy string tags by label/key to available tags\n    else if (note?.tags && note.tags.length > 0) {\n      for (const legacyTag of note.tags) {\n        const match = availableTags.find(\n          (t) =>\n            t.label.toLowerCase() === legacyTag.toLowerCase() || t.key === legacyTag.toLowerCase()\n        );\n        if (match) ids.add(match.id);\n      }\n    }\n\n    if (ids.size > 0) setSelectedTagIds(ids);\n    setTagsInitialized(true);\n  }, [availableTags, note, tagsInitialized]);\n\n  // Inline tag creation\n  const [createNoteTag] = useCreateNoteTagMutation();\n  const [newTagLabel, setNewTagLabel] = useState('');\n  const [newTagColor, setNewTagColor] = useState('var(--color-accent-purple)');\n  const [isCreatingTag, setIsCreatingTag] = useState(false);\n\n  const handleCreateTag = async () => {\n    const label = newTagLabel.trim();\n    if (!label || isCreatingTag) return;\n    setIsCreatingTag(true);\n    try {\n      const result = await createNoteTag({\n        variables: { input: { label, color: newTagColor } },\n      });\n      const newTag = result.data?.createNoteTag;\n      if (newTag) {\n        setSelectedTagIds((prev) => new Set(prev).add(newTag.id));\n        await refetchTags();\n      }\n      setNewTagLabel('');\n    } catch (err) {\n      console.error('Failed to create tag:', err);\n    } finally {\n      setIsCreatingTag(false);\n    }\n  };\n\n  const toggleTag = (tagId: string) => {\n    setSelectedTagIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(tagId)) {\n        next.delete(tagId);\n      } else {\n        next.add(tagId);\n      }\n      return next;\n    });\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const data: NoteEditorSubmitData = {\n      ...(note?.id ? { id: note.id } : {}),\n      workspaceId: workspaceId ?? '',\n      title: formData.title,\n      content: formData.content,\n      vibeId: formData.vibeId || undefined,\n      isPinned: formData.isPinned,\n      visibility: formData.visibility,\n      selectedTagIds: Array.from(selectedTagIds),\n    };\n    onSubmit(data);\n  };\n\n  // Enhanced markdown preview with inline formatting support\n  const parseInlineFormatting = (text: string): React.ReactNode[] => {\n    const parts: React.ReactNode[] = [];\n    let remaining = text;\n    let key = 0;\n\n    while (remaining.length > 0) {\n      // Bold: **text** or __text__\n      const boldMatch = remaining.match(/^(\\*\\*|__)(.+?)\\1/);\n      if (boldMatch) {\n        parts.push(<strong key={key++}>{parseInlineFormatting(boldMatch[2])}</strong>);\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Italic: *text* or _text_\n      const italicMatch = remaining.match(/^(\\*|_)([^*_]+?)\\1/);\n      if (italicMatch) {\n        parts.push(<em key={key++}>{parseInlineFormatting(italicMatch[2])}</em>);\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Strikethrough: ~~text~~\n      const strikeMatch = remaining.match(/^~~(.+?)~~/);\n      if (strikeMatch) {\n        parts.push(<del key={key++}>{parseInlineFormatting(strikeMatch[1])}</del>);\n        remaining = remaining.slice(strikeMatch[0].length);\n        continue;\n      }\n\n      // Inline code: `code`\n      const codeMatch = remaining.match(/^`([^`]+)`/);\n      if (codeMatch) {\n        parts.push(\n          <code\n            key={key++}\n            className=\"bg-bg-elevated px-1.5 py-0.5 rounded text-sm font-mono text-text-primary\"\n          >\n            {codeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(codeMatch[0].length);\n        continue;\n      }\n\n      // Links: [text](url) - only allow safe URL schemes to prevent XSS\n      const linkMatch = remaining.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n      if (linkMatch) {\n        const url = linkMatch[2];\n        // Only allow http, https, mailto, relative paths, and hash links to prevent XSS via javascript: URLs\n        const isSafeUrl = /^(https?:\\/\\/|mailto:|\\/|#)/i.test(url);\n        if (isSafeUrl) {\n          parts.push(\n            <a\n              key={key++}\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"text-action-primary-bg hover:underline\"\n            >\n              {linkMatch[1]}\n            </a>\n          );\n        } else {\n          // Render unsafe links as plain text with muted styling\n          parts.push(\n            <span key={key++} className=\"text-text-secondary\">\n              {linkMatch[1]}\n            </span>\n          );\n        }\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // No match - take the next character\n      parts.push(remaining[0]);\n      remaining = remaining.slice(1);\n    }\n\n    return parts;\n  };\n\n  // Parse markdown content into React elements\n  const renderMarkdown = (text: string) => {\n    const lines = text.split('\\n');\n    const elements: React.ReactNode[] = [];\n    let i = 0;\n\n    while (i < lines.length) {\n      const line = lines[i];\n\n      // Code blocks: ```\n      if (line.startsWith('```')) {\n        const language = line.slice(3).trim();\n        const codeLines: string[] = [];\n        i++;\n        while (i < lines.length && !lines[i].startsWith('```')) {\n          codeLines.push(lines[i]);\n          i++;\n        }\n        elements.push(\n          <pre key={elements.length} className=\"bg-bg-elevated rounded-md p-3 my-2 overflow-x-auto\">\n            <code className=\"text-sm font-mono text-text-primary\">\n              {language && (\n                <span className=\"text-xs text-text-secondary block mb-2\">{language}</span>\n              )}\n              {codeLines.join('\\n')}\n            </code>\n          </pre>\n        );\n        i++;\n        continue;\n      }\n\n      // Headings\n      if (line.startsWith('# ')) {\n        elements.push(\n          <h1 key={elements.length} className=\"text-2xl font-bold mb-2 mt-4\">\n            {parseInlineFormatting(line.slice(2))}\n          </h1>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('## ')) {\n        elements.push(\n          <h2 key={elements.length} className=\"text-xl font-bold mb-2 mt-3\">\n            {parseInlineFormatting(line.slice(3))}\n          </h2>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('### ')) {\n        elements.push(\n          <h3 key={elements.length} className=\"text-lg font-bold mb-2 mt-2\">\n            {parseInlineFormatting(line.slice(4))}\n          </h3>\n        );\n        i++;\n        continue;\n      }\n\n      // Blockquotes: > text\n      if (line.startsWith('> ')) {\n        elements.push(\n          <blockquote\n            key={elements.length}\n            className=\"border-l-4 border-border-default pl-4 my-2 italic text-text-secondary\"\n          >\n            {parseInlineFormatting(line.slice(2))}\n          </blockquote>\n        );\n        i++;\n        continue;\n      }\n\n      // Unordered list: - or * (collect consecutive items and wrap in <ul>)\n      if (line.match(/^[-*] /)) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length && lines[i].match(/^[-*] /)) {\n          listItems.push(\n            <li key={listItems.length} className=\"list-disc\">\n              {parseInlineFormatting(lines[i].slice(2))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ul key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ul>\n        );\n        continue;\n      }\n\n      // Ordered list: 1. 2. etc. (collect consecutive items and wrap in <ol>)\n      const orderedMatch = line.match(/^(\\d+)\\. /);\n      if (orderedMatch) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length) {\n          const olMatch = lines[i].match(/^(\\d+)\\. /);\n          if (!olMatch) break;\n          listItems.push(\n            <li key={listItems.length} className=\"list-decimal\">\n              {parseInlineFormatting(lines[i].slice(olMatch[0].length))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ol key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ol>\n        );\n        continue;\n      }\n\n      // Horizontal rule: --- or ***\n      if (line.match(/^(-{3,}|\\*{3,})$/)) {\n        elements.push(<hr key={elements.length} className=\"my-4 border-border-default\" />);\n        i++;\n        continue;\n      }\n\n      // Table detection (simple): | col1 | col2 |\n      if (line.startsWith('|') && line.endsWith('|')) {\n        const tableLines: string[] = [line];\n        i++;\n        while (i < lines.length && lines[i].startsWith('|') && lines[i].endsWith('|')) {\n          tableLines.push(lines[i]);\n          i++;\n        }\n\n        // Parse table\n        const rows = tableLines\n          .filter((l) => !l.match(/^\\|[\\s\\-:|]+\\|$/)) // Skip separator rows (including alignment markers like :---:)\n          .map((l) =>\n            l\n              .slice(1, -1)\n              .split('|')\n              .map((cell) => cell.trim())\n          );\n\n        if (rows.length > 0) {\n          const [header, ...body] = rows;\n          elements.push(\n            <table key={elements.length} className=\"w-full my-2 border-collapse text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-default\">\n                  {header.map((cell, ci) => (\n                    <th key={ci} className=\"text-left py-2 px-3 font-semibold text-text-primary\">\n                      {parseInlineFormatting(cell)}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody>\n                {body.map((row, ri) => (\n                  <tr key={ri} className=\"border-b border-border-subtle\">\n                    {row.map((cell, ci) => (\n                      <td key={ci} className=\"py-2 px-3 text-text-primary\">\n                        {parseInlineFormatting(cell)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          );\n        }\n        continue;\n      }\n\n      // Empty line\n      if (line === '') {\n        elements.push(<br key={elements.length} />);\n        i++;\n        continue;\n      }\n\n      // Regular paragraph with inline formatting\n      elements.push(\n        <p key={elements.length} className=\"mb-1\">\n          {parseInlineFormatting(line)}\n        </p>\n      );\n      i++;\n    }\n\n    return elements;\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay\">\n      <div className=\"w-full max-w-3xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] flex flex-col\">\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {note\n              ? tr('vibecontrols.notes.editNote', 'Edit Note')\n              : tr('vibecontrols.notes.newNote', 'New Note')}\n          </h2>\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => setIsPreview(!isPreview)}\n              className={`inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${\n                isPreview\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-primary hover:bg-bg-elevated'\n              }`}\n            >\n              {isPreview ? <Edit className=\"size-4\" /> : <Eye className=\"size-4\" />}\n              {isPreview\n                ? tr('vibecontrols.notes.edit', 'Edit')\n                : tr('vibecontrols.notes.preview', 'Preview')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n            >\n              <X className=\"size-5 text-text-secondary\" />\n            </button>\n          </div>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"flex-1 flex flex-col overflow-hidden\">\n          <div className=\"p-6 space-y-4 flex-1 overflow-y-auto\">\n            <div>\n              <input\n                aria-label=\"control\"\n                type=\"text\"\n                value={formData.title}\n                onChange={(e) => setFormData({ ...formData, title: e.target.value })}\n                placeholder={tr('vibecontrols.notes.titlePlaceholder', 'Note title...')}\n                required\n                className=\"w-full px-0 py-2 text-lg sm:text-2xl font-bold bg-transparent border-0 border-b border-border-default text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg\"\n              />\n            </div>\n\n            <div className={`grid ${hideVibeSelect ? 'grid-cols-1' : 'grid-cols-2'} gap-4`}>\n              {!hideVibeSelect && (\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    {tr('vibecontrols.notes.relatedVibe', 'Related Vibe (optional)')}\n                  </label>\n                  <select\n                    value={formData.vibeId}\n                    onChange={(e) => setFormData({ ...formData, vibeId: e.target.value })}\n                    className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  >\n                    <option value=\"\">No vibe</option>\n                    {vibeOptions.map((vibe) => (\n                      <option key={vibe.id} value={vibe.id}>\n                        {vibe.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.notes.tags', 'Tags')}\n                </label>\n                {/* Selected tags */}\n                <div className=\"flex flex-wrap gap-1.5 min-h-[38px] px-3 py-2 bg-bg-sunken border border-border-default rounded-md\">\n                  {availableTags\n                    .filter((t) => selectedTagIds.has(t.id))\n                    .map((tag) => (\n                      <span\n                        key={tag.id}\n                        className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded\"\n                      >\n                        <Tag className=\"size-3\" />\n                        {tag.label}\n                        <button\n                          type=\"button\"\n                          onClick={() => toggleTag(tag.id)}\n                          className=\"ml-0.5 hover:text-status-error-text\"\n                        >\n                          <X className=\"size-3\" />\n                        </button>\n                      </span>\n                    ))}\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowTagPicker(!showTagPicker)}\n                    className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs text-text-secondary hover:text-text-primary hover:bg-bg-elevated rounded transition-colors\"\n                  >\n                    <Tag className=\"size-3\" />\n                    {selectedTagIds.size === 0 ? 'Add tags...' : '+'}\n                  </button>\n                </div>\n                {/* Tag picker dropdown */}\n                {showTagPicker && (\n                  <div className=\"mt-1 bg-bg-surface border border-border-default rounded-md shadow-lg\">\n                    {/* Inline create: text input + color picker */}\n                    <div className=\"flex items-center gap-2 p-2 border-b border-border-subtle\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"size-6 rounded-full border-2 border-border-default\"\n                        style={{ backgroundColor: newTagColor }}\n                      />\n                      <input\n                        aria-label=\"New tag name... (Enter to create)\"\n                        type=\"text\"\n                        value={newTagLabel}\n                        onChange={(e) => setNewTagLabel(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            e.preventDefault();\n                            handleCreateTag();\n                          }\n                        }}\n                        placeholder=\"New tag name... (Enter to create)\"\n                        disabled={isCreatingTag}\n                        className=\"flex-1 px-2 py-1 text-sm bg-bg-sunken border border-border-default rounded text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n                      />\n                      <button\n                        type=\"button\"\n                        onClick={handleCreateTag}\n                        disabled={!newTagLabel.trim() || isCreatingTag}\n                        className=\"p-1 text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors disabled:opacity-30\"\n                      >\n                        <Plus className=\"size-4\" />\n                      </button>\n                    </div>\n                    {/* Quick color palette */}\n                    <div className=\"flex items-center gap-1 px-2 py-1.5 border-b border-border-subtle\">\n                      {TAG_COLORS.map((c) => (\n                        <button\n                          key={c}\n                          type=\"button\"\n                          onClick={() => setNewTagColor(c)}\n                          className={`size-4 rounded-full transition-transform ${newTagColor === c ? 'ring-2 ring-action-primary-bg scale-125' : 'hover:scale-110'}`}\n                          style={{ backgroundColor: c }}\n                        />\n                      ))}\n                    </div>\n                    {/* Existing tags list */}\n                    <div className=\"max-h-32 overflow-y-auto p-1\">\n                      {availableTags.length === 0 ? (\n                        <p className=\"text-xs text-text-muted px-2 py-1\">\n                          No tags yet — create one above\n                        </p>\n                      ) : (\n                        availableTags.map((tag) => (\n                          <button\n                            key={tag.id}\n                            type=\"button\"\n                            onClick={() => toggleTag(tag.id)}\n                            className=\"flex items-center justify-between w-full px-2 py-1.5 text-sm text-text-primary hover:bg-bg-sunken rounded transition-colors\"\n                          >\n                            <span className=\"flex items-center gap-2\">\n                              {tag.color && (\n                                <span\n                                  className=\"size-2.5 rounded-full\"\n                                  style={{ backgroundColor: tag.color }}\n                                />\n                              )}\n                              {tag.label}\n                            </span>\n                            {selectedTagIds.has(tag.id) && (\n                              <Check className=\"size-4 text-action-primary-bg\" />\n                            )}\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex-1 min-h-[300px]\">\n              {isPreview ? (\n                <div className=\"h-full p-4 bg-bg-sunken rounded-md prose prose-sm dark:prose-invert max-w-none overflow-y-auto\">\n                  {renderMarkdown(formData.content)}\n                </div>\n              ) : (\n                <textarea\n                  aria-label=\"control\"\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  placeholder={tr(\n                    'vibecontrols.notes.contentPlaceholder',\n                    'Write your note in Markdown...'\n                  )}\n                  className=\"w-full h-full min-h-[300px] px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none font-mono\"\n                />\n              )}\n            </div>\n\n            <div className=\"flex items-center gap-4 flex-wrap\">\n              <div className=\"flex items-center gap-2\">\n                <input\n                  aria-label=\"isPinned\"\n                  type=\"checkbox\"\n                  id=\"isPinned\"\n                  checked={formData.isPinned}\n                  onChange={(e) => setFormData({ ...formData, isPinned: e.target.checked })}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n                />\n                <label htmlFor=\"isPinned\" className=\"text-sm text-text-primary\">\n                  {tr('vibecontrols.notes.pinThisNote', 'Pin this note')}\n                </label>\n              </div>\n\n              {/* Visibility toggle */}\n              <div className=\"flex items-center gap-1 bg-bg-sunken rounded-lg p-0.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setFormData({ ...formData, visibility: 'WORKSPACE' })}\n                  className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${\n                    formData.visibility === 'WORKSPACE'\n                      ? 'bg-bg-surface text-text-primary shadow-sm'\n                      : 'text-text-muted hover:text-text-secondary'\n                  }`}\n                >\n                  <Globe className=\"size-3.5\" />\n                  Workspace\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setFormData({ ...formData, visibility: 'PRIVATE' })}\n                  className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${\n                    formData.visibility === 'PRIVATE'\n                      ? 'bg-bg-surface text-text-primary shadow-sm'\n                      : 'text-text-muted hover:text-text-secondary'\n                  }`}\n                >\n                  <Lock className=\"size-3.5\" />\n                  Private\n                </button>\n              </div>\n              {formData.visibility === 'PRIVATE' && (\n                <p className=\"text-xs text-text-muted w-full -mt-2\">Only you can see this note.</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken\">\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n            >\n              {tr('vibecontrols.notes.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isLoading}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Save className=\"size-4\" />\n              {isLoading\n                ? tr('vibecontrols.notes.saving', 'Saving...')\n                : tr('vibecontrols.notes.saveNote', 'Save Note')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NoteEditor.js","names":[],"sources":["../../../src/components/notes/NoteEditor.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { X, Save, Eye, Edit, Tag, Check, Plus, Lock, Globe } from 'lucide-react';\nimport type { CreateNoteInput, Note, NoteTagAssignment, NoteVisibility } from './types';\nimport { useAvailableNoteTagsQuery, useCreateNoteTagMutation } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeControls } from '../../providers/VibeControlsProvider';\n\n/** Tag selected in the editor */\nexport interface SelectedTag {\n  id: string;\n  key: string;\n  label: string;\n  color: string | null;\n}\n\n/** Note data submitted from the editor — includes `id` and selected tag IDs */\nexport type NoteEditorSubmitData = CreateNoteInput & {\n  id?: string;\n  selectedTagIds?: string[];\n  visibility?: NoteVisibility;\n};\n\nconst TAG_COLORS = [\n  'var(--color-status-error-text)',\n  'var(--color-status-warning-text)',\n  'var(--color-status-success-text)',\n  'var(--color-accent-teal)',\n  'var(--color-text-link)',\n  'var(--color-accent-purple)',\n  'var(--color-text-tertiary)',\n];\n\ninterface NoteEditorProps {\n  note?: Note;\n  vibeOptions?: { id: string; name: string }[];\n  /** Pre-set vibeId when creating a new note (used in vibe-scoped context) */\n  defaultVibeId?: string;\n  /** Hide the vibe dropdown (used when notes are scoped to a single vibe) */\n  hideVibeSelect?: boolean;\n  onSubmit: (data: NoteEditorSubmitData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function NoteEditor({\n  note,\n  vibeOptions = [],\n  defaultVibeId,\n  hideVibeSelect,\n  onSubmit,\n  onCancel,\n  isLoading,\n}: NoteEditorProps) {\n  const tr = useTr();\n  const { workspaceId } = useVibeControls();\n  const [isPreview, setIsPreview] = useState(false);\n  const [formData, setFormData] = useState({\n    title: note?.title || '',\n    content: note?.content || '',\n    vibeId: note?.vibeId || defaultVibeId || '',\n    isPinned: note?.isPinned ?? false,\n    visibility: (note?.visibility ?? 'WORKSPACE') as NoteVisibility,\n  });\n\n  // Tag picker state\n  const [selectedTagIds, setSelectedTagIds] = useState<Set<string>>(new Set());\n  const [tagsInitialized, setTagsInitialized] = useState(false);\n  const [showTagPicker, setShowTagPicker] = useState(false);\n\n  // Fetch available tags from wspace-tags-svc\n  const { data: tagsData, refetch: refetchTags } = useAvailableNoteTagsQuery();\n  const availableTags: SelectedTag[] = (tagsData?.availableNoteTags ?? []).map(\n    (t: { id: string; key: string; label: string; color?: string | null }) => ({\n      id: t.id,\n      key: t.key,\n      label: t.label,\n      color: t.color ?? null,\n    })\n  );\n\n  // Initialize selected tags once available tags load\n  useEffect(() => {\n    if (tagsInitialized || availableTags.length === 0) return;\n    const ids = new Set<string>();\n\n    // First: pre-select from tagAssignments (tags service data)\n    if (note?.tagAssignments && note.tagAssignments.length > 0) {\n      note.tagAssignments.forEach((a: NoteTagAssignment) => ids.add(a.tagId));\n    }\n    // Fallback: match legacy string tags by label/key to available tags\n    else if (note?.tags && note.tags.length > 0) {\n      for (const legacyTag of note.tags) {\n        const match = availableTags.find(\n          (t) =>\n            t.label.toLowerCase() === legacyTag.toLowerCase() || t.key === legacyTag.toLowerCase()\n        );\n        if (match) ids.add(match.id);\n      }\n    }\n\n    if (ids.size > 0) setSelectedTagIds(ids);\n    setTagsInitialized(true);\n  }, [availableTags, note, tagsInitialized]);\n\n  // Inline tag creation\n  const [createNoteTag] = useCreateNoteTagMutation();\n  const [newTagLabel, setNewTagLabel] = useState('');\n  const [newTagColor, setNewTagColor] = useState('var(--color-accent-purple)');\n  const [isCreatingTag, setIsCreatingTag] = useState(false);\n\n  const handleCreateTag = async () => {\n    const label = newTagLabel.trim();\n    if (!label || isCreatingTag) return;\n    setIsCreatingTag(true);\n    try {\n      const result = await createNoteTag({\n        variables: { input: { label, color: newTagColor } },\n      });\n      const newTag = result.data?.createNoteTag;\n      if (newTag) {\n        setSelectedTagIds((prev) => new Set(prev).add(newTag.id));\n        await refetchTags();\n      }\n      setNewTagLabel('');\n    } catch (err) {\n      console.error('Failed to create tag:', err);\n    } finally {\n      setIsCreatingTag(false);\n    }\n  };\n\n  const toggleTag = (tagId: string) => {\n    setSelectedTagIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(tagId)) {\n        next.delete(tagId);\n      } else {\n        next.add(tagId);\n      }\n      return next;\n    });\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const data: NoteEditorSubmitData = {\n      ...(note?.id ? { id: note.id } : {}),\n      workspaceId: workspaceId ?? '',\n      title: formData.title,\n      content: formData.content,\n      vibeId: formData.vibeId || undefined,\n      isPinned: formData.isPinned,\n      visibility: formData.visibility,\n      selectedTagIds: Array.from(selectedTagIds),\n    };\n    onSubmit(data);\n  };\n\n  // Enhanced markdown preview with inline formatting support\n  const parseInlineFormatting = (text: string): React.ReactNode[] => {\n    const parts: React.ReactNode[] = [];\n    let remaining = text;\n    let key = 0;\n\n    while (remaining.length > 0) {\n      // Bold: **text** or __text__\n      const boldMatch = remaining.match(/^(\\*\\*|__)(.+?)\\1/);\n      if (boldMatch) {\n        parts.push(<strong key={key++}>{parseInlineFormatting(boldMatch[2])}</strong>);\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Italic: *text* or _text_\n      const italicMatch = remaining.match(/^(\\*|_)([^*_]+?)\\1/);\n      if (italicMatch) {\n        parts.push(<em key={key++}>{parseInlineFormatting(italicMatch[2])}</em>);\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Strikethrough: ~~text~~\n      const strikeMatch = remaining.match(/^~~(.+?)~~/);\n      if (strikeMatch) {\n        parts.push(<del key={key++}>{parseInlineFormatting(strikeMatch[1])}</del>);\n        remaining = remaining.slice(strikeMatch[0].length);\n        continue;\n      }\n\n      // Inline code: `code`\n      const codeMatch = remaining.match(/^`([^`]+)`/);\n      if (codeMatch) {\n        parts.push(\n          <code\n            key={key++}\n            className=\"bg-bg-elevated px-1.5 py-0.5 rounded text-sm font-mono text-text-primary\"\n          >\n            {codeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(codeMatch[0].length);\n        continue;\n      }\n\n      // Links: [text](url) - only allow safe URL schemes to prevent XSS\n      const linkMatch = remaining.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n      if (linkMatch) {\n        const url = linkMatch[2];\n        // Only allow http, https, mailto, relative paths, and hash links to prevent XSS via javascript: URLs\n        const isSafeUrl = /^(https?:\\/\\/|mailto:|\\/|#)/i.test(url);\n        if (isSafeUrl) {\n          parts.push(\n            <a\n              key={key++}\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"text-action-primary-bg hover:underline\"\n            >\n              {linkMatch[1]}\n            </a>\n          );\n        } else {\n          // Render unsafe links as plain text with muted styling\n          parts.push(\n            <span key={key++} className=\"text-text-secondary\">\n              {linkMatch[1]}\n            </span>\n          );\n        }\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // No match - take the next character\n      parts.push(remaining[0]);\n      remaining = remaining.slice(1);\n    }\n\n    return parts;\n  };\n\n  // Parse markdown content into React elements\n  const renderMarkdown = (text: string) => {\n    const lines = text.split('\\n');\n    const elements: React.ReactNode[] = [];\n    let i = 0;\n\n    while (i < lines.length) {\n      const line = lines[i];\n\n      // Code blocks: ```\n      if (line.startsWith('```')) {\n        const language = line.slice(3).trim();\n        const codeLines: string[] = [];\n        i++;\n        while (i < lines.length && !lines[i].startsWith('```')) {\n          codeLines.push(lines[i]);\n          i++;\n        }\n        elements.push(\n          <pre key={elements.length} className=\"bg-bg-elevated rounded-md p-3 my-2 overflow-x-auto\">\n            <code className=\"text-sm font-mono text-text-primary\">\n              {language && (\n                <span className=\"text-xs text-text-secondary block mb-2\">{language}</span>\n              )}\n              {codeLines.join('\\n')}\n            </code>\n          </pre>\n        );\n        i++;\n        continue;\n      }\n\n      // Headings\n      if (line.startsWith('# ')) {\n        elements.push(\n          <h1 key={elements.length} className=\"text-2xl font-bold mb-2 mt-4\">\n            {parseInlineFormatting(line.slice(2))}\n          </h1>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('## ')) {\n        elements.push(\n          <h2 key={elements.length} className=\"text-xl font-bold mb-2 mt-3\">\n            {parseInlineFormatting(line.slice(3))}\n          </h2>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('### ')) {\n        elements.push(\n          <h3 key={elements.length} className=\"text-lg font-bold mb-2 mt-2\">\n            {parseInlineFormatting(line.slice(4))}\n          </h3>\n        );\n        i++;\n        continue;\n      }\n\n      // Blockquotes: > text\n      if (line.startsWith('> ')) {\n        elements.push(\n          <blockquote\n            key={elements.length}\n            className=\"border-l-4 border-border-default pl-4 my-2 italic text-text-secondary\"\n          >\n            {parseInlineFormatting(line.slice(2))}\n          </blockquote>\n        );\n        i++;\n        continue;\n      }\n\n      // Unordered list: - or * (collect consecutive items and wrap in <ul>)\n      if (line.match(/^[-*] /)) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length && lines[i].match(/^[-*] /)) {\n          listItems.push(\n            <li key={listItems.length} className=\"list-disc\">\n              {parseInlineFormatting(lines[i].slice(2))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ul key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ul>\n        );\n        continue;\n      }\n\n      // Ordered list: 1. 2. etc. (collect consecutive items and wrap in <ol>)\n      const orderedMatch = line.match(/^(\\d+)\\. /);\n      if (orderedMatch) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length) {\n          const olMatch = lines[i].match(/^(\\d+)\\. /);\n          if (!olMatch) break;\n          listItems.push(\n            <li key={listItems.length} className=\"list-decimal\">\n              {parseInlineFormatting(lines[i].slice(olMatch[0].length))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ol key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ol>\n        );\n        continue;\n      }\n\n      // Horizontal rule: --- or ***\n      if (line.match(/^(-{3,}|\\*{3,})$/)) {\n        elements.push(<hr key={elements.length} className=\"my-4 border-border-default\" />);\n        i++;\n        continue;\n      }\n\n      // Table detection (simple): | col1 | col2 |\n      if (line.startsWith('|') && line.endsWith('|')) {\n        const tableLines: string[] = [line];\n        i++;\n        while (i < lines.length && lines[i].startsWith('|') && lines[i].endsWith('|')) {\n          tableLines.push(lines[i]);\n          i++;\n        }\n\n        // Parse table\n        const rows = tableLines\n          .filter((l) => !l.match(/^\\|[\\s\\-:|]+\\|$/)) // Skip separator rows (including alignment markers like :---:)\n          .map((l) =>\n            l\n              .slice(1, -1)\n              .split('|')\n              .map((cell) => cell.trim())\n          );\n\n        if (rows.length > 0) {\n          const [header, ...body] = rows;\n          elements.push(\n            <table key={elements.length} className=\"w-full my-2 border-collapse text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-default\">\n                  {header.map((cell, ci) => (\n                    <th key={ci} className=\"text-left py-2 px-3 font-semibold text-text-primary\">\n                      {parseInlineFormatting(cell)}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody>\n                {body.map((row, ri) => (\n                  <tr key={ri} className=\"border-b border-border-subtle\">\n                    {row.map((cell, ci) => (\n                      <td key={ci} className=\"py-2 px-3 text-text-primary\">\n                        {parseInlineFormatting(cell)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          );\n        }\n        continue;\n      }\n\n      // Empty line\n      if (line === '') {\n        elements.push(<br key={elements.length} />);\n        i++;\n        continue;\n      }\n\n      // Regular paragraph with inline formatting\n      elements.push(\n        <p key={elements.length} className=\"mb-1\">\n          {parseInlineFormatting(line)}\n        </p>\n      );\n      i++;\n    }\n\n    return elements;\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay\">\n      <div className=\"w-full max-w-3xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] flex flex-col\">\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {note\n              ? tr('vibecontrols.notes.editNote', 'Edit Note')\n              : tr('vibecontrols.notes.newNote', 'New Note')}\n          </h2>\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => setIsPreview(!isPreview)}\n              className={`inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${\n                isPreview\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-primary hover:bg-bg-elevated'\n              }`}\n            >\n              {isPreview ? <Edit className=\"size-4\" /> : <Eye className=\"size-4\" />}\n              {isPreview\n                ? tr('vibecontrols.notes.edit', 'Edit')\n                : tr('vibecontrols.notes.preview', 'Preview')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n            >\n              <X className=\"size-5 text-text-secondary\" />\n            </button>\n          </div>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"flex-1 flex flex-col overflow-hidden\">\n          <div className=\"p-6 space-y-4 flex-1 overflow-y-auto\">\n            <div>\n              <input\n                aria-label=\"control\"\n                type=\"text\"\n                value={formData.title}\n                onChange={(e) => setFormData({ ...formData, title: e.target.value })}\n                placeholder={tr('vibecontrols.notes.titlePlaceholder', 'Note title...')}\n                required\n                className=\"w-full px-0 py-2 text-lg sm:text-2xl font-bold bg-transparent border-0 border-b border-border-default text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg\"\n              />\n            </div>\n\n            <div className={`grid ${hideVibeSelect ? 'grid-cols-1' : 'grid-cols-2'} gap-4`}>\n              {!hideVibeSelect && (\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    {tr('vibecontrols.notes.relatedVibe', 'Related Vibe (optional)')}\n                  </label>\n                  <select\n                    value={formData.vibeId}\n                    onChange={(e) => setFormData({ ...formData, vibeId: e.target.value })}\n                    className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  >\n                    <option value=\"\">No vibe</option>\n                    {vibeOptions.map((vibe) => (\n                      <option key={vibe.id} value={vibe.id}>\n                        {vibe.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.notes.tags', 'Tags')}\n                </label>\n                {/* Selected tags */}\n                <div className=\"flex flex-wrap gap-1.5 min-h-[38px] px-3 py-2 bg-bg-sunken border border-border-default rounded-md\">\n                  {availableTags\n                    .filter((t) => selectedTagIds.has(t.id))\n                    .map((tag) => (\n                      <span\n                        key={tag.id}\n                        className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-[var(--color-accent-soft)] text-text-primary rounded\"\n                      >\n                        <Tag className=\"size-3\" />\n                        {tag.label}\n                        <button\n                          type=\"button\"\n                          onClick={() => toggleTag(tag.id)}\n                          className=\"ml-0.5 hover:text-status-error-text\"\n                        >\n                          <X className=\"size-3\" />\n                        </button>\n                      </span>\n                    ))}\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowTagPicker(!showTagPicker)}\n                    className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs text-text-secondary hover:text-text-primary hover:bg-bg-elevated rounded transition-colors\"\n                  >\n                    <Tag className=\"size-3\" />\n                    {selectedTagIds.size === 0 ? 'Add tags...' : '+'}\n                  </button>\n                </div>\n                {/* Tag picker dropdown */}\n                {showTagPicker && (\n                  <div className=\"mt-1 bg-bg-surface border border-border-default rounded-md shadow-lg\">\n                    {/* Inline create: text input + color picker */}\n                    <div className=\"flex items-center gap-2 p-2 border-b border-border-subtle\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"size-6 rounded-full border-2 border-border-default\"\n                        style={{ backgroundColor: newTagColor }}\n                      />\n                      <input\n                        aria-label=\"New tag name... (Enter to create)\"\n                        type=\"text\"\n                        value={newTagLabel}\n                        onChange={(e) => setNewTagLabel(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            e.preventDefault();\n                            handleCreateTag();\n                          }\n                        }}\n                        placeholder=\"New tag name... (Enter to create)\"\n                        disabled={isCreatingTag}\n                        className=\"flex-1 px-2 py-1 text-sm bg-bg-sunken border border-border-default rounded text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n                      />\n                      <button\n                        type=\"button\"\n                        onClick={handleCreateTag}\n                        disabled={!newTagLabel.trim() || isCreatingTag}\n                        className=\"p-1 text-action-primary-bg hover:bg-[var(--color-accent-soft)] rounded transition-colors disabled:opacity-30\"\n                      >\n                        <Plus className=\"size-4\" />\n                      </button>\n                    </div>\n                    {/* Quick color palette */}\n                    <div className=\"flex items-center gap-1 px-2 py-1.5 border-b border-border-subtle\">\n                      {TAG_COLORS.map((c) => (\n                        <button\n                          key={c}\n                          type=\"button\"\n                          onClick={() => setNewTagColor(c)}\n                          className={`size-4 rounded-full transition-transform ${newTagColor === c ? 'ring-2 ring-action-primary-bg scale-125' : 'hover:scale-110'}`}\n                          style={{ backgroundColor: c }}\n                        />\n                      ))}\n                    </div>\n                    {/* Existing tags list */}\n                    <div className=\"max-h-32 overflow-y-auto p-1\">\n                      {availableTags.length === 0 ? (\n                        <p className=\"text-xs text-text-muted px-2 py-1\">\n                          No tags yet — create one above\n                        </p>\n                      ) : (\n                        availableTags.map((tag) => (\n                          <button\n                            key={tag.id}\n                            type=\"button\"\n                            onClick={() => toggleTag(tag.id)}\n                            className=\"flex items-center justify-between w-full px-2 py-1.5 text-sm text-text-primary hover:bg-bg-sunken rounded transition-colors\"\n                          >\n                            <span className=\"flex items-center gap-2\">\n                              {tag.color && (\n                                <span\n                                  className=\"size-2.5 rounded-full\"\n                                  style={{ backgroundColor: tag.color }}\n                                />\n                              )}\n                              {tag.label}\n                            </span>\n                            {selectedTagIds.has(tag.id) && (\n                              <Check className=\"size-4 text-action-primary-bg\" />\n                            )}\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex-1 min-h-[300px]\">\n              {isPreview ? (\n                <div className=\"h-full p-4 bg-bg-sunken rounded-md prose prose-sm dark:prose-invert max-w-none overflow-y-auto\">\n                  {renderMarkdown(formData.content)}\n                </div>\n              ) : (\n                <textarea\n                  aria-label=\"control\"\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  placeholder={tr(\n                    'vibecontrols.notes.contentPlaceholder',\n                    'Write your note in Markdown...'\n                  )}\n                  className=\"w-full h-full min-h-[300px] px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none font-mono\"\n                />\n              )}\n            </div>\n\n            <div className=\"flex items-center gap-4 flex-wrap\">\n              <div className=\"flex items-center gap-2\">\n                <input\n                  aria-label=\"isPinned\"\n                  type=\"checkbox\"\n                  id=\"isPinned\"\n                  checked={formData.isPinned}\n                  onChange={(e) => setFormData({ ...formData, isPinned: e.target.checked })}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n                />\n                <label htmlFor=\"isPinned\" className=\"text-sm text-text-primary\">\n                  {tr('vibecontrols.notes.pinThisNote', 'Pin this note')}\n                </label>\n              </div>\n\n              {/* Visibility toggle */}\n              <div className=\"flex items-center gap-1 bg-bg-sunken rounded-lg p-0.5\">\n                <button\n                  type=\"button\"\n                  onClick={() => setFormData({ ...formData, visibility: 'WORKSPACE' })}\n                  className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${\n                    formData.visibility === 'WORKSPACE'\n                      ? 'bg-bg-surface text-text-primary shadow-sm'\n                      : 'text-text-muted hover:text-text-secondary'\n                  }`}\n                >\n                  <Globe className=\"size-3.5\" />\n                  Workspace\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setFormData({ ...formData, visibility: 'PRIVATE' })}\n                  className={`flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${\n                    formData.visibility === 'PRIVATE'\n                      ? 'bg-bg-surface text-text-primary shadow-sm'\n                      : 'text-text-muted hover:text-text-secondary'\n                  }`}\n                >\n                  <Lock className=\"size-3.5\" />\n                  Private\n                </button>\n              </div>\n              {formData.visibility === 'PRIVATE' && (\n                <p className=\"text-xs text-text-muted w-full -mt-2\">Only you can see this note.</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken\">\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n            >\n              {tr('vibecontrols.notes.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isLoading}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Save className=\"size-4\" />\n              {isLoading\n                ? tr('vibecontrols.notes.saving', 'Saving...')\n                : tr('vibecontrols.notes.saveNote', 'Save Note')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/NoteList.js

@@ -54,7 +54,7 @@ function g({ note: e, onOpen: t, onEdit: u, onDelete: g, onPin: _, onUnpin: v, o
 				children: e.tagAssignments && e.tagAssignments.length > 0 ? /* @__PURE__ */ h("div", {
 					className: "flex flex-wrap gap-1",
 					children: [e.tagAssignments.slice(0, 2).map((e) => /* @__PURE__ */ h("span", {
-						className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-action-primary-bg rounded",
+						className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-[var(--color-accent-soft)] text-text-primary rounded",
 						style: e.tag?.color ? { borderLeft: `2px solid ${e.tag.color}` } : void 0,
 						children: [/* @__PURE__ */ m(f, { className: "size-2.5" }), e.tag?.label ?? e.tagId.slice(0, 8)]
 					}, e.id)), e.tagAssignments.length > 2 && /* @__PURE__ */ h("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"NoteList.js","names":[],"sources":["../../../src/components/notes/NoteList.tsx"],"sourcesContent":["import type { Note } from './types';\nimport { EmptyState } from '../shared/EmptyState';\nimport {\n  FileText,\n  Plus,\n  Pin,\n  Tag,\n  MoreVertical,\n  Edit,\n  Trash2,\n  PinOff,\n  Lock,\n  Globe,\n  Share2,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface NoteListProps {\n  notes: Note[];\n  onOpen?: (note: Note) => void;\n  onEdit?: (note: Note) => void;\n  onDelete?: (note: Note) => void;\n  onPin?: (note: Note) => void;\n  onUnpin?: (note: Note) => void;\n  onShare?: (note: Note) => void;\n  /** Generic-sharing entry point (full Share dialog); see NoteCard.onShareAccess. */\n  onShareAccess?: (note: Note) => void;\n  onCreateNew?: () => void;\n  isLoading?: boolean;\n}\n\nfunction NoteRow({\n  note,\n  onOpen,\n  onEdit,\n  onDelete,\n  onPin,\n  onUnpin,\n  onShare,\n  onShareAccess,\n}: {\n  note: Note;\n  onOpen?: (note: Note) => void;\n  onEdit?: (note: Note) => void;\n  onDelete?: (note: Note) => void;\n  onPin?: (note: Note) => void;\n  onUnpin?: (note: Note) => void;\n  onShare?: (note: Note) => void;\n  onShareAccess?: (note: Note) => void;\n}) {\n  const [showMenu, setShowMenu] = useState(false);\n\n  const formatDate = (dateStr: string) => {\n    return new Date(dateStr).toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  };\n\n  const getPreview = (content: string) => {\n    const text = content\n      .replace(/^#+\\s+/gm, '')\n      .replace(/\\n/g, ' ')\n      .trim();\n    return text.length > 80 ? text.slice(0, 80) + '...' : text;\n  };\n\n  return (\n    <tr\n      className=\"border-b border-border-subtle hover:bg-bg-sunken/50 cursor-pointer transition-colors\"\n      onClick={() => onOpen?.(note)}\n    >\n      <td className=\"px-4 py-3\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <FileText className=\"size-4 text-status-warning-text shrink-0\" />\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-1.5\">\n              <p className=\"text-sm font-medium text-text-primary truncate\">{note.title}</p>\n              {note.isPinned && <Pin className=\"size-3 text-status-warning-text shrink-0\" />}\n              {note.visibility === 'PRIVATE' ? (\n                <span title=\"Private\">\n                  <Lock className=\"size-3 text-text-muted shrink-0\" />\n                </span>\n              ) : (\n                <span title=\"Workspace\">\n                  <Globe className=\"size-3 text-text-muted shrink-0\" />\n                </span>\n              )}\n            </div>\n            <p className=\"text-xs text-text-muted truncate max-w-[300px]\">\n              {getPreview(note.content)}\n            </p>\n          </div>\n        </div>\n      </td>\n      <td className=\"px-4 py-3\">\n        <span className=\"text-sm text-text-secondary truncate block max-w-[100px]\">\n          {note.vibe?.name || '-'}\n        </span>\n      </td>\n      <td className=\"px-4 py-3\">\n        {/* Render tagAssignments if available, otherwise fall back to legacy string tags */}\n        {note.tagAssignments && note.tagAssignments.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {note.tagAssignments.slice(0, 2).map((assignment) => (\n              <span\n                key={assignment.id}\n                className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-action-primary-bg rounded\"\n                style={\n                  assignment.tag?.color\n                    ? { borderLeft: `2px solid ${assignment.tag.color}` }\n                    : undefined\n                }\n              >\n                <Tag className=\"size-2.5\" />\n                {assignment.tag?.label ?? assignment.tagId.slice(0, 8)}\n              </span>\n            ))}\n            {note.tagAssignments.length > 2 && (\n              <span className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                +{note.tagAssignments.length - 2}\n              </span>\n            )}\n          </div>\n        ) : note.tags && note.tags.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {note.tags.slice(0, 2).map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n              >\n                <Tag className=\"size-2.5\" />\n                {tag}\n              </span>\n            ))}\n            {note.tags.length > 2 && (\n              <span className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                +{note.tags.length - 2}\n              </span>\n            )}\n          </div>\n        ) : (\n          <span className=\"text-xs text-text-muted\">-</span>\n        )}\n      </td>\n      <td className=\"px-4 py-3\">\n        <span className=\"text-xs text-text-muted\">{formatDate(note.updatedAt)}</span>\n      </td>\n      <td className=\"px-4 py-3\">\n        <div className=\"flex items-center gap-1 justify-end\">\n          {(onEdit || onDelete || onPin || onUnpin || onShare || onShareAccess) && (\n            <div className=\"relative\">\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setShowMenu(!showMenu);\n                }}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <MoreVertical className=\"size-3.5 text-text-secondary\" />\n              </button>\n              {showMenu && (\n                <div className=\"absolute right-0 mt-1 w-44 bg-bg-surface border border-border-default rounded-lg shadow-lg z-50\">\n                  {onEdit && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onEdit(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n                    >\n                      <Edit className=\"size-4\" />\n                      Edit\n                    </button>\n                  )}\n                  {onShare && note.visibility === 'PRIVATE' && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShare(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Share2 className=\"size-4\" />\n                      Share with workspace\n                    </button>\n                  )}\n                  {onShare && note.visibility === 'WORKSPACE' && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShare(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Lock className=\"size-4\" />\n                      Make private\n                    </button>\n                  )}\n                  {onShareAccess && (\n                    <button\n                      type=\"button\"\n                      data-testid=\"note-share-access\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShareAccess(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Share2 className=\"size-4\" />\n                      Share access…\n                    </button>\n                  )}\n                  {note.isPinned && onUnpin && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onUnpin(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <PinOff className=\"size-4\" />\n                      Unpin\n                    </button>\n                  )}\n                  {!note.isPinned && onPin && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onPin(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Pin className=\"size-4\" />\n                      Pin\n                    </button>\n                  )}\n                  {onDelete && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onDelete(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg\"\n                    >\n                      <Trash2 className=\"size-4\" />\n                      Delete\n                    </button>\n                  )}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </td>\n    </tr>\n  );\n}\n\nexport function NoteList({\n  notes,\n  onOpen,\n  onEdit,\n  onDelete,\n  onPin,\n  onUnpin,\n  onShare,\n  onShareAccess,\n  onCreateNew,\n  isLoading,\n}: NoteListProps) {\n  const tr = useTr();\n  if (!isLoading && notes.length === 0) {\n    return (\n      <EmptyState\n        icon={<FileText className=\"size-8 text-text-secondary\" />}\n        title={tr('vibecontrols.notes.emptyTitle', 'No notes yet')}\n        description={tr(\n          'vibecontrols.notes.emptyDescription',\n          'Notes help you document your development process. Create your first note to get started.'\n        )}\n        action={\n          onCreateNew && (\n            <button\n              type=\"button\"\n              onClick={onCreateNew}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              <Plus className=\"size-4\" />\n              {tr('vibecontrols.notes.createNote', 'Create Note')}\n            </button>\n          )\n        }\n      />\n    );\n  }\n\n  // Sort: pinned first, then by updated date\n  const sortedNotes = [...notes].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\n  return (\n    <div className=\"border border-border-default rounded-lg\">\n      <div className=\"overflow-x-auto rounded-lg\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"bg-bg-sunken border-b border-border-default\">\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider rounded-tl-lg\">\n                {tr('vibecontrols.notes.columnTitle', 'Title')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnVibe', 'Vibe')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnTags', 'Tags')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnUpdated', 'Updated')}\n              </th>\n              <th className=\"px-4 py-2.5 text-right text-xs font-medium text-text-secondary uppercase tracking-wider rounded-tr-lg\">\n                {tr('vibecontrols.notes.columnActions', 'Actions')}\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {sortedNotes.map((note) => (\n              <NoteRow\n                key={note.id}\n                note={note}\n                onOpen={onOpen}\n                onEdit={onEdit}\n                onDelete={onDelete}\n                onPin={onPin}\n                onUnpin={onUnpin}\n                onShare={onShare}\n                onShareAccess={onShareAccess}\n              />\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NoteList.js","names":[],"sources":["../../../src/components/notes/NoteList.tsx"],"sourcesContent":["import type { Note } from './types';\nimport { EmptyState } from '../shared/EmptyState';\nimport {\n  FileText,\n  Plus,\n  Pin,\n  Tag,\n  MoreVertical,\n  Edit,\n  Trash2,\n  PinOff,\n  Lock,\n  Globe,\n  Share2,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface NoteListProps {\n  notes: Note[];\n  onOpen?: (note: Note) => void;\n  onEdit?: (note: Note) => void;\n  onDelete?: (note: Note) => void;\n  onPin?: (note: Note) => void;\n  onUnpin?: (note: Note) => void;\n  onShare?: (note: Note) => void;\n  /** Generic-sharing entry point (full Share dialog); see NoteCard.onShareAccess. */\n  onShareAccess?: (note: Note) => void;\n  onCreateNew?: () => void;\n  isLoading?: boolean;\n}\n\nfunction NoteRow({\n  note,\n  onOpen,\n  onEdit,\n  onDelete,\n  onPin,\n  onUnpin,\n  onShare,\n  onShareAccess,\n}: {\n  note: Note;\n  onOpen?: (note: Note) => void;\n  onEdit?: (note: Note) => void;\n  onDelete?: (note: Note) => void;\n  onPin?: (note: Note) => void;\n  onUnpin?: (note: Note) => void;\n  onShare?: (note: Note) => void;\n  onShareAccess?: (note: Note) => void;\n}) {\n  const [showMenu, setShowMenu] = useState(false);\n\n  const formatDate = (dateStr: string) => {\n    return new Date(dateStr).toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n  };\n\n  const getPreview = (content: string) => {\n    const text = content\n      .replace(/^#+\\s+/gm, '')\n      .replace(/\\n/g, ' ')\n      .trim();\n    return text.length > 80 ? text.slice(0, 80) + '...' : text;\n  };\n\n  return (\n    <tr\n      className=\"border-b border-border-subtle hover:bg-bg-sunken/50 cursor-pointer transition-colors\"\n      onClick={() => onOpen?.(note)}\n    >\n      <td className=\"px-4 py-3\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <FileText className=\"size-4 text-status-warning-text shrink-0\" />\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-1.5\">\n              <p className=\"text-sm font-medium text-text-primary truncate\">{note.title}</p>\n              {note.isPinned && <Pin className=\"size-3 text-status-warning-text shrink-0\" />}\n              {note.visibility === 'PRIVATE' ? (\n                <span title=\"Private\">\n                  <Lock className=\"size-3 text-text-muted shrink-0\" />\n                </span>\n              ) : (\n                <span title=\"Workspace\">\n                  <Globe className=\"size-3 text-text-muted shrink-0\" />\n                </span>\n              )}\n            </div>\n            <p className=\"text-xs text-text-muted truncate max-w-[300px]\">\n              {getPreview(note.content)}\n            </p>\n          </div>\n        </div>\n      </td>\n      <td className=\"px-4 py-3\">\n        <span className=\"text-sm text-text-secondary truncate block max-w-[100px]\">\n          {note.vibe?.name || '-'}\n        </span>\n      </td>\n      <td className=\"px-4 py-3\">\n        {/* Render tagAssignments if available, otherwise fall back to legacy string tags */}\n        {note.tagAssignments && note.tagAssignments.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {note.tagAssignments.slice(0, 2).map((assignment) => (\n              <span\n                key={assignment.id}\n                className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-[var(--color-accent-soft)] text-text-primary rounded\"\n                style={\n                  assignment.tag?.color\n                    ? { borderLeft: `2px solid ${assignment.tag.color}` }\n                    : undefined\n                }\n              >\n                <Tag className=\"size-2.5\" />\n                {assignment.tag?.label ?? assignment.tagId.slice(0, 8)}\n              </span>\n            ))}\n            {note.tagAssignments.length > 2 && (\n              <span className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                +{note.tagAssignments.length - 2}\n              </span>\n            )}\n          </div>\n        ) : note.tags && note.tags.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\">\n            {note.tags.slice(0, 2).map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n              >\n                <Tag className=\"size-2.5\" />\n                {tag}\n              </span>\n            ))}\n            {note.tags.length > 2 && (\n              <span className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n                +{note.tags.length - 2}\n              </span>\n            )}\n          </div>\n        ) : (\n          <span className=\"text-xs text-text-muted\">-</span>\n        )}\n      </td>\n      <td className=\"px-4 py-3\">\n        <span className=\"text-xs text-text-muted\">{formatDate(note.updatedAt)}</span>\n      </td>\n      <td className=\"px-4 py-3\">\n        <div className=\"flex items-center gap-1 justify-end\">\n          {(onEdit || onDelete || onPin || onUnpin || onShare || onShareAccess) && (\n            <div className=\"relative\">\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setShowMenu(!showMenu);\n                }}\n                className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n              >\n                <MoreVertical className=\"size-3.5 text-text-secondary\" />\n              </button>\n              {showMenu && (\n                <div className=\"absolute right-0 mt-1 w-44 bg-bg-surface border border-border-default rounded-lg shadow-lg z-50\">\n                  {onEdit && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onEdit(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n                    >\n                      <Edit className=\"size-4\" />\n                      Edit\n                    </button>\n                  )}\n                  {onShare && note.visibility === 'PRIVATE' && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShare(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Share2 className=\"size-4\" />\n                      Share with workspace\n                    </button>\n                  )}\n                  {onShare && note.visibility === 'WORKSPACE' && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShare(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Lock className=\"size-4\" />\n                      Make private\n                    </button>\n                  )}\n                  {onShareAccess && (\n                    <button\n                      type=\"button\"\n                      data-testid=\"note-share-access\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onShareAccess(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Share2 className=\"size-4\" />\n                      Share access…\n                    </button>\n                  )}\n                  {note.isPinned && onUnpin && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onUnpin(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <PinOff className=\"size-4\" />\n                      Unpin\n                    </button>\n                  )}\n                  {!note.isPinned && onPin && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onPin(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken\"\n                    >\n                      <Pin className=\"size-4\" />\n                      Pin\n                    </button>\n                  )}\n                  {onDelete && (\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onDelete(note);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken rounded-b-lg\"\n                    >\n                      <Trash2 className=\"size-4\" />\n                      Delete\n                    </button>\n                  )}\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </td>\n    </tr>\n  );\n}\n\nexport function NoteList({\n  notes,\n  onOpen,\n  onEdit,\n  onDelete,\n  onPin,\n  onUnpin,\n  onShare,\n  onShareAccess,\n  onCreateNew,\n  isLoading,\n}: NoteListProps) {\n  const tr = useTr();\n  if (!isLoading && notes.length === 0) {\n    return (\n      <EmptyState\n        icon={<FileText className=\"size-8 text-text-secondary\" />}\n        title={tr('vibecontrols.notes.emptyTitle', 'No notes yet')}\n        description={tr(\n          'vibecontrols.notes.emptyDescription',\n          'Notes help you document your development process. Create your first note to get started.'\n        )}\n        action={\n          onCreateNew && (\n            <button\n              type=\"button\"\n              onClick={onCreateNew}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              <Plus className=\"size-4\" />\n              {tr('vibecontrols.notes.createNote', 'Create Note')}\n            </button>\n          )\n        }\n      />\n    );\n  }\n\n  // Sort: pinned first, then by updated date\n  const sortedNotes = [...notes].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\n  return (\n    <div className=\"border border-border-default rounded-lg\">\n      <div className=\"overflow-x-auto rounded-lg\">\n        <table className=\"w-full\">\n          <thead>\n            <tr className=\"bg-bg-sunken border-b border-border-default\">\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider rounded-tl-lg\">\n                {tr('vibecontrols.notes.columnTitle', 'Title')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnVibe', 'Vibe')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnTags', 'Tags')}\n              </th>\n              <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                {tr('vibecontrols.notes.columnUpdated', 'Updated')}\n              </th>\n              <th className=\"px-4 py-2.5 text-right text-xs font-medium text-text-secondary uppercase tracking-wider rounded-tr-lg\">\n                {tr('vibecontrols.notes.columnActions', 'Actions')}\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {sortedNotes.map((note) => (\n              <NoteRow\n                key={note.id}\n                note={note}\n                onOpen={onOpen}\n                onEdit={onEdit}\n                onDelete={onDelete}\n                onPin={onPin}\n                onUnpin={onUnpin}\n                onShare={onShare}\n                onShareAccess={onShareAccess}\n              />\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/notes/NotesTabPanel.js

@@ -372,7 +372,7 @@ function h({ context: h, vibeId: g, sessionId: _, agentVibes: v = [] }) {
 				children: /* @__PURE__ */ m("button", {
 					type: "button",
 					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"}`,
+					className: `flex items-center gap-2 px-3 py-1.5 text-sm rounded-full transition-colors ${A ? "bg-status-warning-bg-subtle text-status-warning-text" : "bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80"}`,
 					children: [
 						/* @__PURE__ */ p(xe, { className: "size-3" }),
 						"Pinned (",

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

@@ -1 +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, Lock, Globe } from 'lucide-react';\nimport { AnimatePresence } from 'framer-motion';\nimport { useNavigate } from 'react-router-dom';\nimport { useApolloClient } from '@apollo/client/react';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { NoteCard } from './NoteCard';\nimport { NoteList } from './NoteList';\nimport { NoteEditor } from './NoteEditor';\nimport type { Note, NoteVisibility } 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  useShareNoteMutation,\n  ListNotesDocument,\n} from '@/generated/wspace-operations';\nimport { NoteVisibility as GqlNoteVisibility } from '@/generated/wspace-types';\nimport { PermissionButton, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { isQuotaExhaustedError, markQuotaHandledLocally } from '@/utils/quotaUtils';\nimport { NoteShareDialog, SHARE_REGISTRY } from '@/components/sharing';\n\ntype ViewMode = 'grid' | 'list';\n\ninterface NotesTabPanelProps {\n  /**\n   * 'vibe' = single vibe context; 'agent' = multi-vibe agent context;\n   * 'session' = notes authored against a single terminal session (F1).\n   */\n  context: 'vibe' | 'agent' | 'session';\n  /** For vibe context: the single vibeId to scope notes to */\n  vibeId?: string;\n  /** For session context: the single sessionId to scope notes to */\n  sessionId?: 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, agent-scoped, and session-scoped contexts.\n */\nexport function NotesTabPanel({ context, vibeId, sessionId, agentVibes = [] }: NotesTabPanelProps) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const apolloClient = useApolloClient();\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  // Generic note sharing (full users/link/vibe dialog). Gated by the\n  // `vibecontrols.sharing.note` flag (default ON) + note share permission.\n  // Distinct from the legacy `onShare` visibility toggle, which stays as-is.\n  const noteSharingFlagEnabled = useFeatureFlag(\n    SHARE_REGISTRY.note.featureFlag,\n    SHARE_REGISTRY.note.defaultEnabled\n  );\n  const canShareNote = hasPermission(SHARE_REGISTRY.note.permission);\n  const noteSharingEnabled = noteSharingFlagEnabled && canShareNote;\n  const [genericShareNote, setGenericShareNote] = useState<Note | null>(null);\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [vibeFilter, setVibeFilter] = useState('all');\n  const [tagFilter, setTagFilter] = useState('all');\n  const [visibilityFilter, setVisibilityFilter] = useState<'all' | 'PRIVATE' | 'WORKSPACE'>('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  // Evict cached notes list and refetch — bypasses stale cache-and-network data\n  const evictAndRefetch = (refetch: () => void) => {\n    apolloClient.cache.evict({ id: 'ROOT_QUERY', fieldName: 'notes' });\n    apolloClient.cache.gc();\n    refetch();\n  };\n\n  const [pinNote] = usePinNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [unpinNote] = useUnpinNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [deleteNote] = useDeleteNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [createNote] = useCreateNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [updateNote] = useUpdateNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [replaceNoteTags] = useReplaceNoteTagsMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [shareNote] = useShareNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\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    const visibilityVal =\n      visibilityFilter !== 'all' ? (visibilityFilter as GqlNoteVisibility) : undefined;\n\n    if (context === 'session' && sessionId) {\n      return {\n        sessionId,\n        isPinned: showPinnedOnly ? true : undefined,\n        visibility: visibilityVal,\n      };\n    }\n    if (context === 'vibe' && vibeId) {\n      return {\n        vibeId,\n        isPinned: showPinnedOnly ? true : undefined,\n        visibility: visibilityVal,\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      visibility: visibilityVal,\n    };\n  }, [context, vibeId, sessionId, vibeFilter, showPinnedOnly, visibilityFilter]);\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  // Tag label lookup by ID — used when federation doesn't return nested tag object\n  type AvailableTag = { id: string; key: string; label: string; color?: string | null };\n  const tagLabelMap = useMemo((): Map<string, AvailableTag> => {\n    const tags = (availableTagsData?.availableNoteTags ?? []) as AvailableTag[];\n    return new Map(tags.map((tag) => [tag.id, tag]));\n  }, [availableTagsData?.availableNoteTags]);\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          // `a.tag` may be null when federation doesn't resolve the tag entity.\n          // Fall back to the availableNoteTags lookup so the label always shows.\n          const resolvedTag = a.tag\n            ? { id: a.tag.id, label: a.tag.label, key: a.tag.key, color: a.tag.color }\n            : tagLabelMap.has(a.tagId)\n              ? {\n                  id: a.tagId,\n                  label: tagLabelMap.get(a.tagId)!.label,\n                  key: tagLabelMap.get(a.tagId)!.key,\n                  color: tagLabelMap.get(a.tagId)!.color ?? null,\n                }\n              : undefined;\n          return {\n            id: a.id,\n            tagId: a.tagId,\n            tag: resolvedTag,\n            entityType: a.entityType,\n            entityId: a.entityId,\n            source: a.source,\n            assignedBy: a.assignedBy,\n            assignedAt: a.assignedAt,\n          };\n        }) || [],\n      isPinned: note.isPinned,\n      visibility: (note.visibility ?? 'WORKSPACE') as NoteVisibility,\n      createdBy: note.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, tagLabelMap]);\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: AvailableTag) => ({\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      evictAndRefetch(refetch);\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      evictAndRefetch(refetch);\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      markQuotaHandledLocally();\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                visibility: noteData.visibility\n                  ? (noteData.visibility as GqlNoteVisibility)\n                  : undefined,\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                // F1 — stamp the session so the note shows in this session's\n                // drawer; it stays workspace-reusable everywhere else.\n                sessionId: context === 'session' ? sessionId : undefined,\n                visibility: noteData.visibility\n                  ? (noteData.visibility as GqlNoteVisibility)\n                  : GqlNoteVisibility.Workspace,\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      evictAndRefetch(refetch);\n    } catch (err) {\n      console.error('Failed to save note:', err);\n    }\n  };\n\n  const handleShareNote = async (note: Note) => {\n    const newVisibility =\n      note.visibility === 'PRIVATE' ? GqlNoteVisibility.Workspace : GqlNoteVisibility.Private;\n    try {\n      await shareNote({ variables: { id: note.id, visibility: newVisibility } });\n      evictAndRefetch(refetch);\n    } catch (err) {\n      console.error('Failed to toggle note visibility:', err);\n    }\n  };\n\n  // Opens the generic Share dialog for a note (users / link / vibe).\n  const handleShareNoteAccess = noteSharingEnabled\n    ? (note: Note) => setGenericShareNote(note)\n    : undefined;\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            type=\"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={`size-4 ${loading ? 'animate-spin' : ''}`} />\n          </button>\n          <PermissionButton permission={VIBE_PERMISSIONS.NOTE_CREATE}>\n            <button\n              type=\"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=\"size-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              type=\"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=\"size-4 text-text-secondary\" />\n            </button>\n            <button\n              type=\"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=\"size-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          {/* Visibility filter */}\n          <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-0.5\">\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('all')}\n              className={`px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'all' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              All\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('WORKSPACE')}\n              className={`flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'WORKSPACE' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              <Globe className=\"size-3\" />\n              Shared\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('PRIVATE')}\n              className={`flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'PRIVATE' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              <Lock className=\"size-3\" />\n              Private\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Pinned toggle */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"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=\"size-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                    onShare={handleShareNote}\n                    onShareAccess={handleShareNoteAccess}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <NoteList\n              key=\"list\"\n              notes={sortedNotes}\n              onOpen={handleNoteSelect}\n              onEdit={handleNoteSelect}\n              onPin={handlePinNote}\n              onUnpin={handlePinNote}\n              onDelete={handleDeleteNote}\n              onShare={handleShareNote}\n              onShareAccess={handleShareNoteAccess}\n            />\n          )\n        ) : (\n          <EmptyState\n            icon={<FileText className=\"size-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                  type=\"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=\"size-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/plans');\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\n      {/* Generic note sharing dialog (users / link / vibe) */}\n      {genericShareNote && (\n        <NoteShareDialog\n          note={{\n            id: genericShareNote.id,\n            title: genericShareNote.title,\n            vibeId: genericShareNote.vibeId,\n          }}\n          open={Boolean(genericShareNote)}\n          onOpenChange={(next) => {\n            if (!next) setGenericShareNote(null);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"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, Lock, Globe } from 'lucide-react';\nimport { AnimatePresence } from 'framer-motion';\nimport { useNavigate } from 'react-router-dom';\nimport { useApolloClient } from '@apollo/client/react';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { NoteCard } from './NoteCard';\nimport { NoteList } from './NoteList';\nimport { NoteEditor } from './NoteEditor';\nimport type { Note, NoteVisibility } 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  useShareNoteMutation,\n  ListNotesDocument,\n} from '@/generated/wspace-operations';\nimport { NoteVisibility as GqlNoteVisibility } from '@/generated/wspace-types';\nimport { PermissionButton, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlag } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport { isQuotaExhaustedError, markQuotaHandledLocally } from '@/utils/quotaUtils';\nimport { NoteShareDialog, SHARE_REGISTRY } from '@/components/sharing';\n\ntype ViewMode = 'grid' | 'list';\n\ninterface NotesTabPanelProps {\n  /**\n   * 'vibe' = single vibe context; 'agent' = multi-vibe agent context;\n   * 'session' = notes authored against a single terminal session (F1).\n   */\n  context: 'vibe' | 'agent' | 'session';\n  /** For vibe context: the single vibeId to scope notes to */\n  vibeId?: string;\n  /** For session context: the single sessionId to scope notes to */\n  sessionId?: 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, agent-scoped, and session-scoped contexts.\n */\nexport function NotesTabPanel({ context, vibeId, sessionId, agentVibes = [] }: NotesTabPanelProps) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const apolloClient = useApolloClient();\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  // Generic note sharing (full users/link/vibe dialog). Gated by the\n  // `vibecontrols.sharing.note` flag (default ON) + note share permission.\n  // Distinct from the legacy `onShare` visibility toggle, which stays as-is.\n  const noteSharingFlagEnabled = useFeatureFlag(\n    SHARE_REGISTRY.note.featureFlag,\n    SHARE_REGISTRY.note.defaultEnabled\n  );\n  const canShareNote = hasPermission(SHARE_REGISTRY.note.permission);\n  const noteSharingEnabled = noteSharingFlagEnabled && canShareNote;\n  const [genericShareNote, setGenericShareNote] = useState<Note | null>(null);\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [vibeFilter, setVibeFilter] = useState('all');\n  const [tagFilter, setTagFilter] = useState('all');\n  const [visibilityFilter, setVisibilityFilter] = useState<'all' | 'PRIVATE' | 'WORKSPACE'>('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  // Evict cached notes list and refetch — bypasses stale cache-and-network data\n  const evictAndRefetch = (refetch: () => void) => {\n    apolloClient.cache.evict({ id: 'ROOT_QUERY', fieldName: 'notes' });\n    apolloClient.cache.gc();\n    refetch();\n  };\n\n  const [pinNote] = usePinNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [unpinNote] = useUnpinNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [deleteNote] = useDeleteNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [createNote] = useCreateNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [updateNote] = useUpdateNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [replaceNoteTags] = useReplaceNoteTagsMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\n  const [shareNote] = useShareNoteMutation({\n    refetchQueries: [ListNotesDocument],\n    awaitRefetchQueries: true,\n  });\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    const visibilityVal =\n      visibilityFilter !== 'all' ? (visibilityFilter as GqlNoteVisibility) : undefined;\n\n    if (context === 'session' && sessionId) {\n      return {\n        sessionId,\n        isPinned: showPinnedOnly ? true : undefined,\n        visibility: visibilityVal,\n      };\n    }\n    if (context === 'vibe' && vibeId) {\n      return {\n        vibeId,\n        isPinned: showPinnedOnly ? true : undefined,\n        visibility: visibilityVal,\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      visibility: visibilityVal,\n    };\n  }, [context, vibeId, sessionId, vibeFilter, showPinnedOnly, visibilityFilter]);\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  // Tag label lookup by ID — used when federation doesn't return nested tag object\n  type AvailableTag = { id: string; key: string; label: string; color?: string | null };\n  const tagLabelMap = useMemo((): Map<string, AvailableTag> => {\n    const tags = (availableTagsData?.availableNoteTags ?? []) as AvailableTag[];\n    return new Map(tags.map((tag) => [tag.id, tag]));\n  }, [availableTagsData?.availableNoteTags]);\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          // `a.tag` may be null when federation doesn't resolve the tag entity.\n          // Fall back to the availableNoteTags lookup so the label always shows.\n          const resolvedTag = a.tag\n            ? { id: a.tag.id, label: a.tag.label, key: a.tag.key, color: a.tag.color }\n            : tagLabelMap.has(a.tagId)\n              ? {\n                  id: a.tagId,\n                  label: tagLabelMap.get(a.tagId)!.label,\n                  key: tagLabelMap.get(a.tagId)!.key,\n                  color: tagLabelMap.get(a.tagId)!.color ?? null,\n                }\n              : undefined;\n          return {\n            id: a.id,\n            tagId: a.tagId,\n            tag: resolvedTag,\n            entityType: a.entityType,\n            entityId: a.entityId,\n            source: a.source,\n            assignedBy: a.assignedBy,\n            assignedAt: a.assignedAt,\n          };\n        }) || [],\n      isPinned: note.isPinned,\n      visibility: (note.visibility ?? 'WORKSPACE') as NoteVisibility,\n      createdBy: note.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, tagLabelMap]);\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: AvailableTag) => ({\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      evictAndRefetch(refetch);\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      evictAndRefetch(refetch);\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      markQuotaHandledLocally();\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                visibility: noteData.visibility\n                  ? (noteData.visibility as GqlNoteVisibility)\n                  : undefined,\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                // F1 — stamp the session so the note shows in this session's\n                // drawer; it stays workspace-reusable everywhere else.\n                sessionId: context === 'session' ? sessionId : undefined,\n                visibility: noteData.visibility\n                  ? (noteData.visibility as GqlNoteVisibility)\n                  : GqlNoteVisibility.Workspace,\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      evictAndRefetch(refetch);\n    } catch (err) {\n      console.error('Failed to save note:', err);\n    }\n  };\n\n  const handleShareNote = async (note: Note) => {\n    const newVisibility =\n      note.visibility === 'PRIVATE' ? GqlNoteVisibility.Workspace : GqlNoteVisibility.Private;\n    try {\n      await shareNote({ variables: { id: note.id, visibility: newVisibility } });\n      evictAndRefetch(refetch);\n    } catch (err) {\n      console.error('Failed to toggle note visibility:', err);\n    }\n  };\n\n  // Opens the generic Share dialog for a note (users / link / vibe).\n  const handleShareNoteAccess = noteSharingEnabled\n    ? (note: Note) => setGenericShareNote(note)\n    : undefined;\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            type=\"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={`size-4 ${loading ? 'animate-spin' : ''}`} />\n          </button>\n          <PermissionButton permission={VIBE_PERMISSIONS.NOTE_CREATE}>\n            <button\n              type=\"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=\"size-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              type=\"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=\"size-4 text-text-secondary\" />\n            </button>\n            <button\n              type=\"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=\"size-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          {/* Visibility filter */}\n          <div className=\"flex items-center gap-1 bg-bg-sunken rounded-md p-0.5\">\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('all')}\n              className={`px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'all' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              All\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('WORKSPACE')}\n              className={`flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'WORKSPACE' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              <Globe className=\"size-3\" />\n              Shared\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setVisibilityFilter('PRIVATE')}\n              className={`flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors ${visibilityFilter === 'PRIVATE' ? 'bg-bg-surface text-text-primary shadow-sm' : 'text-text-muted hover:text-text-secondary'}`}\n            >\n              <Lock className=\"size-3\" />\n              Private\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Pinned toggle */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"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-subtle text-status-warning-text'\n              : 'bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80'\n          }`}\n        >\n          <Pin className=\"size-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                    onShare={handleShareNote}\n                    onShareAccess={handleShareNoteAccess}\n                  />\n                </MotionItem>\n              ))}\n            </MotionList>\n          ) : (\n            <NoteList\n              key=\"list\"\n              notes={sortedNotes}\n              onOpen={handleNoteSelect}\n              onEdit={handleNoteSelect}\n              onPin={handlePinNote}\n              onUnpin={handlePinNote}\n              onDelete={handleDeleteNote}\n              onShare={handleShareNote}\n              onShareAccess={handleShareNoteAccess}\n            />\n          )\n        ) : (\n          <EmptyState\n            icon={<FileText className=\"size-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                  type=\"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=\"size-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/plans');\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\n      {/* Generic note sharing dialog (users / link / vibe) */}\n      {genericShareNote && (\n        <NoteShareDialog\n          note={{\n            id: genericShareNote.id,\n            title: genericShareNote.title,\n            vibeId: genericShareNote.vibeId,\n          }}\n          open={Boolean(genericShareNote)}\n          onOpenChange={(next) => {\n            if (!next) setGenericShareNote(null);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,EAAc,EAAE,YAAS,WAAQ,cAAW,gBAAa,EAAE,IAAwB;CACjG,IAAM,EAAE,UAAM,IAAS,EACjB,KAAW,IAAa,EACxB,IAAe,IAAiB,EAKhC,EAAE,kBAAe,WAAW,GAAoB,oBAAgB,IAAgB,EAEhF,IAAe,EAAc,EAAiB,UAAU,EACxD,KAAgB,EAAc,EAAiB,YAAY,EAK3D,KAAyB,GAC7B,EAAe,KAAK,aACpB,EAAe,KAAK,eACrB,EACK,KAAe,EAAc,EAAe,KAAK,WAAW,EAC5D,KAAqB,MAA0B,IAC/C,CAAC,GAAkB,KAAuB,EAAsB,KAAK,EAErE,CAAC,GAAa,MAAkB,EAAS,GAAG,EAC5C,CAAC,GAAY,MAAiB,EAAS,MAAM,EAC7C,CAAC,GAAW,MAAgB,EAAS,MAAM,EAC3C,CAAC,GAAkB,KAAuB,EAA0C,MAAM,EAC1F,CAAC,GAAgB,MAAqB,EAAS,GAAM,EACrD,CAAC,GAAU,KAAe,EAAmB,OAAO,EACpD,CAAC,IAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,IAAc,KAAmB,EAAsB,KAAK,EAC7D,CAAC,IAAoB,KAAyB,EAAS,GAAM,EAG7D,KAAmB,MAAwB;AAG/C,EAFA,EAAa,MAAM,MAAM;GAAE,IAAI;GAAc,WAAW;GAAS,CAAC,EAClE,EAAa,MAAM,IAAI,EACvB,GAAS;IAGL,CAAC,MAAW,GAAmB;EACnC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,MAAa,GAAqB;EACvC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,MAAc,EAAsB;EACzC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,MAAc,EAAsB;EACzC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,MAAc,GAAsB;EACzC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,KAAmB,GAA2B;EACnD,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EACI,CAAC,MAAa,GAAqB;EACvC,gBAAgB,CAAC,EAAkB;EACnC,qBAAqB;EACtB,CAAC,EAEI,IAAoB,KAAsB,CAAC,GAE3C,EAAE,MAAM,MAAsB,EAA0B,EAAE,MAAM,GAAmB,CAAC,EA6BpF,EAAE,SAAM,YAAS,UAAO,eAAY,EAAkB;EAC1D,WAAW;GAAE,QA3BK,QAAc;IAChC,IAAM,IACJ,MAAqB,QAAkD,KAAA,IAAzC;AAiBhC,WAfI,MAAY,aAAa,IACpB;KACL;KACA,UAAU,IAAiB,KAAO,KAAA;KAClC,YAAY;KACb,GAEC,MAAY,UAAU,IACjB;KACL;KACA,UAAU,IAAiB,KAAO,KAAA;KAClC,YAAY;KACb,GAGI;KACL,QAAQ,MAAe,SAAS,OAAO,MAAe,QAAqB,KAAA,IAAb;KAC9D,UAAU,IAAiB,KAAO,KAAA;KAClC,YAAY;KACb;MACA;IAAC;IAAS;IAAQ;IAAW;IAAY;IAAgB;IAAiB,CAAC;GAG1C,YAAY,EAAE,OAAO,IAAI;GAAE;EAC7D,aAAa;EACb,MAAM;EACP,CAAC,EAGI,KAAc,QACd,MAAY,UACT;EACL;GAAE,OAAO;GAAO,OAAO;GAAa;EACpC;GAAE,OAAO;GAAQ,OAAO;GAAqB;EAC7C,GAAG,EAAW,KAAK,OAAO;GAAE,OAAO,EAAE;GAAI,OAAO,EAAE;GAAM,EAAE;EAC3D,GAL+B,EAAE,EAMjC,CAAC,GAAS,EAAW,CAAC,EAInB,IAAc,QAAyC;EAC3D,IAAM,IAAQ,GAAmB,qBAAqB,EAAE;AACxD,SAAO,IAAI,IAAI,EAAK,KAAK,MAAQ,CAAC,EAAI,IAAI,EAAI,CAAC,CAAC;IAC/C,CAAC,GAAmB,kBAAkB,CAAC,EAGpC,IAAgB,QAAc;EAElC,IAAM,KADW,GAAM,OAAO,SAAS,EAAE,EACjB,KAAK,OAAgD;GAC3E,IAAI,EAAK;GACT,aAAa,EAAK;GAClB,QAAQ,EAAK,UAAU;GACvB,OAAO,EAAK;GACZ,SAAS,EAAK;GACd,MAAM,EAAK,QAAQ,EAAE;GACrB,gBACE,EAAK,gBAAgB,KAAK,MAAuD;IAG/E,IAAM,IAAc,EAAE,MAClB;KAAE,IAAI,EAAE,IAAI;KAAI,OAAO,EAAE,IAAI;KAAO,KAAK,EAAE,IAAI;KAAK,OAAO,EAAE,IAAI;KAAO,GACxE,EAAY,IAAI,EAAE,MAAM,GACtB;KACE,IAAI,EAAE;KACN,OAAO,EAAY,IAAI,EAAE,MAAM,CAAE;KACjC,KAAK,EAAY,IAAI,EAAE,MAAM,CAAE;KAC/B,OAAO,EAAY,IAAI,EAAE,MAAM,CAAE,SAAS;KAC3C,GACD,KAAA;AACN,WAAO;KACL,IAAI,EAAE;KACN,OAAO,EAAE;KACT,KAAK;KACL,YAAY,EAAE;KACd,UAAU,EAAE;KACZ,QAAQ,EAAE;KACV,YAAY,EAAE;KACd,YAAY,EAAE;KACf;KACD,IAAI,EAAE;GACV,UAAU,EAAK;GACf,YAAa,EAAK,cAAc;GAChC,WAAW,EAAK,aAAa;GAC7B,UAAW,EAAK,YAAwC,EAAE;GAC1D,WAAW,EAAK;GAChB,WAAW,EAAK;GAChB,MAAM,EAAK,OAAO;IAAE,IAAI,EAAK,KAAK;IAAI,MAAM,EAAK,KAAK;IAAM,GAAG,KAAA;GAChE,EAAE;AAGH,MAAI,MAAY,WAAW,EAAW,SAAS,GAAG;GAChD,IAAM,IAAY,IAAI,IAAI,EAAW,KAAK,MAAM,EAAE,GAAG,CAAC;AACtD,UAAO,EAAO,QAAQ,MAAY,EAAE,UAAU,EAAU,IAAI,EAAE,OAAO,CAAC;;AAGxE,SAAO;IACN;EAAC,GAAM,OAAO;EAAO;EAAS;EAAY;EAAY,CAAC,EAGpD,KAAa,QAEV,CACL;EAAE,OAAO;EAAO,OAAO;EAAY,EACnC,IAHW,GAAmB,qBAAqB,EAAE,EAG7C,KAAK,OAAuB;EAClC,OAAO,EAAI;EACX,OAAO,EAAI;EACZ,EAAE,CACJ,EACA,CAAC,GAAmB,kBAAkB,CAAC,EAGpC,IAAgB,QACb,EAAM,QAAQ,MAAS;AAC5B,MAAI,GAAa;GACf,IAAM,IAAQ,EAAY,aAAa;AAKvC,OAAI,EAHF,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,IACxC,EAAK,QAAQ,aAAa,CAAC,SAAS,EAAM,IAC1C,EAAK,gBAAgB,MAAM,MAAM,EAAE,KAAK,OAAO,aAAa,CAAC,SAAS,EAAM,CAAC,EAC3D,QAAO;;AAM7B,SAJA,EAAI,MAAc,SAEZ,CADW,EAAK,gBAAgB,MAAM,MAAM,EAAE,UAAU,EAAU;GAIxE,EACD;EAAC;EAAO;EAAa;EAAU,CAAC,EAG7B,IAAc,QACX,CAAC,GAAG,EAAc,CAAC,MAAM,GAAG,MAC7B,EAAE,YAAY,CAAC,EAAE,WAAiB,KAClC,CAAC,EAAE,YAAY,EAAE,WAAiB,IAC/B,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CACxE,EACD,CAAC,EAAc,CAAC,EAEb,KAAoB,MAAe;AAEvC,EADA,EAAgB,EAAK,EACrB,EAAc,GAAK;IAGf,UAAyB;AAE7B,EADA,EAAgB,KAAK,EACrB,EAAc,GAAK;IAGf,IAAgB,OAAO,MAAe;AAC1C,MAAI;AAMF,GALI,EAAK,WACP,MAAM,GAAU,EAAE,WAAW,EAAE,IAAI,EAAK,IAAI,EAAE,CAAC,GAE/C,MAAM,GAAQ,EAAE,WAAW,EAAE,IAAI,EAAK,IAAI,EAAE,CAAC,EAE/C,EAAgB,EAAQ;WACjB,GAAK;AACZ,WAAQ,MAAM,kCAAkC,EAAI;;IAIlD,KAAmB,OAAO,MAAe;AAC7C,MAAI;AAEF,GADA,MAAM,GAAW,EAAE,WAAW,EAAE,IAAI,EAAK,IAAI,EAAE,CAAC,EAChD,EAAgB,EAAQ;WACjB,GAAK;AACZ,WAAQ,MAAM,0BAA0B,EAAI;;IAI1C,KAAiB,OAAO,MAAmC;EAC/D,IAAM,UAA4B;AAIhC,GAHA,EAAc,GAAM,EACpB,EAAgB,KAAK,EACrB,IAAyB,EACzB,EAAsB,GAAK;;AAG7B,MAAI;GACF,IAAI,GAGE,IAAkB,MAAY,SAAS,IAAS,EAAS;AAE/D,OAAI,EAAS,IAAI;IACf,IAAI;AACJ,QAAI;AACF,SAAS,MAAM,GAAW,EACxB,WAAW;MACT,IAAI,EAAS;MACb,OAAO;OACL,OAAO,EAAS;OAChB,SAAS,EAAS;OAClB,YAAY,EAAS,aAChB,EAAS,aACV,KAAA;OACL;MACF,EACF,CAAC;aACK,GAAK;AACZ,SAAI,EAAsB,EAAI,EAAE;AAC9B,SAAqB;AACrB;;AAGF,WAAM;;AAER,QAAS,EAAO,MAAM,YAAY;UAC7B;IACL,IAAI;AACJ,QAAI;AACF,SAAS,MAAM,GAAW,EACxB,WAAW,EACT,OAAO;MACL,OAAO,EAAS,SAAS;MACzB,SAAS,EAAS,WAAW;MAC7B,QAAQ;MAGR,WAAW,MAAY,YAAY,IAAY,KAAA;MAC/C,YAAY,EAAS,aAChB,EAAS,aACV,EAAkB;MACvB,EACF,EACF,CAAC;aACK,GAAK;AACZ,SAAI,EAAsB,EAAI,EAAE;AAC9B,SAAqB;AACrB;;AAGF,WAAM;;AAER,QAAS,EAAO,MAAM,YAAY;;AAepC,GAXI,KAAU,EAAS,kBAAkB,EAAS,eAAe,SAAS,IACxE,MAAM,EAAgB,EACpB,WAAW,EAAE,OAAO;IAAE;IAAQ,QAAQ,EAAS;IAAgB,EAAE,EAClE,CAAC,GACO,KAAU,EAAS,gBAAgB,WAAW,KAAK,EAAS,MACrE,MAAM,EAAgB,EACpB,WAAW,EAAE,OAAO;IAAE;IAAQ,QAAQ,EAAE;IAAE,EAAE,EAC7C,CAAC,EAGJ,EAAc,GAAM,EACpB,EAAgB,EAAQ;WACjB,GAAK;AACZ,WAAQ,MAAM,wBAAwB,EAAI;;IAIxC,KAAkB,OAAO,MAAe;EAC5C,IAAM,IACJ,EAAK,eAAe,YAAY,EAAkB,YAAY,EAAkB;AAClF,MAAI;AAEF,GADA,MAAM,GAAU,EAAE,WAAW;IAAE,IAAI,EAAK;IAAI,YAAY;IAAe,EAAE,CAAC,EAC1E,EAAgB,EAAQ;WACjB,GAAK;AACZ,WAAQ,MAAM,qCAAqC,EAAI;;IAKrD,IAAwB,MACzB,MAAe,EAAoB,EAAK,GACzC,KAAA,GAGE,IAAQ;EACZ,OAAO,EAAM;EACb,QAAQ,EAAM,QAAQ,MAAM,EAAE,SAAS,CAAC;EACzC,EAGK,KAAuB,QACvB,MAAY,SAAe,EAAE,GAC1B,GACN,CAAC,GAAS,EAAW,CAAC;AAGzB,KAAI,CAAC,KAAsB,MAAe,CAAC,EACzC,QACE,kBAAC,IAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,CAAA;AAIN,KAAI,KAAW,EAAM,WAAW,EAC9B,QAAO,kBAAC,IAAD,EAAc,SAAQ,oBAAqB,CAAA;AAGpD,KAAI,KAAS,EAAM,WAAW,EAC5B,QACE,kBAAC,IAAD;EAAY,OAAM;EAAuB,SAAS,EAAM;EAAS,eAAe,GAAS;EAAI,CAAA;CAIjG,IAAM,IACJ,KACC,MAAY,WAAW,MAAe,SACvC,MAAc,SACd;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAAU,CAAA,EAClE,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG,EAAM;MAAM;MAAE,EAAM,UAAU,IAAI,SAAS;MAAQ;MAAG,EAAM;MAAO;MAClE;OACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,GAAS;MACxB,UAAU;MACV,WAAU;MACV,OAAM;gBAEN,kBAAC,IAAD,EAAW,WAAW,UAAU,IAAU,iBAAiB,MAAQ,CAAA;MAC5D,CAAA,EACT,kBAAC,IAAD;MAAkB,YAAY,EAAiB;gBAC7C,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,WAEpB;;MACQ,CAAA,CACf;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,IAAD;MACE,OAAO;MACP,UAAU;MACV,aAAY;MACZ,WAAU;MACV,CAAA,EACF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAY,OAAO;OAClC,WAAW,wBAAwB,MAAa,SAAS,4BAA4B;OACrF,OAAM;iBAEN,kBAAC,IAAD,EAAM,WAAU,8BAA+B,CAAA;OACxC,CAAA,EACT,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAY,OAAO;OAClC,WAAW,wBAAwB,MAAa,SAAS,4BAA4B;OACrF,OAAM;iBAEN,kBAAC,IAAD,EAAM,WAAU,8BAA+B,CAAA;OACxC,CAAA,CACL;QACF;QAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,MAAY,WACX,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACP,SAAS;OACT,UAAU;OACV,CAAA;MAEJ,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACP,SAAS;OACT,UAAU;OACV,CAAA;MAEF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAoB,MAAM;SACzC,WAAW,iDAAiD,MAAqB,QAAQ,8CAA8C;mBACxI;SAEQ,CAAA;QACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAoB,YAAY;SAC/C,WAAW,yEAAyE,MAAqB,cAAc,8CAA8C;mBAHvK,CAKE,kBAAC,IAAD,EAAO,WAAU,UAAW,CAAA,EAAA,SAErB;;QACT,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAoB,UAAU;SAC7C,WAAW,yEAAyE,MAAqB,YAAY,8CAA8C;mBAHrK,CAKE,kBAAC,IAAD,EAAM,WAAU,UAAW,CAAA,EAAA,UAEpB;;QACL;;MACF;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,GAAkB,CAAC,EAAe;KACjD,WAAW,8EACT,IACI,yDACA;eANR;MASE,kBAAC,IAAD,EAAK,WAAU,UAAW,CAAA;;MACjB,EAAM;MAAO;MACf;;IACL,CAAA;GAGL,IACC,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2C;KAChC,EAAY;KAAO;KAAK,EAAM;KAAO;KAC7C,KAAW,kBAAC,QAAD;MAAM,WAAU;gBAAuB;MAAoB,CAAA;KACrE;QACF;GAGJ,kBAAC,IAAD;IAAiB,MAAK;cACnB,EAAY,SAAS,IACpB,MAAa,SACX,kBAAC,IAAD;KAEE,SAAS;KACT,WAAU;eAET,EAAY,KAAK,MAChB,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD;MACQ;MACN,QAAQ;MACR,QAAQ;MACR,OAAO;MACP,SAAS;MACT,UAAU;MACV,SAAS;MACT,eAAe;MACf,CAAA,EACS,EAXI,EAAK,GAWT,CACb;KACS,EAlBP,OAkBO,GAEb,kBAAC,IAAD;KAEE,OAAO;KACP,QAAQ;KACR,QAAQ;KACR,OAAO;KACP,SAAS;KACT,UAAU;KACV,SAAS;KACT,eAAe;KACf,EATI,OASJ,GAGJ,kBAAC,IAAD;KACE,MAAM,kBAAC,IAAD,EAAU,WAAU,8BAA+B,CAAA;KACzD,OAAO,IAAa,mBAAmB;KACvC,aACE,IACI,yCACA;KAEN,QACE,CAAC,KAAc,KACb,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAAA,WAEpB;UACP,KAAA;KAEN,CAAA;IAEY,CAAA;GAGjB,MACC,kBAAC,IAAD;IACE,MAAM,MAAgB,KAAA;IACtB,aAAa;IACb,eAAe,MAAY,SAAS,IAAS,KAAA;IAC7C,gBAAgB,MAAY;IAC5B,UAAU;IACV,gBAAgB,EAAc,GAAM;IACpC,CAAA;GAGJ,kBAAC,IAAD;IACE,QAAQ;IACR,eAAe,EAAsB,GAAM;IAC3C,iBAAiB;AAEf,KADA,EAAsB,GAAM,EAC5B,GAAS,iBAAiB;;IAE5B,OAAM;IACN,SAAQ;IACR,CAAA;GAGD,KACC,kBAAC,IAAD;IACE,MAAM;KACJ,IAAI,EAAiB;KACrB,OAAO,EAAiB;KACxB,QAAQ,EAAiB;KAC1B;IACD,MAAM,EAAQ;IACd,eAAe,MAAS;AACtB,KAAK,KAAM,EAAoB,KAAK;;IAEtC,CAAA;GAEA"}

package/dist/components/scorecard/ScorecardEmptyState.js

@@ -156,7 +156,7 @@ var h = ({ ownerType: h, ownerId: g, workspaceId: _, applyingTemplateId: v, onAp
 								})]
 							}),
 							D && /* @__PURE__ */ p("p", {
-								className: "mt-2 rounded-md border border-status-warning-border bg-status-warning-bg px-2 py-1.5 text-[11px] text-status-warning-text",
+								className: "mt-2 rounded-md border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1.5 text-[11px] text-status-warning-text",
 								children: "Copy this token now — it is shown only once. Store it in your CI secrets."
 							})
 						]

package/dist/components/scorecard/ScorecardEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScorecardEmptyState.js","names":[],"sources":["../../../src/components/scorecard/ScorecardEmptyState.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport {\n  BarChart3,\n  Plus,\n  LayoutTemplate,\n  TerminalSquare,\n  Copy,\n  Check,\n  KeyRound,\n  HelpCircle,\n} from 'lucide-react';\nimport { Card } from '@/components/shared';\nimport {\n  useGetScorecardTemplatesQuery,\n  useGetScorecardPushTokenInfoQuery,\n  useRotateScorecardPushTokenMutation,\n  type ScorecardTemplateFieldsFragment,\n} from '@/generated/wspace-operations';\n\ninterface ScorecardEmptyStateProps {\n  ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';\n  ownerId: string;\n  workspaceId: string | null;\n  applyingTemplateId: string | null;\n  onApplyTemplate: (templateId: string) => void;\n  onAddManual: () => void;\n}\n\n/**\n * Onboarding surface shown when a scorecard has no metrics. Explains what a\n * scorecard is and the three ways to populate it: apply a template, add a\n * metric by hand, or push from CI (with a copyable command + token control).\n */\nexport const ScorecardEmptyState: FC<ScorecardEmptyStateProps> = ({\n  ownerType,\n  ownerId,\n  workspaceId,\n  applyingTemplateId,\n  onApplyTemplate,\n  onAddManual,\n}) => {\n  const { data: templatesData, loading: templatesLoading } = useGetScorecardTemplatesQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n  const { data: tokenData, refetch: refetchToken } = useGetScorecardPushTokenInfoQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n  const [rotateToken, { loading: rotating }] = useRotateScorecardPushTokenMutation();\n\n  const [revealedToken, setRevealedToken] = useState<string | null>(null);\n  const [copied, setCopied] = useState<string | null>(null);\n  const [showHelp, setShowHelp] = useState(false);\n\n  const templates: ScorecardTemplateFieldsFragment[] =\n    templatesData?.vibecontrolsScorecardTemplates ?? [];\n  const tokenInfo = tokenData?.vibecontrolsScorecardPushTokenInfo;\n\n  const tokenForSnippet = revealedToken ?? tokenInfo?.tokenPrefix ?? '<SCORECARD_PUSH_TOKEN>';\n\n  const curlSnippet = `curl -X POST \"$WORKSPACES_API_BASE/api/scorecard/push\" \\\\\n  -H \"Authorization: Bearer ${tokenForSnippet}\" \\\\\n  -H \"Content-Type: application/json\" \\\\\n  -d '{\n    \"workspaceId\": \"${workspaceId ?? '<WORKSPACE_ID>'}\",\n    \"ownerType\": \"${ownerType}\",\n    \"ownerId\": \"${ownerId}\",\n    \"metrics\": [\n      { \"name\": \"Test coverage\", \"type\": \"TEST_COVERAGE\", \"value\": 86, \"threshold\": 80, \"unit\": \"%\", \"direction\": \"HIGHER_IS_BETTER\" },\n      { \"name\": \"Open incidents\", \"type\": \"INCIDENT_COUNT\", \"value\": 0, \"threshold\": 0, \"unit\": \"count\", \"direction\": \"LOWER_IS_BETTER\" }\n    ]\n  }'`;\n\n  const copy = async (text: string, key: string): Promise<void> => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(key);\n      window.setTimeout(() => setCopied((c) => (c === key ? null : c)), 1500);\n    } catch {\n      // Clipboard may be unavailable (insecure context) — ignore silently.\n    }\n  };\n\n  const handleGenerateToken = async (): Promise<void> => {\n    const result = await rotateToken();\n    const token = result.data?.rotateVibecontrolsScorecardPushToken.token;\n    if (token) {\n      setRevealedToken(token);\n      await refetchToken();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Intro */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n            <BarChart3 className=\"size-5 text-text-secondary\" />\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold text-text-primary\">\n              Track this {ownerType.toLowerCase()}&apos;s health\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              A scorecard rolls up the quality and reliability signals for this entity into a single\n              0–100 score. Each metric has a value, a target threshold, and a direction; its status\n              (passing / warning / failing) is derived automatically from how the value compares to\n              the threshold. Populate it one of three ways:\n            </p>\n          </div>\n        </div>\n      </Card>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        {/* 1. Apply a template */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <LayoutTemplate className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Apply a template</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Start from a standard set of checks defined for your workspace.\n          </p>\n          <div className=\"mt-3 space-y-2\">\n            {templatesLoading && templates.length === 0 && (\n              <p className=\"text-xs text-text-muted\">Loading templates…</p>\n            )}\n            {templates.map((tpl) => (\n              <button\n                key={tpl.id}\n                type=\"button\"\n                onClick={() => onApplyTemplate(tpl.id)}\n                disabled={applyingTemplateId !== null}\n                className=\"flex w-full items-center justify-between rounded-md border border-border-default px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                <span className=\"min-w-0\">\n                  <span className=\"block truncate font-medium\">{tpl.name}</span>\n                  <span className=\"block truncate text-xs text-text-muted\">\n                    {tpl.metrics.length} metric{tpl.metrics.length === 1 ? '' : 's'}\n                    {tpl.isBuiltIn ? ' · starter' : ''}\n                  </span>\n                </span>\n                <span className=\"ml-2 flex-shrink-0 text-xs text-action-primary-text\">\n                  {applyingTemplateId === tpl.id ? 'Applying…' : 'Apply'}\n                </span>\n              </button>\n            ))}\n            {!templatesLoading && templates.length === 0 && (\n              <p className=\"text-xs text-text-muted\">No templates yet.</p>\n            )}\n          </div>\n        </Card>\n\n        {/* 2. Add a metric manually */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <Plus className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Add a metric</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Define a single metric by hand — name, value, threshold, and direction.\n          </p>\n          <button\n            type=\"button\"\n            onClick={onAddManual}\n            className=\"mt-3 flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text hover:bg-action-primary-bg-hover\"\n          >\n            <Plus className=\"size-4\" />\n            Add metric\n          </button>\n        </Card>\n\n        {/* 3. Push from CI */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <TerminalSquare className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Push from CI</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Keep metrics fresh automatically from your pipeline via the push webhook.\n          </p>\n          <div className=\"mt-3 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={handleGenerateToken}\n              disabled={rotating}\n              className=\"flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-primary hover:bg-bg-sunken disabled:opacity-60\"\n            >\n              <KeyRound className=\"size-3.5\" />\n              {tokenInfo?.exists ? 'Regenerate token' : 'Generate token'}\n            </button>\n            {revealedToken && (\n              <button\n                type=\"button\"\n                onClick={() => copy(revealedToken, 'token')}\n                className=\"flex items-center gap-1 text-xs text-action-primary-text\"\n              >\n                {copied === 'token' ? (\n                  <Check className=\"size-3.5\" />\n                ) : (\n                  <Copy className=\"size-3.5\" />\n                )}\n                Copy token\n              </button>\n            )}\n          </div>\n          {revealedToken && (\n            <p className=\"mt-2 rounded-md border border-status-warning-border bg-status-warning-bg px-2 py-1.5 text-[11px] text-status-warning-text\">\n              Copy this token now — it is shown only once. Store it in your CI secrets.\n            </p>\n          )}\n        </Card>\n      </div>\n\n      {/* CI snippet */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-center justify-between\">\n          <h4 className=\"text-sm font-medium text-text-primary\">CI push example</h4>\n          <button\n            type=\"button\"\n            onClick={() => copy(curlSnippet, 'curl')}\n            className=\"flex items-center gap-1 text-xs text-action-primary-text\"\n          >\n            {copied === 'curl' ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n            {copied === 'curl' ? 'Copied' : 'Copy'}\n          </button>\n        </div>\n        <pre className=\"mt-2 overflow-x-auto rounded-md bg-bg-sunken p-3 text-[11px] leading-relaxed text-text-primary\">\n          <code>{curlSnippet}</code>\n        </pre>\n        <p className=\"mt-2 text-[11px] text-text-muted\">\n          Set <code className=\"rounded bg-bg-sunken px-1\">WORKSPACES_API_BASE</code> to your\n          workspaces API base URL. Status is derived from value vs threshold; pass an explicit{' '}\n          <code className=\"rounded bg-bg-sunken px-1\">status</code> only to override it.\n        </p>\n      </Card>\n\n      {/* How scoring works */}\n      <Card padding=\"lg\">\n        <button\n          type=\"button\"\n          onClick={() => setShowHelp((s) => !s)}\n          className=\"flex w-full items-center gap-2 text-left text-sm font-medium text-text-primary\"\n        >\n          <HelpCircle className=\"size-4 text-text-secondary\" />\n          How metrics are measured\n        </button>\n        {showHelp && (\n          <div className=\"mt-3 space-y-2 text-xs text-text-secondary\">\n            <p>\n              <strong className=\"text-text-primary\">Score</strong> — each metric is scored 0–100.\n              For <em>higher-is-better</em> metrics the score is{' '}\n              <code className=\"rounded bg-bg-sunken px-1\">value / threshold × 100</code>; for{' '}\n              <em>lower-is-better</em> metrics (incidents, latency) it is{' '}\n              <code className=\"rounded bg-bg-sunken px-1\">threshold / value × 100</code>. Both are\n              capped at 100.\n            </p>\n            <p>\n              <strong className=\"text-text-primary\">Status</strong> — meeting the threshold passes;\n              within 10% of it warns; below that fails. You can pin a status manually if you need\n              to.\n            </p>\n            <p>\n              <strong className=\"text-text-primary\">Overall score</strong> — the weighted average of\n              all metric scores. Give critical metrics a higher weight to make them count for more.\n            </p>\n          </div>\n        )}\n      </Card>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ScorecardEmptyState.js","names":[],"sources":["../../../src/components/scorecard/ScorecardEmptyState.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport {\n  BarChart3,\n  Plus,\n  LayoutTemplate,\n  TerminalSquare,\n  Copy,\n  Check,\n  KeyRound,\n  HelpCircle,\n} from 'lucide-react';\nimport { Card } from '@/components/shared';\nimport {\n  useGetScorecardTemplatesQuery,\n  useGetScorecardPushTokenInfoQuery,\n  useRotateScorecardPushTokenMutation,\n  type ScorecardTemplateFieldsFragment,\n} from '@/generated/wspace-operations';\n\ninterface ScorecardEmptyStateProps {\n  ownerType: 'CATALOG' | 'COMPONENT' | 'VIBE';\n  ownerId: string;\n  workspaceId: string | null;\n  applyingTemplateId: string | null;\n  onApplyTemplate: (templateId: string) => void;\n  onAddManual: () => void;\n}\n\n/**\n * Onboarding surface shown when a scorecard has no metrics. Explains what a\n * scorecard is and the three ways to populate it: apply a template, add a\n * metric by hand, or push from CI (with a copyable command + token control).\n */\nexport const ScorecardEmptyState: FC<ScorecardEmptyStateProps> = ({\n  ownerType,\n  ownerId,\n  workspaceId,\n  applyingTemplateId,\n  onApplyTemplate,\n  onAddManual,\n}) => {\n  const { data: templatesData, loading: templatesLoading } = useGetScorecardTemplatesQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n  const { data: tokenData, refetch: refetchToken } = useGetScorecardPushTokenInfoQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n  const [rotateToken, { loading: rotating }] = useRotateScorecardPushTokenMutation();\n\n  const [revealedToken, setRevealedToken] = useState<string | null>(null);\n  const [copied, setCopied] = useState<string | null>(null);\n  const [showHelp, setShowHelp] = useState(false);\n\n  const templates: ScorecardTemplateFieldsFragment[] =\n    templatesData?.vibecontrolsScorecardTemplates ?? [];\n  const tokenInfo = tokenData?.vibecontrolsScorecardPushTokenInfo;\n\n  const tokenForSnippet = revealedToken ?? tokenInfo?.tokenPrefix ?? '<SCORECARD_PUSH_TOKEN>';\n\n  const curlSnippet = `curl -X POST \"$WORKSPACES_API_BASE/api/scorecard/push\" \\\\\n  -H \"Authorization: Bearer ${tokenForSnippet}\" \\\\\n  -H \"Content-Type: application/json\" \\\\\n  -d '{\n    \"workspaceId\": \"${workspaceId ?? '<WORKSPACE_ID>'}\",\n    \"ownerType\": \"${ownerType}\",\n    \"ownerId\": \"${ownerId}\",\n    \"metrics\": [\n      { \"name\": \"Test coverage\", \"type\": \"TEST_COVERAGE\", \"value\": 86, \"threshold\": 80, \"unit\": \"%\", \"direction\": \"HIGHER_IS_BETTER\" },\n      { \"name\": \"Open incidents\", \"type\": \"INCIDENT_COUNT\", \"value\": 0, \"threshold\": 0, \"unit\": \"count\", \"direction\": \"LOWER_IS_BETTER\" }\n    ]\n  }'`;\n\n  const copy = async (text: string, key: string): Promise<void> => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(key);\n      window.setTimeout(() => setCopied((c) => (c === key ? null : c)), 1500);\n    } catch {\n      // Clipboard may be unavailable (insecure context) — ignore silently.\n    }\n  };\n\n  const handleGenerateToken = async (): Promise<void> => {\n    const result = await rotateToken();\n    const token = result.data?.rotateVibecontrolsScorecardPushToken.token;\n    if (token) {\n      setRevealedToken(token);\n      await refetchToken();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Intro */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-bg-sunken\">\n            <BarChart3 className=\"size-5 text-text-secondary\" />\n          </div>\n          <div>\n            <h3 className=\"text-lg font-semibold text-text-primary\">\n              Track this {ownerType.toLowerCase()}&apos;s health\n            </h3>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              A scorecard rolls up the quality and reliability signals for this entity into a single\n              0–100 score. Each metric has a value, a target threshold, and a direction; its status\n              (passing / warning / failing) is derived automatically from how the value compares to\n              the threshold. Populate it one of three ways:\n            </p>\n          </div>\n        </div>\n      </Card>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        {/* 1. Apply a template */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <LayoutTemplate className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Apply a template</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Start from a standard set of checks defined for your workspace.\n          </p>\n          <div className=\"mt-3 space-y-2\">\n            {templatesLoading && templates.length === 0 && (\n              <p className=\"text-xs text-text-muted\">Loading templates…</p>\n            )}\n            {templates.map((tpl) => (\n              <button\n                key={tpl.id}\n                type=\"button\"\n                onClick={() => onApplyTemplate(tpl.id)}\n                disabled={applyingTemplateId !== null}\n                className=\"flex w-full items-center justify-between rounded-md border border-border-default px-3 py-2 text-left text-sm text-text-primary hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\"\n              >\n                <span className=\"min-w-0\">\n                  <span className=\"block truncate font-medium\">{tpl.name}</span>\n                  <span className=\"block truncate text-xs text-text-muted\">\n                    {tpl.metrics.length} metric{tpl.metrics.length === 1 ? '' : 's'}\n                    {tpl.isBuiltIn ? ' · starter' : ''}\n                  </span>\n                </span>\n                <span className=\"ml-2 flex-shrink-0 text-xs text-action-primary-text\">\n                  {applyingTemplateId === tpl.id ? 'Applying…' : 'Apply'}\n                </span>\n              </button>\n            ))}\n            {!templatesLoading && templates.length === 0 && (\n              <p className=\"text-xs text-text-muted\">No templates yet.</p>\n            )}\n          </div>\n        </Card>\n\n        {/* 2. Add a metric manually */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <Plus className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Add a metric</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Define a single metric by hand — name, value, threshold, and direction.\n          </p>\n          <button\n            type=\"button\"\n            onClick={onAddManual}\n            className=\"mt-3 flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text hover:bg-action-primary-bg-hover\"\n          >\n            <Plus className=\"size-4\" />\n            Add metric\n          </button>\n        </Card>\n\n        {/* 3. Push from CI */}\n        <Card padding=\"lg\">\n          <div className=\"flex items-center gap-2\">\n            <TerminalSquare className=\"size-4 text-action-primary-text\" />\n            <h4 className=\"font-medium text-text-primary\">Push from CI</h4>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Keep metrics fresh automatically from your pipeline via the push webhook.\n          </p>\n          <div className=\"mt-3 flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={handleGenerateToken}\n              disabled={rotating}\n              className=\"flex items-center gap-1.5 rounded-md border border-border-default px-3 py-1.5 text-xs text-text-primary hover:bg-bg-sunken disabled:opacity-60\"\n            >\n              <KeyRound className=\"size-3.5\" />\n              {tokenInfo?.exists ? 'Regenerate token' : 'Generate token'}\n            </button>\n            {revealedToken && (\n              <button\n                type=\"button\"\n                onClick={() => copy(revealedToken, 'token')}\n                className=\"flex items-center gap-1 text-xs text-action-primary-text\"\n              >\n                {copied === 'token' ? (\n                  <Check className=\"size-3.5\" />\n                ) : (\n                  <Copy className=\"size-3.5\" />\n                )}\n                Copy token\n              </button>\n            )}\n          </div>\n          {revealedToken && (\n            <p className=\"mt-2 rounded-md border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1.5 text-[11px] text-status-warning-text\">\n              Copy this token now — it is shown only once. Store it in your CI secrets.\n            </p>\n          )}\n        </Card>\n      </div>\n\n      {/* CI snippet */}\n      <Card padding=\"lg\">\n        <div className=\"flex items-center justify-between\">\n          <h4 className=\"text-sm font-medium text-text-primary\">CI push example</h4>\n          <button\n            type=\"button\"\n            onClick={() => copy(curlSnippet, 'curl')}\n            className=\"flex items-center gap-1 text-xs text-action-primary-text\"\n          >\n            {copied === 'curl' ? <Check className=\"size-3.5\" /> : <Copy className=\"size-3.5\" />}\n            {copied === 'curl' ? 'Copied' : 'Copy'}\n          </button>\n        </div>\n        <pre className=\"mt-2 overflow-x-auto rounded-md bg-bg-sunken p-3 text-[11px] leading-relaxed text-text-primary\">\n          <code>{curlSnippet}</code>\n        </pre>\n        <p className=\"mt-2 text-[11px] text-text-muted\">\n          Set <code className=\"rounded bg-bg-sunken px-1\">WORKSPACES_API_BASE</code> to your\n          workspaces API base URL. Status is derived from value vs threshold; pass an explicit{' '}\n          <code className=\"rounded bg-bg-sunken px-1\">status</code> only to override it.\n        </p>\n      </Card>\n\n      {/* How scoring works */}\n      <Card padding=\"lg\">\n        <button\n          type=\"button\"\n          onClick={() => setShowHelp((s) => !s)}\n          className=\"flex w-full items-center gap-2 text-left text-sm font-medium text-text-primary\"\n        >\n          <HelpCircle className=\"size-4 text-text-secondary\" />\n          How metrics are measured\n        </button>\n        {showHelp && (\n          <div className=\"mt-3 space-y-2 text-xs text-text-secondary\">\n            <p>\n              <strong className=\"text-text-primary\">Score</strong> — each metric is scored 0–100.\n              For <em>higher-is-better</em> metrics the score is{' '}\n              <code className=\"rounded bg-bg-sunken px-1\">value / threshold × 100</code>; for{' '}\n              <em>lower-is-better</em> metrics (incidents, latency) it is{' '}\n              <code className=\"rounded bg-bg-sunken px-1\">threshold / value × 100</code>. Both are\n              capped at 100.\n            </p>\n            <p>\n              <strong className=\"text-text-primary\">Status</strong> — meeting the threshold passes;\n              within 10% of it warns; below that fails. You can pin a status manually if you need\n              to.\n            </p>\n            <p>\n              <strong className=\"text-text-primary\">Overall score</strong> — the weighted average of\n              all metric scores. Give critical metrics a higher weight to make them count for more.\n            </p>\n          </div>\n        )}\n      </Card>\n    </div>\n  );\n};\n"],"mappings":"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"}