nebulosity 1.0.0 → 1.1.0

package/.next/trace

@@ -1 +1 @@
-[{"name":"generate-buildid","duration":182,"timestamp":240792961,"id":4,"parentId":1,"tags":{},"startTime":1793078286800,"traceId":"8f1187a89963bc87"},{"name":"load-custom-routes","duration":1861,"timestamp":240793316,"id":5,"parentId":1,"tags":{},"startTime":1793078286800,"traceId":"8f1187a89963bc87"},{"name":"create-dist-dir","duration":536,"timestamp":240795232,"id":6,"parentId":1,"tags":{},"startTime":1793078286802,"traceId":"8f1187a89963bc87"},{"name":"clean","duration":354,"timestamp":240796426,"id":7,"parentId":1,"tags":{},"startTime":1793078286804,"traceId":"8f1187a89963bc87"},{"name":"discover-routes","duration":8486,"timestamp":240805486,"id":8,"parentId":1,"tags":{},"startTime":1793078286813,"traceId":"8f1187a89963bc87"},{"name":"create-root-mapping","duration":103,"timestamp":240814037,"id":9,"parentId":1,"tags":{},"startTime":1793078286821,"traceId":"8f1187a89963bc87"},{"name":"generate-route-types","duration":15721,"timestamp":240815425,"id":10,"parentId":1,"tags":{},"startTime":1793078286823,"traceId":"8f1187a89963bc87"},{"name":"public-dir-conflict-check","duration":85,"timestamp":240831271,"id":11,"parentId":1,"tags":{},"startTime":1793078286838,"traceId":"8f1187a89963bc87"},{"name":"generate-routes-manifest","duration":2122,"timestamp":240831452,"id":12,"parentId":1,"tags":{},"startTime":1793078286839,"traceId":"8f1187a89963bc87"},{"name":"turbopack-module-graph","duration":6131000,"timestamp":240897404,"id":15,"parentId":1,"tags":{},"startTime":1793078286905,"traceId":"8f1187a89963bc87"},{"name":"turbopack-write-entrypoints","duration":7386000,"timestamp":240857955,"id":17,"parentId":1,"tags":{},"startTime":1793078286865,"traceId":"8f1187a89963bc87"},{"name":"turbopack-emit","duration":2466000,"timestamp":248300689,"id":19,"parentId":1,"tags":{},"startTime":1793078294308,"traceId":"8f1187a89963bc87"},{"name":"run-turbopack","duration":10009117,"timestamp":240838480,"id":14,"parentId":1,"tags":{},"startTime":1793078286846,"traceId":"8f1187a89963bc87"},{"name":"turbopack-persistence","duration":1031000,"timestamp":250850143,"id":23,"parentId":1,"tags":{"reason":"stop","snapshot_duration_ms":2.8043,"persist_duration_ms":1027.6206000000002,"task_count":256,"bytes_written":60453219,"bytes_deleted":0},"startTime":1793078296857,"traceId":"8f1187a89963bc87"},{"name":"run-typescript","duration":12381790,"timestamp":250869828,"id":22,"parentId":1,"tags":{},"startTime":1793078296877,"traceId":"8f1187a89963bc87"},{"name":"generate-required-server-files","duration":737,"timestamp":263252133,"id":26,"parentId":1,"tags":{},"startTime":1793078309259,"traceId":"8f1187a89963bc87"},{"name":"check-static-error-page","duration":11456,"timestamp":263280143,"id":28,"parentId":27,"tags":{},"startTime":1793078309287,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":415713,"timestamp":263293352,"id":46,"parentId":30,"tags":{},"startTime":1793078309300,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":426030,"timestamp":263283202,"id":30,"parentId":27,"tags":{"page":"/_global-error"},"startTime":1793078309290,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":499620,"timestamp":263293532,"id":48,"parentId":43,"tags":{},"startTime":1793078309301,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":502042,"timestamp":263291228,"id":43,"parentId":27,"tags":{"page":"/icon.svg"},"startTime":1793078309298,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":504213,"timestamp":263293452,"id":47,"parentId":42,"tags":{},"startTime":1793078309301,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":506957,"timestamp":263290765,"id":42,"parentId":27,"tags":{"page":"/favicon.ico"},"startTime":1793078309298,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":557638,"timestamp":263292324,"id":45,"parentId":29,"tags":{},"startTime":1793078309299,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":568480,"timestamp":263281576,"id":29,"parentId":27,"tags":{"page":"/_not-found"},"startTime":1793078309289,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":816102,"timestamp":263297101,"id":50,"parentId":32,"tags":{},"startTime":1793078309304,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":825594,"timestamp":263287712,"id":32,"parentId":27,"tags":{"page":"/api/imports"},"startTime":1793078309295,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":827770,"timestamp":263298101,"id":52,"parentId":33,"tags":{},"startTime":1793078309305,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":837949,"timestamp":263288016,"id":33,"parentId":27,"tags":{"page":"/api/index"},"startTime":1793078309295,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":840409,"timestamp":263296547,"id":49,"parentId":31,"tags":{},"startTime":1793078309304,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":853528,"timestamp":263283523,"id":31,"parentId":27,"tags":{"page":"/api/describe"},"startTime":1793078309291,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":842565,"timestamp":263299656,"id":54,"parentId":36,"tags":{},"startTime":1793078309307,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":853358,"timestamp":263288947,"id":36,"parentId":27,"tags":{"page":"/api/live/stream"},"startTime":1793078309296,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":853599,"timestamp":263300066,"id":55,"parentId":37,"tags":{},"startTime":1793078309307,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":864466,"timestamp":263289298,"id":37,"parentId":27,"tags":{"page":"/api/repos"},"startTime":1793078309296,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":862704,"timestamp":263298409,"id":53,"parentId":35,"tags":{},"startTime":1793078309305,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":872576,"timestamp":263288625,"id":35,"parentId":27,"tags":{"page":"/api/live"},"startTime":1793078309296,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":867536,"timestamp":263300431,"id":56,"parentId":38,"tags":{},"startTime":1793078309308,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":878400,"timestamp":263289655,"id":38,"parentId":27,"tags":{"page":"/api/search"},"startTime":1793078309297,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":869068,"timestamp":263300737,"id":57,"parentId":39,"tags":{},"startTime":1793078309308,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":879922,"timestamp":263289933,"id":39,"parentId":27,"tags":{"page":"/api/source"},"startTime":1793078309297,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":872735,"timestamp":263301272,"id":59,"parentId":41,"tags":{},"startTime":1793078309308,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":883583,"timestamp":263290483,"id":41,"parentId":27,"tags":{"page":"/api/summarize"},"startTime":1793078309298,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":877576,"timestamp":263300973,"id":58,"parentId":40,"tags":{},"startTime":1793078309308,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":888421,"timestamp":263290198,"id":40,"parentId":27,"tags":{"page":"/api/status"},"startTime":1793078309297,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":911678,"timestamp":263297577,"id":51,"parentId":34,"tags":{},"startTime":1793078309305,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":921050,"timestamp":263288303,"id":34,"parentId":27,"tags":{"page":"/api/level"},"startTime":1793078309295,"traceId":"8f1187a89963bc87"},{"name":"is-page-static","duration":948582,"timestamp":263301721,"id":60,"parentId":44,"tags":{},"startTime":1793078309309,"traceId":"8f1187a89963bc87"},{"name":"check-page","duration":958966,"timestamp":263291426,"id":44,"parentId":27,"tags":{"page":"/"},"startTime":1793078309299,"traceId":"8f1187a89963bc87"},{"name":"static-check","duration":971171,"timestamp":263279264,"id":27,"parentId":1,"tags":{},"startTime":1793078309286,"traceId":"8f1187a89963bc87"},{"name":"write-routes-manifest","duration":533,"timestamp":264254475,"id":62,"parentId":1,"tags":{},"startTime":1793078310262,"traceId":"8f1187a89963bc87"},{"name":"load-dotenv","duration":37,"timestamp":264264606,"id":65,"parentId":64,"tags":{},"startTime":1793078310272,"traceId":"8f1187a89963bc87"},{"name":"run-export-path-map","duration":502,"timestamp":264266705,"id":66,"parentId":64,"tags":{},"startTime":1793078310274,"traceId":"8f1187a89963bc87"},{"name":"next-export","duration":329452,"timestamp":264263649,"id":64,"parentId":1,"tags":{},"startTime":1793078310271,"traceId":"8f1187a89963bc87"},{"name":"move-exported-app-not-found-","duration":1441,"timestamp":264595345,"id":67,"parentId":63,"tags":{},"startTime":1793078310602,"traceId":"8f1187a89963bc87"},{"name":"move-exported-app-global-error-","duration":867,"timestamp":264596889,"id":68,"parentId":63,"tags":{},"startTime":1793078310604,"traceId":"8f1187a89963bc87"},{"name":"static-generation","duration":341168,"timestamp":264256976,"id":63,"parentId":1,"tags":{},"startTime":1793078310264,"traceId":"8f1187a89963bc87"},{"name":"write-routes-manifest","duration":405,"timestamp":264598259,"id":69,"parentId":1,"tags":{},"startTime":1793078310605,"traceId":"8f1187a89963bc87"},{"name":"print-tree-view","duration":3049,"timestamp":264608723,"id":70,"parentId":1,"tags":{},"startTime":1793078310616,"traceId":"8f1187a89963bc87"},{"name":"write-route-bundle-stats","duration":5228,"timestamp":264611824,"id":71,"parentId":1,"tags":{},"startTime":1793078310619,"traceId":"8f1187a89963bc87"},{"name":"telemetry-flush","duration":56,"timestamp":264617088,"id":72,"parentId":1,"tags":{},"startTime":1793078310624,"traceId":"8f1187a89963bc87"},{"name":"next-build","duration":23873188,"timestamp":240744002,"id":1,"tags":{"buildMode":"default","version":"16.4.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1793078286751,"traceId":"8f1187a89963bc87"}]
+[{"name":"generate-buildid","duration":183,"timestamp":272764806,"id":4,"parentId":1,"tags":{},"startTime":1793397981188,"traceId":"443087a81efb0109"},{"name":"load-custom-routes","duration":1842,"timestamp":272765164,"id":5,"parentId":1,"tags":{},"startTime":1793397981189,"traceId":"443087a81efb0109"},{"name":"create-dist-dir","duration":565,"timestamp":272767061,"id":6,"parentId":1,"tags":{},"startTime":1793397981191,"traceId":"443087a81efb0109"},{"name":"clean","duration":354,"timestamp":272768334,"id":7,"parentId":1,"tags":{},"startTime":1793397981192,"traceId":"443087a81efb0109"},{"name":"discover-routes","duration":8249,"timestamp":272777046,"id":8,"parentId":1,"tags":{},"startTime":1793397981201,"traceId":"443087a81efb0109"},{"name":"create-root-mapping","duration":113,"timestamp":272785391,"id":9,"parentId":1,"tags":{},"startTime":1793397981209,"traceId":"443087a81efb0109"},{"name":"generate-route-types","duration":15571,"timestamp":272786795,"id":10,"parentId":1,"tags":{},"startTime":1793397981210,"traceId":"443087a81efb0109"},{"name":"public-dir-conflict-check","duration":82,"timestamp":272802495,"id":11,"parentId":1,"tags":{},"startTime":1793397981226,"traceId":"443087a81efb0109"},{"name":"generate-routes-manifest","duration":2244,"timestamp":272802683,"id":12,"parentId":1,"tags":{},"startTime":1793397981226,"traceId":"443087a81efb0109"},{"name":"turbopack-module-graph","duration":5969000,"timestamp":272868649,"id":15,"parentId":1,"tags":{},"startTime":1793397981292,"traceId":"443087a81efb0109"},{"name":"turbopack-write-entrypoints","duration":7170000,"timestamp":272831994,"id":17,"parentId":1,"tags":{},"startTime":1793397981256,"traceId":"443087a81efb0109"},{"name":"turbopack-emit","duration":2544000,"timestamp":280049652,"id":19,"parentId":1,"tags":{},"startTime":1793397988473,"traceId":"443087a81efb0109"},{"name":"run-turbopack","duration":9950933,"timestamp":272810215,"id":14,"parentId":1,"tags":{},"startTime":1793397981234,"traceId":"443087a81efb0109"},{"name":"turbopack-persistence","duration":926000,"timestamp":282762850,"id":23,"parentId":1,"tags":{"reason":"stop","snapshot_duration_ms":3.5530000000000004,"persist_duration_ms":922.6213,"task_count":256,"bytes_written":61340073,"bytes_deleted":0},"startTime":1793397991187,"traceId":"443087a81efb0109"},{"name":"run-typescript","duration":12861772,"timestamp":282797208,"id":22,"parentId":1,"tags":{},"startTime":1793397991221,"traceId":"443087a81efb0109"},{"name":"generate-required-server-files","duration":972,"timestamp":295659404,"id":26,"parentId":1,"tags":{},"startTime":1793398004083,"traceId":"443087a81efb0109"},{"name":"check-static-error-page","duration":10506,"timestamp":295685770,"id":28,"parentId":27,"tags":{},"startTime":1793398004109,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":414766,"timestamp":295697957,"id":46,"parentId":30,"tags":{},"startTime":1793398004122,"traceId":"443087a81efb0109"},{"name":"check-page","duration":423788,"timestamp":295689093,"id":30,"parentId":27,"tags":{"page":"/_global-error"},"startTime":1793398004113,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":498369,"timestamp":295698134,"id":48,"parentId":43,"tags":{},"startTime":1793398004122,"traceId":"443087a81efb0109"},{"name":"check-page","duration":500678,"timestamp":295695934,"id":43,"parentId":27,"tags":{"page":"/icon.svg"},"startTime":1793398004120,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":518272,"timestamp":295698051,"id":47,"parentId":42,"tags":{},"startTime":1793398004122,"traceId":"443087a81efb0109"},{"name":"check-page","duration":520836,"timestamp":295695557,"id":42,"parentId":27,"tags":{"page":"/favicon.ico"},"startTime":1793398004119,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":539146,"timestamp":295697026,"id":45,"parentId":29,"tags":{},"startTime":1793398004121,"traceId":"443087a81efb0109"},{"name":"check-page","duration":548630,"timestamp":295687643,"id":29,"parentId":27,"tags":{"page":"/_not-found"},"startTime":1793398004111,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":816951,"timestamp":295701535,"id":50,"parentId":32,"tags":{},"startTime":1793398004125,"traceId":"443087a81efb0109"},{"name":"check-page","duration":825700,"timestamp":295692904,"id":32,"parentId":27,"tags":{"page":"/api/imports"},"startTime":1793398004117,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":823463,"timestamp":295701039,"id":49,"parentId":31,"tags":{},"startTime":1793398004125,"traceId":"443087a81efb0109"},{"name":"check-page","duration":835162,"timestamp":295689402,"id":31,"parentId":27,"tags":{"page":"/api/describe"},"startTime":1793398004113,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":826569,"timestamp":295702426,"id":52,"parentId":34,"tags":{},"startTime":1793398004126,"traceId":"443087a81efb0109"},{"name":"check-page","duration":835629,"timestamp":295693424,"id":34,"parentId":27,"tags":{"page":"/api/level"},"startTime":1793398004117,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":831100,"timestamp":295703198,"id":54,"parentId":36,"tags":{},"startTime":1793398004127,"traceId":"443087a81efb0109"},{"name":"check-page","duration":840418,"timestamp":295693937,"id":36,"parentId":27,"tags":{"page":"/api/live/stream"},"startTime":1793398004118,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":840347,"timestamp":295703649,"id":55,"parentId":37,"tags":{},"startTime":1793398004127,"traceId":"443087a81efb0109"},{"name":"check-page","duration":849859,"timestamp":295694211,"id":37,"parentId":27,"tags":{"page":"/api/repos"},"startTime":1793398004118,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":854375,"timestamp":295702693,"id":53,"parentId":35,"tags":{},"startTime":1793398004126,"traceId":"443087a81efb0109"},{"name":"check-page","duration":863482,"timestamp":295693669,"id":35,"parentId":27,"tags":{"page":"/api/live"},"startTime":1793398004117,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":852721,"timestamp":295705129,"id":56,"parentId":38,"tags":{},"startTime":1793398004129,"traceId":"443087a81efb0109"},{"name":"check-page","duration":863425,"timestamp":295694471,"id":38,"parentId":27,"tags":{"page":"/api/search"},"startTime":1793398004118,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":859248,"timestamp":295702011,"id":51,"parentId":33,"tags":{},"startTime":1793398004126,"traceId":"443087a81efb0109"},{"name":"check-page","duration":868131,"timestamp":295693179,"id":33,"parentId":27,"tags":{"page":"/api/index"},"startTime":1793398004117,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":860330,"timestamp":295705435,"id":57,"parentId":39,"tags":{},"startTime":1793398004129,"traceId":"443087a81efb0109"},{"name":"check-page","duration":871129,"timestamp":295694730,"id":39,"parentId":27,"tags":{"page":"/api/source"},"startTime":1793398004118,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":860790,"timestamp":295706058,"id":59,"parentId":41,"tags":{},"startTime":1793398004130,"traceId":"443087a81efb0109"},{"name":"check-page","duration":871579,"timestamp":295695312,"id":41,"parentId":27,"tags":{"page":"/api/summarize"},"startTime":1793398004119,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":862904,"timestamp":295705735,"id":58,"parentId":40,"tags":{},"startTime":1793398004129,"traceId":"443087a81efb0109"},{"name":"check-page","duration":873651,"timestamp":295695031,"id":40,"parentId":27,"tags":{"page":"/api/status"},"startTime":1793398004119,"traceId":"443087a81efb0109"},{"name":"is-page-static","duration":923383,"timestamp":295706628,"id":60,"parentId":44,"tags":{},"startTime":1793398004130,"traceId":"443087a81efb0109"},{"name":"check-page","duration":933991,"timestamp":295696097,"id":44,"parentId":27,"tags":{"page":"/"},"startTime":1793398004120,"traceId":"443087a81efb0109"},{"name":"static-check","duration":944991,"timestamp":295685134,"id":27,"parentId":1,"tags":{},"startTime":1793398004109,"traceId":"443087a81efb0109"},{"name":"write-routes-manifest","duration":1088,"timestamp":296633401,"id":62,"parentId":1,"tags":{},"startTime":1793398005057,"traceId":"443087a81efb0109"},{"name":"load-dotenv","duration":34,"timestamp":296643846,"id":65,"parentId":64,"tags":{},"startTime":1793398005067,"traceId":"443087a81efb0109"},{"name":"run-export-path-map","duration":458,"timestamp":296646197,"id":66,"parentId":64,"tags":{},"startTime":1793398005070,"traceId":"443087a81efb0109"},{"name":"next-export","duration":262819,"timestamp":296642919,"id":64,"parentId":1,"tags":{},"startTime":1793398005067,"traceId":"443087a81efb0109"},{"name":"move-exported-app-not-found-","duration":1479,"timestamp":296907912,"id":67,"parentId":63,"tags":{},"startTime":1793398005332,"traceId":"443087a81efb0109"},{"name":"move-exported-app-global-error-","duration":745,"timestamp":296909496,"id":68,"parentId":63,"tags":{},"startTime":1793398005333,"traceId":"443087a81efb0109"},{"name":"static-generation","duration":274394,"timestamp":296636292,"id":63,"parentId":1,"tags":{},"startTime":1793398005060,"traceId":"443087a81efb0109"},{"name":"write-routes-manifest","duration":506,"timestamp":296910794,"id":69,"parentId":1,"tags":{},"startTime":1793398005334,"traceId":"443087a81efb0109"},{"name":"print-tree-view","duration":3124,"timestamp":296919991,"id":70,"parentId":1,"tags":{},"startTime":1793398005344,"traceId":"443087a81efb0109"},{"name":"write-route-bundle-stats","duration":4225,"timestamp":296923157,"id":71,"parentId":1,"tags":{},"startTime":1793398005347,"traceId":"443087a81efb0109"},{"name":"telemetry-flush","duration":67,"timestamp":296927421,"id":72,"parentId":1,"tags":{},"startTime":1793398005351,"traceId":"443087a81efb0109"},{"name":"next-build","duration":24213026,"timestamp":272714503,"id":1,"tags":{"buildMode":"default","version":"16.4.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1793397981138,"traceId":"443087a81efb0109"}]

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"turbopack-module-graph","duration":6131000,"timestamp":240897404,"id":15,"parentId":1,"tags":{},"startTime":1793078286905,"traceId":"8f1187a89963bc87"},{"name":"turbopack-write-entrypoints","duration":7386000,"timestamp":240857955,"id":17,"parentId":1,"tags":{},"startTime":1793078286865,"traceId":"8f1187a89963bc87"},{"name":"turbopack-emit","duration":2466000,"timestamp":248300689,"id":19,"parentId":1,"tags":{},"startTime":1793078294308,"traceId":"8f1187a89963bc87"},{"name":"run-turbopack","duration":10009117,"timestamp":240838480,"id":14,"parentId":1,"tags":{},"startTime":1793078286846,"traceId":"8f1187a89963bc87"},{"name":"turbopack-persistence","duration":1031000,"timestamp":250850143,"id":23,"parentId":1,"tags":{"reason":"stop","snapshot_duration_ms":2.8043,"persist_duration_ms":1027.6206000000002,"task_count":256,"bytes_written":60453219,"bytes_deleted":0},"startTime":1793078296857,"traceId":"8f1187a89963bc87"},{"name":"run-typescript","duration":12381790,"timestamp":250869828,"id":22,"parentId":1,"tags":{},"startTime":1793078296877,"traceId":"8f1187a89963bc87"},{"name":"static-check","duration":971171,"timestamp":263279264,"id":27,"parentId":1,"tags":{},"startTime":1793078309286,"traceId":"8f1187a89963bc87"},{"name":"static-generation","duration":341168,"timestamp":264256976,"id":63,"parentId":1,"tags":{},"startTime":1793078310264,"traceId":"8f1187a89963bc87"},{"name":"telemetry-flush","duration":56,"timestamp":264617088,"id":72,"parentId":1,"tags":{},"startTime":1793078310624,"traceId":"8f1187a89963bc87"},{"name":"next-build","duration":23873188,"timestamp":240744002,"id":1,"tags":{"buildMode":"default","version":"16.4.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1793078286751,"traceId":"8f1187a89963bc87"}]
+[{"name":"turbopack-module-graph","duration":5969000,"timestamp":272868649,"id":15,"parentId":1,"tags":{},"startTime":1793397981292,"traceId":"443087a81efb0109"},{"name":"turbopack-write-entrypoints","duration":7170000,"timestamp":272831994,"id":17,"parentId":1,"tags":{},"startTime":1793397981256,"traceId":"443087a81efb0109"},{"name":"turbopack-emit","duration":2544000,"timestamp":280049652,"id":19,"parentId":1,"tags":{},"startTime":1793397988473,"traceId":"443087a81efb0109"},{"name":"run-turbopack","duration":9950933,"timestamp":272810215,"id":14,"parentId":1,"tags":{},"startTime":1793397981234,"traceId":"443087a81efb0109"},{"name":"turbopack-persistence","duration":926000,"timestamp":282762850,"id":23,"parentId":1,"tags":{"reason":"stop","snapshot_duration_ms":3.5530000000000004,"persist_duration_ms":922.6213,"task_count":256,"bytes_written":61340073,"bytes_deleted":0},"startTime":1793397991187,"traceId":"443087a81efb0109"},{"name":"run-typescript","duration":12861772,"timestamp":282797208,"id":22,"parentId":1,"tags":{},"startTime":1793397991221,"traceId":"443087a81efb0109"},{"name":"static-check","duration":944991,"timestamp":295685134,"id":27,"parentId":1,"tags":{},"startTime":1793398004109,"traceId":"443087a81efb0109"},{"name":"static-generation","duration":274394,"timestamp":296636292,"id":63,"parentId":1,"tags":{},"startTime":1793398005060,"traceId":"443087a81efb0109"},{"name":"telemetry-flush","duration":67,"timestamp":296927421,"id":72,"parentId":1,"tags":{},"startTime":1793398005351,"traceId":"443087a81efb0109"},{"name":"next-build","duration":24213026,"timestamp":272714503,"id":1,"tags":{"buildMode":"default","version":"16.4.3","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1793397981138,"traceId":"443087a81efb0109"}]

package/README.md

@@ -47,7 +47,10 @@ That's it. Here are some things to ask Claude Code.
 
 It'll use Nebulosity's tools when they help, and it can point things out on the Map while it explains. If something seems off, `nebulosity doctor` will tell you what's missing.
 
-![Claude Code in VS Code's terminal, asked which folders inside src/vs import terminal.ts. It answers that five do, and the Map above highlights those five (workbench, platform, sessions, server and code) while base and editor stay plain](docs/screenshots/claude-map.png)
+<picture>
+  <source media="(prefers-color-scheme: light)" srcset="docs/screenshots/claude-map-light.png">
+  <img alt="Claude Code in VS Code's terminal, asked which folders inside src/vs import terminal.ts. It answers that five do, and the Map above highlights those five (workbench, platform, sessions, server and code) while base and editor stay plain" src="docs/screenshots/claude-map.png">
+</picture>
 
 ## Features
 
@@ -63,9 +66,12 @@ And it's **free**. Everything above works without an API key, and Nebulosity its
 
 ## VS Code extension
 
-The extension shows the Map beside your code. It follows whatever file you have open, opens a file when you click it on the Map, and can light up the files that import the one you're looking at.
+The extension shows the Map beside your code. It follows whatever file you have open, opens a file when you double-click it on the Map or press Open in VS Code, and can light up the files that import the one you're looking at.
 
-![The Nebulosity extension in VS Code. editor.main.ts is open in the editor and selected on the Map beside it, with lines to the files it imports and its summary open](docs/screenshots/vscode-extension.png)
+<picture>
+  <source media="(prefers-color-scheme: light)" srcset="docs/screenshots/vscode-extension-light.png">
+  <img alt="The Nebulosity extension in VS Code. findModel.ts is open in the editor and selected on the Map beside it, with lilac lines to the files it imports and gold lines from the four that import it. Below, Claude Code was asked which files in that folder import findModel.ts, and the Map rings those four in orange" src="docs/screenshots/vscode-extension.png">
+</picture>
 
 1. Install the `nebulosity` package and index your repo (see above).
 2. Install the **Nebulosity** extension from the [Marketplace](https://marketplace.visualstudio.com/items?itemName=andrewl746.nebulosity-vscode) or [Open VSX](https://open-vsx.org/extension/andrewl746/nebulosity-vscode), or run `code --install-extension andrewl746.nebulosity-vscode` in a terminal.
@@ -85,7 +91,10 @@ To add a key, [create one in the Claude Console](https://platform.claude.com/doc
 
 ## Architecture
 
-![Nebulosity's architecture diagram. nebulosity index reads your repo into the index, a SQLite database on your machine, and the Map keeps it current on every save. The MCP server and the Map both read the index. Claude Code asks the MCP server and gets its answer, often in one call, and each call shows up on the Map. The only thing that leaves your machine is the optional AI summaries](docs/screenshots/architecture.png)
+<picture>
+  <source media="(prefers-color-scheme: light)" srcset="docs/screenshots/architecture-light.png">
+  <img alt="Nebulosity's architecture diagram. nebulosity index reads your repo into the index, a SQLite database on your machine, and the Map keeps it current on every save. The MCP server and the Map both read the index. Claude Code asks the MCP server and gets its answer, often in one call, and each call shows up on the Map. The only thing that leaves your machine is the optional AI summaries" src="docs/screenshots/architecture.png">
+</picture>
 
 `nebulosity index` reads your repo once and writes down every file, import and folder in a SQLite database on your machine. From then on, everything works from that index. When Claude Code asks a question, the MCP server answers from it, and the Map draws from the same data. While the Map is open, a background worker watches for saves and updates the index as you go, so neither one falls behind. And every time Claude Code uses one of Nebulosity's tools, the Map lights up what it's looking at.
 

package/app/globals.css

@@ -1,75 +1,85 @@
 @import "tailwindcss";
 
 /*
- * The Map's colors (VISUAL_REFRESH.md §2): each token is defined once here and means one thing. Components use the
- * tokens (bg-surface, text-text-2, border-select, …), never a raw value. The owner's pick of 2026-10-13, "night violet +
- * cyan", taken from the logo (app/icon.svg): night-violet surfaces instead of violet-grey, lavender names, the selection
- * still vivid purple, the logo's violet for the overlays and its cyan for everything you click.
+ * The Map's colors (the Workbench redesign, 2026-10-27): each token is defined once here and means one thing, and
+ * components use the tokens (bg-node, text-text-2, border-accent, …), never a raw value. These are app/map/theme.ts's
+ * fromTheme for VS Code's Dark 2026, the browser's and the demo's palette (theme.test.ts checks they agree). Inside VS
+ * Code's panel the same tokens are set from the person's own theme (useTheme.ts), over these. Neutral grays, and purple
+ * only where it means something, in the logo's own colors, with gold for what uses the selection.
  */
 :root {
-  --canvas: #0E0A1C;       /* page and Map background, one flat night violet (the logo tile's dark end) */
-  --surface: #22193F;      /* boxes, inputs, cards: one step brighter than the canvas, so the content leads */
-  --panel: #140E28;        /* the details panel, drawers, dialogs */
-  --hairline: #261B45;     /* dividers */
-  --border: #4B3B85;       /* box and input borders, defined enough that boxes read as objects */
-  --text: #F1EEF8;         /* primary text: names, headings */
-  --text-body: #D3C7EE;    /* paragraphs: summaries, help */
-  --text-2: #B9A9DE;       /* secondary text, counts, labels */
-  --title: #C7B3FF;        /* lavender: a description's title (a summary's tagline, help headings) */
-  --code: #D8CAFF;         /* lavender: code identifiers in text */
-  --code-bg: #2A1B52;      /* the chip behind them */
-  --folder: #A98BEA;       /* lavender: the folder icon, so folders and files part at a glance */
-  --neutral-edge: #7262A6; /* ordinary connections, bright enough to follow on the canvas (3.7:1) */
-  --select: #B58AFF;        /* purple: the selected box, its direct links, its path. Nothing else */
-  --select-fill: #3A2178;  /* the selected box's fill: strong enough that the box, not its lines, is seen first */
+  --canvas: #121314;        /* under the Map: the editor's background */
+  --panel: #191A1B;         /* the header, explorer, inspector, status bar and dialogs: the side bar's background */
+  --node: #222223;          /* a box, an input, a chip */
+  --node-sel: #2A1E38;      /* the selected box */
+  --row-sel: #332543;       /* the selected row in the explorer and the inspector */
+  --divider: #2A2B2C;       /* lines between areas */
+  --border: #464747;        /* a box's, an input's and a button's border */
+  --linked-border: #8345BE; /* the border of a box linked to the selection */
+  --text: #BFBFBF;          /* names and headings: the theme's own text */
+  --text-2: #999999;        /* secondary text, counts, summaries */
+  --text-3: #8C8C8C;        /* the quietest text: labels, the legend, the status bar */
+  --edge-dim: #464747;      /* a line that isn't the selection's */
+  --edge-strong: #E9D5FF;   /* the selection's lines out, and Uses' bars, underline and mark: the logo's spoke color */
+  --glyph-dim: #606061;     /* a dot or a page icon that isn't linked to the selection */
+  --linked-glyph: #C084FC;  /* the dots of what's linked to the selection, and their explorer bars: the logo's outer dots */
+  --accent: #A855F7;        /* the selection's border, the selected dot's ring, the Contents tab, the one primary button */
+  --on-accent: #120C1C;     /* text on the accent */
+  --core: #F0FDFF;          /* the selected dot's core: the logo's own */
   --agent: #F08A4B;         /* orange: what Claude Code is touching right now. Nothing else */
-  --ok: #4CC38A;            /* green: indexing status only */
   --danger: #F07A7A;        /* errors and a failed stage */
-  --control: #67E8F9;       /* cyan (the logo's glow): something you click — links, text buttons, the overlays' buttons. Nothing else */
-  --overlay: #2A1F52;       /* raised night violet: every control on the Map (legend, page pill, zoom) */
-  --overlay-line: #3A2D6B;  /* dividers inside an overlay, and a control's hover */
-  --overlay-text-2: #C9BCEB; /* secondary text on an overlay */
-  --grid: #262039;          /* the canvas's faint dot grid, so the Map has texture without competing with boxes */
+  --ok: #5FC9D9;            /* the indexed dot. Nothing else */
+  --focus: #67E8F9;         /* the keyboard focus ring */
+  --fade: 50%;              /* how much of its color a box away from the selection keeps, mixed with the background */
+  /* gold: what uses the selection, across from the purple of what it uses (the owner, 2026-10-29, after pink) */
+  --used-by-edge: #FCD34D;  /* the selection's lines in, and Used by's bars, underline and mark */
+  color-scheme: dark;
+}
+
+/* a light VS Code theme: native scrollbars and form controls go light too (useTheme.ts sets the kind) */
+:root[data-kind="light"], :root[data-kind="hc-light"] {
+  color-scheme: light;
 }
 
 @theme inline {
   --color-canvas: var(--canvas);
-  --color-surface: var(--surface);
   --color-panel: var(--panel);
-  --color-hairline: var(--hairline);
+  --color-node: var(--node);
+  --color-node-sel: var(--node-sel);
+  --color-row-sel: var(--row-sel);
+  --color-divider: var(--divider);
   --color-border: var(--border);
+  --color-linked-border: var(--linked-border);
   --color-text: var(--text);
-  --color-text-body: var(--text-body);
   --color-text-2: var(--text-2);
-  --color-title: var(--title);
-  --color-code: var(--code);
-  --color-code-bg: var(--code-bg);
-  --color-folder: var(--folder);
-  --color-neutral-edge: var(--neutral-edge);
-  --color-select: var(--select);
-  --color-select-fill: var(--select-fill);
+  --color-text-3: var(--text-3);
+  --color-edge-dim: var(--edge-dim);
+  --color-edge-strong: var(--edge-strong);
+  --color-glyph-dim: var(--glyph-dim);
+  --color-linked-glyph: var(--linked-glyph);
+  --color-accent: var(--accent);
+  --color-on-accent: var(--on-accent);
+  --color-core: var(--core);
   --color-agent: var(--agent);
-  --color-ok: var(--ok);
   --color-danger: var(--danger);
-  --color-control: var(--control);
-  --color-overlay: var(--overlay);
-  --color-overlay-line: var(--overlay-line);
-  --color-overlay-text-2: var(--overlay-text-2);
-  --color-grid: var(--grid);
-  --font-sans: var(--font-plex-sans);
-  --font-mono: var(--font-plex-mono);
+  --color-ok: var(--ok);
+  --color-focus: var(--focus);
+  --color-used-by-edge: var(--used-by-edge);
+  --font-sans: var(--font-archivo);
+  --font-mono: var(--font-jetbrains-mono);
 }
 
 body {
   background: var(--canvas);
   color: var(--text);
-  font-family: var(--font-plex-sans), system-ui, sans-serif;
+  font-family: var(--font-archivo), system-ui, sans-serif;
+  font-variant-numeric: tabular-nums;
 }
 
 /*
  * Syntax colors, for code only: the source viewer and search's code lines (VISUAL_REFRESH.md §2). They're VS Code's
- * Dark+ palette, so code reads the way it does in the editor (owner review). Inside code they mean token kinds and
- * nothing else; nothing on the Map uses them.
+ * Dark+ palette, so code reads the way it does in the editor (owner review), and its Light+ palette under a light VS
+ * Code theme. Inside code they mean token kinds and nothing else; nothing on the Map uses them.
  */
 :root {
   --syn-text: #D4D4D4;
@@ -85,6 +95,20 @@ body {
   --syn-regexp: #D16969;
 }
 
+:root[data-kind="light"], :root[data-kind="hc-light"] {
+  --syn-text: #000000;
+  --syn-keyword: #0000FF;
+  --syn-control: #AF00DB;
+  --syn-string: #A31515;
+  --syn-number: #098658;
+  --syn-comment: #008000;
+  --syn-type: #267F99;
+  --syn-function: #795E26;
+  --syn-variable: #001080;
+  --syn-constant: #0070C1;
+  --syn-regexp: #811F3F;
+}
+
 .syntax { color: var(--syn-text); }
 .syntax .hljs-keyword, .syntax .hljs-literal, .syntax .hljs-variable.language_ { color: var(--syn-keyword); }
 .syntax .hljs-control { color: var(--syn-control); }
@@ -117,20 +141,25 @@ body {
     scrollbar-width: thin;
     scrollbar-color: var(--border) transparent;
   }
+
+  /* a visible ring for the keyboard only, in the theme's focus color */
+  :focus-visible {
+    outline: 2px solid var(--focus);
+    outline-offset: 2px;
+  }
 }
 
 /* React Flow's own parts (controls, edge labels) take the same tokens */
 .react-flow {
   --xy-background-color: var(--canvas);
-  --xy-edge-stroke: var(--neutral-edge);
-  --xy-edge-label-background-color: var(--surface);
+  --xy-edge-stroke: var(--edge-dim);
+  --xy-edge-label-background-color: var(--node);
   --xy-edge-label-color: var(--text);
-  /* the zoom controls share the one control style: raised night violet, cyan icons (owner review) */
-  --xy-controls-button-background-color: var(--overlay);
-  --xy-controls-button-background-color-hover: var(--overlay-line);
-  --xy-controls-button-color: var(--control);
-  --xy-controls-button-color-hover: var(--control);
-  --xy-controls-button-border-color: var(--overlay-line);
+  --xy-controls-button-background-color: var(--panel);
+  --xy-controls-button-background-color-hover: var(--node);
+  --xy-controls-button-color: var(--text-2);
+  --xy-controls-button-color-hover: var(--text);
+  --xy-controls-button-border-color: var(--divider);
   --xy-controls-box-shadow: none;
 }
 
@@ -156,3 +185,11 @@ body {
     transition: none;
   }
 }
+
+/*
+ * React Flow paints its viewport's own layer (ViewportPortal) above the boxes. The Map's holds what belongs under the
+ * lines, the folders' back cards and the loose boxes' divider (MapCanvas), so it goes beneath every line and box.
+ */
+.react-flow__viewport-portal {
+  z-index: -1;
+}

package/app/layout.tsx

@@ -1,16 +1,19 @@
 import type { Metadata } from "next";
-import { IBM_Plex_Mono, IBM_Plex_Sans } from "next/font/google";
+import { Archivo, JetBrains_Mono } from "next/font/google";
+import Script from "next/script";
 import "./globals.css";
+import { earlyThemeScript } from "./map/theme";
 
-// IBM Plex, the owner's pick (2026-10-12): the two weights the type scale uses (VISUAL_REFRESH.md §7)
-const plexSans = IBM_Plex_Sans({
-  variable: "--font-plex-sans",
+// Archivo for the text and JetBrains Mono for names, paths and code, the Workbench mockups' fonts and the owner's pick of
+// 2026-10-27 (ADR-070). next/font serves them from the Map's own server, so they work offline and inside VS Code's panel
+const archivo = Archivo({
+  variable: "--font-archivo",
   subsets: ["latin"],
-  weight: ["400", "500"],
+  weight: ["400", "500", "600"],
 });
 
-const plexMono = IBM_Plex_Mono({
-  variable: "--font-plex-mono",
+const jetbrainsMono = JetBrains_Mono({
+  variable: "--font-jetbrains-mono",
   subsets: ["latin"],
   weight: ["400", "500"],
 });
@@ -26,14 +29,20 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    // suppressHydrationWarning: browser extensions (QuillBot, say) add attributes to <html> before React loads; this
-    // ignores attribute differences on this one tag only, never in the page below it
+    // suppressHydrationWarning: browser extensions (QuillBot, say) add attributes to <html> before React loads, and inside
+    // VS Code's panel the theme's kind and colors are set on it before the first paint; this ignores attribute
+    // differences on this one tag only, never in the page below it
     <html
       lang="en"
-      className={`${plexSans.variable} ${plexMono.variable} h-full antialiased`}
+      className={`${archivo.variable} ${jetbrainsMono.variable} h-full antialiased`}
       suppressHydrationWarning
     >
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-full flex flex-col">
+        {/* inside VS Code's panel, a light or high contrast theme's colors from the first paint (theme.ts); Next puts
+            a beforeInteractive script in the head, ahead of the page's own */}
+        <Script id="nebulosity-theme" strategy="beforeInteractive">{earlyThemeScript()}</Script>
+        {children}
+      </body>
     </html>
   );
 }

package/app/map/BackButton.tsx

@@ -3,10 +3,10 @@
 import { IconArrowLeft } from "@tabler/icons-react";
 
 /**
- * Back, inside VS Code's panel (owner review, 2026-10-25). The webview has no browser Back, though the Map's moves go
- * into its history as in a browser tab (history.ts), so this goes back one of them. It's disabled at the Map's first
- * entry (historyDepth 0), where going back would take the webview off the Map. A browser tab keeps its own Back, so the
- * Map shows no button there.
+ * Back, first inside VS Code's panel (owner review, 2026-10-25), whose webview has no browser Back, and since
+ * 2026-10-29 in the browser and the demo too, so the Map has one Back everywhere (the owner). The Map's moves go into
+ * the history (history.ts), so this goes back one of them. It's disabled at the Map's first entry (historyDepth 0),
+ * where going back would take the webview off the Map, or a browser tab to the page before it.
  */
 export default function BackButton({ enabled }: { enabled: boolean }){
     return (
@@ -17,7 +17,7 @@ export default function BackButton({ enabled }: { enabled: boolean }){
             onClick={() => window.history.back()}
             aria-label="Back"
             title={enabled ? "Back to where you were" : "Back (nothing to go back to yet)"}
-            className="grid h-7 w-7 shrink-0 place-items-center rounded-md text-control hover:bg-surface disabled:opacity-35 disabled:hover:bg-transparent"
+            className="grid h-7 w-7 shrink-0 place-items-center rounded-md text-text hover:bg-node max-[360px]:w-6 disabled:opacity-35 disabled:hover:bg-transparent"
         >
             <IconArrowLeft aria-hidden size={18} stroke={2} />
         </button>

package/app/map/BoxActions.tsx

@@ -4,26 +4,30 @@ import { useStore } from "@xyflow/react";
 import type { MapNode } from "@/lib/contracts";
 import { BOX_HEIGHT, BOX_WIDTH } from "./levelLayout";
 import { actionsPlace } from "./narrow";
+import { openingOf } from "./opening";
 import { useSize } from "./useSize";
 
-const BUTTON = "rounded-md px-2.5 py-1 text-[14px] text-control hover:bg-overlay-line";
+const BUTTON = "rounded-md px-2.5 py-1 text-[14px] text-text hover:bg-node";
 
 /**
  * A selected box's actions while the panel would cover the canvas (owner review, 2026-10-25). In a narrow window, VS
  * Code's panel above all, the panel over the whole canvas hid the box a double click was aimed at, and every editor
- * follow covered the Map. So a click there only selects, and the box offers what the panel would have: Open (a folder),
- * the page (a doorway) and Details, at screen size whatever the zoom. narrow.ts's actionsPlace puts them beside the box
- * and keeps them inside the canvas (React Flow's NodeToolbar can't be kept in: a box hanging off an edge took its
+ * follow covered the Map. So a click there only selects, and the box offers what the panel would have: Open (a folder,
+ * or inside VS Code's panel a file, which opens in the editor), the page (a doorway) and Details, at screen size whatever
+ * the zoom. Each opens the box as a double-click on it would (opening.ts). narrow.ts's actionsPlace puts them beside the
+ * box and keeps them inside the canvas (React Flow's NodeToolbar can't be kept in: a box hanging off an edge took its
  * toolbar past it). Details opens the panel over the canvas; its × comes back to the Map with the box still selected.
  * A component of its own, so following the view as the canvas pans re-renders only this.
  */
-export default function BoxActions({ box, position, onOpen, onTurnPage, onDetails }: {
+export default function BoxActions({ box, position, onOpen, onTurnPage, onDetails, onOpenFile }: {
     box: MapNode;
     /** The box's top-left corner in the level's own coordinates, its layout position. */
     position: { x: number; y: number };
     onOpen: (folder: string) => void;
     onTurnPage: (page: number) => void;
     onDetails: (path: string) => void;
+    /** Inside VS Code's panel only: opens a file in the editor. */
+    onOpenFile?: (path: string) => void;
 }){
     const [sizeRef, size] = useSize<HTMLDivElement>();
     // the transform is [x, y, zoom]: the box on screen, in the canvas's own px
@@ -33,20 +37,24 @@ export default function BoxActions({ box, position, onOpen, onTurnPage, onDetail
     const onScreen = { left: position.x * zoom + x, top: position.y * zoom + y, width: BOX_WIDTH * zoom, height: BOX_HEIGHT * zoom };
     // until it's measured it's laid out unseen, so its first frame is already in place
     const place = actionsPlace(onScreen, size ?? { width: 0, height: 0 }, canvasWidth, canvasHeight);
-    const page = box.kind === "portal" ? box.page : undefined;
+    const opening = openingOf(box, onOpenFile !== undefined);
     return (
         <div
             ref={sizeRef}
             data-box-actions={box.path}
+            data-keep-clear
             style={{ left: place.left, top: place.top, visibility: size === null ? "hidden" : undefined }}
-            className="absolute z-[6] flex items-center gap-1 rounded-lg bg-overlay p-1"
+            className="absolute z-[6] flex items-center gap-1 rounded-lg bg-panel p-1"
         >
-            {box.kind === "folder" && (
-                <button type="button" onClick={() => onOpen(box.path)} title="Open this folder (or double-click it)" className={BUTTON}>Open</button>
+            {opening?.type === "folder" && (
+                <button type="button" onClick={() => onOpen(opening.path)} title="Open this folder (or double-click it)" className={BUTTON}>Open</button>
             )}
-            {page !== undefined && (
-                <button type="button" onClick={() => onTurnPage(page)} title={`Go to page ${page + 1} (or double-click the doorway)`} className={BUTTON}>
-                    Go to page {page + 1}
+            {opening?.type === "editor" && (
+                <button type="button" onClick={() => onOpenFile?.(opening.path)} title="Open in VS Code (or double-click it)" className={BUTTON}>Open</button>
+            )}
+            {opening?.type === "page" && (
+                <button type="button" onClick={() => onTurnPage(opening.page)} title={`Go to page ${opening.page + 1} (or double-click the doorway)`} className={BUTTON}>
+                    Go to page {opening.page + 1}
                 </button>
             )}
             <button type="button" onClick={() => onDetails(box.path)} title="Show its details over the Map" className={BUTTON}>Details</button>