\n        const newContent = event.target.innerText;\n        if (newContent && newContent.trim()) {\n          this.messages[msgIndex].content = newContent;\n          this.saveToStorage();\n        }\n      }\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n    \n    cancelEditingMessage() {\n      // Restore original content by just clearing editing state\n      // Alpine will re-render with the original message.content\n      this.editingMessageId = null;\n      this.editingMessageContent = '';\n    },\n  };\n}\n",[],[150,305,379],"0b8a590c-e2e9-11f0-b941-42dde27851f2","dragdrop.js","0b8a59c0-e2e9-11f0-b941-42dde27851f2",21,["D",1766815099656],"/**\n * Chat App Drag & Drop - Folder and item drag/drop functionality\n */\n\nexport function createDragDropMethods() {\n  return {\n    onItemDragStart(e, itemId) {\n      try { if (e && e.dataTransfer) { e.dataTransfer.setData('text/plain', 'item:' + itemId); e.dataTransfer.effectAllowed = 'move'; } } catch (_) {}\n      this.draggingItemId = itemId;\n      this.draggingFolderId = null;\n      this.draggingType = 'item';\n    },\n    \n    onItemDragEnd() {\n      this.clearDragState();\n    },\n    \n    onFolderDragStart(e, folderId) {\n      try { if (e && e.dataTransfer) { e.dataTransfer.setData('text/plain', 'folder:' + folderId); e.dataTransfer.effectAllowed = 'move'; } } catch (_) {}\n      this.draggingFolderId = folderId;\n      this.draggingItemId = null;\n      this.draggingType = 'folder';\n    },\n    \n    onFolderDragEnd() {\n      this.clearDragState();\n    },\n    \n    clearDragState() {\n      this.draggingItemId = null;\n      this.draggingFolderId = null;\n      this.draggingType = null;\n      this.dropIndicator = null;\n      this.dragOverFolderId = null;\n      this.dragOverRoot = false;\n      this.dragOverFolderRoot = false;\n    },\n    \n    onItemDragOver(e, targetId, targetType, parentId) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (this.draggingItemId === targetId && targetType === 'item') return;\n      if (this.draggingFolderId === targetId && targetType === 'folder') return;\n      \n      if (this.draggingFolderId && targetType === 'folder') {\n        const descendants = this.getAllDescendantFolderIds(this.draggingFolderId);\n        if (descendants.includes(targetId)) return;\n      }\n      \n      const rect = e.currentTarget.getBoundingClientRect();\n      const y = e.clientY - rect.top;\n      const height = rect.height;\n      const threshold = 0.35;\n      \n      let position;\n      if (y < height * threshold) {\n        position = 'before';\n      } else if (y > height * (1 - threshold)) {\n        position = 'after';\n      } else if (targetType === 'folder') {\n        position = 'inside';\n        this.dragOverFolderId = targetId;\n      } else {\n        position = 'after';\n      }\n      \n      if (position !== 'inside') {\n        this.dragOverFolderId = null;\n      }\n      \n      this.dropIndicator = { targetId, position, type: targetType, parentId };\n    },\n    \n    onItemDragLeave(e) {\n      if (e.currentTarget.contains(e.relatedTarget)) return;\n      if (this.dropIndicator && this.dropIndicator.targetId === parseInt(e.currentTarget.dataset?.id)) {\n        this.dropIndicator = null;\n      }\n    },\n    \n    onReorderDrop(e, targetId, targetType, parentId) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (!this.dropIndicator) return;\n      \n      const { position } = this.dropIndicator;\n      const draggedItemId = this.draggingItemId;\n      const draggedFolderId = this.draggingFolderId;\n      \n      if (draggedItemId) {\n        if (position === 'inside' && targetType === 'folder') {\n          this.moveItemToFolder(draggedItemId, targetId);\n        } else {\n          this.reorderItem(draggedItemId, targetId, targetType, position, parentId);\n        }\n      } else if (draggedFolderId) {\n        if (position === 'inside' && targetType === 'folder') {\n          this.moveFolderToParent(draggedFolderId, targetId);\n        } else if (targetType === 'folder') {\n          this.reorderFolder(draggedFolderId, targetId, position, parentId);\n        }\n      }\n      \n      this.clearDragState();\n    },\n    \n    reorderItem(itemId, targetId, targetType, position, targetParentId) {\n      const item = this.items.find(i => i.id === itemId);\n      if (!item) return;\n      \n      let newFolderId;\n      if (targetType === 'folder') {\n        const targetFolder = this.folders.find(f => f.id === targetId);\n        newFolderId = targetFolder ? targetFolder.parentId : null;\n      } else {\n        const targetItem = this.items.find(i => i.id === targetId);\n        newFolderId = targetItem ? targetItem.folderId : targetParentId;\n      }\n      \n      item.folderId = newFolderId;\n      \n      const siblings = this.items\n        .filter(i => i.folderId === newFolderId && i.id !== itemId)\n        .sort((a, b) => a.order - b.order);\n      \n      let targetIndex = targetType === 'item' \n        ? siblings.findIndex(i => i.id === targetId)\n        : siblings.length - 1;\n      \n      if (position === 'before') {\n        siblings.splice(Math.max(0, targetIndex), 0, item);\n      } else {\n        siblings.splice(targetIndex + 1, 0, item);\n      }\n      \n      siblings.forEach((s, idx) => { s.order = idx + 1; });\n    },\n    \n    reorderFolder(folderId, targetFolderId, position, targetParentId) {\n      const folder = this.folders.find(f => f.id === folderId);\n      const targetFolder = this.folders.find(f => f.id === targetFolderId);\n      if (!folder || !targetFolder) return;\n      \n      const descendants = this.getAllDescendantFolderIds(folderId);\n      if (descendants.includes(targetFolderId)) return;\n      \n      const newParentId = targetFolder.parentId;\n      folder.parentId = newParentId;\n      \n      const siblings = this.folders\n        .filter(f => f.parentId === newParentId && f.id !== folderId)\n        .sort((a, b) => a.order - b.order);\n      \n      const targetIndex = siblings.findIndex(f => f.id === targetFolderId);\n      \n      if (position === 'before') {\n        siblings.splice(Math.max(0, targetIndex), 0, folder);\n      } else {\n        siblings.splice(targetIndex + 1, 0, folder);\n      }\n      \n      siblings.forEach((s, idx) => { s.order = idx + 1; });\n    },\n    \n    moveItemToFolder(itemId, folderId) {\n      const item = this.items.find(i => i.id === itemId);\n      if (!item) return;\n      item.folderId = folderId;\n      item.order = this.getMaxOrder(this.items.filter(i => i.folderId === folderId)) + 1;\n    },\n    \n    moveFolderToParent(folderId, parentId) {\n      const folder = this.folders.find(f => f.id === folderId);\n      if (!folder) return;\n      \n      if (parentId !== null) {\n        const descendants = this.getAllDescendantFolderIds(folderId);\n        if (descendants.includes(parentId) || folderId === parentId) return;\n      }\n      \n      folder.parentId = parentId;\n      folder.order = this.getMaxOrder(this.folders.filter(f => f.parentId === parentId)) + 1;\n    },\n    \n    onRootDragOver(e) {\n      e.preventDefault();\n      this.dragOverRoot = true;\n      this.dragOverFolderId = null;\n    },\n    \n    onRootDragLeave() {\n      this.dragOverRoot = false;\n    },\n    \n    onRootDrop(e) {\n      e.preventDefault();\n      \n      if (this.dropIndicator) {\n        this.onReorderDrop(e, this.dropIndicator.targetId, this.dropIndicator.type, this.dropIndicator.parentId);\n        return;\n      }\n      \n      if (this.draggingItemId) {\n        this.moveItemToFolder(this.draggingItemId, null);\n      } else if (this.draggingFolderId) {\n        this.moveFolderToParent(this.draggingFolderId, null);\n      }\n      this.clearDragState();\n    },\n    \n    onFolderRootDragOver(e) {\n      e.preventDefault();\n      if (this.draggingFolderId) {\n        const folder = this.folders.find(f => f.id === this.draggingFolderId);\n        if (folder && folder.parentId !== null) {\n          this.dragOverFolderRoot = true;\n        }\n      }\n      this.dropIndicator = null;\n    },\n    \n    onFolderRootDragLeave() {\n      this.dragOverFolderRoot = false;\n    },\n    \n    onFolderRootDrop(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      \n      if (this.dropIndicator) {\n        this.onReorderDrop(e, this.dropIndicator.targetId, this.dropIndicator.type, this.dropIndicator.parentId);\n        return;\n      }\n      \n      if (this.draggingFolderId) {\n        this.moveFolderToParent(this.draggingFolderId, null);\n      }\n      \n      this.clearDragState();\n    },\n    \n    showDropBefore(id, type) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.type === type && \n             this.dropIndicator.position === 'before';\n    },\n    \n    showDropAfter(id, type) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.type === type && \n             this.dropIndicator.position === 'after';\n    },\n    \n    showDropInside(id) {\n      return this.dropIndicator && \n             this.dropIndicator.targetId === id && \n             this.dropIndicator.position === 'inside';\n    },\n  };\n}\n",[],[150,305,387],"0bd515a0-e2e9-11f0-b39b-42dde27851f2","chatSettings.js","0bd5164a-e2e9-11f0-b39b-42dde27851f2",31,["D",1766815100212],"/**\n * Chat App Chat Settings - Right sidebar for chat-specific settings\n * Handles system prompt, model parameters, and per-message metadata\n * \n * Uses unified chat structure: chats[id] = { messages: [], metadata: {...} }\n */\n\nimport { createChatMetadata, createMessageMetadata, DEFAULT_MODEL_PARAMS, createChatData } from './state.js';\n\nexport function createChatSettingsMethods() {\n  return {\n    // Toggle right sidebar\n    toggleRightSidebar() {\n      this.rightSidebarOpen = !this.rightSidebarOpen;\n      // Close settings page when opening right sidebar\n      if (this.rightSidebarOpen) {\n        this.showSettings = false;\n      }\n      // Load current chat settings when opening\n      if (this.rightSidebarOpen && this.activeChatId) {\n        this.loadCurrentChatSettings();\n      }\n    },\n    \n    // Load settings for the current active chat (from unified structure)\n    loadCurrentChatSettings() {\n      if (!this.activeChatId) {\n        // Reset to defaults\n        this.currentChatSettings = {\n          systemPrompt: '',\n          temperature: DEFAULT_MODEL_PARAMS.temperature,\n          maxTokens: DEFAULT_MODEL_PARAMS.maxTokens,\n          topP: DEFAULT_MODEL_PARAMS.topP,\n          frequencyPenalty: DEFAULT_MODEL_PARAMS.frequencyPenalty,\n          presencePenalty: DEFAULT_MODEL_PARAMS.presencePenalty,\n          reasoningEffort: DEFAULT_MODEL_PARAMS.reasoningEffort,\n          webSearch: DEFAULT_MODEL_PARAMS.webSearch,\n          codeExecution: DEFAULT_MODEL_PARAMS.codeExecution,\n          imageDetail: DEFAULT_MODEL_PARAMS.imageDetail,\n          modelVersion: DEFAULT_MODEL_PARAMS.modelVersion\n        };\n        return;\n      }\n      \n      // Ensure chat exists with proper structure\n      if (!this.chats[this.activeChatId]) {\n        this.chats[this.activeChatId] = createChatData();\n      }\n      \n      // Ensure metadata exists\n      if (!this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata = createChatMetadata();\n      }\n      \n      const metadata = this.chats[this.activeChatId].metadata;\n      const params = metadata.parameters || {};\n      \n      this.currentChatSettings = {\n        systemPrompt: metadata.systemPrompt || '',\n        temperature: params.temperature ?? DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: params.maxTokens ?? DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: params.topP ?? DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: params.frequencyPenalty ?? DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: params.presencePenalty ?? DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: params.reasoningEffort ?? DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: params.webSearch ?? DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: params.codeExecution ?? DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: params.imageDetail ?? DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: params.modelVersion ?? DEFAULT_MODEL_PARAMS.modelVersion\n      };\n    },\n    \n    // Save current chat settings to metadata (unified structure)\n    saveChatSettings() {\n      if (!this.activeChatId) return;\n      \n      // Ensure chat exists with proper structure\n      if (!this.chats[this.activeChatId]) {\n        this.chats[this.activeChatId] = createChatData();\n      }\n      \n      // Ensure metadata exists\n      if (!this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata = createChatMetadata();\n      }\n      \n      const metadata = this.chats[this.activeChatId].metadata;\n      metadata.systemPrompt = this.currentChatSettings.systemPrompt;\n      metadata.parameters = {\n        temperature: this.currentChatSettings.temperature,\n        maxTokens: this.currentChatSettings.maxTokens,\n        topP: this.currentChatSettings.topP,\n        frequencyPenalty: this.currentChatSettings.frequencyPenalty,\n        presencePenalty: this.currentChatSettings.presencePenalty,\n        reasoningEffort: this.currentChatSettings.reasoningEffort,\n        webSearch: this.currentChatSettings.webSearch,\n        codeExecution: this.currentChatSettings.codeExecution,\n        imageDetail: this.currentChatSettings.imageDetail,\n        modelVersion: this.currentChatSettings.modelVersion\n      };\n      metadata.updatedAt = new Date().toISOString();\n      \n      this.saveToStorage();\n      console.log('[Chat Settings] Saved settings for chat:', this.activeChatId);\n    },\n    \n    // Update a single setting (debounced save)\n    updateChatSetting(key, value) {\n      this.currentChatSettings[key] = value;\n      \n      // Debounce the save\n      if (this._settingsSaveTimeout) {\n        clearTimeout(this._settingsSaveTimeout);\n      }\n      this._settingsSaveTimeout = setTimeout(() => {\n        this.saveChatSettings();\n      }, 500);\n    },\n    \n    // Get current chat's system prompt\n    getSystemPrompt() {\n      if (!this.activeChatId || !this.chats[this.activeChatId]) {\n        return '';\n      }\n      const metadata = this.chats[this.activeChatId].metadata;\n      return metadata ? (metadata.systemPrompt || '') : '';\n    },\n    \n    // Get current chat's model parameters\n    getChatParameters() {\n      if (!this.activeChatId || !this.currentChatSettings) {\n        return { ...DEFAULT_MODEL_PARAMS, systemPrompt: '' };\n      }\n      return {\n        systemPrompt: this.currentChatSettings.systemPrompt || '',\n        temperature: this.currentChatSettings.temperature ?? DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: this.currentChatSettings.maxTokens ?? DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: this.currentChatSettings.topP ?? DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: this.currentChatSettings.frequencyPenalty ?? DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: this.currentChatSettings.presencePenalty ?? DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: this.currentChatSettings.reasoningEffort ?? DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: this.currentChatSettings.webSearch ?? DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: this.currentChatSettings.codeExecution ?? DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: this.currentChatSettings.imageDetail ?? DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: this.currentChatSettings.modelVersion ?? DEFAULT_MODEL_PARAMS.modelVersion,\n      };\n    },\n    \n    // Get model config for the currently selected model\n    getCurrentModelConfig() {\n      if (!this.selectedModel || !this.modelConfigs.length) {\n        return null;\n      }\n      return this.modelConfigs.find(function(c) {\n        return c.id === this.selectedModel.id;\n      }.bind(this)) || null;\n    },\n    \n    // Create message metadata when sending a message\n    createMessageMeta() {\n      var modelId = this.selectedModel ? this.selectedModel.id : null;\n      var params = this.getChatParameters();\n      return createMessageMetadata(modelId, params);\n    },\n    \n    // Load model configs from API\n    async loadModelConfigs() {\n      try {\n        var response = await fetch('/api/models/configs');\n        if (response.ok) {\n          var data = await response.json();\n          this.modelConfigs = data.models || [];\n          console.log('[Model Configs] Loaded', this.modelConfigs.length, 'model configs');\n        }\n      } catch (error) {\n        console.error('[Model Configs] Failed to load:', error);\n      }\n    },\n    \n    // Reset current chat settings to defaults\n    resetChatSettings() {\n      this.currentChatSettings = {\n        systemPrompt: '',\n        temperature: DEFAULT_MODEL_PARAMS.temperature,\n        maxTokens: DEFAULT_MODEL_PARAMS.maxTokens,\n        topP: DEFAULT_MODEL_PARAMS.topP,\n        frequencyPenalty: DEFAULT_MODEL_PARAMS.frequencyPenalty,\n        presencePenalty: DEFAULT_MODEL_PARAMS.presencePenalty,\n        reasoningEffort: DEFAULT_MODEL_PARAMS.reasoningEffort,\n        webSearch: DEFAULT_MODEL_PARAMS.webSearch,\n        codeExecution: DEFAULT_MODEL_PARAMS.codeExecution,\n        imageDetail: DEFAULT_MODEL_PARAMS.imageDetail,\n        modelVersion: DEFAULT_MODEL_PARAMS.modelVersion\n      };\n      \n      // Also clear the saved model for this chat\n      if (this.activeChatId && this.chats[this.activeChatId] && this.chats[this.activeChatId].metadata) {\n        this.chats[this.activeChatId].metadata.defaultModel = null;\n      }\n      \n      this.saveChatSettings();\n    }\n  };\n}\n",[],[150,305,395],"0a3a7f8c-e2e9-11f0-9dc9-42dde27851f2",6,["D",1766815097530],[189,190,191,192,193,194,195,196,197,198,199,200,201],[150,305],["D",1766815096734],[188,202],[150],["D",1766815097047],[],[156],["D",1766815096882],[],[44],"0a85d126-e2e9-11f0-a5e5-42dde27851f2","routes","0a85d1bc-e2e9-11f0-a5e5-42dde27851f2",9,["D",1766815098015],[],[167,417],"0a6eb7f2-e2e9-11f0-b141-42dde27851f2","providers","0a6eb8a6-e2e9-11f0-b141-42dde27851f2",8,["D",1766815097871],[],[167,424],["D",1766815097206],[183,184],[167],["D",1766815045152],["D",1789530642963],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":26},{"_13":86,"_32":87,"_42":41,"_88":43,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":44,"_95":96},"ctx",{"_79":-5,"_123":471,"_472":266,"_473":474,"_475":26,"_476":26,"_477":26,"_478":24,"_479":-5,"_480":-7,"_481":-7,"_482":60,"_483":26,"_484":26,"_485":-5,"_486":26,"_487":26,"_488":26,"_489":-5},"ENV",{"_442":443,"_444":445,"_446":87,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
Diff · v33
