@burdenoff/microfe-vibecontrols 2026.519.2 → 2026.519.4

package/dist/components/actions/ActionForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionForm.js","names":[],"sources":["../../../src/components/actions/ActionForm.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface ActionFormData {\n  name: string;\n  displayName: string;\n  description: string;\n  actionType: string;\n  triggerType: string;\n  schedule: string;\n  category: string;\n  tags: string[];\n  command: string;\n  workingDirectory: string;\n  targetAgentId: string;\n  environmentVariables: Record<string, string>;\n  script: string;\n  scriptInterpreter: string;\n  webhookUrl: string;\n  webhookMethod: string;\n  webhookHeaders: Record<string, string>;\n  webhookBody: string;\n  webhookAuthType: string;\n  timeoutMs: number;\n  retryCount: number;\n  confirmationRequired: boolean;\n}\n\nconst DEFAULT_FORM: ActionFormData = {\n  name: '',\n  displayName: '',\n  description: '',\n  actionType: 'COMMAND',\n  triggerType: 'MANUAL',\n  schedule: '',\n  category: '',\n  tags: [],\n  command: '',\n  workingDirectory: '',\n  targetAgentId: '',\n  environmentVariables: {},\n  script: '',\n  scriptInterpreter: 'bash',\n  webhookUrl: '',\n  webhookMethod: 'POST',\n  webhookHeaders: {},\n  webhookBody: '',\n  webhookAuthType: '',\n  timeoutMs: 30000,\n  retryCount: 0,\n  confirmationRequired: false,\n};\n\ninterface ActionFormProps {\n  title: string;\n  initialData?: Partial<ActionFormData>;\n  agents: Array<{ id: string; name: string; isActive: boolean }>;\n  onSubmit: (data: ActionFormData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function ActionForm({\n  title,\n  initialData,\n  agents,\n  onSubmit,\n  onCancel,\n  isLoading = false,\n}: ActionFormProps) {\n  const [form, setForm] = useState<ActionFormData>({ ...DEFAULT_FORM, ...initialData });\n  const [tagsInput, setTagsInput] = useState(initialData?.tags?.join(', ') ?? '');\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    dialogRef.current?.showModal();\n  }, []);\n\n  const update = <K extends keyof ActionFormData>(key: K, value: ActionFormData[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const tags = tagsInput\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    onSubmit({ ...form, tags });\n  };\n\n  const inputClass =\n    'w-full 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 focus:border-transparent transition-all';\n  const labelClass = 'block text-sm font-medium text-text-secondary mb-1';\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className=\"fixed inset-0 z-50 m-auto p-0 bg-transparent backdrop:bg-transparent\"\n      onClose={onCancel}\n    >\n      <AnimatePresence>\n        <motion.div\n          className=\"fixed inset-0 bg-bg-overlay\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onClick={onCancel}\n        />\n        <motion.div\n          className=\"relative w-full max-w-2xl max-h-[85vh] overflow-y-auto bg-bg-surface rounded-lg shadow-xl\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          exit={{ opacity: 0, scale: 0.95, y: 8 }}\n          transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between p-6 border-b border-border-default sticky top-0 bg-bg-surface z-10\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\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\n          <form onSubmit={handleSubmit} className=\"p-6 space-y-4\">\n            {/* Basic fields */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.nameSlug', 'Name (slug)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.name}\n                  onChange={(e) => update('name', e.target.value)}\n                  placeholder=\"my-action\"\n                  required\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.displayName', 'Display Name')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.displayName}\n                  onChange={(e) => update('displayName', e.target.value)}\n                  placeholder=\"My Action\"\n                  required\n                />\n              </div>\n            </div>\n\n            <div>\n              <label className={labelClass}>\n                {tr('vibecontrols.actions.form.description', 'Description')}\n              </label>\n              <textarea\n                className={`${inputClass} resize-none`}\n                rows={2}\n                value={form.description}\n                onChange={(e) => update('description', e.target.value)}\n                placeholder=\"What does this action do?\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.actionType', 'Action Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.actionType}\n                  onChange={(e) => update('actionType', e.target.value)}\n                >\n                  <option value=\"COMMAND\">Command</option>\n                  <option value=\"SCRIPT\">Script</option>\n                  <option value=\"WEBHOOK\">Webhook</option>\n                  <option value=\"WORKFLOW\">Workflow</option>\n                </select>\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.triggerType', 'Trigger Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.triggerType}\n                  onChange={(e) => update('triggerType', e.target.value)}\n                >\n                  <option value=\"MANUAL\">Manual</option>\n                  <option value=\"SCHEDULED\">Scheduled</option>\n                  <option value=\"EVENT\">Event</option>\n                  <option value=\"ON_DEMAND\">On Demand</option>\n                </select>\n              </div>\n            </div>\n\n            {form.triggerType === 'SCHEDULED' && (\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.schedule', 'Schedule (cron expression)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.schedule}\n                  onChange={(e) => update('schedule', e.target.value)}\n                  placeholder=\"*/5 * * * *\"\n                />\n              </div>\n            )}\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.category', 'Category')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.category}\n                  onChange={(e) => update('category', e.target.value)}\n                  placeholder=\"deployment, testing, etc.\"\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.tags', 'Tags (comma separated)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={tagsInput}\n                  onChange={(e) => setTagsInput(e.target.value)}\n                  placeholder=\"ci, deploy, infra\"\n                />\n              </div>\n            </div>\n\n            {/* Type-specific fields */}\n            {form.actionType === 'COMMAND' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.commandSettings', 'Command Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.command', 'Command')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={3}\n                    value={form.command}\n                    onChange={(e) => update('command', e.target.value)}\n                    placeholder=\"echo 'Hello World'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.workingDirectory}\n                      onChange={(e) => update('workingDirectory', e.target.value)}\n                      placeholder=\"/home/user/project\"\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'SCRIPT' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.scriptSettings', 'Script Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.script', 'Script')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={6}\n                    value={form.script}\n                    onChange={(e) => update('script', e.target.value)}\n                    placeholder=\"#!/bin/bash&#10;echo 'Hello'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.interpreter', 'Interpreter')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.scriptInterpreter}\n                      onChange={(e) => update('scriptInterpreter', e.target.value)}\n                    >\n                      <option value=\"bash\">Bash</option>\n                      <option value=\"python\">Python</option>\n                      <option value=\"node\">Node.js</option>\n                    </select>\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                  </label>\n                  <input\n                    className={inputClass}\n                    value={form.workingDirectory}\n                    onChange={(e) => update('workingDirectory', e.target.value)}\n                    placeholder=\"/home/user/project\"\n                  />\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'WEBHOOK' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.webhookSettings', 'Webhook Settings')}\n                </h3>\n                <div className=\"grid grid-cols-[1fr_auto] gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.url', 'URL')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.webhookUrl}\n                      onChange={(e) => update('webhookUrl', e.target.value)}\n                      placeholder=\"https://api.example.com/hook\"\n                      required\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.method', 'Method')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.webhookMethod}\n                      onChange={(e) => update('webhookMethod', e.target.value)}\n                    >\n                      <option value=\"GET\">GET</option>\n                      <option value=\"POST\">POST</option>\n                      <option value=\"PUT\">PUT</option>\n                      <option value=\"PATCH\">PATCH</option>\n                      <option value=\"DELETE\">DELETE</option>\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.bodyJson', 'Body (JSON)')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={4}\n                    value={form.webhookBody}\n                    onChange={(e) => update('webhookBody', e.target.value)}\n                    placeholder='{\"key\": \"value\"}'\n                  />\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.authType', 'Auth Type')}\n                  </label>\n                  <select\n                    className={inputClass}\n                    value={form.webhookAuthType}\n                    onChange={(e) => update('webhookAuthType', e.target.value)}\n                  >\n                    <option value=\"\">None</option>\n                    <option value=\"BEARER\">Bearer Token</option>\n                    <option value=\"BASIC\">Basic Auth</option>\n                    <option value=\"API_KEY\">API Key</option>\n                  </select>\n                </div>\n              </div>\n            )}\n\n            {/* Options */}\n            <div className=\"grid grid-cols-3 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.timeout', 'Timeout (ms)')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={1000}\n                  max={300000}\n                  value={form.timeoutMs}\n                  onChange={(e) => update('timeoutMs', parseInt(e.target.value) || 30000)}\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.retryCount', 'Retry Count')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={0}\n                  max={10}\n                  value={form.retryCount}\n                  onChange={(e) => update('retryCount', parseInt(e.target.value) || 0)}\n                />\n              </div>\n              <div className=\"flex items-end pb-2\">\n                <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n                  <input\n                    type=\"checkbox\"\n                    checked={form.confirmationRequired}\n                    onChange={(e) => update('confirmationRequired', e.target.checked)}\n                    className=\"rounded border-border-default\"\n                  />\n                  {tr('vibecontrols.actions.form.requireConfirmation', 'Require confirmation')}\n                </label>\n              </div>\n            </div>\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 pt-4 border-t border-border-default\">\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.actions.form.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isLoading}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n              >\n                {isLoading\n                  ? tr('vibecontrols.actions.form.saving', 'Saving...')\n                  : initialData\n                    ? tr('vibecontrols.actions.form.updateAction', 'Update Action')\n                    : tr('vibecontrols.actions.form.createAction', 'Create Action')}\n              </button>\n            </div>\n          </form>\n        </motion.div>\n      </AnimatePresence>\n    </dialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActionForm.js","names":[],"sources":["../../../src/components/actions/ActionForm.tsx"],"sourcesContent":["import { useState, useEffect, useRef, type ReactNode } from 'react';\nimport { X } from 'lucide-react';\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface ActionFormData {\n  name: string;\n  displayName: string;\n  description: string;\n  actionType: string;\n  triggerType: string;\n  schedule: string;\n  category: string;\n  tags: string[];\n  command: string;\n  workingDirectory: string;\n  targetAgentId: string;\n  environmentVariables: Record<string, string>;\n  script: string;\n  scriptInterpreter: string;\n  webhookUrl: string;\n  webhookMethod: string;\n  webhookHeaders: Record<string, string>;\n  webhookBody: string;\n  webhookAuthType: string;\n  timeoutMs: number;\n  retryCount: number;\n  confirmationRequired: boolean;\n}\n\nconst DEFAULT_FORM: ActionFormData = {\n  name: '',\n  displayName: '',\n  description: '',\n  actionType: 'COMMAND',\n  triggerType: 'MANUAL',\n  schedule: '',\n  category: '',\n  tags: [],\n  command: '',\n  workingDirectory: '',\n  targetAgentId: '',\n  environmentVariables: {},\n  script: '',\n  scriptInterpreter: 'bash',\n  webhookUrl: '',\n  webhookMethod: 'POST',\n  webhookHeaders: {},\n  webhookBody: '',\n  webhookAuthType: '',\n  timeoutMs: 30000,\n  retryCount: 0,\n  confirmationRequired: false,\n};\n\ninterface ActionFormProps {\n  title: string;\n  initialData?: Partial<ActionFormData>;\n  agents: Array<{ id: string; name: string; isActive: boolean }>;\n  onSubmit: (data: ActionFormData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n  /** Optional extra content rendered below the form fields (e.g. tag picker in edit mode) */\n  extraSection?: ReactNode;\n}\n\nexport function ActionForm({\n  title,\n  initialData,\n  agents,\n  onSubmit,\n  onCancel,\n  isLoading = false,\n  extraSection,\n}: ActionFormProps) {\n  const [form, setForm] = useState<ActionFormData>({ ...DEFAULT_FORM, ...initialData });\n  const [tagsInput, setTagsInput] = useState(initialData?.tags?.join(', ') ?? '');\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const shouldReduceMotion = useReducedMotion();\n  const tr = useTr();\n\n  useEffect(() => {\n    dialogRef.current?.showModal();\n  }, []);\n\n  const update = <K extends keyof ActionFormData>(key: K, value: ActionFormData[K]) =>\n    setForm((prev) => ({ ...prev, [key]: value }));\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const tags = tagsInput\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    onSubmit({ ...form, tags });\n  };\n\n  const inputClass =\n    'w-full 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 focus:border-transparent transition-all';\n  const labelClass = 'block text-sm font-medium text-text-secondary mb-1';\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className=\"fixed inset-0 z-50 m-auto p-0 bg-transparent backdrop:bg-transparent\"\n      onClose={onCancel}\n    >\n      <AnimatePresence>\n        <motion.div\n          className=\"fixed inset-0 bg-bg-overlay\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onClick={onCancel}\n        />\n        <motion.div\n          className=\"relative w-full max-w-2xl max-h-[85vh] overflow-y-auto bg-bg-surface rounded-lg shadow-xl\"\n          initial={shouldReduceMotion ? undefined : { opacity: 0, scale: 0.95, y: 8 }}\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          exit={{ opacity: 0, scale: 0.95, y: 8 }}\n          transition={{ duration: 0.2, ease: [0.2, 0, 0, 1] }}\n        >\n          {/* Header */}\n          <div className=\"flex items-center justify-between p-6 border-b border-border-default sticky top-0 bg-bg-surface z-10\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\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\n          <form onSubmit={handleSubmit} className=\"p-6 space-y-4\">\n            {/* Basic fields */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.nameSlug', 'Name (slug)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.name}\n                  onChange={(e) => update('name', e.target.value)}\n                  placeholder=\"my-action\"\n                  required\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.displayName', 'Display Name')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.displayName}\n                  onChange={(e) => update('displayName', e.target.value)}\n                  placeholder=\"My Action\"\n                  required\n                />\n              </div>\n            </div>\n\n            <div>\n              <label className={labelClass}>\n                {tr('vibecontrols.actions.form.description', 'Description')}\n              </label>\n              <textarea\n                className={`${inputClass} resize-none`}\n                rows={2}\n                value={form.description}\n                onChange={(e) => update('description', e.target.value)}\n                placeholder=\"What does this action do?\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.actionType', 'Action Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.actionType}\n                  onChange={(e) => update('actionType', e.target.value)}\n                >\n                  <option value=\"COMMAND\">Command</option>\n                  <option value=\"SCRIPT\">Script</option>\n                  <option value=\"WEBHOOK\">Webhook</option>\n                  <option value=\"WORKFLOW\">Workflow</option>\n                </select>\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.triggerType', 'Trigger Type')}\n                </label>\n                <select\n                  className={inputClass}\n                  value={form.triggerType}\n                  onChange={(e) => update('triggerType', e.target.value)}\n                >\n                  <option value=\"MANUAL\">Manual</option>\n                  <option value=\"SCHEDULED\">Scheduled</option>\n                  <option value=\"EVENT\">Event</option>\n                  <option value=\"ON_DEMAND\">On Demand</option>\n                </select>\n              </div>\n            </div>\n\n            {form.triggerType === 'SCHEDULED' && (\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.schedule', 'Schedule (cron expression)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.schedule}\n                  onChange={(e) => update('schedule', e.target.value)}\n                  placeholder=\"*/5 * * * *\"\n                />\n              </div>\n            )}\n\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.category', 'Category')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={form.category}\n                  onChange={(e) => update('category', e.target.value)}\n                  placeholder=\"deployment, testing, etc.\"\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.tags', 'Tags (comma separated)')}\n                </label>\n                <input\n                  className={inputClass}\n                  value={tagsInput}\n                  onChange={(e) => setTagsInput(e.target.value)}\n                  placeholder=\"ci, deploy, infra\"\n                />\n              </div>\n            </div>\n\n            {/* Type-specific fields */}\n            {form.actionType === 'COMMAND' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.commandSettings', 'Command Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.command', 'Command')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={3}\n                    value={form.command}\n                    onChange={(e) => update('command', e.target.value)}\n                    placeholder=\"echo 'Hello World'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.workingDirectory}\n                      onChange={(e) => update('workingDirectory', e.target.value)}\n                      placeholder=\"/home/user/project\"\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'SCRIPT' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.scriptSettings', 'Script Settings')}\n                </h3>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.script', 'Script')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={6}\n                    value={form.script}\n                    onChange={(e) => update('script', e.target.value)}\n                    placeholder=\"#!/bin/bash&#10;echo 'Hello'\"\n                    required\n                  />\n                </div>\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.interpreter', 'Interpreter')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.scriptInterpreter}\n                      onChange={(e) => update('scriptInterpreter', e.target.value)}\n                    >\n                      <option value=\"bash\">Bash</option>\n                      <option value=\"python\">Python</option>\n                      <option value=\"node\">Node.js</option>\n                    </select>\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.targetAgent', 'Target Agent')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.targetAgentId}\n                      onChange={(e) => update('targetAgentId', e.target.value)}\n                    >\n                      <option value=\"\">\n                        {tr('vibecontrols.actions.form.anyAvailableAgent', 'Any available agent')}\n                      </option>\n                      {agents.map((a) => (\n                        <option key={a.id} value={a.id} disabled={!a.isActive}>\n                          {a.name}{' '}\n                          {!a.isActive ? tr('vibecontrols.actions.form.offline', '(offline)') : ''}\n                        </option>\n                      ))}\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.workingDirectory', 'Working Directory')}\n                  </label>\n                  <input\n                    className={inputClass}\n                    value={form.workingDirectory}\n                    onChange={(e) => update('workingDirectory', e.target.value)}\n                    placeholder=\"/home/user/project\"\n                  />\n                </div>\n              </div>\n            )}\n\n            {form.actionType === 'WEBHOOK' && (\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50 border border-border-default\">\n                <h3 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('vibecontrols.actions.form.webhookSettings', 'Webhook Settings')}\n                </h3>\n                <div className=\"grid grid-cols-[1fr_auto] gap-4\">\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.url', 'URL')}\n                    </label>\n                    <input\n                      className={inputClass}\n                      value={form.webhookUrl}\n                      onChange={(e) => update('webhookUrl', e.target.value)}\n                      placeholder=\"https://api.example.com/hook\"\n                      required\n                    />\n                  </div>\n                  <div>\n                    <label className={labelClass}>\n                      {tr('vibecontrols.actions.form.method', 'Method')}\n                    </label>\n                    <select\n                      className={inputClass}\n                      value={form.webhookMethod}\n                      onChange={(e) => update('webhookMethod', e.target.value)}\n                    >\n                      <option value=\"GET\">GET</option>\n                      <option value=\"POST\">POST</option>\n                      <option value=\"PUT\">PUT</option>\n                      <option value=\"PATCH\">PATCH</option>\n                      <option value=\"DELETE\">DELETE</option>\n                    </select>\n                  </div>\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.bodyJson', 'Body (JSON)')}\n                  </label>\n                  <textarea\n                    className={`${inputClass} font-mono resize-none`}\n                    rows={4}\n                    value={form.webhookBody}\n                    onChange={(e) => update('webhookBody', e.target.value)}\n                    placeholder='{\"key\": \"value\"}'\n                  />\n                </div>\n                <div>\n                  <label className={labelClass}>\n                    {tr('vibecontrols.actions.form.authType', 'Auth Type')}\n                  </label>\n                  <select\n                    className={inputClass}\n                    value={form.webhookAuthType}\n                    onChange={(e) => update('webhookAuthType', e.target.value)}\n                  >\n                    <option value=\"\">None</option>\n                    <option value=\"BEARER\">Bearer Token</option>\n                    <option value=\"BASIC\">Basic Auth</option>\n                    <option value=\"API_KEY\">API Key</option>\n                  </select>\n                </div>\n              </div>\n            )}\n\n            {/* Options */}\n            <div className=\"grid grid-cols-3 gap-4\">\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.timeout', 'Timeout (ms)')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={1000}\n                  max={300000}\n                  value={form.timeoutMs}\n                  onChange={(e) => update('timeoutMs', parseInt(e.target.value) || 30000)}\n                />\n              </div>\n              <div>\n                <label className={labelClass}>\n                  {tr('vibecontrols.actions.form.retryCount', 'Retry Count')}\n                </label>\n                <input\n                  className={inputClass}\n                  type=\"number\"\n                  min={0}\n                  max={10}\n                  value={form.retryCount}\n                  onChange={(e) => update('retryCount', parseInt(e.target.value) || 0)}\n                />\n              </div>\n              <div className=\"flex items-end pb-2\">\n                <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n                  <input\n                    type=\"checkbox\"\n                    checked={form.confirmationRequired}\n                    onChange={(e) => update('confirmationRequired', e.target.checked)}\n                    className=\"rounded border-border-default\"\n                  />\n                  {tr('vibecontrols.actions.form.requireConfirmation', 'Require confirmation')}\n                </label>\n              </div>\n            </div>\n\n            {extraSection && (\n              <div className=\"pt-4 border-t border-border-default\">{extraSection}</div>\n            )}\n\n            {/* Footer */}\n            <div className=\"flex items-center justify-end gap-3 pt-4 border-t border-border-default\">\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.actions.form.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"submit\"\n                disabled={isLoading}\n                className=\"px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n              >\n                {isLoading\n                  ? tr('vibecontrols.actions.form.saving', 'Saving...')\n                  : initialData\n                    ? tr('vibecontrols.actions.form.updateAction', 'Update Action')\n                    : tr('vibecontrols.actions.form.createAction', 'Create Action')}\n              </button>\n            </div>\n          </form>\n        </motion.div>\n      </AnimatePresence>\n    </dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/DocsPageEditor.js

@@ -1,83 +1,97 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { Check as a, Loader2 as o, Save as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { EntityTagPicker as t } from "../shared/EntityTagPicker.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { Check as o, Loader2 as s, Save as c, Tag as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/docs/DocsPageEditor.tsx
-function u({ page: u, onSave: d }) {
-	let f = e(), [p, m] = i(""), [h, g] = i(""), [_, v] = i("saved"), y = r(null);
-	n(() => {
-		u && (m(u.content), g(u.title), v("saved"));
-	}, [u?.id]);
-	let b = t((e, t) => {
-		y.current && clearTimeout(y.current), v("unsaved"), y.current = setTimeout(async () => {
-			v("saving");
+function f({ page: f, onSave: p }) {
+	let m = e(), [h, g] = a(""), [_, v] = a(""), [y, b] = a("saved"), x = i(null);
+	r(() => {
+		f && (g(f.content), v(f.title), b("saved"));
+	}, [f?.id]);
+	let S = n((e, t) => {
+		x.current && clearTimeout(x.current), b("unsaved"), x.current = setTimeout(async () => {
+			b("saving");
 			try {
-				await d(e, t), v("saved");
+				await p(e, t), b("saved");
 			} catch {
-				v("unsaved");
+				b("unsaved");
 			}
 		}, 800);
-	}, [d]), x = (e) => {
-		m(e), u && b(u.id, { content: e });
-	}, S = (e) => {
-		g(e), u && b(u.id, { title: e });
+	}, [p]), C = (e) => {
+		g(e), f && S(f.id, { content: e });
+	}, w = (e) => {
+		v(e), f && S(f.id, { title: e });
 	};
-	return u ? /* @__PURE__ */ l("div", {
+	return f ? /* @__PURE__ */ d("div", {
 		className: "flex flex-col h-full",
-		children: [/* @__PURE__ */ l("div", {
-			className: "flex items-center gap-3 px-4 py-2 border-b border-border-default",
-			children: [
-				/* @__PURE__ */ c("input", {
-					type: "text",
-					value: h,
-					onChange: (e) => S(e.target.value),
-					className: "flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none",
-					placeholder: f("vibecontrols.docs.editor.pageTitle", "Page title")
-				}),
-				/* @__PURE__ */ c("span", {
-					className: "text-xs text-text-muted font-mono",
-					children: u.slug
-				}),
-				/* @__PURE__ */ l("span", {
-					className: "flex items-center gap-1 text-xs",
-					children: [
-						_ === "saved" && /* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1 text-status-success-text",
-							children: [/* @__PURE__ */ c(a, { className: "w-3 h-3" }), " Saved"]
-						}),
-						_ === "saving" && /* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1 text-text-muted",
-							children: [/* @__PURE__ */ c(o, { className: "w-3 h-3 animate-spin" }), " Saving..."]
-						}),
-						_ === "unsaved" && /* @__PURE__ */ l("span", {
-							className: "flex items-center gap-1 text-status-warning-text",
-							children: [/* @__PURE__ */ c(s, { className: "w-3 h-3" }), " Unsaved"]
-						})
-					]
-				})
-			]
-		}), /* @__PURE__ */ c("textarea", {
-			value: p,
-			onChange: (e) => x(e.target.value),
-			onKeyDown: (e) => {
-				if (e.key === "Tab") {
-					e.preventDefault();
-					let t = e.currentTarget, n = t.selectionStart, r = t.selectionEnd, i = p.substring(0, n) + "  " + p.substring(r);
-					m(i), requestAnimationFrame(() => {
-						t.selectionStart = t.selectionEnd = n + 2;
-					}), u && b(u.id, { content: i });
-				}
-			},
-			className: "flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed",
-			placeholder: f("vibecontrols.docs.editor.contentPlaceholder", "Write your documentation in MDX format..."),
-			spellCheck: !1
-		})]
-	}) : /* @__PURE__ */ c("div", {
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-3 px-4 py-2 border-b border-border-default",
+				children: [
+					/* @__PURE__ */ u("input", {
+						type: "text",
+						value: _,
+						onChange: (e) => w(e.target.value),
+						className: "flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none",
+						placeholder: m("vibecontrols.docs.editor.pageTitle", "Page title")
+					}),
+					/* @__PURE__ */ u("span", {
+						className: "text-xs text-text-muted font-mono",
+						children: f.slug
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "flex items-center gap-1 text-xs",
+						children: [
+							y === "saved" && /* @__PURE__ */ d("span", {
+								className: "flex items-center gap-1 text-status-success-text",
+								children: [/* @__PURE__ */ u(o, { className: "w-3 h-3" }), " Saved"]
+							}),
+							y === "saving" && /* @__PURE__ */ d("span", {
+								className: "flex items-center gap-1 text-text-muted",
+								children: [/* @__PURE__ */ u(s, { className: "w-3 h-3 animate-spin" }), " Saving..."]
+							}),
+							y === "unsaved" && /* @__PURE__ */ d("span", {
+								className: "flex items-center gap-1 text-status-warning-text",
+								children: [/* @__PURE__ */ u(c, { className: "w-3 h-3" }), " Unsaved"]
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex items-start gap-2 px-4 py-2 border-b border-border-default",
+				children: [/* @__PURE__ */ u(l, { className: "w-4 h-4 mt-1 text-text-secondary flex-shrink-0" }), /* @__PURE__ */ u("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ u(t, {
+						entityType: "VIBECONTROLS_DOCSPAGE",
+						entityId: f.id
+					})
+				})]
+			}),
+			/* @__PURE__ */ u("textarea", {
+				value: h,
+				onChange: (e) => C(e.target.value),
+				onKeyDown: (e) => {
+					if (e.key === "Tab") {
+						e.preventDefault();
+						let t = e.currentTarget, n = t.selectionStart, r = t.selectionEnd, i = h.substring(0, n) + "  " + h.substring(r);
+						g(i), requestAnimationFrame(() => {
+							t.selectionStart = t.selectionEnd = n + 2;
+						}), f && S(f.id, { content: i });
+					}
+				},
+				className: "flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed",
+				placeholder: m("vibecontrols.docs.editor.contentPlaceholder", "Write your documentation in MDX format..."),
+				spellCheck: !1
+			})
+		]
+	}) : /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full text-text-muted",
-		children: /* @__PURE__ */ c("p", { children: f("vibecontrols.docs.editor.selectPage", "Select a page to edit") })
+		children: /* @__PURE__ */ u("p", { children: m("vibecontrols.docs.editor.selectPage", "Select a page to edit") })
 	});
 }
 //#endregion
-export { u as DocsPageEditor };
+export { f as DocsPageEditor };
 
 //# sourceMappingURL=DocsPageEditor.js.map

package/dist/components/docs/DocsPageEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocsPageEditor.js","names":[],"sources":["../../../src/components/docs/DocsPageEditor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { Save, Check, Loader2 } from 'lucide-react';\nimport type { DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface DocsPageEditorProps {\n  page: DocsPage | null;\n  onSave: (id: string, data: { title?: string; content?: string; slug?: string }) => Promise<void>;\n}\n\nexport function DocsPageEditor({ page, onSave }: DocsPageEditorProps) {\n  const tr = useTr();\n  const [content, setContent] = useState('');\n  const [title, setTitle] = useState('');\n  const [saveStatus, setSaveStatus] = useState<'saved' | 'saving' | 'unsaved'>('saved');\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(null);\n\n  useEffect(() => {\n    if (page) {\n      setContent(page.content);\n      setTitle(page.title);\n      setSaveStatus('saved');\n    }\n  }, [page?.id]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const debouncedSave = useCallback(\n    (id: string, data: { title?: string; content?: string }) => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      setSaveStatus('unsaved');\n      debounceRef.current = setTimeout(async () => {\n        setSaveStatus('saving');\n        try {\n          await onSave(id, data);\n          setSaveStatus('saved');\n        } catch {\n          setSaveStatus('unsaved');\n        }\n      }, 800);\n    },\n    [onSave]\n  );\n\n  const handleContentChange = (value: string) => {\n    setContent(value);\n    if (page) debouncedSave(page.id, { content: value });\n  };\n\n  const handleTitleChange = (value: string) => {\n    setTitle(value);\n    if (page) debouncedSave(page.id, { title: value });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Tab') {\n      e.preventDefault();\n      const target = e.currentTarget;\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n      const newValue = content.substring(0, start) + '  ' + content.substring(end);\n      setContent(newValue);\n      requestAnimationFrame(() => {\n        target.selectionStart = target.selectionEnd = start + 2;\n      });\n      if (page) debouncedSave(page.id, { content: newValue });\n    }\n  };\n\n  if (!page) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-muted\">\n        <p>{tr('vibecontrols.docs.editor.selectPage', 'Select a page to edit')}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Title bar */}\n      <div className=\"flex items-center gap-3 px-4 py-2 border-b border-border-default\">\n        <input\n          type=\"text\"\n          value={title}\n          onChange={(e) => handleTitleChange(e.target.value)}\n          className=\"flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none\"\n          placeholder={tr('vibecontrols.docs.editor.pageTitle', 'Page title')}\n        />\n        <span className=\"text-xs text-text-muted font-mono\">{page.slug}</span>\n        <span className=\"flex items-center gap-1 text-xs\">\n          {saveStatus === 'saved' && (\n            <span className=\"flex items-center gap-1 text-status-success-text\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {saveStatus === 'saving' && (\n            <span className=\"flex items-center gap-1 text-text-muted\">\n              <Loader2 className=\"w-3 h-3 animate-spin\" /> Saving...\n            </span>\n          )}\n          {saveStatus === 'unsaved' && (\n            <span className=\"flex items-center gap-1 text-status-warning-text\">\n              <Save className=\"w-3 h-3\" /> Unsaved\n            </span>\n          )}\n        </span>\n      </div>\n\n      {/* Editor */}\n      <textarea\n        value={content}\n        onChange={(e) => handleContentChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        className=\"flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed\"\n        placeholder={tr(\n          'vibecontrols.docs.editor.contentPlaceholder',\n          'Write your documentation in MDX format...'\n        )}\n        spellCheck={false}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAe,EAAE,SAAM,aAA+B;CACpE,IAAM,IAAK,GAAO,EACZ,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAY,KAAiB,EAAyC,QAAQ,EAC/E,IAAc,EAAsC,KAAK;AAE/D,SAAgB;AACd,EAAI,MACF,EAAW,EAAK,QAAQ,EACxB,EAAS,EAAK,MAAM,EACpB,EAAc,QAAQ;IAEvB,CAAC,GAAM,GAAG,CAAC;CAEd,IAAM,IAAgB,GACnB,GAAY,MAA+C;AAG1D,EAFI,EAAY,WAAS,aAAa,EAAY,QAAQ,EAC1D,EAAc,UAAU,EACxB,EAAY,UAAU,WAAW,YAAY;AAC3C,KAAc,SAAS;AACvB,OAAI;AAEF,IADA,MAAM,EAAO,GAAI,EAAK,EACtB,EAAc,QAAQ;WAChB;AACN,MAAc,UAAU;;KAEzB,IAAI;IAET,CAAC,EAAO,CACT,EAEK,KAAuB,MAAkB;AAE7C,EADA,EAAW,EAAM,EACb,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAO,CAAC;IAGhD,KAAqB,MAAkB;AAE3C,EADA,EAAS,EAAM,EACX,KAAM,EAAc,EAAK,IAAI,EAAE,OAAO,GAAO,CAAC;;AA0BpD,QARK,IASH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,SAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;KAClD,WAAU;KACV,aAAa,EAAG,sCAAsC,aAAa;KACnE,CAAA;IACF,kBAAC,QAAD;KAAM,WAAU;eAAqC,EAAK;KAAY,CAAA;IACtE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,MAAe,WACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,SACxB;;MAER,MAAe,YACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,aACvC;;MAER,MAAe,aACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WACvB;;MAEJ;;IACH;MAGN,kBAAC,YAAD;GACE,OAAO;GACP,WAAW,MAAM,EAAoB,EAAE,OAAO,MAAM;GACpD,YA1DiB,MAAgD;AACrE,QAAI,EAAE,QAAQ,OAAO;AACnB,OAAE,gBAAgB;KAClB,IAAM,IAAS,EAAE,eACX,IAAQ,EAAO,gBACf,IAAM,EAAO,cACb,IAAW,EAAQ,UAAU,GAAG,EAAM,GAAG,OAAO,EAAQ,UAAU,EAAI;AAK5E,KAJA,EAAW,EAAS,EACpB,4BAA4B;AAC1B,QAAO,iBAAiB,EAAO,eAAe,IAAQ;OACtD,EACE,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAU,CAAC;;;GAgDrD,WAAU;GACV,aAAa,EACX,+CACA,4CACD;GACD,YAAY;GACZ,CAAA,CACE;MAjDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD,EAAA,UAAI,EAAG,uCAAuC,wBAAwB,EAAK,CAAA;EACvE,CAAA"}
+{"version":3,"file":"DocsPageEditor.js","names":[],"sources":["../../../src/components/docs/DocsPageEditor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport { Save, Check, Loader2, Tag } from 'lucide-react';\nimport type { DocsPage } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\n\ninterface DocsPageEditorProps {\n  page: DocsPage | null;\n  onSave: (id: string, data: { title?: string; content?: string; slug?: string }) => Promise<void>;\n}\n\nexport function DocsPageEditor({ page, onSave }: DocsPageEditorProps) {\n  const tr = useTr();\n  const [content, setContent] = useState('');\n  const [title, setTitle] = useState('');\n  const [saveStatus, setSaveStatus] = useState<'saved' | 'saving' | 'unsaved'>('saved');\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(null);\n\n  useEffect(() => {\n    if (page) {\n      setContent(page.content);\n      setTitle(page.title);\n      setSaveStatus('saved');\n    }\n  }, [page?.id]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const debouncedSave = useCallback(\n    (id: string, data: { title?: string; content?: string }) => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      setSaveStatus('unsaved');\n      debounceRef.current = setTimeout(async () => {\n        setSaveStatus('saving');\n        try {\n          await onSave(id, data);\n          setSaveStatus('saved');\n        } catch {\n          setSaveStatus('unsaved');\n        }\n      }, 800);\n    },\n    [onSave]\n  );\n\n  const handleContentChange = (value: string) => {\n    setContent(value);\n    if (page) debouncedSave(page.id, { content: value });\n  };\n\n  const handleTitleChange = (value: string) => {\n    setTitle(value);\n    if (page) debouncedSave(page.id, { title: value });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Tab') {\n      e.preventDefault();\n      const target = e.currentTarget;\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n      const newValue = content.substring(0, start) + '  ' + content.substring(end);\n      setContent(newValue);\n      requestAnimationFrame(() => {\n        target.selectionStart = target.selectionEnd = start + 2;\n      });\n      if (page) debouncedSave(page.id, { content: newValue });\n    }\n  };\n\n  if (!page) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-muted\">\n        <p>{tr('vibecontrols.docs.editor.selectPage', 'Select a page to edit')}</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Title bar */}\n      <div className=\"flex items-center gap-3 px-4 py-2 border-b border-border-default\">\n        <input\n          type=\"text\"\n          value={title}\n          onChange={(e) => handleTitleChange(e.target.value)}\n          className=\"flex-1 text-lg font-semibold bg-transparent text-text-primary border-none outline-none\"\n          placeholder={tr('vibecontrols.docs.editor.pageTitle', 'Page title')}\n        />\n        <span className=\"text-xs text-text-muted font-mono\">{page.slug}</span>\n        <span className=\"flex items-center gap-1 text-xs\">\n          {saveStatus === 'saved' && (\n            <span className=\"flex items-center gap-1 text-status-success-text\">\n              <Check className=\"w-3 h-3\" /> Saved\n            </span>\n          )}\n          {saveStatus === 'saving' && (\n            <span className=\"flex items-center gap-1 text-text-muted\">\n              <Loader2 className=\"w-3 h-3 animate-spin\" /> Saving...\n            </span>\n          )}\n          {saveStatus === 'unsaved' && (\n            <span className=\"flex items-center gap-1 text-status-warning-text\">\n              <Save className=\"w-3 h-3\" /> Unsaved\n            </span>\n          )}\n        </span>\n      </div>\n\n      {/* Tags */}\n      <div className=\"flex items-start gap-2 px-4 py-2 border-b border-border-default\">\n        <Tag className=\"w-4 h-4 mt-1 text-text-secondary flex-shrink-0\" />\n        <div className=\"min-w-0 flex-1\">\n          <EntityTagPicker entityType=\"VIBECONTROLS_DOCSPAGE\" entityId={page.id} />\n        </div>\n      </div>\n\n      {/* Editor */}\n      <textarea\n        value={content}\n        onChange={(e) => handleContentChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        className=\"flex-1 w-full p-4 bg-bg-sunken text-text-primary font-mono text-sm resize-none outline-none leading-relaxed\"\n        placeholder={tr(\n          'vibecontrols.docs.editor.contentPlaceholder',\n          'Write your documentation in MDX format...'\n        )}\n        spellCheck={false}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EAAe,EAAE,SAAM,aAA+B;CACpE,IAAM,IAAK,GAAO,EACZ,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAY,KAAiB,EAAyC,QAAQ,EAC/E,IAAc,EAAsC,KAAK;AAE/D,SAAgB;AACd,EAAI,MACF,EAAW,EAAK,QAAQ,EACxB,EAAS,EAAK,MAAM,EACpB,EAAc,QAAQ;IAEvB,CAAC,GAAM,GAAG,CAAC;CAEd,IAAM,IAAgB,GACnB,GAAY,MAA+C;AAG1D,EAFI,EAAY,WAAS,aAAa,EAAY,QAAQ,EAC1D,EAAc,UAAU,EACxB,EAAY,UAAU,WAAW,YAAY;AAC3C,KAAc,SAAS;AACvB,OAAI;AAEF,IADA,MAAM,EAAO,GAAI,EAAK,EACtB,EAAc,QAAQ;WAChB;AACN,MAAc,UAAU;;KAEzB,IAAI;IAET,CAAC,EAAO,CACT,EAEK,KAAuB,MAAkB;AAE7C,EADA,EAAW,EAAM,EACb,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAO,CAAC;IAGhD,KAAqB,MAAkB;AAE3C,EADA,EAAS,EAAM,EACX,KAAM,EAAc,EAAK,IAAI,EAAE,OAAO,GAAO,CAAC;;AA0BpD,QARK,IASH,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAkB,EAAE,OAAO,MAAM;MAClD,WAAU;MACV,aAAa,EAAG,sCAAsC,aAAa;MACnE,CAAA;KACF,kBAAC,QAAD;MAAM,WAAU;gBAAqC,EAAK;MAAY,CAAA;KACtE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,MAAe,WACd,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,SACxB;;OAER,MAAe,YACd,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,EAAA,aACvC;;OAER,MAAe,aACd,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WACvB;;OAEJ;;KACH;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAK,WAAU,kDAAmD,CAAA,EAClE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAiB,YAAW;MAAwB,UAAU,EAAK;MAAM,CAAA;KACrE,CAAA,CACF;;GAGN,kBAAC,YAAD;IACE,OAAO;IACP,WAAW,MAAM,EAAoB,EAAE,OAAO,MAAM;IACpD,YAlEiB,MAAgD;AACrE,SAAI,EAAE,QAAQ,OAAO;AACnB,QAAE,gBAAgB;MAClB,IAAM,IAAS,EAAE,eACX,IAAQ,EAAO,gBACf,IAAM,EAAO,cACb,IAAW,EAAQ,UAAU,GAAG,EAAM,GAAG,OAAO,EAAQ,UAAU,EAAI;AAK5E,MAJA,EAAW,EAAS,EACpB,4BAA4B;AAC1B,SAAO,iBAAiB,EAAO,eAAe,IAAQ;QACtD,EACE,KAAM,EAAc,EAAK,IAAI,EAAE,SAAS,GAAU,CAAC;;;IAwDrD,WAAU;IACV,aAAa,EACX,+CACA,4CACD;IACD,YAAY;IACZ,CAAA;GACE;MAzDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD,EAAA,UAAI,EAAG,uCAAuC,wBAAwB,EAAK,CAAA;EACvE,CAAA"}

package/dist/components/notes/NotesTabPanel.js

@@ -134,14 +134,13 @@ function v({ context: v, vibeId: y, agentVibes: b = [] }) {
 		try {
 			let n, r = v === "vibe" ? y : e.vibeId;
 			if (e.id) {
-				let i;
+				let r;
 				try {
-					i = await Ae({ variables: {
+					r = await Ae({ variables: {
 						id: e.id,
 						input: {
 							title: e.title,
-							content: e.content,
-							vibeId: r
+							content: e.content
 						}
 					} });
 				} catch (e) {
@@ -151,7 +150,7 @@ function v({ context: v, vibeId: y, agentVibes: b = [] }) {
 					}
 					throw e;
 				}
-				n = i.data?.updateNote?.id;
+				n = r.data?.updateNote?.id;
 			} else {
 				let i;
 				try {

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