[{"_1":2,"_172":-5,"_173":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5f86047c78fbcbbdc94436f811a86add7eaf8c7a","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_169":170,"_171":-5},"handle","yawnxyz","name","chatter","path","frontend/core/branchManager.ts","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":72,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","b9276202-7616-11f0-8fe4-0224a6c84d84","createdAt",["D",1754850041617],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","screenshotVersion","likeCount","8319defa-6e1a-46d4-ba66-2114ffd3360b","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","org",{"_93":94,"_131":128},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",269,"b927b48c-7616-11f0-8fe4-0224a6c84d84","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":149,"_150":151,"_152":153,"_154":136,"_155":156,"_157":158,"_103":159,"_134":32,"_160":161,"_162":163,"_164":20,"_165":-5,"_97":166},"34175208-a432-11f0-ac23-0224a6c84d84","branchManager.ts","fileId","341752c6-a432-11f0-ac23-0224a6c84d84","parentId","8fdb7fc2-78f1-11f0-bbe7-0224a6c84d84","branchId","branchVersion",216,"latest",true,["D",1759919597757],"fileType","script","content","// Branch management helpers for atomic sessions (v11)\nimport type { Session, Message, Branch, SessionTree, UIMessage } from '../types.ts';\nimport {\n getBranchById,\n getNextMessageId,\n getNextBranchId,\n getMessageById,\n createDefaultMessage,\n messageToUIMessage,\n} from '../types.ts';\n\n// Type for application state (minimal interface)\ninterface AppState {\n db?: any;\n currentChatId?: number | null;\n currentBranchId?: number | null;\n messages?: UIMessage[];\n sessionTree?: SessionTree;\n selectedModel?: string;\n computeCurrentPromptLabel?: () => string;\n currentTemplateLabel?: string;\n streamAssistant?: () => void | Promise;\n scrollToBottom?: () => void;\n $nextTick?: (fn: () => void) => void;\n loadChats?: () => Promise;\n selectChat?: (id: number) => Promise;\n}\n\n/**\n * Build a linear path of messages from a branch leaf to root.\n * If branching is disabled or branch not found, falls back to all messages in stored order.\n */\nexport function buildMessagePath(session: Session, branchId: number | null = null): Message[] {\n try {\n const tree = session?.tree ?? { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n console.log('🌳 buildMessagePath: branchId =', branchId, 'tree has', messages.length, 'messages', tree.branches?.length || 0, 'branches');\n \n if (!tree.branchingEnabled || !Array.isArray(tree.branches) || tree.branches.length === 0) {\n console.log('🌳 buildMessagePath: Branching disabled or no branches, returning all messages');\n return messages.slice();\n }\n \n const targetBranchId = branchId != null ? branchId : (tree.activeBranchId != null ? tree.activeBranchId : null);\n console.log('🌳 buildMessagePath: targetBranchId =', targetBranchId);\n \n const branch = targetBranchId != null ? getBranchById(session, targetBranchId) : null;\n if (!branch) {\n console.log('🌳 buildMessagePath: Branch not found, returning all messages');\n return messages.slice();\n }\n console.log('🌳 buildMessagePath: Found branch', branch, 'leafMessageId =', branch.leafMessageId);\n \n const byId = new Map(messages.map(m => [m.id, m]));\n const path: Message[] = [];\n const visited = new Set();\n let currentId = branch.leafMessageId;\n console.log('🌳 buildMessagePath: Walking from leaf', currentId);\n \n while (currentId != null && !visited.has(currentId)) {\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) {\n console.warn('🌳 buildMessagePath: Message', currentId, 'not found in tree!');\n break;\n }\n path.unshift(msg);\n console.log('🌳 buildMessagePath: Added message', currentId, 'role:', msg.role, 'parentId:', msg.parentId);\n currentId = msg.parentId;\n }\n console.log('🌳 buildMessagePath: Final path has', path.length, 'messages');\n return path;\n } catch (err) {\n console.error('🌳 buildMessagePath: Error', err);\n return session?.tree?.messages?.slice() ?? [];\n }\n}\n\n/**\n * Basic cycle validation helper. Throws if a cycle is detected via parentId chain.\n */\nexport function validateNoCycles(session: Session, newMessage: Message): boolean {\n if (!newMessage || newMessage.parentId == null) return true;\n \n const tree = session?.tree ?? { messages: [] };\n const byId = new Map(\n (Array.isArray(tree.messages) ? tree.messages : []).map(m => [m.id, m])\n );\n \n const visited = new Set();\n let currentId: number | null = newMessage.parentId;\n \n while (currentId != null) {\n if (visited.has(currentId)) {\n throw new Error('Cycle detected in message tree');\n }\n visited.add(currentId);\n const msg = byId.get(currentId);\n if (!msg) break;\n currentId = msg.parentId;\n }\n \n return true;\n}\n\n/**\n * Enable branching for a session and create a default \"main\" branch pointing to the last message.\n */\nexport async function enableBranching(state: AppState, sessionId: number): Promise {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) tree.branchingEnabled = true;\n if (!Array.isArray(tree.branches)) tree.branches = [];\n \n if (tree.branches.length === 0) {\n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const last = messages.length > 0 ? messages[messages.length - 1] : null;\n if (last) {\n const bid = 1;\n tree.branches.push({\n id: bid,\n leafMessageId: last.id,\n name: 'main',\n baseMessageId: null,\n createdAt: Date.now()\n });\n tree.activeBranchId = bid;\n }\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Fork session at a specific message: creates a NEW SESSION with messages up to that point\n */\nexport async function forkSessionAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ sessionId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n // Get messages up to and including the fork point\n const messagesUpToFork = currentPath.slice(0, messageIdx + 1);\n \n // Create a new session with only these messages\n const now = Date.now();\n const newTitle = session.title + ' (fork)';\n const newSlug = session.slug ? session.slug + '-fork-' + now : undefined;\n \n // Build a clean tree with just the forked messages\n const newMessages: Message[] = messagesUpToFork.map((m, idx) => ({\n id: idx + 1, // Renumber from 1\n parentId: idx === 0 ? null : idx,\n createdAt: m.createdAt,\n role: m.role,\n content: m.content,\n reasoning: m.reasoning,\n model: m.model,\n promptLabel: m.promptLabel,\n depth: idx\n }));\n \n const newSessionId = await state.db.sessions.add({\n title: newTitle,\n slug: newSlug,\n createdAt: now,\n updatedAt: now,\n folderId: session.folderId,\n systemPromptId: session.systemPromptId,\n activeSettingsSource: session.activeSettingsSource,\n tree: {\n messages: newMessages,\n branches: [{ id: 1, leafMessageId: newMessages.length, name: 'main', baseMessageId: null, createdAt: now }],\n activeBranchId: 1,\n branchingEnabled: true\n },\n settings: session.settings ? { ...session.settings } : undefined,\n systemPrompt: session.systemPrompt || ''\n });\n \n // Reload chats list and switch to the new session\n if (state.loadChats) await state.loadChats();\n if (state.selectChat) await state.selectChat(newSessionId);\n \n return { sessionId: newSessionId };\n}\n\n/**\n * Create a sibling alternative at a given message index (works for user or assistant).\n * For user messages: keeps the user message and triggers regeneration\n * For assistant messages: creates a blank sibling assistant message\n */\nexport async function forkAtMessage(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ messageId?: number; branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const baseMsg = currentPath[messageIdx];\n if (!baseMsg) return null;\n \n // For user messages: create new branch pointing to the user message, then let streamAssistant create the response\n if (baseMsg.role === 'user') {\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: baseMsg.id,\n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (just up to the user message)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming - it will create the assistant message with a NEW ID\n if (state.streamAssistant) {\n if (state.scrollToBottom) state.scrollToBottom();\n state.streamAssistant();\n }\n }\n \n return { branchId: newBranchId };\n } else {\n // For assistant messages: create blank sibling\n const newMsgId = getNextMessageId(session);\n const newMessage: Message = {\n id: newMsgId,\n parentId: baseMsg.parentId ?? null,\n createdAt: Date.now(),\n role: 'assistant',\n content: '',\n reasoning: '',\n model: state.selectedModel ?? null,\n promptLabel: state.computeCurrentPromptLabel ? state.computeCurrentPromptLabel() : (state.currentTemplateLabel ?? null),\n depth: typeof baseMsg.depth === 'number' ? baseMsg.depth : 0\n };\n \n validateNoCycles(session, newMessage);\n tree.messages.push(newMessage);\n \n // Create new branch pointing to this new assistant message\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = { \n id: newBranchId, \n leafMessageId: newMsgId, \n name: `alternative ${newBranchId}`, \n baseMessageId: baseMsg.parentId ?? null,\n createdAt: Date.now() \n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI to show the new branch (with blank assistant)\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n }\n \n return { messageId: newMsgId, branchId: newBranchId };\n }\n}\n\n/**\n * Fork and immediately regenerate (for assistant messages): create sibling + trigger streaming\n */\nexport async function forkAndRegenerate(\n state: AppState,\n sessionId: number,\n messageIdx: number\n): Promise<{ branchId: number } | null> {\n if (!state?.db?.sessions || !sessionId) return null;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return null;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return null;\n \n const currentPath = buildMessagePath(session, tree.activeBranchId);\n if (!Array.isArray(currentPath) || messageIdx < 0 || messageIdx >= currentPath.length) return null;\n \n const targetMsg = currentPath[messageIdx];\n if (!targetMsg || targetMsg.role !== 'assistant') return null;\n \n // Find previous user message to rerun from\n let prevUserMsg: Message | null = null;\n for (let i = messageIdx - 1; i >= 0; i--) {\n if (currentPath[i].role === 'user') {\n prevUserMsg = currentPath[i];\n break;\n }\n }\n if (!prevUserMsg) return null;\n \n // Create a new branch that will contain the regenerated response\n const newBranchId = getNextBranchId(session);\n const newBranch: Branch = {\n id: newBranchId,\n leafMessageId: prevUserMsg.id, // Start at the user message\n name: `alternative ${newBranchId}`,\n baseMessageId: prevUserMsg.parentId ?? null,\n createdAt: Date.now()\n };\n \n if (!Array.isArray(tree.branches)) tree.branches = [];\n tree.branches.push(newBranch);\n tree.activeBranchId = newBranchId;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI and truncate to the user message, then trigger regeneration\n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, newBranchId);\n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = newBranchId;\n \n // Trigger streaming assistant reply\n if (state.streamAssistant && state.$nextTick) {\n state.$nextTick(() => state.streamAssistant!());\n }\n }\n \n return { branchId: newBranchId };\n}\n\n/**\n * Switch to a different branch\n */\nexport async function switchBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n console.log('🔀 switchBranch called:', { sessionId, branchId, currentBranchId: state.currentBranchId });\n console.log('📊 Session tree before switch:', JSON.stringify(session.tree, null, 2));\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) {\n console.warn('⚠️ Branching not enabled for this session');\n return;\n }\n \n const branch = getBranchById(session, branchId);\n if (!branch) {\n console.warn('⚠️ Branch not found:', branchId, 'Available branches:', tree.branches.map(b => b.id));\n return;\n }\n \n console.log('✅ Found branch:', branch);\n \n tree.activeBranchId = branch.id;\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n const path = buildMessagePath(session, branch.id);\n console.log('📝 Built message path for branch', branch.id, ':', path.length, 'messages');\n \n state.messages = path.map(messageToUIMessage);\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = branch.id;\n \n console.log('✅ State updated - messages count:', state.messages?.length, 'currentBranchId:', state.currentBranchId);\n \n // Force scroll to bottom after branch switch\n if (state.$nextTick && state.scrollToBottom) {\n state.$nextTick(() => state.scrollToBottom!());\n }\n }\n}\n\n/**\n * Archive (delete) a branch\n */\nexport async function archiveBranch(\n state: AppState,\n sessionId: number,\n branchId: number\n): Promise {\n if (!state?.db?.sessions || !sessionId) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!Array.isArray(tree.branches) || tree.branches.length === 0) return;\n \n tree.branches = tree.branches.filter(b => b.id !== branchId);\n if (tree.activeBranchId === branchId) {\n tree.activeBranchId = tree.branches[0] ? tree.branches[0].id : null;\n }\n \n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n state.currentBranchId = session.tree.activeBranchId ?? null;\n }\n}\n\n/**\n * Rename a branch\n */\nexport async function renameBranch(\n state: AppState,\n sessionId: number,\n branchId: number,\n newName: string\n): Promise {\n if (!state?.db?.sessions || !sessionId) return false;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return false;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n const branch = getBranchById(session, branchId);\n if (!branch) return false;\n \n branch.name = newName.trim() || branch.name || 'branch';\n branch.updatedAt = Date.now();\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n if (state.currentChatId === sessionId) {\n state.sessionTree = session.tree;\n }\n \n return true;\n}\n\n/**\n * Delete a message and all branches that contain it\n */\nexport async function deleteMessageAndBranches(\n state: AppState,\n sessionId: number,\n messageId: number\n): Promise {\n if (!state?.db?.sessions || !sessionId || messageId == null) return;\n \n const session: Session = await state.db.sessions.get(sessionId);\n if (!session) return;\n \n const tree = session.tree || { messages: [], branches: [], activeBranchId: null, branchingEnabled: false };\n if (!tree.branchingEnabled) return;\n \n const messages = Array.isArray(tree.messages) ? tree.messages : [];\n const branches = Array.isArray(tree.branches) ? tree.branches : [];\n \n // Find all branches that contain this message\n const branchesToDelete: number[] = [];\n for (const branch of branches) {\n const path = buildMessagePath(session, branch.id);\n if (path.some(m => m.id === messageId)) {\n branchesToDelete.push(branch.id);\n }\n }\n \n // Remove those branches\n tree.branches = branches.filter(b => !branchesToDelete.includes(b.id));\n \n // If the active branch was deleted, switch to the first remaining branch\n if (tree.activeBranchId && branchesToDelete.includes(tree.activeBranchId)) {\n tree.activeBranchId = tree.branches.length > 0 ? tree.branches[0].id : null;\n }\n \n // Remove the message itself and any messages that have it as parent\n const toRemove = new Set([messageId]);\n let changed = true;\n while (changed) {\n changed = false;\n for (const msg of messages) {\n if (!toRemove.has(msg.id) && msg.parentId != null && toRemove.has(msg.parentId)) {\n toRemove.add(msg.id);\n changed = true;\n }\n }\n }\n tree.messages = messages.filter(m => !toRemove.has(m.id));\n \n // Update session\n session.tree = tree;\n session.updatedAt = Date.now();\n await state.db.sessions.put(session);\n \n // Rebuild UI if this is the current chat\n if (state.currentChatId === sessionId) {\n state.sessionTree = { ...session.tree }; // Force reactivity\n state.currentBranchId = tree.activeBranchId ?? null;\n \n if (tree.activeBranchId && tree.branches.length > 0) {\n const path = buildMessagePath(session, tree.activeBranchId);\n state.messages = path.map(messageToUIMessage);\n } else {\n state.messages = [];\n }\n }\n}\n\n","deleted","label",[167,168,149],"frontend","core","permalink","https://www.val.town/x/yawnxyz/chatter/code/frontend/core/branchManager.ts","extension","actionData","errors"]