[{"data":1,"prerenderedAt":199},["ShallowReactive",2],{"news-\u002Fnews\u002Fdialogue-builder-new-ui":3},{"id":4,"title":5,"body":6,"date":189,"description":190,"draft":191,"extension":192,"image":48,"meta":193,"navigation":150,"path":194,"seo":195,"stem":196,"tag":197,"__hash__":198},"news\u002Fnews\u002Fdialogue-builder-new-ui.md","A cleaner, smoother Dialogue Builder",{"type":7,"value":8,"toc":181},"minimark",[9,13,28,31,36,43,49,52,56,125,131,137,143,152,156],[10,11,5],"h1",{"id":12},"a-cleaner-smoother-dialogue-builder",[14,15,16,17,22,23,27],"p",{},"Our last update gave the ",[18,19,21],"a",{"href":20},"\u002Fdialogue-builder","Dialogue Builder"," a ",[18,24,26],{"href":25},"\u002Fnews\u002Fnew-dialogue-builder-canvas","new canvas",". Now we've rebuilt everything around it. The goal was simple: more room for your dialogue, fewer mystery buttons, and always knowing that your work is saved.",[14,29,30],{},"This redesign took a while, and we're glad it's finally here.",[32,33,35],"h2",{"id":34},"before-and-after","Before and after",[14,37,38],{},[39,40],"img",{"alt":41,"src":42},"Before: the dialogue list covered the canvas and the inspector stayed empty","\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fbefore-builder.jpg",[14,44,45],{},[39,46],{"alt":47,"src":48},"After: top bar with Build, Play and Export, Explorer on the left, canvas in the middle, inspector on the right","\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fafter-builder.png",[14,50,51],{},"Before, the dialogue list sat on top of the canvas, the mode tabs were greyed out without saying why, and the right side of the screen was an empty grey panel until you picked something.",[32,53,55],{"id":54},"whats-new-in-the-dialogue-builder","What's new in the Dialogue Builder",[57,58,59,79,85,91,97,107,113,119],"ul",{},[60,61,62,66,67,70,71,74,75,78],"li",{},[63,64,65],"strong",{},"One top bar."," The story name, the ",[63,68,69],{},"Build",", ",[63,72,73],{},"Play"," and ",[63,76,77],{},"Export"," switcher and the save status now live in a single slim bar. The builder opens straight into Build.",[60,80,81,84],{},[63,82,83],{},"A docked Explorer."," Dialogues, mentioned documents, variables and the meta schema sit in one sidebar on the left, with search. It docks next to the canvas instead of covering it, and you can collapse it.",[60,86,87,90],{},[63,88,89],{},"A clearer inspector."," Speaker, line, options, conditions, variables, meta data and connected documents each get their own labelled section. Every button says what it does, and there is one delete for the node instead of three unlabelled trash icons. Deleting asks for confirmation inside the app.",[60,92,93,96],{},[63,94,95],{},"Canvas tools at the bottom."," Zoom in and out, fit the whole dialogue to the screen, jump to the selected node, and open a searchable list of every node. Pick a node from the list and the canvas glides to it.",[60,98,99,102,103,106],{},[63,100,101],{},"Shortcuts, explained."," The ",[63,104,105],{},"?"," button opens a card with every mouse and keyboard shortcut, like double-click to create a node or drag from a link button to connect.",[60,108,109,112],{},[63,110,111],{},"Autosave you can see."," The top bar shows \"Saving…\" while LoreHub talks to the server and \"Saved just now\" when it's done, so there are no save buttons to hunt for.",[60,114,115,118],{},[63,116,117],{},"Nodes you can read at a glance."," Each node is a dark card with the speaker's avatar and name in its header and up to four lines of text, cut cleanly with \"…\". Links come in on the blue dot and leave from the red one, and options sit inside the card with their own red dot.",[60,120,121,124],{},[63,122,123],{},"Calmer colours."," A light grey canvas with a dot grid, grey links, dark grey bars and inspector sections that stand out from the panel, so your dialogue is what you see first.",[14,126,127],{},[39,128],{"alt":129,"src":130},"The shortcuts card lists every mouse and keyboard action on the canvas","\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fafter-shortcuts.png",[14,132,133],{},[39,134],{"alt":135,"src":136},"Before: icon-only buttons, a speaker field cut to \"S.\" and per-row save icons","\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fbefore-inspector.jpg",[14,138,139],{},[39,140],{"alt":141,"src":142},"After: the inspector with labelled sections for speaker, line and options","\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fafter-inspector.png",[14,144,145],{},[146,147],"video",{"src":148,"width":149,"autoPlay":150,"muted":150,"loop":150,"playsInline":150,"ariaLabel":151},"\u002Fimages\u002Fnews\u002Fdialogue-builder-new-ui\u002Fafter-jump-to-node.mp4",640,true,"Jump to node: pick a node from the list and the canvas glides to it",[32,153,155],{"id":154},"try-the-new-dialogue-builder","Try the new Dialogue Builder",[14,157,158,159,165,166,168,169,174,175,180],{},"Open any dialogue in ",[18,160,164],{"href":161,"rel":162},"https:\u002F\u002Florehub.app",[163],"nofollow","LoreHub"," and press ",[63,167,105],{}," in the bottom toolbar to see what's possible. If something feels off, tell us on ",[18,170,173],{"href":171,"rel":172},"https:\u002F\u002Fdiscord.com\u002Fchannels\u002F663035283419168808\u002F976393281615306772\u002F976393527468634143",[163],"Discord"," or ",[18,176,179],{"href":177,"rel":178},"https:\u002F\u002Fwww.reddit.com\u002Fr\u002Florehub",[163],"Reddit",".",{"title":182,"searchDepth":183,"depth":183,"links":184},"",3,[185,187,188],{"id":34,"depth":186,"text":35},2,{"id":54,"depth":186,"text":55},{"id":154,"depth":186,"text":155},"2026-10-16","The LoreHub Dialogue Builder has a new UI for writing branching dialogue: one top bar, a docked Explorer, a labelled inspector and autosave you can see.",false,"md",{},"\u002Fnews\u002Fdialogue-builder-new-ui",{"title":5,"description":190},"news\u002Fdialogue-builder-new-ui","Improvement","93eTRnudW9yOp0tzvvFJa5pAb8sz8Zb7cDM2QmWun0Q",1792301890498]