[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"docs-navigation-en":3,"docs-en-getting-started/interface":172},[4,22,60,90,104,130,152,157,162,167],{"path":5,"slug":6,"title":7,"icon":8,"children":9},"/en/docs/getting-started","getting-started","Getting Started","rocket",[10,14,18],{"path":11,"slug":12,"title":13},"/en/docs/getting-started/installation","getting-started/installation","Installation",{"path":15,"slug":16,"title":17},"/en/docs/getting-started/quick-start","getting-started/quick-start","Quick Start",{"path":19,"slug":20,"title":21},"/en/docs/getting-started/interface","getting-started/interface","Interface",{"path":23,"slug":24,"title":25,"icon":26,"children":27},"/en/docs/editor","editor","Editor","pen",[28,32,36,40,44,48,52,56],{"path":29,"slug":30,"title":31},"/en/docs/editor/formatting","editor/formatting","Formatting",{"path":33,"slug":34,"title":35},"/en/docs/editor/blocks","editor/blocks","Content blocks",{"path":37,"slug":38,"title":39},"/en/docs/editor/media","editor/media","Images",{"path":41,"slug":42,"title":43},"/en/docs/editor/folders","editor/folders","Folders and notebooks",{"path":45,"slug":46,"title":47},"/en/docs/editor/templates","editor/templates","Templates",{"path":49,"slug":50,"title":51},"/en/docs/editor/export","editor/export","Export",{"path":53,"slug":54,"title":55},"/en/docs/editor/search","editor/search","Search",{"path":57,"slug":58,"title":59},"/en/docs/editor/shortcuts","editor/shortcuts","Keyboard shortcuts",{"path":61,"slug":62,"title":63,"icon":64,"children":65},"/en/docs/ai","ai","AI Assistant","sparkles",[66,70,74,78,82,86],{"path":67,"slug":68,"title":69},"/en/docs/ai/chat","ai/chat","AI Chat",{"path":71,"slug":72,"title":73},"/en/docs/ai/assistant","ai/assistant","Editor Assistant",{"path":75,"slug":76,"title":77},"/en/docs/ai/models","ai/models","Models",{"path":79,"slug":80,"title":81},"/en/docs/ai/web-search","ai/web-search","Web Search",{"path":83,"slug":84,"title":85},"/en/docs/ai/images","ai/images","Image Generation",{"path":87,"slug":88,"title":89},"/en/docs/ai/tips","ai/tips","Prompt Tips",{"path":91,"slug":92,"title":93,"icon":94,"children":95},"/en/docs/collaboration","collaboration","Collaboration","users",[96,100],{"path":97,"slug":98,"title":99},"/en/docs/collaboration/realtime","collaboration/realtime","Real-Time",{"path":101,"slug":102,"title":103},"/en/docs/collaboration/sharing","collaboration/sharing","Working Together",{"path":105,"slug":106,"title":107,"icon":108,"children":109},"/en/docs/platform","platform","Platform","monitor-smartphone",[110,114,118,122,126],{"path":111,"slug":112,"title":113},"/en/docs/platform/web","platform/web","Web version",{"path":115,"slug":116,"title":117},"/en/docs/platform/desktop","platform/desktop","Desktop",{"path":119,"slug":120,"title":121},"/en/docs/platform/mobile","platform/mobile","Mobile app",{"path":123,"slug":124,"title":125},"/en/docs/platform/browser-extension","platform/browser-extension","Browser extension",{"path":127,"slug":128,"title":129},"/en/docs/platform/offline","platform/offline","Offline mode",{"path":131,"slug":132,"title":133,"icon":134,"children":135},"/en/docs/billing","billing","Pricing and Billing","credit-card",[136,140,144,148],{"path":137,"slug":138,"title":139},"/en/docs/billing/plans","billing/plans","Plans",{"path":141,"slug":142,"title":143},"/en/docs/billing/livecoins","billing/livecoins","LiveCoins",{"path":145,"slug":146,"title":147},"/en/docs/billing/payments","billing/payments","Payments",{"path":149,"slug":150,"title":151},"/en/docs/billing/referral","billing/referral","Referral Program",{"path":153,"slug":154,"title":155,"icon":156},"/en/docs/integrations","integrations","Integrations","plug",{"path":158,"slug":159,"title":160,"icon":161},"/en/docs/security","security","Security","shield",{"path":163,"slug":164,"title":165,"icon":166},"/en/docs/faq","faq","FAQ","circle-help",{"path":168,"slug":169,"title":170,"icon":171},"/en/docs/roadmap","roadmap","Roadmap","map",{"data":173},{"id":174,"document_id":175,"collection":176,"slug":20,"locale":177,"status":178,"title":179,"description":180,"frontmatter":181,"blocks":182,"first_published_at":183,"published_at":183,"expire_at":184,"created_at":185,"updated_at":183,"deleted_at":184,"body_source":186,"body_ast":187,"ast_version":479,"body_format":480,"nav":481,"search":483},"925e65a3-b9dc-4f9a-aa25-10efaea1405d","7fbfd7aa-add5-4e98-ade1-2ae965e6ee39","doc","en","published","LiveAI Interface","An overview of the LiveAI workspace -- navigation, editor, AI chat, and how to customize the interface to your needs",{"title":179,"description":180},[],"2026-08-25T17:32:52.882Z",null,"2026-08-25T17:32:51.983Z","---\ntitle: \"LiveAI Interface\"\ndescription: \"An overview of the LiveAI workspace -- navigation, editor, AI chat, and how to customize the interface to your needs\"\nnavigation:\n  title: \"Interface\"\n---\n\n# Interface overview\n\nThe LiveAI interface is divided into three main zones. On the left are your documents, in the center is the editor, and on the right is the AI chat. This layout lets you work with text and the AI simultaneously without switching between windows.\n\n## Three workspace zones\n\n### Left panel: navigation\n\nThis is where your folders and notebooks live. It's your library -- everything you've ever created in LiveAI.\n\nWhat you can do here:\n- **Create** folders and notebooks using the buttons at the top\n- **Move** items by dragging and dropping\n- **Search** -- the search bar filters documents by name in real time\n- **Expand/collapse** folders for easy navigation\n\n### Center zone: editor\n\nThe main work area. This is where you write, format, insert blocks, and work with content. The editor takes up as much space as needed -- the side panels can be collapsed.\n\nAbove the text is a toolbar with formatting buttons. But if you prefer keyboard shortcuts or Markdown syntax, you can ignore the toolbar entirely -- everything works without it.\n\n[Learn more about the editor ->](/docs/editor)\n\n### Right panel: AI chat\n\nYour always-available assistant. Ask questions, request text, search the web for information, generate images. The chat remembers conversation context and can see your notes.\n\nAt the bottom of the chat is the input field with buttons:\n- **Model** -- choose the AI tier (Basic, Premium, Super)\n- **Search** -- enables web search\n- **Image** -- switches to image generation mode\n- **Files** -- attaches files to your request\n\n[Learn more about AI ->](/docs/ai)\n\nStep-by-step guide to your first AI text — in the [beginner's guide](/guides/first-text).\n\n## Dark and light theme\n\nLiveAI supports two visual themes. Switch themes in settings or use the system theme -- the interface will adapt to your OS settings.\n\n| Theme | When it's useful |\n|-------|-----------------|\n| **Light** | Daytime work, good lighting |\n| **Dark** | Evening work, less eye strain |\n\n::callout{type=\"tip\" title=\"Automatic selection\"}\nIf you choose the system theme, LiveAI will switch along with your operating system. Light during the day, dark in the evening.\n::\n\n## Responsiveness\n\nThe interface adapts to your screen size:\n\n- **On desktop** -- all three zones are visible at once, and you can resize them\n- **On tablet** -- side panels collapse with a gesture or button\n- **On phone** -- screens switch with a swipe: navigation \u003C-> editor \u003C-> chat\n\n## Multiple documents at once\n\nLiveAI supports tabs -- open several notebooks and switch between them. Each tab preserves its scroll position and navigation history.\n\nThis is convenient when you're working with several related documents -- for example, gathering information from one note into another.\n\n## Quick actions\n\nA few tricks to speed up your workflow:\n\n| Action | How to do it |\n|--------|-------------|\n| Collapse the left panel | Click on the divider or drag it to the left |\n| Collapse the AI chat | Click on the divider or drag it to the right |\n| Maximize the editor | Collapse both panels -- the editor fills the entire screen |\n| Switch theme | Settings -> Appearance |\n\n## Next\n\nNow that you know where everything is, it's time to explore the [editor](/docs/editor) -- it can do a lot more than meets the eye.\n",{"toc":188,"type":221,"value":222},{"depth":189,"links":190,"title":220,"searchDepth":189},3,[191,205,208,211,214,217],{"id":192,"text":193,"depth":194,"children":195},"three-workspace-zones","Three workspace zones",2,[196,199,202],{"id":197,"text":198,"depth":189},"left-panel-navigation","Left panel: navigation",{"id":200,"text":201,"depth":189},"center-zone-editor","Center zone: editor",{"id":203,"text":204,"depth":189},"right-panel-ai-chat","Right panel: AI chat",{"id":206,"text":207,"depth":194},"dark-and-light-theme","Dark and light theme",{"id":209,"text":210,"depth":194},"responsiveness","Responsiveness",{"id":212,"text":213,"depth":194},"multiple-documents-at-once","Multiple documents at once",{"id":215,"text":216,"depth":194},"quick-actions","Quick actions",{"id":218,"text":219,"depth":194},"next","Next","","minimark",[223,228,232,235,238,241,244,272,274,277,280,287,289,292,295,320,326,334,336,339,379,387,389,392,412,414,417,420,422,425,471,473],[224,225,227],"h1",{"id":226},"interface-overview","Interface overview",[229,230,231],"p",{},"The LiveAI interface is divided into three main zones. On the left are your documents, in the center is the editor, and on the right is the AI chat. This layout lets you work with text and the AI simultaneously without switching between windows.",[233,234,193],"h2",{"id":192},[236,237,198],"h3",{"id":197},[229,239,240],{},"This is where your folders and notebooks live. It's your library -- everything you've ever created in LiveAI.",[229,242,243],{},"What you can do here:",[245,246,247,255,261,266],"ul",{},[248,249,250,254],"li",{},[251,252,253],"strong",{},"Create"," folders and notebooks using the buttons at the top",[248,256,257,260],{},[251,258,259],{},"Move"," items by dragging and dropping",[248,262,263,265],{},[251,264,55],{}," -- the search bar filters documents by name in real time",[248,267,268,271],{},[251,269,270],{},"Expand/collapse"," folders for easy navigation",[236,273,201],{"id":200},[229,275,276],{},"The main work area. This is where you write, format, insert blocks, and work with content. The editor takes up as much space as needed -- the side panels can be collapsed.",[229,278,279],{},"Above the text is a toolbar with formatting buttons. But if you prefer keyboard shortcuts or Markdown syntax, you can ignore the toolbar entirely -- everything works without it.",[229,281,282],{},[283,284,286],"a",{"href":285},"/docs/editor","Learn more about the editor ->",[236,288,204],{"id":203},[229,290,291],{},"Your always-available assistant. Ask questions, request text, search the web for information, generate images. The chat remembers conversation context and can see your notes.",[229,293,294],{},"At the bottom of the chat is the input field with buttons:",[245,296,297,303,308,314],{},[248,298,299,302],{},[251,300,301],{},"Model"," -- choose the AI tier (Basic, Premium, Super)",[248,304,305,307],{},[251,306,55],{}," -- enables web search",[248,309,310,313],{},[251,311,312],{},"Image"," -- switches to image generation mode",[248,315,316,319],{},[251,317,318],{},"Files"," -- attaches files to your request",[229,321,322],{},[283,323,325],{"href":324},"/docs/ai","Learn more about AI ->",[229,327,328,329,333],{},"Step-by-step guide to your first AI text — in the ",[283,330,332],{"href":331},"/guides/first-text","beginner's guide",".",[233,335,207],{"id":206},[229,337,338],{},"LiveAI supports two visual themes. Switch themes in settings or use the system theme -- the interface will adapt to your OS settings.",[340,341,342,355],"table",{},[343,344,345],"thead",{},[346,347,348,352],"tr",{},[349,350,351],"th",{},"Theme",[349,353,354],{},"When it's useful",[356,357,358,369],"tbody",{},[346,359,360,366],{},[361,362,363],"td",{},[251,364,365],{},"Light",[361,367,368],{},"Daytime work, good lighting",[346,370,371,376],{},[361,372,373],{},[251,374,375],{},"Dark",[361,377,378],{},"Evening work, less eye strain",[380,381,384],"callout",{"type":382,"title":383},"tip","Automatic selection",[229,385,386],{},"If you choose the system theme, LiveAI will switch along with your operating system. Light during the day, dark in the evening.",[233,388,210],{"id":209},[229,390,391],{},"The interface adapts to your screen size:",[245,393,394,400,406],{},[248,395,396,399],{},[251,397,398],{},"On desktop"," -- all three zones are visible at once, and you can resize them",[248,401,402,405],{},[251,403,404],{},"On tablet"," -- side panels collapse with a gesture or button",[248,407,408,411],{},[251,409,410],{},"On phone"," -- screens switch with a swipe: navigation \u003C-> editor \u003C-> chat",[233,413,213],{"id":212},[229,415,416],{},"LiveAI supports tabs -- open several notebooks and switch between them. Each tab preserves its scroll position and navigation history.",[229,418,419],{},"This is convenient when you're working with several related documents -- for example, gathering information from one note into another.",[233,421,216],{"id":215},[229,423,424],{},"A few tricks to speed up your workflow:",[340,426,427,437],{},[343,428,429],{},[346,430,431,434],{},[349,432,433],{},"Action",[349,435,436],{},"How to do it",[356,438,439,447,455,463],{},[346,440,441,444],{},[361,442,443],{},"Collapse the left panel",[361,445,446],{},"Click on the divider or drag it to the left",[346,448,449,452],{},[361,450,451],{},"Collapse the AI chat",[361,453,454],{},"Click on the divider or drag it to the right",[346,456,457,460],{},[361,458,459],{},"Maximize the editor",[361,461,462],{},"Collapse both panels -- the editor fills the entire screen",[346,464,465,468],{},[361,466,467],{},"Switch theme",[361,469,470],{},"Settings -> Appearance",[233,472,219],{"id":218},[229,474,475,476,478],{},"Now that you know where everything is, it's time to explore the ",[283,477,24],{"href":285}," -- it can do a lot more than meets the eye.","minimark-1","mdc",{"order":189,"title":21,"hidden":482},false,"'/docs/ai':294 '/docs/editor':223,541 '/guides/first-text':311 'action':468,477 'adapt':333,385 'ai':11,34,77,88,226,269,293,303,498 'along':369 'alway':230 'always-avail':229 'anoth':466 'appear':525 'area':162 'ask':233 'assist':232 'attach':285 'automat':358 'avail':231 'bar':143 'basic':271 'beginn':308 'block':170 'bottom':256 'button':130,198,265,413 'callout':354 'center':67,156 'chat':12,35,78,227,245,259,423,499 'choos':267,362 'click':486,500 'collaps':189,408,482,496,513 'content':174 'context':248 'conveni':449 'convers':247 'creat':116,124 'custom':16,39 'dark':312,348,378 'day':377 'daytim':344 'descript':25 'desktop':391 'divid':54,489,503 'document':64,145,425,457 'drag':137,491,505 'drop':139 'easi':154 'editor':10,33,70,158,176,222,422,512,517,540 'enabl':275 'entir':213,520 'even':349,381 'ever':115 'everyth':112,214,532 'exampl':459 'expand/collapse':151 'explor':538 'eye':352,551 'field':263 'file':284,286 'fill':518 'filter':144 'first':302 'folder':104,125,152 'format':168,197 'gather':460 'generat':242,282 'gestur':411 'good':346 'guid':299,310 'histori':446 'ignor':210 'imag':243,278,281 'inform':241,461 'input':262 'insert':169 'interfac':2,18,24,41,47,48,52,331,384 'item':135 'keyboard':203 'know':530 'layout':80 'learn':218,290 'left':61,97,484,495 'less':351 'let':81 'librari':111 'light':314,343,347,374 'live':107 'liveai':1,7,23,30,51,118,316,366,428 'lot':546 'main':57,160 'markdown':206 'maxim':510 'meet':549 'mode':283 'model':266 'move':134 'much':180 'multipl':424 'name':147 'navig':9,32,45,99,155,421,445 'need':21,44,183 'next':526 'note':253,464 'notebook':106,127,433 'one':463 'open':431 'oper':372 'os':336 'overview':4,27,49 'panel':98,186,225,407,485,515 'phone':415 'posit':443 'prefer':202 'premium':272 'preserv':440 'question':234 'quick':467 're':452 'real':149 'relat':456 'rememb':246 'request':235,289 'resiz':402 'respons':382 'right':74,224,509 'screen':388,416,521 'scroll':442 'search':140,142,237,274,277 'see':251 'select':359 'set':324,337,524 'sever':432,455 'shortcut':204 'side':185,406 'simultan':89 'size':389 'space':181 'speed':473 'step':296,298 'step-by-step':295 'strain':353 'super':273 'support':317,429 'swipe':420 'switch':91,279,321,368,417,435,522 'syntax':207 'system':328,364,373 'tab':430,439 'tablet':405 'take':177 'text':85,192,236,304 'theme':315,320,322,329,338,365,523 'three':56,94,393 'tier':270 'time':150,536 'tip':356 'titl':22,46,357 'toolbar':195,212 'top':133 'trick':471 'two':318 'type':355 'use':128,326,342 've':114 'visibl':396 'visual':319 'web':239,276 'window':93 'without':90,216 'work':83,161,172,215,345,350,453 'workflow':476 'workspac':8,31,95 'write':167 'zone':58,96,157,394 '—':305"]