collavre 0.9.0 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 656a876df08e2034398807dd976a0da67f7b4e5120dd73301ea521dd1291eb8b
-  data.tar.gz: c17a5821354531dfaaafd6dd51794114a132c42a3535d612410a838d75499050
+  metadata.gz: 6e3281424919fc07e271f712389040c20bef756de2f467de4b5c22d41caf7431
+  data.tar.gz: aafc13da62eef7e36d0cc80014553fd1299260b5e8c8b5aa97e1238f9d6241a3
 SHA512:
-  metadata.gz: 9547afa6f502aa818ef3a565d3e8991f25298623dffd980a2d63f3383debd2eef08ce0440285d5fe7c1f8dc7810245cb1aea8f252bf44d8cdd1400460b280fa1
-  data.tar.gz: 336344900a57853600abb3d8f879741d52f8673238a63b90b5054fe5d5f8b412fb54aced24dd9c93ea07a1c66175fe5518a58bd6011f9aae363a0a82720e77ef
+  metadata.gz: '09cbd1f6b17e92ec90b3e2d7f8da598ff1db2dbbaf01282bfd53df19bb8620afcd0e3ebd8dac2c1929233f816d000f8b573990df7dea62ebcb098bd414b0af9f'
+  data.tar.gz: 56bf15d2aca40fc28ba43cad261a91b2ae64e9c5bdf873c490a14f4f0fad4608d499906b295bfca416d4026406334f79fc422f989f81de4549f367ad88eade8d

data/app/assets/stylesheets/collavre/comments_popup.css

@@ -159,10 +159,15 @@ body.chat-fullscreen {
     overflow-y: auto;
     min-height: calc(var(--text-1) * 1.5 * 2); /* 2 lines minimum */
     max-height: calc(var(--text-1) * 1.5 * 10); /* 10 lines maximum */
-    transition: height 0.1s ease-out;
+    transition: height 0.1s ease-out, border-color 0.15s ease-out, box-shadow 0.15s ease-out;
     /* Prevent iOS zoom on focus */
 }
 
+#new-comment-form.creative-drop-hover textarea {
+    border-color: var(--link);
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--link) 25%, transparent);
+}
+
 #new-comment-form button[type="submit"] {
     float: right;
 }
@@ -1539,3 +1544,12 @@ body.chat-fullscreen {
     0%, 70% { opacity: 1; }
     100% { opacity: 0; }
 }
+
+.topic-create-option {
+    color: var(--link);
+    font-style: italic;
+}
+
+li:hover .topic-create-option {
+    text-decoration: underline;
+}

data/app/controllers/collavre/topics_controller.rb

@@ -27,22 +27,43 @@ module Collavre
       topic = @creative.topics.build(topic_params)
       topic.user = Current.user
 
-      if topic.save
-        agent = nil
-        if params[:agent_id].present?
-          agent = User.find_by(id: params[:agent_id])
-          topic.set_primary_agent!(agent) if agent&.ai_user?
+      Topic.transaction do
+        if topic.save
+          agent = nil
+          if params[:agent_id].present?
+            agent = User.find_by(id: params[:agent_id])
+            topic.set_primary_agent!(agent) if agent&.ai_user?
+          end
+
+          # Move comments to the new topic if comment_ids provided
+          comment_ids = Array(params[:comment_ids]).map(&:presence).compact
+          if comment_ids.any?
+            CommentMoveService.new(creative: @creative, user: Current.user).call(
+              comment_ids: comment_ids,
+              target_topic_id: topic.id
+            )
+          end
+
+          broadcast_data = agent ? topic_json_with_agent(topic, agent) : topic.slice(:id, :name)
+          TopicsChannel.broadcast_to(
+            @creative,
+            { action: "created", topic: broadcast_data, user_id: Current.user.id }
+          )
+          render json: topic, status: :created
+        else
+          render json: { errors: topic.errors.full_messages }, status: :unprocessable_entity
         end
+      end
+    rescue CommentMoveService::MoveError => e
+      render json: { errors: [ e.message ] }, status: :unprocessable_entity
+    end
 
-        broadcast_data = agent ? topic_json_with_agent(topic, agent) : topic.slice(:id, :name)
-        TopicsChannel.broadcast_to(
-          @creative,
-          { action: "created", topic: broadcast_data, user_id: Current.user.id }
-        )
-        render json: topic, status: :created
-      else
-        render json: { errors: topic.errors.full_messages }, status: :unprocessable_entity
+    def next_name
+      unless @creative.has_permission?(Current.user, :read) || @creative.user == Current.user
+        render json: { error: I18n.t("collavre.topics.no_permission") }, status: :forbidden and return
       end
+
+      render json: { name: generate_next_topic_name }
     end
 
     def update
@@ -202,6 +223,20 @@ module Collavre
       params.require(:topic).permit(:name)
     end
 
+    def generate_next_topic_name
+      prefix = I18n.t("collavre.topics.default_name_prefix")
+      existing_numbers = @creative.topics.active
+        .where("name LIKE ?", "#{Topic.sanitize_sql_like(prefix)}%")
+        .pluck(:name)
+        .filter_map { |n|
+          suffix = n.delete_prefix(prefix)
+          suffix.match?(/\A\d+\z/) ? suffix.to_i : nil
+        }
+
+      next_number = (existing_numbers.max || 0) + 1
+      "#{prefix}#{next_number}"
+    end
+
     # Batch-load primary agents for all topics to avoid N+1 queries
     def preload_primary_agents(topics)
       topic_ids = topics.map(&:id)

data/app/javascript/controllers/comments/contexts_controller.js

@@ -377,7 +377,11 @@ export default class extends Controller {
         this._popupEl = popup
         this._boundPopupDragOver = this._handlePopupDragOver.bind(this)
         this._boundPopupDragLeave = this._handlePopupDragLeave.bind(this)
-        this._boundPopupDrop = this.handleExternalDrop.bind(this)
+        this._boundPopupDrop = (event) => {
+            // Skip if dropping on the comment form — let form_controller handle it
+            if (event.target.closest('#new-comment-form')) return
+            this.handleExternalDrop(event)
+        }
         popup.addEventListener('dragover', this._boundPopupDragOver)
         popup.addEventListener('dragleave', this._boundPopupDragLeave)
         popup.addEventListener('drop', this._boundPopupDrop)
@@ -395,6 +399,8 @@ export default class extends Controller {
         if (this._isInternalReorder(event)) return
         if (!this._isCreativeDrag(event)) return
         if (!this.canManage) return
+        // Skip if dragging over the comment form — let form_controller handle it
+        if (event.target.closest('#new-comment-form')) return
 
         // Must preventDefault to allow drop on the popup
         event.preventDefault()

data/app/javascript/controllers/comments/form_controller.js

@@ -45,6 +45,7 @@ export default class extends Controller {
     this.handleImageButtonClick = this.handleImageButtonClick.bind(this)
     this.handleImageChange = this.handleImageChange.bind(this)
     this.handleDragOver = this.handleDragOver.bind(this)
+    this.handleDragLeave = this.handleDragLeave.bind(this)
     this.handleDrop = this.handleDrop.bind(this)
 
     this.formTarget.addEventListener('submit', this.handleSubmit)
@@ -57,8 +58,9 @@ export default class extends Controller {
 
     this.imageButtonTarget?.addEventListener('click', this.handleImageButtonClick)
     this.imageInputTarget?.addEventListener('change', this.handleImageChange)
-    this.textareaTarget.addEventListener('dragover', this.handleDragOver)
-    this.textareaTarget.addEventListener('drop', this.handleDrop)
+    this.formTarget.addEventListener('dragover', this.handleDragOver)
+    this.formTarget.addEventListener('dragleave', this.handleDragLeave)
+    this.formTarget.addEventListener('drop', this.handleDrop)
     this.handlePaste = this.handlePaste.bind(this)
     this.textareaTarget.addEventListener('paste', this.handlePaste)
 
@@ -112,8 +114,9 @@ export default class extends Controller {
     this.imageButtonTarget?.removeEventListener('click', this.handleImageButtonClick)
     this.imageInputTarget?.removeEventListener('change', this.handleImageChange)
     this.textareaTarget.removeEventListener('input', this._autoResize)
-    this.textareaTarget.removeEventListener('dragover', this.handleDragOver)
-    this.textareaTarget.removeEventListener('drop', this.handleDrop)
+    this.formTarget.removeEventListener('dragover', this.handleDragOver)
+    this.formTarget.removeEventListener('dragleave', this.handleDragLeave)
+    this.formTarget.removeEventListener('drop', this.handleDrop)
     this.textareaTarget.removeEventListener('paste', this.handlePaste)
     this.element.removeEventListener('comments--topics:change', this.handleTopicChange)
   }
@@ -510,12 +513,39 @@ export default class extends Controller {
   }
 
   handleDragOver(event) {
-    if (this.hasImageFromDataTransfer(event.dataTransfer)) {
+    const isCreative = this.hasCreativeFromDataTransfer(event.dataTransfer)
+    const isImage = this.hasImageFromDataTransfer(event.dataTransfer)
+    if (isImage || isCreative) {
       event.preventDefault()
+      event.stopPropagation()
+      if (isCreative) {
+        this.formTarget.classList.add('creative-drop-hover')
+      }
+    }
+  }
+
+  handleDragLeave(event) {
+    // Only remove highlight if truly leaving the form
+    if (!this.formTarget.contains(event.relatedTarget)) {
+      this.formTarget.classList.remove('creative-drop-hover')
     }
   }
 
   handleDrop(event) {
+    this.formTarget.classList.remove('creative-drop-hover')
+
+    // Handle creative drop — stop propagation so contexts_controller doesn't intercept
+    if (this.hasCreativeFromDataTransfer(event.dataTransfer)) {
+      event.preventDefault()
+      event.stopPropagation()
+      const creativeData = this.extractCreativeData(event.dataTransfer)
+      if (creativeData) {
+        this.insertCreativeLink(creativeData)
+      }
+      return
+    }
+
+    // Handle image drop
     const imageFiles = this.extractImageFiles(event.dataTransfer)
     if (!imageFiles.length) return
     event.preventDefault()
@@ -523,6 +553,49 @@ export default class extends Controller {
     this.updateAttachmentList()
   }
 
+  hasCreativeFromDataTransfer(dataTransfer) {
+    if (!dataTransfer || !dataTransfer.types) return false
+    return Array.from(dataTransfer.types).includes('application/x-collavre-creative')
+  }
+
+  extractCreativeData(dataTransfer) {
+    if (!dataTransfer) return null
+    const raw = dataTransfer.getData('application/x-collavre-creative') || dataTransfer.getData('text/plain')
+    if (!raw) return null
+    try {
+      const parsed = JSON.parse(raw)
+      if (!parsed || !parsed.creativeId) return null
+      const label = this.getCreativeLabelFromDom(parsed.creativeId)
+      return { id: parsed.creativeId, label: label || `Creative #${parsed.creativeId}` }
+    } catch {
+      return null
+    }
+  }
+
+  getCreativeLabelFromDom(creativeId) {
+    const row = document.querySelector(`creative-tree-row[creative-id="${creativeId}"]`)
+    if (!row) return null
+    const descriptionHtml = row.descriptionHtml || row.dataset?.descriptionHtml || ''
+    if (!descriptionHtml) return null
+    const tmp = document.createElement('div')
+    tmp.innerHTML = descriptionHtml
+    return (tmp.textContent || tmp.innerText || '').trim()
+  }
+
+  insertCreativeLink({ id, label }) {
+    const link = `[${label}](/creatives/${id})`
+    const textarea = this.textareaTarget
+    const pos = textarea.selectionStart
+    const before = textarea.value.substring(0, pos)
+    const after = textarea.value.substring(pos)
+    const needsSpace = before.length > 0 && !before.endsWith(' ') && !before.endsWith('\n')
+    textarea.value = `${before}${needsSpace ? ' ' : ''}${link}${after ? '' : ' '}${after}`
+    const newPos = pos + (needsSpace ? 1 : 0) + link.length + (after ? 0 : 1)
+    textarea.setSelectionRange(newPos, newPos)
+    textarea.dispatchEvent(new Event('input', { bubbles: true }))
+    textarea.focus()
+  }
+
   extractImageFiles(dataTransfer) {
     if (!dataTransfer) return []
     const files = Array.from(dataTransfer.files || []).filter((file) => file.type?.startsWith('image/'))

data/app/javascript/controllers/comments/list_controller.js

@@ -644,15 +644,23 @@ export default class extends Controller {
   openTopicSearchPopup(event) {
     if (this.selection.size === 0) return
 
+    const commentIds = Array.from(this.selection)
+
     const openWithController = (controller, btnRect) => {
       controller.openForCreative(
         this.creativeId,
         btnRect,
         (topic) => {
-          const commentIds = Array.from(this.selection)
-          this.handleMoveToTopic({ detail: { commentIds, targetTopicId: topic.id } })
+          if (topic.created) {
+            // Topic was just created with comments moved — refresh
+            this.clearSelection()
+            this.loadInitialComments()
+          } else {
+            this.handleMoveToTopic({ detail: { commentIds, targetTopicId: topic.id } })
+          }
         },
-        this.element.dataset.topicMainText || 'Main'
+        this.element.dataset.topicMainText || 'Main',
+        commentIds
       )
     }
 
@@ -674,6 +682,7 @@ export default class extends Controller {
     modal.className = 'common-popup'
     modal.style.display = 'none'
     modal.dataset.controller = 'topic-search'
+    modal.dataset.createAndMoveText = this.element.dataset.topicCreateAndMoveText || 'Create "%{name}" and move'
     modal.innerHTML = `
       <button type="button" class="popup-close-btn" data-topic-search-target="close">&times;</button>
       <input type="text" class="shared-input-surface" style="width:100%;margin-bottom:0.5em;"

data/app/javascript/controllers/comments/topics_controller.js

@@ -1,5 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 import { createSubscription } from "../../services/cable"
+import { fetchNextTopicName, createTopicWithComments } from "../../lib/api/topics"
 
 const ICON_ARCHIVE = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="5" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg>`
 const ICON_RESTORE = `<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6.69 3L3 13"/></svg>`
@@ -787,9 +788,11 @@ export default class extends Controller {
     }
 
     handleAddButtonDragOver(event) {
-        if (!event.dataTransfer.types.includes('application/x-agent-drop')) return
+        const isAgent = event.dataTransfer.types.includes('application/x-agent-drop')
+        const isComment = event.dataTransfer.types.includes('application/x-comment-ids')
+        if (!isAgent && !isComment) return
         event.preventDefault()
-        event.dataTransfer.dropEffect = 'copy'
+        event.dataTransfer.dropEffect = isAgent ? 'copy' : 'move'
         event.currentTarget.classList.add('drag-over')
     }
 
@@ -797,6 +800,17 @@ export default class extends Controller {
         event.preventDefault()
         event.currentTarget.classList.remove('drag-over')
 
+        // Handle comment drop → create new topic + move
+        const commentIdsJson = event.dataTransfer.getData('application/x-comment-ids')
+        if (commentIdsJson) {
+            const commentIds = JSON.parse(commentIdsJson)
+            if (commentIds && commentIds.length > 0) {
+                await this.createTopicAndMoveComments(commentIds)
+            }
+            return
+        }
+
+        // Handle agent drop (existing logic)
         const agentJson = event.dataTransfer.getData('application/x-agent-drop')
         if (!agentJson) return
 
@@ -804,6 +818,28 @@ export default class extends Controller {
         await this.createTopicWithAgent(agent)
     }
 
+    async createTopicAndMoveComments(commentIds, topicName = null) {
+        if (!this.creativeId) return
+
+        const name = topicName || await fetchNextTopicName(this.creativeId)
+        if (!name) return
+
+        const result = await createTopicWithComments(this.creativeId, name, commentIds)
+        if (result.ok) {
+            this.currentTopicId = result.topic.id
+            await this.loadTopics()
+            this.dispatch("change", { detail: { topicId: result.topic.id } })
+
+            // Clear selection in list controller
+            const listController = this.application.getControllerForElementAndIdentifier(
+                this.element, 'comments--list'
+            )
+            if (listController) listController.clearSelection()
+        } else {
+            alert(result.error)
+        }
+    }
+
     async setTopicPrimaryAgent(topicId, agent) {
         if (!this.creativeId) return
 

data/app/javascript/controllers/topic_search_controller.js

@@ -1,4 +1,5 @@
 import CommonPopupController from './common_popup_controller'
+import { fetchNextTopicName, createTopicWithComments } from '../lib/api/topics'
 
 export default class extends CommonPopupController {
     static targets = ['input', 'list', 'close']
@@ -7,6 +8,9 @@ export default class extends CommonPopupController {
         super.connect()
         this._debounceTimer = null
         this._allTopics = []
+        this._defaultCreateItem = null
+        this._creativeId = null
+        this._commentIds = null
         this.inputTarget.addEventListener('input', this._onInput.bind(this))
         this.inputTarget.addEventListener('keydown', this.handleInputKeydown.bind(this))
         this.closeTarget.addEventListener('click', () => this.close())
@@ -20,9 +24,12 @@ export default class extends CommonPopupController {
         super.disconnect()
     }
 
-    openForCreative(creativeId, anchorRect, onSelectCallback, mainLabel = 'Main') {
+    openForCreative(creativeId, anchorRect, onSelectCallback, mainLabel = 'Main', commentIds = null) {
         this.onSelectCallback = onSelectCallback
         this._allTopics = []
+        this._defaultCreateItem = null
+        this._creativeId = creativeId
+        this._commentIds = commentIds
         this.setItems([])
         this.inputTarget.value = ''
         super.open(anchorRect)
@@ -50,54 +57,117 @@ export default class extends CommonPopupController {
     }
 
     _onInput() {
-        const q = this.inputTarget.value.toLowerCase()
+        const q = this.inputTarget.value.toLowerCase().trim()
         if (!q) {
-            this.setItems(this._allTopics)
+            // No query: show all topics + default create option
+            const items = [...this._allTopics]
+            if (this._defaultCreateItem) {
+                items.push(this._defaultCreateItem)
+            }
+            this.setItems(items)
             return
         }
         const filtered = this._allTopics.filter(t =>
             (t.label || '').toLowerCase().includes(q)
         )
+        // Always show "create and move" option with the query as name
+        // (even when there are partial matches, user may want to create a new one)
+        const exactMatch = this._allTopics.some(t =>
+            (t.label || '').toLowerCase() === `#${q}`
+        )
+        if (!exactMatch) {
+            const createLabel = this.element.dataset.createAndMoveText || 'Create "%{name}" and move'
+            filtered.push({
+                id: '__create__',
+                label: `+ ${createLabel.replace('%{name}', this.inputTarget.value.trim())}`,
+                createName: this.inputTarget.value.trim(),
+                isCreate: true
+            })
+        }
         this.setItems(filtered)
     }
 
     async _loadTopics(creativeId, mainLabel) {
         if (!creativeId) return
         try {
-            const response = await fetch(`/creatives/${creativeId}/topics`, {
-                headers: { Accept: 'application/json' }
-            })
-            const data = await response.json()
+            const [topicsResponse, nextName] = await Promise.all([
+                fetch(`/creatives/${creativeId}/topics`, { headers: { Accept: 'application/json' } }),
+                fetchNextTopicName(creativeId)
+            ])
+
+            const data = await topicsResponse.json()
             const topics = data.topics || []
 
             this._allTopics = [
                 { id: '', label: `📋 ${mainLabel}` },
                 ...topics.map(t => ({ id: t.id, label: `#${t.name}` }))
             ]
-            this.setItems(this._allTopics)
+
+            // Build default create item from next_name
+            if (nextName) {
+                const createLabel = this.element.dataset.createAndMoveText || 'Create "%{name}" and move'
+                this._defaultCreateItem = {
+                    id: '__create_default__',
+                    label: `+ ${createLabel.replace('%{name}', nextName)}`,
+                    createName: nextName,
+                    isCreate: true
+                }
+            }
+
+            const items = [...this._allTopics]
+            if (this._defaultCreateItem) {
+                items.push(this._defaultCreateItem)
+            }
+            this.setItems(items)
         } catch (error) {
             console.error('Error loading topics:', error)
             this.setItems([])
         }
     }
 
-    select(item) {
+    async select(item) {
+        if (item.isCreate && this._commentIds && this._commentIds.length > 0) {
+            // Create new topic + move comments
+            await this._createTopicAndMove(item.createName, this._commentIds)
+            this.close()
+            return
+        }
+
         if (this.onSelectCallback) {
             this.onSelectCallback(item)
         }
         this.close()
     }
 
+    async _createTopicAndMove(name, commentIds) {
+        if (!this._creativeId) return
+
+        const result = await createTopicWithComments(this._creativeId, name, commentIds)
+        if (result.ok) {
+            if (this.onSelectCallback) {
+                this.onSelectCallback({ id: result.topic.id, label: `#${result.topic.name}`, created: true })
+            }
+        } else {
+            alert(result.error)
+        }
+    }
+
     renderItem(item) {
         const text = item.label || ''
-        return text
+        const escaped = text
             .replace(/&/g, "&")
             .replace(/</g, "&lt;")
             .replace(/>/g, "&gt;")
+        if (item.isCreate) {
+            return `<span class="topic-create-option">${escaped}</span>`
+        }
+        return escaped
     }
 
     dispatchClose(reason) {
         this.onSelectCallback = null
+        this._commentIds = null
+        this._creativeId = null
         super.dispatchClose(reason)
     }
 }

data/app/javascript/lib/api/topics.js

@@ -0,0 +1,64 @@
+/**
+ * Topics API helper — shared between topics_controller and topic_search_controller
+ */
+
+function csrfToken() {
+    return document.querySelector('meta[name="csrf-token"]')?.content
+}
+
+/**
+ * Fetch the next auto-generated topic name for a creative.
+ * @param {string|number} creativeId
+ * @returns {Promise<string|null>}
+ */
+export async function fetchNextTopicName(creativeId) {
+    try {
+        const response = await fetch(`/creatives/${creativeId}/topics/next_name`, {
+            headers: { Accept: 'application/json' }
+        })
+        if (response.ok) {
+            const data = await response.json()
+            return data.name
+        }
+    } catch (e) {
+        console.error('Error fetching next topic name', e)
+    }
+    return null
+}
+
+/**
+ * Create a new topic and optionally move comments into it.
+ * @param {string|number} creativeId
+ * @param {string} name - topic name
+ * @param {string[]|number[]} commentIds - comments to move (optional)
+ * @returns {Promise<{ok: boolean, topic?: object, error?: string}>}
+ */
+export async function createTopicWithComments(creativeId, name, commentIds = []) {
+    try {
+        const body = { topic: { name } }
+        if (commentIds.length > 0) {
+            body.comment_ids = commentIds
+        }
+
+        const response = await fetch(`/creatives/${creativeId}/topics`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRF-Token': csrfToken()
+            },
+            body: JSON.stringify(body)
+        })
+
+        if (response.ok) {
+            const topic = await response.json()
+            return { ok: true, topic }
+        } else {
+            const data = await response.json().catch(() => ({}))
+            const error = (data.errors || [data.error]).filter(Boolean).join(', ') || 'Failed to create topic'
+            return { ok: false, error }
+        }
+    } catch (e) {
+        console.error('Error creating topic with comments', e)
+        return { ok: false, error: e.message }
+    }
+}

data/app/models/collavre/comment/broadcastable.rb

@@ -4,9 +4,14 @@ module Collavre
       extend ActiveSupport::Concern
 
       included do
-        after_create_commit :broadcast_create, :broadcast_badges
+        after_create_commit :broadcast_create
         after_update_commit :broadcast_update
-        after_destroy_commit :broadcast_destroy, :broadcast_badges
+        after_destroy_commit :broadcast_destroy
+        # Use after_commit with on: to avoid Rails callback deduplication.
+        # Registering the same method via both after_create_commit and
+        # after_destroy_commit causes the later registration to silently
+        # overwrite the earlier one.
+        after_commit :broadcast_badges, on: [ :create, :destroy ]
       end
 
       module ClassMethods

data/app/views/collavre/comments/_comments_popup.html.erb

@@ -41,6 +41,7 @@
      data-batch-delete-confirm-text="<%= t('collavre.comments.batch_delete_confirm') %>"
      data-topic-search-placeholder-text="<%= t('collavre.comments.topic_search_placeholder') %>"
      data-topic-main-text="<%= t('collavre.comments.topic_main') %>"
+     data-topic-create-and-move-text="<%= t('collavre.topics.create_and_move', name: '%{name}') %>"
      data-add-participant-text="<%= t('collavre.comments.add_participant') %>"
      data-review-button-text="<%= t('collavre.comments.review_button') %>"
      data-review-feedback-placeholder="<%= t('collavre.comments.review_feedback_placeholder') %>"

data/config/locales/comments.en.yml

@@ -9,6 +9,8 @@ en:
       unarchive: Restore
       archived_topics: "Archived topics (%{count})"
       not_ai_agent: Only AI agents can be set as primary agent.
+      default_name_prefix: "Topic"
+      create_and_move: 'Create "%{name}" and move'
       move:
         no_target_permission: You don't have write permission on the target creative.
         duplicate_name: A topic named '%{name}' already exists in the target creative.

data/config/locales/comments.ko.yml

@@ -9,6 +9,8 @@ ko:
       unarchive: 복원
       archived_topics: "아카이브된 토픽 (%{count}개)"
       not_ai_agent: AI 에이전트만 Primary Agent로 설정할 수 있습니다.
+      default_name_prefix: "토픽"
+      create_and_move: '"%{name}" 생성후 이동'
       move:
         no_target_permission: 대상 크리에이티브에 대한 쓰기 권한이 없습니다.
         duplicate_name: "'%{name}' 토픽이 대상 크리에이티브에 이미 존재합니다."

data/config/routes.rb

@@ -54,6 +54,7 @@ Collavre::Engine.routes.draw do
     resources :topics, only: [ :index, :create, :update, :destroy ] do
       collection do
         post :reorder
+        get :next_name
       end
       member do
         patch :move

data/lib/collavre/version.rb

@@ -1,3 +1,3 @@
 module Collavre
-  VERSION = "0.9.0"
+  VERSION = "0.10.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: collavre
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.10.0
 platform: ruby
 authors:
 - Collavre
@@ -289,6 +289,7 @@ files:
 - app/javascript/lib/api/csrf_fetch.js
 - app/javascript/lib/api/drag_drop.js
 - app/javascript/lib/api/queue_manager.js
+- app/javascript/lib/api/topics.js
 - app/javascript/lib/apply_lexical_styles.js
 - app/javascript/lib/common_popup.js
 - app/javascript/lib/html_code_block_wrapper.js