@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +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 } from 'lucide-react';\nimport type { CreateNoteInput, Note, NoteTagAssignment } from './types';\nimport { useAvailableNoteTagsQuery, useCreateNoteTagMutation } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\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 & { id?: string; selectedTagIds?: string[] };\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 [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  });\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: 'ws-demo-1',\n      title: formData.title,\n      content: formData.content,\n      vibeId: formData.vibeId || undefined,\n      isPinned: formData.isPinned,\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=\"w-4 h-4\" /> : <Eye className=\"w-4 h-4\" />}\n              {isPreview\n                ? tr('vibecontrols.notes.edit', 'Edit')\n                : tr('vibecontrols.notes.preview', 'Preview')}\n            </button>\n            <button onClick={onCancel} className=\"p-1 rounded hover:bg-bg-sunken transition-colors\">\n              <X className=\"w-5 h-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                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=\"w-3 h-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=\"w-3 h-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=\"w-3 h-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=\"w-6 h-6 rounded-full border-2 border-border-default\"\n                        style={{ backgroundColor: newTagColor }}\n                      />\n                      <input\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=\"w-4 h-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={`w-4 h-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=\"w-2.5 h-2.5 rounded-full\"\n                                  style={{ backgroundColor: tag.color }}\n                                />\n                              )}\n                              {tag.label}\n                            </span>\n                            {selectedTagIds.has(tag.id) && (\n                              <Check className=\"w-4 h-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                  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-2\">\n              <input\n                type=\"checkbox\"\n                id=\"isPinned\"\n                checked={formData.isPinned}\n                onChange={(e) => setFormData({ ...formData, isPinned: e.target.checked })}\n                className=\"w-4 h-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          </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=\"w-4 h-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.d.ts

@@ -0,0 +1,15 @@
+import { Note } from './types';
+
+interface NoteListProps {
+    notes: Note[];
+    onOpen?: (note: Note) => void;
+    onEdit?: (note: Note) => void;
+    onDelete?: (note: Note) => void;
+    onPin?: (note: Note) => void;
+    onUnpin?: (note: Note) => void;
+    onCreateNew?: () => void;
+    isLoading?: boolean;
+}
+export declare function NoteList({ notes, onOpen, onEdit, onDelete, onPin, onUnpin, onCreateNew, isLoading, }: NoteListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NoteList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoteList.d.ts","sourceRoot":"","sources":["../../../src/components/notes/NoteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAMpC,UAAU,aAAa;IACrB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwLD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,aAAa,2CAyEf"}

package/dist/components/notes/NoteList.js

@@ -0,0 +1,188 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { EmptyState as t } from "../shared/EmptyState.js";
+import { useState as n } from "react";
+import { Edit as r, FileText as i, MoreVertical as a, Pin as o, PinOff as s, Plus as c, Tag as l, Trash2 as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/notes/NoteList.tsx
+function p({ note: e, onOpen: t, onEdit: c, onDelete: p, onPin: m, onUnpin: h }) {
+	let [g, _] = n(!1);
+	return /* @__PURE__ */ f("tr", {
+		className: "border-b border-border-subtle hover:bg-bg-sunken/50 cursor-pointer transition-colors",
+		onClick: () => t?.(e),
+		children: [
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-3 min-w-0",
+					children: [/* @__PURE__ */ d(i, { className: "w-4 h-4 text-status-warning-text shrink-0" }), /* @__PURE__ */ f("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ f("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ d("p", {
+								className: "text-sm font-medium text-text-primary truncate",
+								children: e.title
+							}), e.isPinned && /* @__PURE__ */ d(o, { className: "w-3 h-3 text-status-warning-text shrink-0" })]
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xs text-text-muted truncate max-w-[300px]",
+							children: ((e) => {
+								let t = e.replace(/^#+\s+/gm, "").replace(/\n/g, " ").trim();
+								return t.length > 80 ? t.slice(0, 80) + "..." : t;
+							})(e.content)
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-sm text-text-secondary truncate block max-w-[100px]",
+					children: e.vibe?.name || "-"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: e.tagAssignments && e.tagAssignments.length > 0 ? /* @__PURE__ */ f("div", {
+					className: "flex flex-wrap gap-1",
+					children: [e.tagAssignments.slice(0, 2).map((e) => /* @__PURE__ */ f("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",
+						style: e.tag?.color ? { borderLeft: `2px solid ${e.tag.color}` } : void 0,
+						children: [/* @__PURE__ */ d(l, { className: "w-2.5 h-2.5" }), e.tag?.label ?? e.tagId.slice(0, 8)]
+					}, e.id)), e.tagAssignments.length > 2 && /* @__PURE__ */ f("span", {
+						className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+						children: ["+", e.tagAssignments.length - 2]
+					})]
+				}) : e.tags && e.tags.length > 0 ? /* @__PURE__ */ f("div", {
+					className: "flex flex-wrap gap-1",
+					children: [e.tags.slice(0, 2).map((e) => /* @__PURE__ */ f("span", {
+						className: "inline-flex items-center gap-0.5 px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+						children: [/* @__PURE__ */ d(l, { className: "w-2.5 h-2.5" }), e]
+					}, e)), e.tags.length > 2 && /* @__PURE__ */ f("span", {
+						className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+						children: ["+", e.tags.length - 2]
+					})]
+				}) : /* @__PURE__ */ d("span", {
+					className: "text-xs text-text-muted",
+					children: "-"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-xs text-text-muted",
+					children: ((e) => new Date(e).toLocaleDateString("en-US", {
+						month: "short",
+						day: "numeric",
+						year: "numeric"
+					}))(e.updatedAt)
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-1 justify-end",
+					children: (c || p || m || h) && /* @__PURE__ */ f("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ d("button", {
+							onClick: (e) => {
+								e.stopPropagation(), _(!g);
+							},
+							className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+							children: /* @__PURE__ */ d(a, { className: "w-3.5 h-3.5 text-text-secondary" })
+						}), g && /* @__PURE__ */ f("div", {
+							className: "absolute right-0 mt-1 w-36 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10",
+							children: [
+								c && /* @__PURE__ */ f("button", {
+									onClick: (t) => {
+										t.stopPropagation(), c(e), _(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg",
+									children: [/* @__PURE__ */ d(r, { className: "w-4 h-4" }), "Edit"]
+								}),
+								e.isPinned && h && /* @__PURE__ */ f("button", {
+									onClick: (t) => {
+										t.stopPropagation(), h(e), _(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
+									children: [/* @__PURE__ */ d(s, { className: "w-4 h-4" }), "Unpin"]
+								}),
+								!e.isPinned && m && /* @__PURE__ */ f("button", {
+									onClick: (t) => {
+										t.stopPropagation(), m(e), _(!1);
+									},
+									className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken",
+									children: [/* @__PURE__ */ d(o, { className: "w-4 h-4" }), "Pin"]
+								}),
+								p && /* @__PURE__ */ f("button", {
+									onClick: (t) => {
+										t.stopPropagation(), p(e), _(!1);
+									},
+									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",
+									children: [/* @__PURE__ */ d(u, { className: "w-4 h-4" }), "Delete"]
+								})
+							]
+						})]
+					})
+				})
+			})
+		]
+	});
+}
+function m({ notes: n, onOpen: r, onEdit: a, onDelete: o, onPin: s, onUnpin: l, onCreateNew: u, isLoading: m }) {
+	let h = e();
+	if (!m && n.length === 0) return /* @__PURE__ */ d(t, {
+		icon: /* @__PURE__ */ d(i, { className: "w-8 h-8 text-text-secondary" }),
+		title: h("vibecontrols.notes.emptyTitle", "No notes yet"),
+		description: h("vibecontrols.notes.emptyDescription", "Notes help you document your development process. Create your first note to get started."),
+		action: u && /* @__PURE__ */ f("button", {
+			onClick: u,
+			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",
+			children: [/* @__PURE__ */ d(c, { className: "w-4 h-4" }), h("vibecontrols.notes.createNote", "Create Note")]
+		})
+	});
+	let g = [...n].sort((e, t) => e.isPinned && !t.isPinned ? -1 : !e.isPinned && t.isPinned ? 1 : new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime());
+	return /* @__PURE__ */ d("div", {
+		className: "border border-border-default rounded-lg overflow-hidden",
+		children: /* @__PURE__ */ d("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ f("table", {
+				className: "w-full",
+				children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
+					className: "bg-bg-sunken border-b border-border-default",
+					children: [
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: h("vibecontrols.notes.columnTitle", "Title")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: h("vibecontrols.notes.columnVibe", "Vibe")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: h("vibecontrols.notes.columnTags", "Tags")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: h("vibecontrols.notes.columnUpdated", "Updated")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-right text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: h("vibecontrols.notes.columnActions", "Actions")
+						})
+					]
+				}) }), /* @__PURE__ */ d("tbody", { children: g.map((e) => /* @__PURE__ */ d(p, {
+					note: e,
+					onOpen: r,
+					onEdit: a,
+					onDelete: o,
+					onPin: s,
+					onUnpin: l
+				}, e.id)) })]
+			})
+		})
+	});
+}
+//#endregion
+export { m as NoteList };
+
+//# sourceMappingURL=NoteList.js.map

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

@@ -0,0 +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 { FileText, Plus, Pin, Tag, MoreVertical, Edit, Trash2, PinOff } 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  onCreateNew?: () => void;\n  isLoading?: boolean;\n}\n\nfunction NoteRow({\n  note,\n  onOpen,\n  onEdit,\n  onDelete,\n  onPin,\n  onUnpin,\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}) {\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=\"w-4 h-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=\"w-3 h-3 text-status-warning-text shrink-0\" />}\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=\"w-2.5 h-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=\"w-2.5 h-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) && (\n            <div className=\"relative\">\n              <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=\"w-3.5 h-3.5 text-text-secondary\" />\n              </button>\n              {showMenu && (\n                <div className=\"absolute right-0 mt-1 w-36 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\">\n                  {onEdit && (\n                    <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=\"w-4 h-4\" />\n                      Edit\n                    </button>\n                  )}\n                  {note.isPinned && onUnpin && (\n                    <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=\"w-4 h-4\" />\n                      Unpin\n                    </button>\n                  )}\n                  {!note.isPinned && onPin && (\n                    <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=\"w-4 h-4\" />\n                      Pin\n                    </button>\n                  )}\n                  {onDelete && (\n                    <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=\"w-4 h-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  onCreateNew,\n  isLoading,\n}: NoteListProps) {\n  const tr = useTr();\n  if (!isLoading && notes.length === 0) {\n    return (\n      <EmptyState\n        icon={<FileText className=\"w-8 h-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              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=\"w-4 h-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 overflow-hidden\">\n      <div className=\"overflow-x-auto\">\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\">\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\">\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              />\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+interface NotesTabPanelProps {
+    /** 'vibe' = single vibe context; 'agent' = multi-vibe agent context */
+    context: 'vibe' | 'agent';
+    /** For vibe context: the single vibeId to scope notes to */
+    vibeId?: string;
+    /** For agent context: the vibes belonging to the agent */
+    agentVibes?: {
+        id: string;
+        name: string;
+    }[];
+}
+/**
+ * Reusable notes panel for embedding as a tab in detail pages.
+ * Supports vibe-scoped and agent-scoped contexts.
+ */
+export declare function NotesTabPanel({ context, vibeId, agentVibes }: NotesTabPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotesTabPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotesTabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/notes/NotesTabPanel.tsx"],"names":[],"mappings":"AAoCA,UAAU,kBAAkB;IAC1B,uEAAuE;IACvE,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,UAAU,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,UAAe,EAAE,EAAE,kBAAkB,2CAwdrF"}