[{"data":1,"prerenderedAt":974},["ShallowReactive",2],{"navigation":3,"\u002Fen\u002Fhow-to\u002Fcanvas":129,"\u002Fen\u002Fhow-to\u002Fcanvas-surround":969},[4,68],{"title":5,"path":6,"stem":7,"children":8,"page":22},"En","\u002Fen","en",[9,13,23],{"title":10,"path":11,"stem":12},"Product Overview","\u002Fen\u002Fintroduction","en\u002F0.introduction",{"title":14,"path":15,"stem":16,"children":17,"page":22},"Tutorials","\u002Fen\u002Ftutorials","en\u002F1.tutorials",[18],{"title":19,"path":20,"stem":21},"Quick Start","\u002Fen\u002Ftutorials\u002Fquickstart","en\u002F1.tutorials\u002Fquickstart",false,{"title":24,"path":25,"stem":26,"children":27,"page":22},"How To","\u002Fen\u002Fhow-to","en\u002F2.how-to",[28,32,36,40,44,48,52,56,60,64],{"title":29,"path":30,"stem":31},"Canvas Workspace","\u002Fen\u002Fhow-to\u002Fcanvas","en\u002F2.how-to\u002Fcanvas",{"title":33,"path":34,"stem":35},"Configuration","\u002Fen\u002Fhow-to\u002Fconfigure","en\u002F2.how-to\u002Fconfigure",{"title":37,"path":38,"stem":39},"Scheduled Tasks","\u002Fen\u002Fhow-to\u002Fcron-jobs","en\u002F2.how-to\u002Fcron-jobs",{"title":41,"path":42,"stem":43},"Configuring System Service","\u002Fen\u002Fhow-to\u002Finstall","en\u002F2.how-to\u002Finstall",{"title":45,"path":46,"stem":47},"Managing Instructions","\u002Fen\u002Fhow-to\u002Finstructions","en\u002F2.how-to\u002Finstructions",{"title":49,"path":50,"stem":51},"MCP Servers","\u002Fen\u002Fhow-to\u002Fmcp-servers","en\u002F2.how-to\u002Fmcp-servers",{"title":53,"path":54,"stem":55},"Managing Profiles","\u002Fen\u002Fhow-to\u002Fprofiles","en\u002F2.how-to\u002Fprofiles",{"title":57,"path":58,"stem":59},"Configuring Runtimes","\u002Fen\u002Fhow-to\u002Fruntimes","en\u002F2.how-to\u002Fruntimes",{"title":61,"path":62,"stem":63},"Managing Skills","\u002Fen\u002Fhow-to\u002Fskills","en\u002F2.how-to\u002Fskills",{"title":65,"path":66,"stem":67},"VS Code Integration","\u002Fen\u002Fhow-to\u002Fvscode","en\u002F2.how-to\u002Fvscode",{"title":69,"path":70,"stem":71,"children":72,"page":22},"Zh","\u002Fzh","zh",[73,77,85],{"title":74,"path":75,"stem":76},"产品概述","\u002Fzh\u002Fintroduction","zh\u002F0.introduction",{"title":14,"path":78,"stem":79,"children":80,"page":22},"\u002Fzh\u002Ftutorials","zh\u002F1.tutorials",[81],{"title":82,"path":83,"stem":84},"快速开始","\u002Fzh\u002Ftutorials\u002Fquickstart","zh\u002F1.tutorials\u002Fquickstart",{"title":24,"path":86,"stem":87,"children":88,"page":22},"\u002Fzh\u002Fhow-to","zh\u002F2.how-to",[89,93,97,101,105,109,113,117,121,125],{"title":90,"path":91,"stem":92},"Canvas 工作区","\u002Fzh\u002Fhow-to\u002Fcanvas","zh\u002F2.how-to\u002Fcanvas",{"title":94,"path":95,"stem":96},"配置","\u002Fzh\u002Fhow-to\u002Fconfigure","zh\u002F2.how-to\u002Fconfigure",{"title":98,"path":99,"stem":100},"定时任务","\u002Fzh\u002Fhow-to\u002Fcron-jobs","zh\u002F2.how-to\u002Fcron-jobs",{"title":102,"path":103,"stem":104},"配置系统服务","\u002Fzh\u002Fhow-to\u002Finstall","zh\u002F2.how-to\u002Finstall",{"title":106,"path":107,"stem":108},"管理指令文件","\u002Fzh\u002Fhow-to\u002Finstructions","zh\u002F2.how-to\u002Finstructions",{"title":110,"path":111,"stem":112},"MCP 服务器","\u002Fzh\u002Fhow-to\u002Fmcp-servers","zh\u002F2.how-to\u002Fmcp-servers",{"title":114,"path":115,"stem":116},"管理 Profile","\u002Fzh\u002Fhow-to\u002Fprofiles","zh\u002F2.how-to\u002Fprofiles",{"title":118,"path":119,"stem":120},"配置 Runtime","\u002Fzh\u002Fhow-to\u002Fruntimes","zh\u002F2.how-to\u002Fruntimes",{"title":122,"path":123,"stem":124},"管理 Skill","\u002Fzh\u002Fhow-to\u002Fskills","zh\u002F2.how-to\u002Fskills",{"title":126,"path":127,"stem":128},"VS Code 集成","\u002Fzh\u002Fhow-to\u002Fvscode","zh\u002F2.how-to\u002Fvscode",{"id":130,"title":29,"body":131,"description":962,"extension":963,"links":964,"meta":965,"navigation":966,"path":30,"seo":967,"stem":31,"__hash__":968},"docs\u002Fen\u002F2.how-to\u002Fcanvas.md",{"type":132,"value":133,"toc":922},"minimark",[134,138,143,146,168,172,185,189,194,197,229,233,236,262,266,270,284,287,291,306,309,313,316,336,339,350,354,357,360,371,374,385,388,396,400,403,414,418,423,443,446,450,453,457,460,477,480,484,487,498,502,505,509,512,536,539,545,549,552,632,636,640,654,658,672,676,690,694,698,704,710,721,725,730,735,743,747,755,759,764,768,779,783,865,869,901,905],[135,136,137],"p",{},"Canvas Workspace is Sink’s feature for managing and visualizing multiple\nTasks. It lets you arrange multiple Task windows, sticky notes, and\nexternal content on a canvas with free-form layout and immersive work\nmode.",[139,140,142],"h2",{"id":141},"what-is-canvas","What is Canvas?",[135,144,145],{},"Canvas is a whiteboard-like multi-window workspace. You can:",[147,148,149,153,156,159,162,165],"ul",{},[150,151,152],"li",{},"Display multiple Task details simultaneously",[150,154,155],{},"Add text sticky notes for quick notes",[150,157,158],{},"Embed external webpages and tools",[150,160,161],{},"Freely drag and resize windows",[150,163,164],{},"Use immersion mode to hide sidebar and focus on work",[150,166,167],{},"All layout changes are automatically saved",[139,169,171],{"id":170},"accessing-canvas","Accessing Canvas",[135,173,174,175,179,180,184],{},"Click ",[176,177,178],"strong",{},"Canvas"," in the main menu, or visit directly:\n",[181,182,183],"code",{},"http:\u002F\u002Flocalhost:5000\u002Fcanvas"," (adjust address and port based on your\nGateway configuration).",[139,186,188],{"id":187},"canvas-interface","Canvas Interface",[190,191,193],"h3",{"id":192},"top-toolbar","Top Toolbar",[135,195,196],{},"Canvas provides the following tools at the top:",[147,198,199,205,211,217,223],{},[150,200,201,204],{},[176,202,203],{},"Add Task Window"," — Select an existing Task and add it as a window",[150,206,207,210],{},[176,208,209],{},"Add Sticky Note"," — Create a text sticky note node",[150,212,213,216],{},[176,214,215],{},"Background Selector"," — Choose canvas background (grid, dots, or\nnone)",[150,218,219,222],{},[176,220,221],{},"Immersion Mode Toggle"," — Hide sidebar to focus on Canvas",[150,224,225,228],{},[176,226,227],{},"Minimap"," — Lower-right corner shows bird’s-eye view of entire\ncanvas",[190,230,232],{"id":231},"canvas-area","Canvas Area",[135,234,235],{},"The center is your workspace. Window nodes can be:",[147,237,238,244,250,256],{},[150,239,240,243],{},[176,241,242],{},"Dragged"," — Hold the title bar and drag to move",[150,245,246,249],{},[176,247,248],{},"Resized"," — Drag from the resize handle at the bottom-right corner",[150,251,252,255],{},[176,253,254],{},"Zoomed and panned"," — Use mouse wheel to zoom, hold spacebar and\ndrag to pan",[150,257,258,261],{},[176,259,260],{},"Layered"," — Windows can overlap; click a window to bring it forward",[139,263,265],{"id":264},"common-operations","Common Operations",[190,267,269],{"id":268},"add-a-task-window","Add a Task Window",[271,272,273,278,281],"ol",{},[150,274,174,275,277],{},[176,276,203],{}," in the top toolbar",[150,279,280],{},"Select the Task you want to add from the dropdown",[150,282,283],{},"The Task detail window appears in the canvas center",[135,285,286],{},"You can add multiple windows of the same or different Tasks, each\noperating independently.",[190,288,290],{"id":289},"create-a-sticky-note","Create a Sticky Note",[271,292,293,297,300,303],{},[150,294,174,295,277],{},[176,296,209],{},[150,298,299],{},"A blank sticky note node appears on the canvas",[150,301,302],{},"Click the note to enter edit mode and type text",[150,304,305],{},"Sticky notes support Markdown syntax",[135,307,308],{},"Sticky notes are useful for recording temporary notes, saving important\ninformation, or quick annotations.",[190,310,312],{"id":311},"arrange-and-organize-windows","Arrange and Organize Windows",[135,314,315],{},"Canvas window layout is completely under your control:",[147,317,318,324,330],{},[150,319,320,323],{},[176,321,322],{},"Drag to move"," — Click the title bar and drag to a new position",[150,325,326,329],{},[176,327,328],{},"Resize"," — Drag the resize handle at the bottom-right corner to\nexpand or shrink",[150,331,332,335],{},[176,333,334],{},"Free arrangement"," — Place windows according to your workflow",[135,337,338],{},"For example, you can:",[147,340,341,344,347],{},[150,342,343],{},"Place one Task on the left, another on the right for comparison",[150,345,346],{},"Put the most important Task in the center, reference materials around\nit",[150,348,349],{},"Group by project or priority",[190,351,353],{"id":352},"work-in-immersion-mode","Work in Immersion Mode",[135,355,356],{},"Immersion mode hides the sidebar, giving you maximum canvas space.",[135,358,359],{},"To enable immersion mode:",[271,361,362,368],{},[150,363,174,364,367],{},[176,365,366],{},"Immersion Mode"," toggle in the top toolbar",[150,369,370],{},"The sidebar collapses, showing only floating control panels",[135,372,373],{},"In immersion mode, the floating panel provides:",[147,375,376,379,382],{},[150,377,378],{},"Workspace switching",[150,380,381],{},"YOLO mode toggle",[150,383,384],{},"Other necessary operation shortcuts",[135,386,387],{},"To exit:",[147,389,390],{},[150,391,392,393],{},"Click the immersion mode toggle again in the floating panel, or press\n",[181,394,395],{},"Esc",[190,397,399],{"id":398},"use-the-minimap","Use the Minimap",[135,401,402],{},"The minimap in the lower-right corner shows a bird’s-eye view of the\nentire canvas:",[147,404,405,408,411],{},[150,406,407],{},"Visualizes all window node positions",[150,409,410],{},"Helps navigation on large canvases",[150,412,413],{},"Click anywhere on the minimap to quickly jump to that location",[190,415,417],{"id":416},"change-background-style","Change Background Style",[135,419,174,420,422],{},[176,421,215],{}," in the top toolbar to change the canvas\nbackground:",[147,424,425,431,437],{},[150,426,427,430],{},[176,428,429],{},"Grid"," — Standard grid background, aids alignment",[150,432,433,436],{},[176,434,435],{},"Dots"," — Dot background, less distracting",[150,438,439,442],{},[176,440,441],{},"None"," — Solid color background, cleanest",[135,444,445],{},"The selection applies immediately and saves automatically.",[139,447,449],{"id":448},"window-types","Window Types",[135,451,452],{},"Canvas supports multiple types of window nodes:",[190,454,456],{"id":455},"task-detail-window","Task Detail Window",[135,458,459],{},"Displays complete Task information, including:",[147,461,462,465,468,471,474],{},[150,463,464],{},"Task title and phase",[150,466,467],{},"Chat messages and Agent output",[150,469,470],{},"Team member information (if team Task)",[150,472,473],{},"Tool call details",[150,475,476],{},"Event log",[135,478,479],{},"Task detail windows are fully interactive—you can send messages to the\nAgent, approve permission requests, etc., directly in the window.",[190,481,483],{"id":482},"text-sticky-note-window","Text Sticky Note Window",[135,485,486],{},"Simple text editing window supporting Markdown. Use for:",[147,488,489,492,495],{},[150,490,491],{},"Recording ideas and notes",[150,493,494],{},"Saving temporary information",[150,496,497],{},"Marking important info",[190,499,501],{"id":500},"external-content-window","External Content Window",[135,503,504],{},"Canvas can embed external webpages and tools (enable by entering a URL\nin Canvas).",[139,506,508],{"id":507},"saving-and-restoring","Saving and Restoring",[135,510,511],{},"All Canvas state saves automatically:",[147,513,514,520,526,531],{},[150,515,516,519],{},[176,517,518],{},"Window position"," — Saves automatically when moved or resized",[150,521,522,525],{},[176,523,524],{},"Window size"," — Saves automatically",[150,527,528,525],{},[176,529,530],{},"Background choice",[150,532,533,525],{},[176,534,535],{},"Sticky note content",[135,537,538],{},"Next time you open Canvas, all layouts, sticky note content, and\nbackground settings restore.",[135,540,541,544],{},[176,542,543],{},"Storage location",": Layout data is stored in browser’s localStorage,\nisolated per workspace.",[139,546,548],{"id":547},"keyboard-shortcuts","Keyboard Shortcuts",[135,550,551],{},"Canvas supports the following shortcuts:",[553,554,555,568],"table",{},[556,557,558],"thead",{},[559,560,561,565],"tr",{},[562,563,564],"th",{},"Shortcut",[562,566,567],{},"Function",[569,570,571,581,597,605,619],"tbody",{},[559,572,573,578],{},[574,575,576],"td",{},[181,577,395],{},[574,579,580],{},"Exit immersion mode or close current window",[559,582,583,586],{},[574,584,585],{},"Mouse wheel",[574,587,588,589,592,593,596],{},"Zoom canvas (use ",[181,590,591],{},"Ctrl","\u002F",[181,594,595],{},"Cmd"," + wheel also works)",[559,598,599,602],{},[574,600,601],{},"Spacebar + drag",[574,603,604],{},"Pan canvas view",[559,606,607,616],{},[574,608,609,612,613],{},[181,610,611],{},"Ctrl+Y"," \u002F ",[181,614,615],{},"Cmd+Y",[574,617,618],{},"Toggle YOLO mode (fast mode)",[559,620,621,629],{},[574,622,623,612,626],{},[181,624,625],{},"Ctrl+P",[181,627,628],{},"Cmd+P",[574,630,631],{},"Open Workspace switcher",[139,633,635],{"id":634},"common-scenarios","Common Scenarios",[190,637,639],{"id":638},"scenario-1-compare-multiple-tasks","Scenario 1: Compare Multiple Tasks",[271,641,642,645,648,651],{},[150,643,644],{},"Add two Task windows, place side-by-side",[150,646,647],{},"View Task A output in the left window",[150,649,650],{},"View Task B output in the right window",[150,652,653],{},"Real-time comparison of two Agents’ work",[190,655,657],{"id":656},"scenario-2-main-task-reference-materials","Scenario 2: Main Task + Reference Materials",[271,659,660,663,666,669],{},[150,661,662],{},"Add main Task window in center, enlarge it",[150,664,665],{},"Add subtasks or related references around it",[150,667,668],{},"Use sticky notes to record key information",[150,670,671],{},"Keep the main Task visible when working in immersion mode",[190,673,675],{"id":674},"scenario-3-team-collaboration","Scenario 3: Team Collaboration",[271,677,678,681,684,687],{},[150,679,680],{},"Add Task windows for each team member",[150,682,683],{},"Arrange by role or priority",[150,685,686],{},"Add sticky notes to track overall progress",[150,688,689],{},"Quickly review all members’ work status",[139,691,693],{"id":692},"troubleshooting","Troubleshooting",[190,695,697],{"id":696},"window-wont-display-task-content","Window Won’t Display Task Content",[135,699,700,703],{},[176,701,702],{},"Symptom",": Window appears blank or loading indefinitely",[135,705,706,709],{},[176,707,708],{},"Solution",":",[271,711,712,715,718],{},[150,713,714],{},"Refresh the page to reload Canvas",[150,716,717],{},"Verify Task exists (check in Task list)",[150,719,720],{},"Check browser console for error messages",[190,722,724],{"id":723},"layout-not-saved","Layout Not Saved",[135,726,727,729],{},[176,728,702],{},": Window layout disappears after page refresh",[135,731,732,709],{},[176,733,734],{},"Possible causes",[271,736,737,740],{},[150,738,739],{},"localStorage cleared (some browsers auto-clear it)",[150,741,742],{},"Browser in private browsing mode (some browsers don’t allow storage)",[135,744,745,709],{},[176,746,708],{},[147,748,749,752],{},[150,750,751],{},"Use Canvas in normal browsing mode",[150,753,754],{},"Ensure website can store local data",[190,756,758],{"id":757},"cant-exit-immersion-mode","Can’t Exit Immersion Mode",[135,760,761,763],{},[176,762,702],{},": Immersion mode toggle doesn’t respond",[135,765,766,709],{},[176,767,708],{},[147,769,770,776],{},[150,771,772,773,775],{},"Press ",[181,774,395],{}," key to force exit",[150,777,778],{},"Refresh page (reverts to normal mode)",[139,780,782],{"id":781},"comparing-task-detail-vs-canvas-window","Comparing Task Detail vs Canvas Window",[553,784,785,798],{},[556,786,787],{},[559,788,789,792,795],{},[562,790,791],{},"Feature",[562,793,794],{},"Task Detail Page",[562,796,797],{},"Canvas Window",[569,799,800,811,822,833,843,854],{},[559,801,802,805,808],{},[574,803,804],{},"Display count",[574,806,807],{},"One at a time",[574,809,810],{},"Multiple simultaneously",[559,812,813,816,819],{},[574,814,815],{},"Layout",[574,817,818],{},"Fixed",[574,820,821],{},"Free-form",[559,823,824,827,830],{},[574,825,826],{},"Size",[574,828,829],{},"Screen-adaptive",[574,831,832],{},"Freely adjustable",[559,834,835,838,840],{},[574,836,837],{},"Background",[574,839,441],{},[574,841,842],{},"Customizable",[559,844,845,848,851],{},[574,846,847],{},"Sticky notes",[574,849,850],{},"Not supported",[574,852,853],{},"Supported",[559,855,856,859,862],{},[574,857,858],{},"Best for",[574,860,861],{},"Single Task deep work",[574,863,864],{},"Multi-task collaboration and comparison",[139,866,868],{"id":867},"best-practices","Best Practices",[271,870,871,877,883,889,895],{},[150,872,873,876],{},[176,874,875],{},"Regularly save important notes"," — While sticky notes auto-save,\nbackup important information periodically",[150,878,879,882],{},[176,880,881],{},"Use different workspaces for different projects"," — Each workspace\nhas independent Canvas layout for project isolation",[150,884,885,888],{},[176,886,887],{},"Use immersion mode when needed"," — Enable for focused work, reduce\ndistractions",[150,890,891,894],{},[176,892,893],{},"Organize windows sensibly"," — Place related Tasks close together,\nimportant ones in center",[150,896,897,900],{},[176,898,899],{},"Use sticky notes for labeling"," — Add title sticky notes to\ndifferent Task areas for quick navigation",[139,902,904],{"id":903},"next-steps","Next Steps",[271,906,907,915],{},[150,908,909,914],{},[910,911,913],"a",{"href":912},".\u002Finstructions","Manage Tasks"," — Learn how to create and manage\nTasks",[150,916,917,921],{},[910,918,920],{"href":919},"..\u002Ftutorials\u002Fquickstart","Quick Start Tutorial"," — Create your\nfirst Task and manage it in Canvas",{"title":923,"searchDepth":924,"depth":925,"links":926},"",1,2,[927,928,929,934,942,947,948,949,954,959,960,961],{"id":141,"depth":925,"text":142},{"id":170,"depth":925,"text":171},{"id":187,"depth":925,"text":188,"children":930},[931,933],{"id":192,"depth":932,"text":193},3,{"id":231,"depth":932,"text":232},{"id":264,"depth":925,"text":265,"children":935},[936,937,938,939,940,941],{"id":268,"depth":932,"text":269},{"id":289,"depth":932,"text":290},{"id":311,"depth":932,"text":312},{"id":352,"depth":932,"text":353},{"id":398,"depth":932,"text":399},{"id":416,"depth":932,"text":417},{"id":448,"depth":925,"text":449,"children":943},[944,945,946],{"id":455,"depth":932,"text":456},{"id":482,"depth":932,"text":483},{"id":500,"depth":932,"text":501},{"id":507,"depth":925,"text":508},{"id":547,"depth":925,"text":548},{"id":634,"depth":925,"text":635,"children":950},[951,952,953],{"id":638,"depth":932,"text":639},{"id":656,"depth":932,"text":657},{"id":674,"depth":932,"text":675},{"id":692,"depth":925,"text":693,"children":955},[956,957,958],{"id":696,"depth":932,"text":697},{"id":723,"depth":932,"text":724},{"id":757,"depth":932,"text":758},{"id":781,"depth":925,"text":782},{"id":867,"depth":925,"text":868},{"id":903,"depth":925,"text":904},"Use the Canvas whiteboard for visual multi-task management","md",null,{},true,{"title":29,"description":962},"qOJVrT5s9biakZo9btKpPi1hbHHFI9B3FeNs_z5ve34",[970,972],{"title":19,"path":20,"stem":21,"description":971,"children":-1},"Initialize Sink and run your first AI task",{"title":33,"path":34,"stem":35,"description":973,"children":-1},"Configure Sink gateway port, authentication, logging, and core parameters",1778225992497]