[{"_1":2,"_2982":-5,"_2983":-5},"loaderData",{"_3":4,"_12":13},"root",{"_5":6,"_7":6,"_8":9,"_10":11},"isProd",true,"enableStats","domain","hyper.media","siteHost","cibercultura-25-26.hyper.media","routes/$",{"_14":15,"_2846":2847},"json",{"_16":17,"_18":19,"_20":-5,"_21":-5,"_22":-5,"_23":24,"_25":-5,"_26":27,"_290":6,"_39":291,"_302":303,"_304":305,"_2832":2833,"_2834":24,"_10":2835,"_2836":2835,"_2837":2838,"_2841":2842},"prefersLanguages",[],"viewTerm","collaborators","panelParam","openComment","accountUid","isInspect",false,"inspectTab","document",{"_28":29,"_266":262,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_281":282,"_283":42,"_284":285,"_288":289},"content",[30,82,250,258],{"_31":32,"_35":74},"children",[33,60,67],{"_31":34,"_35":36},[],"block",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_58":59,"_56":57},"type","Paragraph","id","8_nlMvbT","revision","bafyreigbcvulb5p4le3dgs5aojad6evskspmgro5kmon5iakxwfuig6kna","attributes",{},"annotations",[47],{"_37":48,"_49":50,"_52":53,"_43":55,"_56":57},"Code","starts",[51],198,"ends",[54],203,{},"link","","text","Seed Hypermedia is an augmented web for writing, publishing, and collaborating on documents in a peer-to-peer network. Instead of being locked into a single platform, documents in Seed have durable hm:// addresses, readable paths, version history, comments, citations, and built-in collaboration.",{"_31":61,"_35":62},[],{"_37":38,"_39":63,"_41":42,"_43":64,"_45":65,"_58":66,"_56":57},"pP7ZAX_d",{},[],"It combines some of the strengths of documents, websites, and shared knowledge bases: you can write structured content, organize it into spaces and subpages, link directly to sections, track changes over time, and discover how ideas connect across documents.",{"_31":68,"_35":69},[],{"_37":38,"_39":70,"_41":42,"_43":71,"_45":72,"_58":73,"_56":57},"HzOUrOk8",{},[],"In practice, Seed Hypermedia is both a protocol and an app experience: a way to create portable knowledge that is easier to reference, discuss, and preserve beyond any one service or company.",{"_37":75,"_39":76,"_41":42,"_43":77,"_45":80,"_58":81,"_56":57},"Heading","HkUMMd2V",{"_78":79},"childrenType","Group",[],"What is Seed Hypermedia?",{"_31":83,"_35":245},[84,91,148,162,183],{"_31":85,"_35":86},[],{"_37":38,"_39":87,"_41":42,"_43":88,"_45":89,"_58":90,"_56":57},"LJ6-LW5l",{},[],"I work on turning Seed Hypermedia’s ideas into product features and a reliable app experience. My role spans product implementation and platform quality, with work across interaction details like links and comments, interface development, release readiness, and overall reliability.",{"_31":92,"_35":143},[93],{"_31":94,"_35":137},[95,102,109,116,123,130],{"_31":96,"_35":97},[],{"_37":38,"_39":98,"_41":42,"_43":99,"_45":100,"_58":101,"_56":57},"0JMZy7jW",{},[],"Product implementation: shaping ideas into concrete features and usable workflows",{"_31":103,"_35":104},[],{"_37":38,"_39":105,"_41":42,"_43":106,"_45":107,"_58":108,"_56":57},"Dqw0xK-j",{},[],"User experience details: improving interactions such as linking, commenting, and everyday document use",{"_31":110,"_35":111},[],{"_37":38,"_39":112,"_41":42,"_43":113,"_45":114,"_58":115,"_56":57},"lOQsChZz",{},[],"Interface development: building and refining the frontend experience",{"_31":117,"_35":118},[],{"_37":38,"_39":119,"_41":42,"_43":120,"_45":121,"_58":122,"_56":57},"p1qQoVkQ",{},[],"Reliability and quality: identifying issues, improving stability, and helping make the product dependable",{"_31":124,"_35":125},[],{"_37":38,"_39":126,"_41":42,"_43":127,"_45":128,"_58":129,"_56":57},"2JNIkgfd",{},[],"Release and platform work: supporting the practical work required to ship and maintain the app across environments",{"_31":131,"_35":132},[],{"_37":38,"_39":133,"_41":42,"_43":134,"_45":135,"_58":136,"_56":57},"jeJLzDwX",{},[],"Internal coordination: contributing to discussions, priorities, and the translation of ideas into execution",{"_37":38,"_39":138,"_41":42,"_43":139,"_45":141,"_58":142,"_56":57},"0HPFA0fr",{"_78":140},"Unordered",[],"My work spans several connected areas:",{"_37":75,"_39":144,"_41":42,"_43":145,"_45":146,"_58":147,"_56":57},"Frxqulhj",{"_78":79},[],"Areas I work on",{"_31":149,"_35":157},[150],{"_31":151,"_35":152},[],{"_37":38,"_39":153,"_41":42,"_43":154,"_45":155,"_58":156,"_56":57},"0JMKWllb",{},[],"My current focus is on improving the quality of the Seed experience through product implementation, interaction details, and reliability work. This includes helping refine how core features behave in practice, making the app easier to use, and contributing to the day-to-day work needed to move projects from concept to release.",{"_37":75,"_39":158,"_41":42,"_43":159,"_45":160,"_58":161,"_56":57},"vre4pi1H",{"_78":79},[],"Current focus",{"_31":163,"_35":178},[164,171],{"_31":165,"_35":166},[],{"_37":38,"_39":167,"_41":42,"_43":168,"_45":169,"_58":170,"_56":57},"a6FHlEtG",{},[],"I tend to contribute where product thinking and implementation meet. I like working on the details that make a tool feel clear, reliable, and ready for real use. This includes translating rough ideas into concrete behavior, refining workflows through iteration, and helping make sure the final result is both practical and coherent.",{"_31":172,"_35":173},[],{"_37":38,"_39":174,"_41":42,"_43":175,"_45":176,"_58":177,"_56":57},"hBB8UmzN",{},[],"I also value documentation as part of the work itself: not only shipping features, but making the reasoning, process, and outcomes easier to understand and revisit.",{"_37":75,"_39":179,"_41":42,"_43":180,"_45":181,"_58":182,"_56":57},"GRz9LEwM",{"_78":79},[],"How I work",{"_31":184,"_35":240},[185],{"_31":186,"_35":232},[187,197,204,211,218,225],{"_31":188,"_35":189},[],{"_37":190,"_39":191,"_41":42,"_43":192,"_45":195,"_58":57,"_56":196},"Embed","6llPW-68",{"_193":194},"view","Card",[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/human-interface-library/embeds-design-proposal?v=bafy2bzacec67by7i4ob6qbrrsupdhko6tn4sbmelowt727jdirynukyqr6axu&l",{"_31":198,"_35":199},[],{"_37":190,"_39":200,"_41":42,"_43":201,"_45":202,"_58":57,"_56":203},"e0XKHCMD",{"_193":194},[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/tech-talks/improving-editor-block-rendering",{"_31":205,"_35":206},[],{"_37":190,"_39":207,"_41":42,"_43":208,"_45":209,"_58":57,"_56":210},"oNhx--P8",{"_193":194},[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/tech-talks/the-case-against-electron-trpc-when-type-safety-becomes-a-performance-tax?v=bafy2bzaceamy4oebix7slrvg7fdk3hm3rxmbsvu7ergjp54tkckt664x642vg&l",{"_31":212,"_35":213},[],{"_37":190,"_39":214,"_41":42,"_43":215,"_45":216,"_58":57,"_56":217},"C2sK7zqP",{"_193":194},[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/experiment-forum-view",{"_31":219,"_35":220},[],{"_37":190,"_39":221,"_41":42,"_43":222,"_45":223,"_58":57,"_56":224},"w98RA-eE",{"_193":194},[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/experiment-improve-performance-in-site-interactions?v=bafy2bzaceaqbripyow74pjtdtajlb4lg7dvgiy7y3ergzfmfptccffbokc6au&l",{"_31":226,"_35":227},[],{"_37":190,"_39":228,"_41":42,"_43":229,"_45":230,"_58":57,"_56":231},"ZMLJemK3",{"_193":194},[],"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/all-documents-directory?v=bafy2bzaceb5wcrzqyphowtviy467utsoqrgvtkihsoxa3xqproyn627qadxiw#CtXmQ3sD+",{"_37":38,"_39":233,"_41":42,"_43":234,"_45":238,"_58":239,"_56":57},"erNJDFCQ",{"_78":235,"_236":237},"Grid","columnCount",3,[],"This section documents the projects, features, fixes, and ongoing areas of work I have contributed to at Seed Hypermedia. It can include short summaries, dates, my role in each effort, and links to related documents, discussions, or implementation notes.",{"_37":75,"_39":241,"_41":42,"_43":242,"_45":243,"_58":244,"_56":57},"NobS07Jq",{"_78":79},[],"Work and contributions",{"_37":75,"_39":246,"_41":42,"_43":247,"_45":248,"_58":249,"_56":57},"gMjERJVy",{"_78":79},[],"What I do in Seed Hypermedia",{"_31":251,"_35":252},[],{"_37":190,"_39":253,"_41":254,"_43":255,"_45":256,"_58":57,"_56":257},"v5BvmPaLB7","bafy2bzacect52diiitzwohdxecdykqidjtn2uzvdfbdepgjoitg7mmglg5qmo",{"_193":194},[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia/weekly-review-2026-20",{"_31":259,"_35":260},[],{"_37":190,"_39":261,"_41":262,"_43":263,"_45":264,"_58":57,"_56":265},"ZzQLTQAMF1","bafy2bzaceaickzw2sbpeprhxzrejck2oxtlaet7s67nerah4t74sp3aibezqs",{"_193":194},[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia/weekly-review-may-20-26-2026","version","account","z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk","authors",[268],"path","/projects/seed-hypermedia","createTime","2026-03-24T19:27:21.742Z","updateTime","2026-05-26T10:23:24.980Z","metadata",{"_279":280},"name","Seed Hypermedia","detachedBlocks",{},"genesis","generationInfo",{"_283":42,"_286":287},"generation","1774380441777","visibility","PUBLIC","isLatest",{"_271":292,"_266":262,"_295":24,"_296":268,"_39":297,"_298":-5,"_299":-5,"_300":-5,"_301":-5},[293,294],"projects","seed-hypermedia","latest","uid","hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia","blockRef","blockRange","hostname","scheme","siteHomeIcon","ipfs://bafkreiap77kovtnvd2lyppqiiqtl3v64szzx4falnlni6nnow4foe4vnh4","dehydratedState",{"_306":307,"_308":309},"mutations",[],"queries",[310,493,724,889,894,908,953,1786,2089,2462,2559,2613,2805,2815,2823],{"_311":312,"_488":489,"_491":492},"state",{"_313":314,"_472":473,"_474":475,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},"data",{"_37":26,"_26":315,"_39":470},{"_28":316,"_266":262,"_267":268,"_269":466,"_271":272,"_273":274,"_275":276,"_277":467,"_281":468,"_283":42,"_284":469,"_288":289},[317,341,456,461],{"_31":318,"_35":338},[319,328,333],{"_31":320,"_35":321},[],{"_37":38,"_39":40,"_41":42,"_43":322,"_45":323,"_58":59,"_56":57},{},[324],{"_37":48,"_49":325,"_52":326,"_43":327,"_56":57},[51],[54],{},{"_31":329,"_35":330},[],{"_37":38,"_39":63,"_41":42,"_43":331,"_45":332,"_58":66,"_56":57},{},[],{"_31":334,"_35":335},[],{"_37":38,"_39":70,"_41":42,"_43":336,"_45":337,"_58":73,"_56":57},{},[],{"_37":75,"_39":76,"_41":42,"_43":339,"_45":340,"_58":81,"_56":57},{"_78":79},[],{"_31":342,"_35":453},[343,348,388,398,413],{"_31":344,"_35":345},[],{"_37":38,"_39":87,"_41":42,"_43":346,"_45":347,"_58":90,"_56":57},{},[],{"_31":349,"_35":385},[350],{"_31":351,"_35":382},[352,357,362,367,372,377],{"_31":353,"_35":354},[],{"_37":38,"_39":98,"_41":42,"_43":355,"_45":356,"_58":101,"_56":57},{},[],{"_31":358,"_35":359},[],{"_37":38,"_39":105,"_41":42,"_43":360,"_45":361,"_58":108,"_56":57},{},[],{"_31":363,"_35":364},[],{"_37":38,"_39":112,"_41":42,"_43":365,"_45":366,"_58":115,"_56":57},{},[],{"_31":368,"_35":369},[],{"_37":38,"_39":119,"_41":42,"_43":370,"_45":371,"_58":122,"_56":57},{},[],{"_31":373,"_35":374},[],{"_37":38,"_39":126,"_41":42,"_43":375,"_45":376,"_58":129,"_56":57},{},[],{"_31":378,"_35":379},[],{"_37":38,"_39":133,"_41":42,"_43":380,"_45":381,"_58":136,"_56":57},{},[],{"_37":38,"_39":138,"_41":42,"_43":383,"_45":384,"_58":142,"_56":57},{"_78":140},[],{"_37":75,"_39":144,"_41":42,"_43":386,"_45":387,"_58":147,"_56":57},{"_78":79},[],{"_31":389,"_35":395},[390],{"_31":391,"_35":392},[],{"_37":38,"_39":153,"_41":42,"_43":393,"_45":394,"_58":156,"_56":57},{},[],{"_37":75,"_39":158,"_41":42,"_43":396,"_45":397,"_58":161,"_56":57},{"_78":79},[],{"_31":399,"_35":410},[400,405],{"_31":401,"_35":402},[],{"_37":38,"_39":167,"_41":42,"_43":403,"_45":404,"_58":170,"_56":57},{},[],{"_31":406,"_35":407},[],{"_37":38,"_39":174,"_41":42,"_43":408,"_45":409,"_58":177,"_56":57},{},[],{"_37":75,"_39":179,"_41":42,"_43":411,"_45":412,"_58":182,"_56":57},{"_78":79},[],{"_31":414,"_35":450},[415],{"_31":416,"_35":447},[417,422,427,432,437,442],{"_31":418,"_35":419},[],{"_37":190,"_39":191,"_41":42,"_43":420,"_45":421,"_58":57,"_56":196},{"_193":194},[],{"_31":423,"_35":424},[],{"_37":190,"_39":200,"_41":42,"_43":425,"_45":426,"_58":57,"_56":203},{"_193":194},[],{"_31":428,"_35":429},[],{"_37":190,"_39":207,"_41":42,"_43":430,"_45":431,"_58":57,"_56":210},{"_193":194},[],{"_31":433,"_35":434},[],{"_37":190,"_39":214,"_41":42,"_43":435,"_45":436,"_58":57,"_56":217},{"_193":194},[],{"_31":438,"_35":439},[],{"_37":190,"_39":221,"_41":42,"_43":440,"_45":441,"_58":57,"_56":224},{"_193":194},[],{"_31":443,"_35":444},[],{"_37":190,"_39":228,"_41":42,"_43":445,"_45":446,"_58":57,"_56":231},{"_193":194},[],{"_37":38,"_39":233,"_41":42,"_43":448,"_45":449,"_58":239,"_56":57},{"_78":235,"_236":237},[],{"_37":75,"_39":241,"_41":42,"_43":451,"_45":452,"_58":244,"_56":57},{"_78":79},[],{"_37":75,"_39":246,"_41":42,"_43":454,"_45":455,"_58":249,"_56":57},{"_78":79},[],{"_31":457,"_35":458},[],{"_37":190,"_39":253,"_41":254,"_43":459,"_45":460,"_58":57,"_56":257},{"_193":194},[],{"_31":462,"_35":463},[],{"_37":190,"_39":261,"_41":262,"_43":464,"_45":465,"_58":57,"_56":265},{"_193":194},[],[268],{"_279":280},{},{"_283":42,"_286":287},{"_39":297,"_296":268,"_271":471,"_266":262,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":24},[293,294],"dataUpdateCount",1,"dataUpdatedAt",1780352637933,"error","errorUpdateCount",0,"errorUpdatedAt","fetchFailureCount","fetchFailureReason","fetchMeta","isInvalidated","status","success","fetchStatus","idle","queryKey",[490,297,262,24],"ENTITY","queryHash","[\"ENTITY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia\",\"bafy2bzaceaickzw2sbpeprhxzrejck2oxtlaet7s67nerah4t74sp3aibezqs\",false]",{"_311":494,"_488":722,"_491":723},{"_313":495,"_472":473,"_474":721,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":496,"_39":718},{"_28":497,"_266":671,"_267":268,"_269":675,"_271":57,"_273":676,"_275":677,"_277":678,"_281":686,"_283":715,"_284":716,"_288":289},[498,591,638,667],{"_31":499,"_35":580},[500,508,530],{"_31":501,"_35":502},[],{"_37":38,"_39":503,"_41":504,"_43":505,"_45":506,"_58":507,"_56":57},"W9iMmcup","bafy2bzacea7kncz6zaaslukylbeoa6r6iovelcdwv7l4rwsaorz6seuouomtk",{},[],"I'm Horacio Herrera, Designer & Developer consultant from Panama🇵🇦 living in Barcelona. I help companies develop digital products that users want.",{"_31":509,"_35":510},[],{"_37":38,"_39":511,"_41":504,"_43":512,"_45":513,"_58":529,"_56":57},"aL0d8EuE",{},[514,522],{"_37":515,"_49":516,"_52":518,"_43":520,"_56":521},"Link",[517],23,[519],27,{},"hm://z6Mko5npVz4Bx9Rf4vkRUf2swvb568SDbhLwStaha3HzgrLS?v=bafy2bzaceb32d5btls773twcuzmktxknyg2b64gfkzhis3oxmwcd4llsb7sxq",{"_37":515,"_49":523,"_52":525,"_43":527,"_56":528},[524],31,[526],460,{},"hm://z6Mko5npVz4Bx9Rf4vkRUf2swvb568SDbhLwStaha3HzgrLS?v=bafy2bzaceb32d5btls773twcuzmktxknyg2b64gfkzhis3oxmwcd4llsb7sxq#-J6W3v7I+","Currently I'm building Seed, a system that marries cryptographic signatures with a promise from the past: a publishing platform with fine-grained linking and embedding capabilities. By coupling decentralized technology with content distribution, Seed Hypermedia allows creators and moderators to collaborate while retaining authorship rights and offer their audiences and communities the interactivity of social media in an environment they curate and control. ",{"_31":531,"_35":532},[],{"_37":38,"_39":533,"_41":534,"_43":535,"_45":536,"_58":579,"_56":57},"DPKER6EE","bafy2bzacebkalxmchu54vwioxb4qmctjvsviahbnbgduuembnf3qlwxqrfo4q",{},[537,544,551,558,565,572],{"_37":515,"_49":538,"_52":540,"_43":542,"_56":543},[539],36,[541],43,{},"https://twitter.com/hhg2288",{"_37":515,"_49":545,"_52":547,"_43":549,"_56":550},[546],45,[548],51,{},"https://www.twitch.tv/horacioh",{"_37":515,"_49":552,"_52":554,"_43":556,"_56":557},[553],53,[555],60,{},"https://www.youtube.com/channel/UC-MHIQayBciRoA4HXx873jg",{"_37":515,"_49":559,"_52":561,"_43":563,"_56":564},[560],62,[562],68,{},"https://github.com/horacioh",{"_37":515,"_49":566,"_52":568,"_43":570,"_56":571},[567],71,[569],79,{},"https://dribbble.com/horacioh",{"_37":515,"_49":573,"_52":575,"_43":577,"_56":578},[574],105,[576],110,{},"mailto:hi+contact@horacioh.com","You can find me in the internets on twitter, twitch, youtube, github & dribbble. You can also send me an email if you prefer.",{"_37":75,"_39":581,"_41":504,"_43":582,"_45":583,"_58":590,"_56":57},"Z8gJ8Mg7",{"_78":79},[584],{"_37":585,"_49":586,"_52":587,"_43":589,"_56":57},"Bold",[478],[588],5,{},"Hi! 👋",{"_31":592,"_35":632},[593,620],{"_31":594,"_35":595},[],{"_37":596,"_39":597,"_41":598,"_43":599,"_45":619,"_58":57,"_56":57},"Query","J7I2preC","bafy2bzaceddh7iht7rhhk3tgse35pqdscqrcvbxz2x2nw6i7wxemevscwrjz4",{"_236":237,"_600":194,"_601":602,"_618":24},"style","query",{"_603":604,"_610":611,"_616":617},"includes",[605],{"_606":268,"_271":607,"_608":609},"space","short-posts","mode","AllDescendants","sort",[612],{"_613":24,"_614":615},"reverse","term","CreateTime","limit",6,"banner",[],{"_31":621,"_35":622},[],{"_37":623,"_39":624,"_41":625,"_43":626,"_45":630,"_58":57,"_56":631},"Button","IUKvE3wa","bafy2bzacede563blhkc3emrtmmo35nwiq7gqz6gj5wxwu2sbs4zakcg2kp4my",{"_78":79,"_279":627,"_628":629},"more short posts","alignment","center",[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/short-posts",{"_37":75,"_39":633,"_41":634,"_43":635,"_45":636,"_58":637,"_56":57},"pQm3lV6d","bafy2bzacebhz2ckruoafdespvbfq27qogwvgseauykewzoiaexjonsyc5jlma",{"_78":79},[],"Latest Short Posts",{"_31":639,"_35":662},[640,654],{"_31":641,"_35":642},[],{"_37":596,"_39":643,"_41":598,"_43":644,"_45":653,"_58":57,"_56":57},"4VGdxJ7E",{"_236":237,"_600":194,"_601":645,"_618":24},{"_603":646,"_610":650,"_616":617},[647],{"_606":268,"_271":648,"_608":649},"writing","Children",[651],{"_613":24,"_614":652},"UpdateTime",[],{"_31":655,"_35":656},[],{"_37":623,"_39":657,"_41":625,"_43":658,"_45":660,"_58":57,"_56":661},"olCAv67h",{"_78":79,"_279":659,"_628":629},"more Writings",[],"hm://z6Mki8vmW6Kwmj5Gs8nj3uHW9pUdR1p1zhzVBNRYDarkBzZP/writings",{"_37":75,"_39":663,"_41":634,"_43":664,"_45":665,"_58":666,"_56":57},"HZUAGRVL",{"_78":79},[],"Last Writings",{"_31":668,"_35":669},[],{"_37":190,"_39":670,"_41":671,"_43":672,"_45":673,"_58":57,"_56":674},"H5Tj4I10g9","bafy2bzacebrehvt6ciku2flf23pbf4qm5o7ylje5iihoqir2ho3urr7vmbntg",{"_193":194},[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/delete-me-later",[268],"1970-01-01T00:00:00Z","2026-04-29T09:11:18.522Z",{"_279":679,"_680":303,"_681":303,"_682":57,"_683":684,"_685":57},"horacio","icon","thumbnail","cover","siteUrl","https://seed.horacioh.com","layout",{"_687":688},"navigation",{"_31":689,"_35":714},[690,696,702,708],{"_31":691,"_35":692},[],{"_37":515,"_39":693,"_56":694,"_58":695},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/about","hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/about?v=bafy2bzacean6klxo4dsterzliyxspbl36s4goa6zxibn5dzxwzo2ched2wfg4&l","about",{"_31":697,"_35":698},[],{"_37":515,"_39":699,"_56":700,"_58":701},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects","hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects?v=bafy2bzaced6leh42quha62wgtbfpd6gpo37moncntoke7m3yb4eeezv6kbtco&l","Projects",{"_31":703,"_35":704},[],{"_37":515,"_39":705,"_56":706,"_58":707},"a1ZgBIXgdCY9nN1IiC_kF","hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/writing?l","Writing",{"_31":709,"_35":710},[],{"_37":515,"_39":711,"_56":712,"_58":713},"ABCvS9z4WV8YZmp0NhCB1","hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/short-posts?l","Short Posts",{"_37":79,"_39":687},"bafy2bzaced5xtju35q57tqjajhsxjyep3l6lmg2436asm4cam6gjmi73t4m4m",{"_283":715,"_286":717},"0",{"_39":719,"_296":268,"_271":720,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk",[],1780352637918,[490,719,-5,6],"[\"ENTITY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk\",null,true]",{"_311":725,"_488":886,"_491":888},{"_313":726,"_472":473,"_474":885,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},[727,760,786,812,839,865],{"_37":26,"_39":728,"_271":733,"_269":734,"_273":735,"_275":740,"_741":742,"_283":732,"_266":732,"_743":744,"_747":748,"_284":755,"_757":-5,"_277":758,"_288":289},{"_39":729,"_296":268,"_271":730,"_266":732,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/HiMEo3QjbtidN1hSZ8sxh",[731],"HiMEo3QjbtidN1hSZ8sxh","bafyreieaqexmqbnifbo6q6j3llguj2iorr4ysbqplckvavns2pfjqsbh34",[731],[268],{"_736":737,"_738":739},"seconds","1778767397","nanos",446000000,{"_736":737,"_738":739},"sortTime","2026-05-14T14:03:17.446Z","breadcrumbs",[745],{"_279":679,"_271":57,"_746":24},"isMissing","activitySummary",{"_749":-5,"_750":57,"_751":478,"_752":753,"_754":24},"latestCommentTime","latestCommentId","commentCount","latestChangeTime",{"_736":737,"_738":739},"isUnread",{"_283":732,"_286":756},"1778767397454","redirectInfo",{"_279":759},"demo private docs",{"_37":26,"_39":761,"_271":764,"_269":765,"_273":766,"_275":769,"_741":772,"_283":773,"_266":763,"_743":774,"_747":776,"_284":783,"_757":-5,"_277":785,"_288":289},{"_39":699,"_296":268,"_271":762,"_266":763,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},[293],"bafy2bzacec5dmt5rlt64c3arln4oiolea4yf53h7zkjuph4dyxv2xvdsgr7s4",[293],[268],{"_736":767,"_738":768},"1743458205",477000000,{"_736":770,"_738":771},"1778522073",686000000,"2025-03-31T21:56:45.477Z","bafy2bzaceamcryrjrpynrxhqcyqyrz2pbb4crywqch7rw6e4fuyk3pxfmdb2u",[775],{"_279":679,"_271":57,"_746":24},{"_749":777,"_750":780,"_751":781,"_752":782,"_754":6},{"_736":778,"_738":779},"1758542214",2000000,"zDnaemJK9bpG85tH5EDc7r8kz18mRqcDDof9iJXKXkprEVtEo/z6DH3xLm7GSsgE",2,{"_736":770,"_738":771},{"_283":773,"_286":784},"1743458205476",{"_279":701},{"_37":26,"_39":787,"_271":791,"_269":792,"_273":793,"_275":796,"_741":799,"_283":800,"_266":790,"_743":801,"_747":803,"_284":809,"_757":-5,"_277":810,"_288":289},{"_39":788,"_296":268,"_271":789,"_266":790,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/writing",[648],"bafy2bzacecwtbaydzuvtkuavgxu6hm6bxdl737a54zdbf7ubhjdhfdveogzos",[648],[268],{"_736":794,"_738":795},"1729674097",698000000,{"_736":797,"_738":798},"1776984749",486000000,"2024-10-23T09:01:37.698Z","bafy2bzaceam3xrsg2d5bowel745ewinhbjfhyly4k76sqteicgslraogezgpm",[802],{"_279":679,"_271":57,"_746":24},{"_749":804,"_750":807,"_751":781,"_752":808,"_754":6},{"_736":805,"_738":806},"1765279447",799000000,"z6MkiUC1toi6SRzrUfUMAJ1jP87T1VpS6MRYgyG9Z5WUjHNz/z6ESDh3Exy6CMx",{"_736":797,"_738":798},{"_283":800,"_286":717},{"_279":707,"_682":811},"ipfs://bafybeiaih5tszm3632ibppzfjfp5r4stsnaoovrgggukexkuh4jol4ofmu",{"_37":26,"_39":813,"_271":818,"_269":819,"_273":820,"_275":823,"_741":826,"_283":827,"_266":817,"_743":828,"_747":830,"_284":836,"_757":-5,"_277":838,"_288":289},{"_39":814,"_296":268,"_271":815,"_266":817,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/test",[816],"test","bafy2bzacedykp2xooz5rh3ng26esxugf7ejejmprbnzp224mfowk4grzrzxuw",[816],[268],{"_736":821,"_738":822},"1753958819",800000000,{"_736":824,"_738":825},"1769592957",593000000,"2025-07-31T10:46:59.800Z","bafy2bzacec73qqtskynumyhnhkrpmirdscdklfjvdjpjs2oit3weuqqlevlzq",[829],{"_279":679,"_271":57,"_746":24},{"_749":831,"_750":834,"_751":473,"_752":835,"_754":6},{"_736":832,"_738":833},"1765279415",944000000,"z6MkiUC1toi6SRzrUfUMAJ1jP87T1VpS6MRYgyG9Z5WUjHNz/z6ESDfyH28iM4N",{"_736":824,"_738":825},{"_283":827,"_286":837},"1753958819800",{"_279":816},{"_37":26,"_39":840,"_271":843,"_269":844,"_273":845,"_275":848,"_741":851,"_283":852,"_266":842,"_743":853,"_747":855,"_284":861,"_757":-5,"_277":863,"_288":289},{"_39":631,"_296":268,"_271":841,"_266":842,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},[607],"bafy2bzaced2g2k4onxbrp4vujgmhftihs5wzbf637bnjlgzgstz6u3kvotnl4",[607],[268],{"_736":846,"_738":847},"1735858509",169000000,{"_736":849,"_738":850},"1750952539",221000000,"2025-01-02T22:55:09.169Z","bafy2bzaceaxub7emvbt7hbdrhrihs5pzrehm2ibrzhumyzaozsqlbh34kyj2q",[854],{"_279":679,"_271":57,"_746":24},{"_749":856,"_750":859,"_751":473,"_752":860,"_754":6},{"_736":857,"_738":858},"1760102326",894000000,"z6Mkfm8befyW32tingJymhfqjX6nhLwoBkQxdSmqg9DnqmiH/z6DYc5FszLK9tr",{"_736":849,"_738":850},{"_283":852,"_286":862},"1735858509169",{"_279":713,"_682":864},"ipfs://bafybeia6lpuxiuqpmtg5hhauwxg5zkyjuxay7aco46egxxvmnkjkuu4yl4",{"_37":26,"_39":866,"_271":869,"_269":870,"_273":871,"_275":874,"_741":877,"_283":878,"_266":868,"_743":879,"_747":881,"_284":883,"_757":-5,"_277":884,"_288":289},{"_39":693,"_296":268,"_271":867,"_266":868,"_298":-5,"_299":-5,"_300":-5,"_301":-5,"_295":6},[695],"bafy2bzacean6klxo4dsterzliyxspbl36s4goa6zxibn5dzxwzo2ched2wfg4",[695],[268],{"_736":872,"_738":873},"1729674407",816000000,{"_736":875,"_738":876},"1745684458",540000000,"2024-10-23T09:06:47.816Z","bafy2bzacedh3jjat3rqekf5xiuyoqq72wijoyizfa4pj7274pgfeimpachcys",[880],{"_279":679,"_271":57,"_746":24},{"_749":-5,"_750":57,"_751":478,"_752":882,"_754":6},{"_736":875,"_738":876},{"_283":878,"_286":717},{"_279":695,"_680":57},1780352637921,[887,719,649],"DOC_LIST_DIRECTORY","[\"DOC_LIST_DIRECTORY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk\",\"Children\"]",{"_311":890,"_488":892,"_491":893},{"_313":891,"_472":473,"_474":885,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},[],[887,297,649],"[\"DOC_LIST_DIRECTORY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia\",\"Children\"]",{"_311":895,"_488":905,"_491":907},{"_313":896,"_472":473,"_474":904,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_897":473,"_898":478,"_899":237,"_31":478,"_900":901,"_902":903},"citations","comments","changes","authorUids",[268],"blocks",{},1780352637966,[906,297],"DOCUMENT_INTERACTION_SUMMARY","[\"DOCUMENT_INTERACTION_SUMMARY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia\"]",{"_311":909,"_488":951,"_491":952},{"_313":910,"_472":473,"_474":950,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":911,"_39":948},{"_28":912,"_266":763,"_267":268,"_269":942,"_271":943,"_273":772,"_275":944,"_277":945,"_281":946,"_283":773,"_284":947,"_288":289},[913,921,928,935],{"_31":914,"_35":915},[],{"_37":190,"_39":916,"_41":917,"_43":918,"_45":919,"_58":57,"_56":920},"I4_AIO0-H7","bafy2bzacecxfvhhy4f7etz5lcs5jmfn67hdlxgolvrnuc4brppjhl3waunqcq",{"_193":194},[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia?v=bafyreigbcvulb5p4le3dgs5aojad6evskspmgro5kmon5iakxwfuig6kna",{"_31":922,"_35":923},[],{"_37":190,"_39":924,"_41":773,"_43":925,"_45":926,"_58":57,"_56":927},"sjCU1tkw",{"_193":194},[],"hm://z6MkhBiheioCs7btwVLUcnSCcFPdhTGGHSHpR4SHTyAobUUp?v=bafy2bzacecfhoec3asybwsbo6tuzwudn6qyd4j7akkvj6tzyynbviomgdu3w4&l",{"_31":929,"_35":930},[],{"_37":190,"_39":931,"_41":773,"_43":932,"_45":933,"_58":57,"_56":934},"cp4oST5v",{"_193":194},[],"hm://z6Mkju5ZvJyn7S2XobuQRK1KEVdk6WZut53NReZDARUj5S5N?v=bafy2bzacedm52uoeykowtoplczycuhd6gvpd7guho4qa3p2ea4qawjl276k2y&l",{"_31":936,"_35":937},[],{"_37":190,"_39":938,"_41":763,"_43":939,"_45":940,"_58":57,"_56":941},"fDspnSjg52",{"_193":194},[],"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/demo-embed",[268],"/projects","2026-05-11T17:54:33.686Z",{"_279":701},{},{"_283":773,"_286":784},{"_39":699,"_296":268,"_271":949,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":-5},[293],1780352637919,[490,699,-5,24],"[\"ENTITY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects\",null,false]",{"_311":954,"_488":1784,"_491":1785},{"_313":955,"_472":473,"_474":1783,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":956,"_39":1777},{"_28":957,"_266":1103,"_267":1763,"_269":1764,"_271":1765,"_273":1766,"_275":1767,"_277":1768,"_281":1774,"_283":964,"_284":1775,"_288":289},[958,1081,1128,1663,1721],{"_31":959,"_35":1076},[960,974,1016],{"_31":961,"_35":962},[],{"_37":38,"_39":963,"_41":964,"_43":965,"_45":966,"_58":973,"_56":57},"IRGeXoLf","bafyreigzgi4yhyfpgac27jo3a56fiefwoagpb3kznmide6x2hwru5ssqbm",{},[967],{"_37":585,"_49":968,"_52":970,"_43":972,"_56":57},[969],117,[971],152,{},"Our documents support embedding content from other documents (embeds). Currently, embeds are visually denoted with a green vertical bar on the left side of the content, similar to a blockquote style. This approach has three key problems:",{"_31":975,"_35":1011},[976,987,999],{"_31":977,"_35":978},[],{"_37":38,"_39":979,"_41":964,"_43":980,"_45":981,"_58":986,"_56":57},"BcubiIy9",{},[982],{"_37":585,"_49":983,"_52":984,"_43":985,"_56":57},[478],[517],{},"Looks like a blockquote — The green left border is visually identical to how blockquotes are styled across the web, confusing the semantic meaning of embedded content.",{"_31":988,"_35":989},[],{"_37":38,"_39":990,"_41":964,"_43":991,"_45":992,"_58":998,"_56":57},"FL6vbAGm",{},[993],{"_37":585,"_49":994,"_52":995,"_43":997,"_56":57},[478],[996],32,{},"Not informative about the source — There is no indication of where the content comes from. Users cannot see the source document title, author, or any attribution without interacting.",{"_31":1000,"_35":1001},[],{"_37":38,"_39":1002,"_41":964,"_43":1003,"_45":1004,"_58":1010,"_56":57},"J3kZJE1A",{},[1005],{"_37":585,"_49":1006,"_52":1007,"_43":1009,"_56":57},[478],[1008],21,{},"Disrupts reading flow — The continuous left border, especially for longer embeds, creates visual noise and breaks the natural reading rhythm.",{"_37":38,"_39":1012,"_41":964,"_43":1013,"_45":1015,"_58":57,"_56":57},"di04BPSn",{"_78":1014},"Ordered",[],{"_31":1017,"_35":1071},[1018],{"_31":1019,"_35":1067},[1020,1035,1047,1060],{"_31":1021,"_35":1022},[],{"_37":38,"_39":1023,"_41":964,"_43":1024,"_45":1025,"_58":1034,"_56":57},"lQnueweM",{},[1026],{"_37":585,"_49":1027,"_52":1030,"_43":1033,"_56":57},[1028,1029],10,46,[1031,1032],41,61,{},"Users can navigate to the source document and expand/collapse embeds",{"_31":1036,"_35":1037},[],{"_37":38,"_39":1038,"_41":964,"_43":1039,"_45":1040,"_58":1046,"_56":57},"pjfY1K31",{},[1041],{"_37":585,"_49":1042,"_52":1043,"_43":1045,"_56":57},[524],[1044],63,{},"Visual treatment should be the same in both reading and editing modes",{"_31":1048,"_35":1049},[],{"_37":38,"_39":1050,"_41":964,"_43":1051,"_45":1052,"_58":1059,"_56":57},"x4jyZoRB",{},[1053],{"_37":585,"_49":1054,"_52":1056,"_43":1058,"_56":57},[1055],14,[1057],24,{},"Embeds can be any length — from a single paragraph to an entire document",{"_31":1061,"_35":1062},[],{"_37":38,"_39":1063,"_41":964,"_43":1064,"_45":1065,"_58":1066,"_56":57},"PQIwV6pj",{},[],"Three existing view modes: Content (inline), Card (summary), and Comments",{"_37":38,"_39":1068,"_41":964,"_43":1069,"_45":1070,"_58":57,"_56":57},"Vo4vt2e3",{"_78":140},[],{"_37":75,"_39":1072,"_41":964,"_43":1073,"_45":1074,"_58":1075,"_56":57},"-ALEJCf_",{"_78":79},[],"Constraints",{"_37":75,"_39":1077,"_41":964,"_43":1078,"_45":1079,"_58":1080,"_56":57},"flAfN-g1",{"_78":79},[],"Problem Statement",{"_31":1082,"_35":1123},[1083,1098,1107],{"_31":1084,"_35":1085},[],{"_37":38,"_39":1086,"_41":964,"_43":1087,"_45":1088,"_58":1097,"_56":57},"Qee-F_iU",{},[1089],{"_37":48,"_49":1090,"_52":1093,"_43":1096,"_56":57},[1091,1092],57,114,[1094,1095],84,126,{},"The current implementation uses a 3px green left border (border-l-primary border-l-3 in Tailwind) applied via the EmbedWrapper component.",{"_31":1099,"_35":1100},[],{"_37":1101,"_39":1102,"_41":1103,"_43":1104,"_45":1105,"_58":57,"_56":1106},"Image","NlsltBZb","bafy2bzacec67by7i4ob6qbrrsupdhko6tn4sbmelowt727jdirynukyqr6axu",{"_78":79},[],"ipfs://bafkreicxt2qifx66kimm56cueffhkywt6r57syygrpjbtqcwp27rgtigz4",{"_31":1108,"_35":1109},[],{"_37":38,"_39":1110,"_41":964,"_43":1111,"_45":1112,"_58":1122,"_56":57},"AAsHpL4H",{},[1113],{"_37":1114,"_49":1115,"_52":1118,"_43":1121,"_56":57},"Italic",[1116,1117],91,115,[1119,1120],95,120,{},"The green bar provides a visual cue that content is different, but it fails to communicate what that content is or where it comes from. It also creates a visual pattern that's indistinguishable from blockquotes.",{"_37":75,"_39":1124,"_41":964,"_43":1125,"_45":1126,"_58":1127,"_56":57},"AsX6gKMz",{"_78":79},[],"Current Design",{"_31":1129,"_35":1658},[1130,1279,1407,1537],{"_31":1131,"_35":1274},[1132,1145,1152,1204,1253],{"_31":1133,"_35":1134},[],{"_37":38,"_39":1135,"_41":964,"_43":1136,"_45":1137,"_58":1144,"_56":57},"q043k9DQ",{},[1138],{"_37":585,"_49":1139,"_52":1141,"_43":1143,"_56":57},[1140],29,[1142],47,{},"Replace the green bar with a compact header bar above the embedded content, showing source document info.",{"_31":1146,"_35":1147},[],{"_37":1101,"_39":1148,"_41":1103,"_43":1149,"_45":1150,"_58":57,"_56":1151},"Kkt_Re-X",{"_78":79},[],"ipfs://bafkreiew3seea3telqdgcb2to7ov6rx5hu2joq3alg7wmsfjyfslmmyzaq",{"_31":1153,"_35":1199},[1154,1161,1168,1180,1192],{"_31":1155,"_35":1156},[],{"_37":38,"_39":1157,"_41":964,"_43":1158,"_45":1159,"_58":1160,"_56":57},"5sgA0ffX",{},[],"A small header displays the source document's icon, title, author, and a collapse chevron",{"_31":1162,"_35":1163},[],{"_37":38,"_39":1164,"_41":964,"_43":1165,"_45":1166,"_58":1167,"_56":57},"Gri73vD7",{},[],"The header is clickable — navigates to the source document",{"_31":1169,"_35":1170},[],{"_37":38,"_39":1171,"_41":964,"_43":1172,"_45":1173,"_58":1179,"_56":57},"s82GRiWQ",{},[1174],{"_37":585,"_49":1175,"_52":1176,"_43":1178,"_56":57},[524],[1177],59,{},"The embedded content below has no border or special styling — it reads naturally",{"_31":1181,"_35":1182},[],{"_37":38,"_39":1183,"_41":964,"_43":1184,"_45":1185,"_58":1191,"_56":57},"eD9l4qSO",{},[1186],{"_37":48,"_49":1187,"_52":1188,"_43":1190,"_56":57},[546],[1189],52,{},"The container uses a very subtle background (#FAFAFA) with rounded corners to define boundaries",{"_31":1193,"_35":1194},[],{"_37":38,"_39":1195,"_41":964,"_43":1196,"_45":1197,"_58":1198,"_56":57},"pL_SAz3e",{},[],"The expand/collapse chevron is integrated into the header",{"_37":75,"_39":1200,"_41":1103,"_43":1201,"_45":1202,"_58":1203,"_56":57},"v8kdZcGG",{"_78":140},[],"How it works",{"_31":1205,"_35":1248},[1206,1213,1220,1227,1234,1241],{"_31":1207,"_35":1208},[],{"_37":38,"_39":1209,"_41":964,"_43":1210,"_45":1211,"_58":1212,"_56":57},"GcVECGgO",{},[],"Clear source attribution — solves the \"where is this from?\" problem",{"_31":1214,"_35":1215},[],{"_37":38,"_39":1216,"_41":964,"_43":1217,"_45":1218,"_58":1219,"_56":57},"XiZ0b2_2",{},[],"Doesn't look like a blockquote — distinct visual pattern",{"_31":1221,"_35":1222},[],{"_37":38,"_39":1223,"_41":964,"_43":1224,"_45":1225,"_58":1226,"_56":57},"-xPb8Spg",{},[],"Minimal reading disruption — content itself has no special styling",{"_31":1228,"_35":1229},[],{"_37":38,"_39":1230,"_41":964,"_43":1231,"_45":1232,"_58":1233,"_56":57},"xK96qxpH",{},[],"Familiar pattern (Notion synced blocks, GitHub embeds, Slack previews)",{"_31":1235,"_35":1236},[],{"_37":38,"_39":1237,"_41":964,"_43":1238,"_45":1239,"_58":1240,"_56":57},"dIN1q2Rw",{},[],"Natural home for the expand/collapse control",{"_31":1242,"_35":1243},[],{"_37":38,"_39":1244,"_41":964,"_43":1245,"_45":1246,"_58":1247,"_56":57},"MNJZ2N1n",{},[],"Works well for any embed length",{"_37":75,"_39":1249,"_41":1103,"_43":1250,"_45":1251,"_58":1252,"_56":57},"o3kp4Owh",{"_78":140},[],"Pros",{"_31":1254,"_35":1269},[1255,1262],{"_31":1256,"_35":1257},[],{"_37":38,"_39":1258,"_41":964,"_43":1259,"_45":1260,"_58":1261,"_56":57},"29d9kl2T",{},[],"Takes vertical space for the header row",{"_31":1263,"_35":1264},[],{"_37":38,"_39":1265,"_41":964,"_43":1266,"_45":1267,"_58":1268,"_56":57},"3BD4GfMV",{},[],"Nested embeds could create visual clutter with stacked headers",{"_37":75,"_39":1270,"_41":1103,"_43":1271,"_45":1272,"_58":1273,"_56":57},"4pfNtDop",{"_78":140},[],"Cons",{"_37":75,"_39":1275,"_41":964,"_43":1276,"_45":1277,"_58":1278,"_56":57},"vLQuPTRZ",{"_78":79},[],"Option A — Attribution Header",{"_31":1280,"_35":1402},[1281,1293,1300,1334,1368],{"_31":1282,"_35":1283},[],{"_37":38,"_39":1284,"_41":964,"_43":1285,"_45":1286,"_58":1292,"_56":57},"FEoMtJH3",{},[1287],{"_37":585,"_49":1288,"_52":1289,"_43":1291,"_56":57},[617],[1290],34,{},"Use a very subtle background color with a small source label to differentiate embedded content.",{"_31":1294,"_35":1295},[],{"_37":1101,"_39":1296,"_41":1103,"_43":1297,"_45":1298,"_58":57,"_56":1299},"QQ6-W_L1",{"_78":79},[],"ipfs://bafkreifbqtqwglzsatimkfe63nvi4ddlll7lpyhe2lrje5bv2ylfx5h5w4",{"_31":1301,"_35":1330},[1302,1309,1316,1323],{"_31":1303,"_35":1304},[],{"_37":38,"_39":1305,"_41":964,"_43":1306,"_45":1307,"_58":1308,"_56":57},"ks6H9LTJ",{},[],"A very soft green tint (brand color at ~5% opacity) fills the embed area",{"_31":1310,"_35":1311},[],{"_37":38,"_39":1312,"_41":964,"_43":1313,"_45":1314,"_58":1315,"_56":57},"-sVlC8fz",{},[],"A small \"From: Document Title\" label appears at the top in the brand color",{"_31":1317,"_35":1318},[],{"_37":38,"_39":1319,"_41":964,"_43":1320,"_45":1321,"_58":1322,"_56":57},"DTCalhcZ",{},[],"A soft rounded border defines the embed boundaries",{"_31":1324,"_35":1325},[],{"_37":38,"_39":1326,"_41":964,"_43":1327,"_45":1328,"_58":1329,"_56":57},"Hed0Rrk7",{},[],"Content reads almost like normal text with just a hint of differentiation",{"_37":75,"_39":1331,"_41":1103,"_43":1332,"_45":1333,"_58":1203,"_56":57},"8r19zxxH",{"_78":140},[],{"_31":1335,"_35":1364},[1336,1343,1350,1357],{"_31":1337,"_35":1338},[],{"_37":38,"_39":1339,"_41":964,"_43":1340,"_45":1341,"_58":1342,"_56":57},"kfvz48N-",{},[],"Lightest visual weight of all options",{"_31":1344,"_35":1345},[],{"_37":38,"_39":1346,"_41":964,"_43":1347,"_45":1348,"_58":1349,"_56":57},"m70lHf9b",{},[],"Content reads very naturally — minimal disruption",{"_31":1351,"_35":1352},[],{"_37":38,"_39":1353,"_41":964,"_43":1354,"_45":1355,"_58":1356,"_56":57},"u3d-0Nhd",{},[],"The tint provides a subtle but persistent visual cue across any length",{"_31":1358,"_35":1359},[],{"_37":38,"_39":1360,"_41":964,"_43":1361,"_45":1362,"_58":1363,"_56":57},"FQLCfLuT",{},[],"Source attribution is present but unobtrusive",{"_37":75,"_39":1365,"_41":1103,"_43":1366,"_45":1367,"_58":1252,"_56":57},"okh0Bj8T",{"_78":140},[],{"_31":1369,"_35":1398},[1370,1377,1384,1391],{"_31":1371,"_35":1372},[],{"_37":38,"_39":1373,"_41":964,"_43":1374,"_45":1375,"_58":1376,"_56":57},"Xw16T3ju",{},[],"May be too subtle for some users to notice at a glance",{"_31":1378,"_35":1379},[],{"_37":38,"_39":1380,"_41":964,"_43":1381,"_45":1382,"_58":1383,"_56":57},"1nGvfi0o",{},[],"Background tint can clash with dark mode if not carefully calibrated",{"_31":1385,"_35":1386},[],{"_37":38,"_39":1387,"_41":964,"_43":1388,"_45":1389,"_58":1390,"_56":57},"6bKSsKAr",{},[],"Less discoverable than a header approach",{"_31":1392,"_35":1393},[],{"_37":38,"_39":1394,"_41":964,"_43":1395,"_45":1396,"_58":1397,"_56":57},"dtUhsgJt",{},[],"No natural place for expand/collapse controls",{"_37":75,"_39":1399,"_41":1103,"_43":1400,"_45":1401,"_58":1273,"_56":57},"PXWrU7RK",{"_78":140},[],{"_37":75,"_39":1403,"_41":964,"_43":1404,"_45":1405,"_58":1406,"_56":57},"T5uFCovs",{"_78":79},[],"Option B — Background Tint + Inline Attribution",{"_31":1408,"_35":1532},[1409,1422,1431,1471,1498],{"_31":1410,"_35":1411},[],{"_37":38,"_39":1412,"_41":964,"_43":1413,"_45":1414,"_58":1421,"_56":57},"OzCuvX89",{},[1415],{"_37":585,"_49":1416,"_52":1418,"_43":1420,"_56":57},[1417],8,[1419],37,{},"Place a small icon in the left margin with source info revealed on hover. Zero visual disruption to the content.",{"_31":1423,"_35":1424},[],{"_37":1101,"_39":1425,"_41":1103,"_43":1426,"_45":1429,"_58":57,"_56":1430},"OIqxwgQb",{"_78":79,"_1427":1428},"width",668,[],"ipfs://bafkreih3scey7ynu4acbcmfwkahwr55yqjqmc5h2dbhmon3sq2dmbahjh4",{"_31":1432,"_35":1467},[1433,1440,1453,1460],{"_31":1434,"_35":1435},[],{"_37":38,"_39":1436,"_41":964,"_43":1437,"_45":1438,"_58":1439,"_56":57},"WVI6sbPE",{},[],"A small link/clip icon sits in the left gutter (where collapse chevrons already exist)",{"_31":1441,"_35":1442},[],{"_37":38,"_39":1443,"_41":964,"_43":1444,"_45":1445,"_58":1452,"_56":57},"rv7adFdK",{},[1446],{"_37":585,"_49":1447,"_52":1449,"_43":1451,"_56":57},[1448],25,[1450],49,{},"The embedded content has no border, no background — visually identical to regular text",{"_31":1454,"_35":1455},[],{"_37":38,"_39":1456,"_41":964,"_43":1457,"_45":1458,"_58":1459,"_56":57},"iqMFcnd6",{},[],"Hovering over the margin icon reveals a dark tooltip showing: source title, author, and \"Open source\" link",{"_31":1461,"_35":1462},[],{"_37":38,"_39":1463,"_41":964,"_43":1464,"_45":1465,"_58":1466,"_56":57},"FP5mz0qO",{},[],"Clicking the icon navigates to the source document",{"_37":75,"_39":1468,"_41":1103,"_43":1469,"_45":1470,"_58":1203,"_56":57},"yxXUQAvO",{"_78":140},[],{"_31":1472,"_35":1494},[1473,1480,1487],{"_31":1474,"_35":1475},[],{"_37":38,"_39":1476,"_41":964,"_43":1477,"_45":1478,"_58":1479,"_56":57},"44VCiX6B",{},[],"Zero reading disruption — content is indistinguishable from native text when scanning",{"_31":1481,"_35":1482},[],{"_37":38,"_39":1483,"_41":964,"_43":1484,"_45":1485,"_58":1486,"_56":57},"4Z0Ww3Oy",{},[],"Minimalist approach that respects the reading experience above all else",{"_31":1488,"_35":1489},[],{"_37":38,"_39":1490,"_41":964,"_43":1491,"_45":1492,"_58":1493,"_56":57},"ilZFBr2J",{},[],"Uses existing gutter space (where collapse chevrons already live)",{"_37":75,"_39":1495,"_41":1103,"_43":1496,"_45":1497,"_58":1252,"_56":57},"vdHnQx5i",{"_78":140},[],{"_31":1499,"_35":1528},[1500,1507,1514,1521],{"_31":1501,"_35":1502},[],{"_37":38,"_39":1503,"_41":964,"_43":1504,"_45":1505,"_58":1506,"_56":57},"hIyrVjmx",{},[],"Low discoverability — users must know to look for or hover the icon",{"_31":1508,"_35":1509},[],{"_37":38,"_39":1510,"_41":964,"_43":1511,"_45":1512,"_58":1513,"_56":57},"s3coyl6H",{},[],"Not obvious that content is embedded until the user interacts",{"_31":1515,"_35":1516},[],{"_37":38,"_39":1517,"_41":964,"_43":1518,"_45":1519,"_58":1520,"_56":57},"XwNH6Qo6",{},[],"May cause confusion when users copy text without realizing it's from another document",{"_31":1522,"_35":1523},[],{"_37":38,"_39":1524,"_41":964,"_43":1525,"_45":1526,"_58":1527,"_56":57},"mIdntfng",{},[],"Tooltip-based attribution is invisible to screen readers",{"_37":75,"_39":1529,"_41":1103,"_43":1530,"_45":1531,"_58":1273,"_56":57},"PXYi6BAl",{"_78":140},[],{"_37":75,"_39":1533,"_41":964,"_43":1534,"_45":1535,"_58":1536,"_56":57},"znqTIMyc",{"_78":79},[],"Option C — Margin Indicator + Hover Attribution",{"_31":1538,"_35":1653},[1539,1551,1558,1592,1626],{"_31":1540,"_35":1541},[],{"_37":38,"_39":1542,"_41":964,"_43":1543,"_45":1544,"_58":1550,"_56":57},"rH2HCZPt",{},[1545],{"_37":585,"_49":1546,"_52":1548,"_43":1549,"_56":57},[1547],4,[1448],{},"Use thin horizontal lines above and below the embed, with source attribution inline in the top divider.",{"_31":1552,"_35":1553},[],{"_37":1101,"_39":1554,"_41":1103,"_43":1555,"_45":1556,"_58":57,"_56":1557},"kfUh1Qca",{"_78":79},[],"ipfs://bafkreife6wr4g24kbw2enznk47buxyprl5b4veootlhzera7ipqqyqohbu",{"_31":1559,"_35":1588},[1560,1567,1574,1581],{"_31":1561,"_35":1562},[],{"_37":38,"_39":1563,"_41":964,"_43":1564,"_45":1565,"_58":1566,"_56":57},"31yGJQfM",{},[],"A thin horizontal line appears above the embed with the source document title embedded inline",{"_31":1568,"_35":1569},[],{"_37":38,"_39":1570,"_41":964,"_43":1571,"_45":1572,"_58":1573,"_56":57},"0zltEmJp",{},[],"The content between the lines has no special styling",{"_31":1575,"_35":1576},[],{"_37":38,"_39":1577,"_41":964,"_43":1578,"_45":1579,"_58":1580,"_56":57},"zZ3cju5V",{},[],"A simple thin closing line marks the end of the embed",{"_31":1582,"_35":1583},[],{"_37":38,"_39":1584,"_41":964,"_43":1585,"_45":1586,"_58":1587,"_56":57},"5iD-178m",{},[],"Clicking the source title navigates to the source document",{"_37":75,"_39":1589,"_41":1103,"_43":1590,"_45":1591,"_58":1203,"_56":57},"4RnPV-LI",{"_78":140},[],{"_31":1593,"_35":1622},[1594,1601,1608,1615],{"_31":1595,"_35":1596},[],{"_37":38,"_39":1597,"_41":964,"_43":1598,"_45":1599,"_58":1600,"_56":57},"zhQcU_rr",{},[],"Very clean, editorial feel (similar to citations in academic papers)",{"_31":1602,"_35":1603},[],{"_37":38,"_39":1604,"_41":964,"_43":1605,"_45":1606,"_58":1607,"_56":57},"ugg4DQ2l",{},[],"Clear start and end boundaries without a continuous border",{"_31":1609,"_35":1610},[],{"_37":38,"_39":1611,"_41":964,"_43":1612,"_45":1613,"_58":1614,"_56":57},"qZp8l12D",{},[],"Source attribution is visible without interaction",{"_31":1616,"_35":1617},[],{"_37":38,"_39":1618,"_41":964,"_43":1619,"_45":1620,"_58":1621,"_56":57},"0Y4UOX0a",{},[],"Works well at any embed length — the lines don't create visual weight like a continuous bar",{"_37":75,"_39":1623,"_41":1103,"_43":1624,"_45":1625,"_58":1252,"_56":57},"6I-l_okC",{"_78":140},[],{"_31":1627,"_35":1649},[1628,1635,1642],{"_31":1629,"_35":1630},[],{"_37":38,"_39":1631,"_41":964,"_43":1632,"_45":1633,"_58":1634,"_56":57},"cu9MpjNm",{},[],"Horizontal lines add visual noise if many embeds are stacked consecutively",{"_31":1636,"_35":1637},[],{"_37":38,"_39":1638,"_41":964,"_43":1639,"_45":1640,"_58":1641,"_56":57},"8oC1Ut4u",{},[],"The editorial style may feel out of place in a more casual document",{"_31":1643,"_35":1644},[],{"_37":38,"_39":1645,"_41":964,"_43":1646,"_45":1647,"_58":1648,"_56":57},"FDQQ56u_",{},[],"Less clear boundary for very short embeds (1-2 lines)",{"_37":75,"_39":1650,"_41":1103,"_43":1651,"_45":1652,"_58":1273,"_56":57},"Ch46m5Np",{"_78":140},[],{"_37":75,"_39":1654,"_41":964,"_43":1655,"_45":1656,"_58":1657,"_56":57},"Fo0RDFtP",{"_78":79},[],"Option D — Bookend Dividers with Source Tag",{"_37":75,"_39":1659,"_41":964,"_43":1660,"_45":1661,"_58":1662,"_56":57},"VXGzjP2s",{"_78":79},[],"Proposed Alternatives",{"_31":1664,"_35":1716},[1665,1676,1704],{"_31":1666,"_35":1667},[],{"_37":38,"_39":1668,"_41":1103,"_43":1669,"_45":1670,"_58":1675,"_56":57},"Ns8OVHVk",{},[1671],{"_37":585,"_49":1672,"_52":1673,"_43":1674,"_56":57},[478],[1140],{},"Option A (Attribution Header) offers the strongest balance across all",{"_31":1677,"_35":1699},[1678,1685,1692],{"_31":1679,"_35":1680},[],{"_37":38,"_39":1681,"_41":964,"_43":1682,"_45":1683,"_58":1684,"_56":57},"oqSZU5YA",{},[],"Clear source attribution (solves problem 2)",{"_31":1686,"_35":1687},[],{"_37":38,"_39":1688,"_41":964,"_43":1689,"_45":1690,"_58":1691,"_56":57},"YLqOnimg",{},[],"Distinct visual pattern that's not a blockquote (solves problem 1)",{"_31":1693,"_35":1694},[],{"_37":38,"_39":1695,"_41":964,"_43":1696,"_45":1697,"_58":1698,"_56":57},"yb9GbF28",{},[],"Content itself has no special styling, preserving reading flow (solves problem 3)",{"_37":38,"_39":1700,"_41":1103,"_43":1701,"_45":1702,"_58":1703,"_56":57},"4k2CXLGk",{"_78":1014},[],"three problems:",{"_31":1705,"_35":1706},[],{"_37":38,"_39":1707,"_41":964,"_43":1708,"_45":1709,"_58":1715,"_56":57},"8G2Yg5Rv",{},[1710],{"_37":585,"_49":1711,"_52":1713,"_43":1714,"_56":57},[1712],11,[1290],{},"A possible hybrid approach (A + B) could combine the header for attribution with a very subtle background tint for longer embeds, making boundaries clearer when the content spans many paragraphs.",{"_37":75,"_39":1717,"_41":964,"_43":1718,"_45":1719,"_58":1720,"_56":57},"i8alHX0j",{"_78":79},[],"Recommendation",{"_31":1722,"_35":1758},[1723,1730,1737,1744,1751],{"_31":1724,"_35":1725},[],{"_37":38,"_39":1726,"_41":964,"_43":1727,"_45":1728,"_58":1729,"_56":57},"8DETE0E2",{},[],"Review mockups and gather team feedback on preferred direction",{"_31":1731,"_35":1732},[],{"_37":38,"_39":1733,"_41":964,"_43":1734,"_45":1735,"_58":1736,"_56":57},"_d9VRyy2",{},[],"Build a prototype of the top 1-2 options in the actual editor",{"_31":1738,"_35":1739},[],{"_37":38,"_39":1740,"_41":964,"_43":1741,"_45":1742,"_58":1743,"_56":57},"oecX-ZrE",{},[],"Test with real document content at various embed lengths",{"_31":1745,"_35":1746},[],{"_37":38,"_39":1747,"_41":964,"_43":1748,"_45":1749,"_58":1750,"_56":57},"niGwExAB",{},[],"Evaluate dark mode behavior",{"_31":1752,"_35":1753},[],{"_37":38,"_39":1754,"_41":964,"_43":1755,"_45":1756,"_58":1757,"_56":57},"0z4AsLoK",{},[],"Ship as an experiment behind a feature flag",{"_37":75,"_39":1759,"_41":1103,"_43":1760,"_45":1761,"_58":1762,"_56":57},"YQZXg3IC",{"_78":1014},[],"Next Steps","z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno",[268],"/human-interface-library/embeds-design-proposal","2026-03-24T09:55:17.003Z","2026-03-24T11:49:18.682Z",{"_279":1769,"_1770":1771,"_682":1772,"_1773":6},"Embeds Design Proposal","summary","Exploring alternative visual treatments for embedded content from other documents, replacing the current green left border approach.","ipfs://bafybeidpvxnuymvnocw53qbxj5egqdww2l4gi3uwbuahofszzz5q2yx34y","showOutline",{},{"_283":964,"_286":1776},"1774346117047",{"_39":1778,"_296":1763,"_271":1779,"_266":1103,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/human-interface-library/embeds-design-proposal",[1780,1781],"human-interface-library","embeds-design-proposal","hm",1780352637988,[490,1778,1103,6],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/human-interface-library/embeds-design-proposal\",\"bafy2bzacec67by7i4ob6qbrrsupdhko6tn4sbmelowt727jdirynukyqr6axu\",true]",{"_311":1787,"_488":2087,"_491":2088},{"_313":1788,"_472":473,"_474":2086,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":1789,"_39":2082},{"_28":1790,"_266":2060,"_267":1763,"_269":2071,"_271":2072,"_273":2073,"_275":2074,"_277":2075,"_281":2079,"_283":1795,"_284":2080,"_288":289},[1791,1799,1806,1813,1890,1946,2009,2043,2056],{"_31":1792,"_35":1793},[],{"_37":38,"_39":1794,"_41":1795,"_43":1796,"_45":1797,"_58":1798,"_56":57},"hkZM54ZR","bafyreibnel2hm36vncmluljy763p3fwqzm634ylpprzex43q626zrvnrvy",{},[],"Every document editor makes a promise to the writer: what you see is what you mean (get). When spacing drifts, text shrinks at deeper nesting levels, or interface elements float out of position, that promise quietly breaks. The writer may not be able to name what is wrong, but they feel it - the layout looks off, and confidence erodes.",{"_31":1800,"_35":1801},[],{"_37":38,"_39":1802,"_41":1795,"_43":1803,"_45":1804,"_58":1805,"_56":57},"BLR3SNJJ",{},[],"We recently revisited the rendering foundations of our editor and found five visual issues that had accumulated over time. Each one was small on its own. Together, they created a compounding sense of inconsistency that undermined the editing experience.",{"_31":1807,"_35":1808},[],{"_37":38,"_39":1809,"_41":1795,"_43":1810,"_45":1811,"_58":1812,"_56":57},"FLmkotdz",{},[],"This is the story of how we fixed them - and the single principle that unified all five changes.",{"_31":1814,"_35":1885},[1815,1877],{"_31":1816,"_35":1872},[1817,1828,1839,1850,1861],{"_31":1818,"_35":1819},[],{"_37":38,"_39":1820,"_41":1795,"_43":1821,"_45":1822,"_58":1827,"_56":57},"MT03QlUP",{},[1823],{"_37":585,"_49":1824,"_52":1825,"_43":1826,"_56":57},[478],[517],{},"Uneven vertical rhythm. Blocks had more space above them than below, creating a lopsided cadence as content grew. The gap above a paragraph was four times the gap below it. For a single block this is barely perceptible, but across a full document the cumulative effect made the page feel top-heavy.",{"_31":1829,"_35":1830},[],{"_37":38,"_39":1831,"_41":1795,"_43":1832,"_45":1833,"_58":1838,"_56":57},"aukK1HCP",{},[1834],{"_37":585,"_49":1835,"_52":1836,"_43":1837,"_56":57},[478],[1057],{},"Shrinking text at depth. Nested content - a bullet list inside a quote, or a paragraph inside a toggle - rendered slightly smaller than its parent. And because the scaling was relative, each additional level compounded the reduction. By the third level of nesting, text was noticeably smaller than the root, even though nothing in the document model said it should be.",{"_31":1840,"_35":1841},[],{"_37":38,"_39":1842,"_41":1795,"_43":1843,"_45":1844,"_58":1849,"_56":57},"KFfBgtTp",{},[1845],{"_37":585,"_49":1846,"_52":1847,"_43":1848,"_56":57},[478],[1057],{},"Misaligned list markers. Bullet points and numbered items did not line up with the nesting indent. The gutter reserved for markers was narrower than the indentation step, so list text started at a different horizontal position than a paragraph at the same depth. This broke the vertical river of content that well-typeset documents rely on.",{"_31":1851,"_35":1852},[],{"_37":38,"_39":1853,"_41":1795,"_43":1854,"_45":1855,"_58":1860,"_56":57},"i_Pd2kye",{},[1856],{"_37":585,"_49":1857,"_52":1858,"_43":1859,"_56":57},[478],[1008],{},"Flat heading spacing. Every heading - whether a section title or a minor subheading - received the same amount of breathing room. There was no scaling by importance, no collapse rules for consecutive headings, and no suppression of top margin for the first element in a group. The result was spacing that felt arbitrary rather than intentional.",{"_31":1862,"_35":1863},[],{"_37":38,"_39":1864,"_41":1795,"_43":1865,"_45":1866,"_58":1871,"_56":57},"7kbbuXK3",{},[1867],{"_37":585,"_49":1868,"_52":1869,"_43":1870,"_56":57},[478],[1008],{},"Drifting drag handle. The side menu icon (the 6-dot grid that lets you drag and reorder blocks) was positioned based on assumptions about the old spacing. After the padding changed, it appeared about ten pixels too low — no longer aligned with the first line of text.",{"_37":38,"_39":1873,"_41":1795,"_43":1874,"_45":1875,"_58":1876,"_56":57},"6UNSqLDw",{"_78":1014},[],"The issues fell into a pattern: each one violated the spatial contract between blocks at different depths and types.",{"_31":1878,"_35":1879},[],{"_37":1101,"_39":1880,"_41":1795,"_43":1881,"_45":1882,"_58":1883,"_56":1884},"5NvpjP7B",{"_78":79},[],"current editor block layout alignment and spacing","ipfs://bafkreid5t7kjcw4m2uqblfhin6rtwksxm5bmv6gmurkuxpqfzmdpaj4wc4",{"_37":75,"_39":1886,"_41":1795,"_43":1887,"_45":1888,"_58":1889,"_56":57},"Y8vkOHft",{"_78":79},[],"What We Found",{"_31":1891,"_35":1941},[1892,1904,1913,1926,1933],{"_31":1893,"_35":1894},[],{"_37":38,"_39":1895,"_41":1795,"_43":1896,"_45":1897,"_58":1903,"_56":57},"iHLUUVrM",{},[1898],{"_37":585,"_49":1899,"_52":1900,"_43":1902,"_56":57},[996],[1901],127,{},"All five fixes follow one rule: at any nesting level, the left edge of text content aligns vertically regardless of block type.",{"_31":1905,"_35":1906},[],{"_37":1101,"_39":1907,"_41":1795,"_43":1908,"_45":1910,"_58":1911,"_56":1912},"q7ASX3-N",{"_78":79,"_1427":1909},459.8802395209581,[],"New alignment and spacing proposal","ipfs://bafkreiaogsqzvi5dr5puss3rlwajzl4vp2nmihsw67hupplyclwltzjl74",{"_31":1914,"_35":1915},[],{"_37":38,"_39":1916,"_41":1795,"_43":1917,"_45":1918,"_58":1925,"_56":57},"N43c1SLm",{},[1919],{"_37":1114,"_49":1920,"_52":1922,"_43":1924,"_56":57},[1921],141,[1923],148,{},"A paragraph, a heading, a bullet item, and a code block at the same depth should all start at the same horizontal position. List markers sit outside this content edge, in a dedicated gutter. Headings get proportional breathing room, but their text still starts on the same vertical line as everything else at that level.",{"_31":1927,"_35":1928},[],{"_37":38,"_39":1929,"_41":1795,"_43":1930,"_45":1931,"_58":1932,"_56":57},"2iF8l-N5",{},[],"This is the content-start alignment principle. It is the same approach used by Notion, Typst, and Tailwind Typography - and it is the foundation that modern document tools converge on because it produces layouts that feel structured without being rigid.",{"_31":1934,"_35":1935},[],{"_37":1101,"_39":1936,"_41":1795,"_43":1937,"_45":1938,"_58":1939,"_56":1940},"4El1Qyda",{"_78":79},[],"Content-Start Alignment Principle mockup","ipfs://bafkreif4j7gf2ffzvqe5pbbjablauilxl2wxudabsyuhcafu7q6xmts6ca",{"_37":75,"_39":1942,"_41":1795,"_43":1943,"_45":1944,"_58":1945,"_56":57},"pH6tgqj5",{"_78":79},[],"The Principle",{"_31":1947,"_35":2004},[1948,1959,1970,1982,1993],{"_31":1949,"_35":1950},[],{"_37":38,"_39":1951,"_41":1795,"_43":1952,"_45":1953,"_58":1958,"_56":57},"xPbMhe1u",{},[1954],{"_37":585,"_49":1955,"_52":1956,"_43":1957,"_56":57},[478],[1057],{},"Symmetric block spacing. We replaced the asymmetric top-heavy padding with equal spacing above and below each block. A small sibling margin between consecutive blocks preserves visual separation. The result: blocks stack with a predictable, even rhythm at every depth.",{"_31":1960,"_35":1961},[],{"_37":38,"_39":1962,"_41":1795,"_43":1963,"_45":1964,"_58":1969,"_56":57},"N25hFZzI",{},[1965],{"_37":585,"_49":1966,"_52":1967,"_43":1968,"_56":57},[478],[1008],{},"Consistent text size. We removed the relative font scaling on inline content. Text now renders at the document base size regardless of how deeply it is nested. A paragraph three levels deep reads the same as one at the root - because it should.",{"_31":1971,"_35":1972},[],{"_37":38,"_39":1973,"_41":1795,"_43":1974,"_45":1975,"_58":1981,"_56":57},"_-if-ocs",{},[1976],{"_37":585,"_49":1977,"_52":1978,"_43":1980,"_56":57},[478],[1979],20,{},"Matched list gutter. The gutter width for list markers now matches the nesting indent exactly. When you create a bullet list under a paragraph, the bullet text aligns with the paragraph text above it. Numbered items, nested bullets, and mixed lists all follow the same spatial grid.",{"_31":1983,"_35":1984},[],{"_37":38,"_39":1985,"_41":1795,"_43":1986,"_45":1987,"_58":1992,"_56":57},"xAtFsPFH",{},[1988],{"_37":585,"_49":1989,"_52":1990,"_43":1991,"_56":57},[478],[517],{},"Scaled heading margins. Headings now receive breathing room proportional to their level. A major section heading gets more space than a minor subheading, following a 2:1 top-to-bottom ratio. Consecutive headings collapse their spacing to avoid double gaps. The first heading in any group suppresses its top margin entirely. This hierarchy of whitespace gives documents a natural visual rhythm that mirrors their semantic structure.",{"_31":1994,"_35":1995},[],{"_37":38,"_39":1996,"_41":1795,"_43":1997,"_45":1998,"_58":2003,"_56":57},"HWit1xC9",{},[1999],{"_37":585,"_49":2000,"_52":2001,"_43":2002,"_56":57},[478],[517],{},"Repositioned side menu. The drag handle now aligns with the center of the first line of text in every block - paragraphs, headings, lists, media, and code blocks alike. The horizontal offset was also adjusted to clear the wider list gutter without overlapping markers. The handle follows the content, not the container.",{"_37":75,"_39":2005,"_41":1795,"_43":2006,"_45":2007,"_58":2008,"_56":57},"dS1XAP2M",{"_78":1014},[],"What Changed",{"_31":2010,"_35":2038},[2011,2024,2031],{"_31":2012,"_35":2013},[],{"_37":38,"_39":2014,"_41":1795,"_43":2015,"_45":2016,"_58":2023,"_56":57},"XXB0uy-g",{},[2017],{"_37":1114,"_49":2018,"_52":2020,"_43":2022,"_56":57},[2019],121,[2021],123,{},"These changes are invisible when done right. Nobody opens a document and thinks what excellent vertical rhythm. But they do notice when things are off - when a heading feels cramped, when nested text looks oddly small, or when the drag handle hovers in the wrong spot.",{"_31":2025,"_35":2026},[],{"_37":38,"_39":2027,"_41":1795,"_43":2028,"_45":2029,"_58":2030,"_56":57},"xj9Jzlll",{},[],"Consistent rendering is a form of trust. It tells the writer that the tool understands the structure they are building, and it tells the reader that the content was crafted with care. By committing to content-start alignment as an invariant - not just an aspiration - we have given both writer and reader a more reliable foundation.",{"_31":2032,"_35":2033},[],{"_37":38,"_39":2034,"_41":1795,"_43":2035,"_45":2036,"_58":2037,"_56":57},"EpGHhR0F",{},[],"The editor should disappear into the writing. These five fixes help it get closer to that goal.",{"_37":75,"_39":2039,"_41":1795,"_43":2040,"_45":2041,"_58":2042,"_56":57},"svOY7JsG",{"_78":79},[],"Why This Matters",{"_31":2044,"_35":2045},[],{"_37":38,"_39":2046,"_41":1795,"_43":2047,"_45":2048,"_58":2055,"_56":57},"wztbsqIF",{},[2049],{"_37":515,"_49":2050,"_52":2051,"_43":2053,"_56":2054},[1031],[2052],89,{},"https://github.com/seed-hypermedia/seed/pull/399","You can see the changes made in this PR: https://github.com/seed-hypermedia/seed/pull/399",{"_31":2057,"_35":2058},[],{"_37":38,"_39":2059,"_41":2060,"_43":2061,"_45":2062,"_58":2070,"_56":57},"O0VHYArk","bafy2bzaceddxavcanqs63a7mvjsgztcttgd445cqbuinsb6pwdjwmccgi7bsa",{},[2063],{"_37":515,"_49":2064,"_52":2066,"_43":2068,"_56":2069},[2065],9,[2067],22,{},"https://unsplash.com/@theshubhamdhage?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","Photo by Shubham Dhage on Unsplash",[268],"/tech-talks/improving-editor-block-rendering","2026-03-24T17:46:35.010Z","2026-03-24T17:49:46.303Z",{"_279":2076,"_1770":2077,"_682":2078},"Improving Editor Block Rendering","How we rethought the visual foundations of our document editor - fixing five interconnected rendering issues by committing to one alignment principle.","ipfs://bafkreihmnczj4jzwzkunnps7gbspr2kkg26u54qblytgx4gztfrn2rqiuu",{},{"_283":1795,"_286":2081},"1774374395058",{"_39":203,"_296":1763,"_271":2083,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},[2084,2085],"tech-talks","improving-editor-block-rendering",1780352637990,[490,203,-5,6],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/tech-talks/improving-editor-block-rendering\",null,true]",{"_311":2090,"_488":2460,"_491":2461},{"_313":2091,"_472":473,"_474":2459,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":2092,"_39":2455},{"_28":2093,"_266":2156,"_267":1763,"_269":2444,"_271":2445,"_273":2446,"_275":2447,"_277":2448,"_281":2452,"_283":2100,"_284":2453,"_288":289},[2094,2165,2224,2293,2374],{"_31":2095,"_35":2160},[2096,2104,2117,2132,2145,2152],{"_31":2097,"_35":2098},[],{"_37":38,"_39":2099,"_41":2100,"_43":2101,"_45":2102,"_58":2103,"_56":57},"rlu-MM8W","bafy2bzaceaynzyohje7w7n645rvkkl6uzkigyissdbqrs3hipycwm5yoaasvu",{},[],"When we first integrated electron-trpc into our Electron desktop application, the promise was compelling: end-to-end type safety, a single source of truth for our API layer, and the developer experience benefits of autocomplete and automatic refactoring. What we didn't anticipate was the performance tax we'd be paying at runtime—a cost our users bear every time they launch the application.",{"_31":2105,"_35":2106},[],{"_37":38,"_39":2107,"_41":2100,"_43":2108,"_45":2109,"_58":2116,"_56":57},"P1K-EUgc",{},[2110],{"_37":48,"_49":2111,"_52":2113,"_43":2115,"_56":57},[2112],168,[2114],175,{},"The reality is clear. Our current implementation forces every data access through a seven-layer abstraction stack: from UI components through the tRPC client, into the ipcLink adapter, across Electron's IPC boundary, through the main process IPC handler, into the router, and finally to the procedure implementation. Compare this to standard Electron IPC, which requires only three layers: component to contextBridge API to IPC handler. We're paying a 133% complexity tax for type safety that exists only during development.",{"_31":2118,"_35":2119},[],{"_37":38,"_39":2120,"_41":2100,"_43":2121,"_45":2122,"_58":2131,"_56":57},"dtRXYnh0",{},[2123],{"_37":48,"_49":2124,"_52":2127,"_43":2130,"_56":57},[2125,2126],269,288,[2128,2129],284,310,{},"The numbers tell a sobering story. I analyzed our codebase and found 109 tRPC procedures across 26 modules, totaling 3,615 lines of code—roughly 40% of our entire desktop application codebase. Of these 109 procedures, 42 are simple getters and setters: operations like getSetting(key) or setFavorite(id, value). These trivial operations gain nothing from tRPC's sophisticated machinery, yet they still pay the full cost of serialization, deserialization, router traversal, and type inference at runtime.",{"_31":2133,"_35":2134},[],{"_37":38,"_39":2135,"_41":2100,"_43":2136,"_45":2137,"_58":2144,"_56":57},"uHzo1lTK",{},[2138],{"_37":585,"_49":2139,"_52":2141,"_43":2143,"_56":57},[2140],558,[2142],587,{},"The bundle size impact is measurable: 28KB of additional JavaScript (tRPC client, SuperJSON transformer, and electron-trpc itself) that gets parsed and evaluated during startup. But the real performance killer isn't the bundle size—it's the runtime overhead. Every single call requires SuperJSON to serialize the request, send it across IPC, deserialize on the main process side, traverse the router tree, execute the procedure, serialize the response, send it back across IPC, and deserialize again. For a simple getter that returns a boolean, this is like using a shotgun to kill a fly.",{"_31":2146,"_35":2147},[],{"_37":38,"_39":2148,"_41":2100,"_43":2149,"_45":2150,"_58":2151,"_56":57},"k4hzQ42T",{},[],"Perhaps most troubling is what we discovered about our startup sequence. Because all 26 tRPC modules are eagerly loaded at application start, we're forcing the JavaScript engine to parse and evaluate thousands of lines of API code even for routes the user may never visit. There's no code splitting, no lazy loading, no optimization for the critical path. Every user pays the full cost of our entire API surface, regardless of which features they actually use.",{"_31":2153,"_35":2154},[],{"_37":1101,"_39":2155,"_41":2156,"_43":2157,"_45":2158,"_58":57,"_56":2159},"C55Pjxeo","bafy2bzaceamy4oebix7slrvg7fdk3hm3rxmbsvu7ergjp54tkckt664x642vg",{"_78":79},[],"ipfs://bafybeieypd2gtgbttltmj5cmlvi2taakxt4cmnjfizbrrmoub2bjlw5imi",{"_37":75,"_39":2161,"_41":2100,"_43":2162,"_45":2163,"_58":2164,"_56":57},"B10HQgrv",{"_78":79},[],"Problem",{"_31":2166,"_35":2219},[2167,2174,2186,2193,2206],{"_31":2168,"_35":2169},[],{"_37":38,"_39":2170,"_41":2100,"_43":2171,"_45":2172,"_58":2173,"_56":57},"9lb9xx2F",{},[],"The path forward requires surgical precision, not wholesale replacement. We don't need to rip out electron-trpc entirely—we need to recognize where it adds value and where it extracts a performance cost that exceeds its benefits.",{"_31":2175,"_35":2176},[],{"_37":38,"_39":2177,"_41":2100,"_43":2178,"_45":2179,"_58":2185,"_56":57},"TNrX6TZy",{},[2180],{"_37":48,"_49":2181,"_52":2182,"_43":2184,"_56":57},[1095],[2183],157,{},"For the 39% of our procedures that are simple getters and setters, standard Electron IPC is the clear winner. A function like getSetting(key: string): string doesn't need Zod validation, doesn't benefit from complex type inference, and certainly doesn't warrant the overhead of SuperJSON transformation. These should be implemented as direct IPC calls exposed through contextBridge, giving us type safety at the interface boundary without the runtime overhead. We can still maintain TypeScript types for these APIs—they just won't be automatically derived from tRPC routers.",{"_31":2187,"_35":2188},[],{"_37":38,"_39":2189,"_41":2100,"_43":2190,"_45":2191,"_58":2192,"_56":57},"rXae6BBm",{},[],"For complex operations—draft management with its file I/O and migration logic, web content importing with its multi-step transformations, or any procedure with sophisticated input validation—electron-trpc remains valuable. These operations already have significant execution time measured in hundreds of milliseconds, so the additional IPC overhead is noise. The type safety and validation genuinely prevent bugs in these complex code paths.",{"_31":2194,"_35":2195},[],{"_37":38,"_39":2196,"_41":2100,"_43":2197,"_45":2198,"_58":2205,"_56":57},"ZU4ZlRQz",{},[2199],{"_37":48,"_49":2200,"_52":2202,"_43":2204,"_56":57},[2201],362,[2203],378,{},"The second critical change is implementing proper code splitting. Our tRPC routers should be lazy-loaded by feature area. When a user opens the settings window, that's when we load the settings router. When they access drafts, that's when the drafts API becomes available. This requires restructuring our router tree to support dynamic imports and deferring the createIPCHandler call until routers are actually needed. It's more complex than our current eager-loading approach, but it's the difference between a 2-second startup and a 5-second startup.",{"_31":2207,"_35":2208},[],{"_37":38,"_39":2209,"_41":2100,"_43":2210,"_45":2211,"_58":2218,"_56":57},"KviZ4y8T",{},[2212],{"_37":585,"_49":2213,"_52":2215,"_43":2217,"_56":57},[2214],508,[2216],564,{},"Finally, we need to stop blocking the window creation on our full initialization sequence. The current pattern—spawn daemon, wait for it to become ready (up to 10 seconds), initialize drafts with file I/O, then finally show the window—is user-hostile. Instead, we should show the window immediately with a proper loading state, then initialize the daemon and drafts in parallel while providing real-time progress updates. This isn't strictly an electron-trpc issue, but it's symptomatic of the same mindset: prioritizing developer convenience over user experience.",{"_37":75,"_39":2220,"_41":2100,"_43":2221,"_45":2222,"_58":2223,"_56":57},"TF1EKkKj",{"_78":79},[],"Solution",{"_31":2225,"_35":2288},[2226,2233,2249,2268,2275],{"_31":2227,"_35":2228},[],{"_37":38,"_39":2229,"_41":2100,"_43":2230,"_45":2231,"_58":2232,"_56":57},"iX8Miwjm",{},[],"The most dangerous rabbit hole when migrating away from electron-trpc is the temptation to build your own type-safe IPC abstraction. You'll be tempted to think:",{"_31":2234,"_35":2235},[],{"_37":38,"_39":2236,"_41":2100,"_43":2237,"_45":2238,"_58":2248,"_56":57},"HHZWS8ko",{},[2239,2244],{"_37":1114,"_49":2240,"_52":2241,"_43":2243,"_56":57},[473],[2242],87,{},{"_37":585,"_49":2245,"_52":2246,"_43":2247,"_56":57},[2052],[1119],{},"\"we can keep the type safety without the overhead by building a lighter-weight version.\" Don't.",{"_31":2250,"_35":2251},[],{"_37":38,"_39":2252,"_41":2100,"_43":2253,"_45":2254,"_58":2267,"_56":57},"xnDoDSK_",{},[2255,2261],{"_37":585,"_49":2256,"_52":2258,"_43":2260,"_56":57},[2257],299,[2259],321,{},{"_37":48,"_49":2262,"_52":2264,"_43":2266,"_56":57},[2263],343,[2265],361,{},"The complexity of maintaining type synchronization between main and renderer processes, handling serialization edge cases, managing subscriptions, and keeping everything working as your API evolves will consume weeks of engineering time for marginal gains. If you're moving away from electron-trpc, move toward simplicity, not toward building electron-trpc-lite.",{"_31":2269,"_35":2270},[],{"_37":38,"_39":2271,"_41":2100,"_43":2272,"_45":2273,"_58":2274,"_56":57},"Qw2TvnRq",{},[],"Another trap is trying to maintain 100% feature parity during migration. You'll find yourself recreating tRPC's subscription mechanism, its batching capabilities, its middleware system. Each recreation adds back the complexity you're trying to remove. Instead, ask whether you actually use these features. In our codebase, we use subscriptions in exactly one place for query invalidation—we could replace that with a simple event emitter in five minutes. Batching? We're not making multiple related calls that would benefit from it. Middleware? We don't have any. Don't rebuild features you're not using.",{"_31":2276,"_35":2277},[],{"_37":38,"_39":2278,"_41":2100,"_43":2279,"_45":2280,"_58":2287,"_56":57},"-ChEbuHd",{},[2281],{"_37":585,"_49":2282,"_52":2284,"_43":2286,"_56":57},[2283],516,[2285],541,{},"The third rabbit hole is perfectionism around migration strategy. You'll want to create detailed plans for migrating all 109 procedures, establishing patterns, writing comprehensive tests for the new IPC layer. This planning phase will expand to fill weeks while your users continue to experience slow startup times. Instead, pick the lowest-hanging fruit—those 42 simple getters and setters—and migrate them in a single focused session. Prove the pattern works, measure the impact, then decide whether to continue. Progress beats perfection.",{"_37":75,"_39":2289,"_41":2100,"_43":2290,"_45":2291,"_58":2292,"_56":57},"nRwAMhpG",{"_78":79},[],"Rabbit Holes",{"_31":2294,"_35":2369},[2295,2308,2327,2334,2349,2356],{"_31":2296,"_35":2297},[],{"_37":38,"_39":2298,"_41":2100,"_43":2299,"_45":2300,"_58":2307,"_56":57},"UNaxdog2",{},[2301],{"_37":48,"_49":2302,"_52":2304,"_43":2306,"_56":57},[2303],73,[2305],86,{},"The scope of this effort is deliberately constrained. We're not removing electron-trpc entirely, we're not rewriting the entire IPC layer, and we're not solving every performance issue in the application. We're making three targeted changes that address the most egregious performance problems with the highest return on investment.",{"_31":2309,"_35":2310},[],{"_37":38,"_39":2311,"_41":2100,"_43":2312,"_45":2313,"_58":2326,"_56":57},"w6AEuv8L",{},[2314],{"_37":48,"_49":2315,"_52":2320,"_43":2325,"_56":57},[2316,2317,2318,2319],344,386,472,481,[2321,2322,2323,2324],357,393,476,490,{},"First, migrate simple getters and setters (the 42 identified procedures) to direct IPC. This includes settings, favorites, recents, and similar single-value operations. These should be completed in a single pull request to avoid having two patterns for simple operations living in the codebase simultaneously. The pattern should be consistent: contextBridge exposes a typed API object, ipcMain handlers implement the logic, and components use the exposed API directly. No tRPC, no SuperJSON, no router traversal.",{"_31":2328,"_35":2329},[],{"_37":38,"_39":2330,"_41":2100,"_43":2331,"_45":2332,"_58":2333,"_56":57},"IcUzDYbF",{},[],"Second, implement lazy loading for tRPC routers that remain. This means splitting the monolithic router into feature-based modules that can be dynamically imported. The drafts router loads when the drafts feature is accessed. The web importing router loads when import functionality is needed. The settings router can stay eagerly loaded since it's needed for initial app configuration. This will require modifying how we create the IPC handlers and potentially introducing a router registry pattern, but it's a one-time infrastructure change that benefits all routers.",{"_31":2335,"_35":2336},[],{"_37":38,"_39":2337,"_41":2100,"_43":2338,"_45":2339,"_58":2348,"_56":57},"wpeUixFL",{},[2340],{"_37":48,"_49":2341,"_52":2344,"_43":2347,"_56":57},[2342,2343],112,417,[2345,2346],128,430,{},"Third, improve the startup sequence to handle daemon initialization gracefully. Work is already underway in the feat/app-startup branch to check daemon state and show a dedicated loading window when the daemon is migrating, rather than blocking the main window creation. This approach gives users immediate visual feedback and prevents the blank screen experience during daemon startup. While not strictly related to electron-trpc, it's the most visible performance problem users experience, and completing this work removes the artificial coupling between daemon readiness and window visibility.",{"_31":2350,"_35":2351},[],{"_37":1101,"_39":2352,"_41":2156,"_43":2353,"_45":2354,"_58":57,"_56":2355},"kA2pfoLW",{"_78":79},[],"ipfs://bafybeiawbu3w7d6vszex3jf2qj2a6hu7iefhag7bo6tfdi6ac3sakmmpqm",{"_31":2357,"_35":2358},[],{"_37":38,"_39":2359,"_41":2100,"_43":2360,"_45":2361,"_58":2368,"_56":57},"9XZUZFxu",{},[2362],{"_37":1114,"_49":2363,"_52":2365,"_43":2367,"_56":57},[2364],243,[2366],252,{},"What's explicitly out of scope: rewriting complex operations like draft management or web importing. These procedures have sophisticated logic and benefit from tRPC's type safety. Also out of scope: building abstractions to make the migration \"cleaner\" or trying to maintain identical APIs between the old and new approaches. Different paradigms can have different interfaces—that's fine.",{"_37":75,"_39":2370,"_41":2100,"_43":2371,"_45":2372,"_58":2373,"_56":57},"hQ5Ujb2_",{"_78":79},[],"Scope",{"_31":2375,"_35":2439},[2376,2388,2395,2408,2415],{"_31":2377,"_35":2378},[],{"_37":38,"_39":2379,"_41":2100,"_43":2380,"_45":2381,"_58":2387,"_56":57},"Z9t6DXex",{},[2382],{"_37":585,"_49":2383,"_52":2384,"_43":2386,"_56":57},[478],[2385],80,{},"Do not attempt to build a custom type-safe IPC framework as part of this effort. The goal is to reduce complexity, not to replace one abstraction with another that we have to maintain. If you find yourself writing code that generates types from schemas or automatically syncs interfaces between processes, stop immediately. You're rebuilding tRPC and you will regret it.",{"_31":2389,"_35":2390},[],{"_37":38,"_39":2391,"_41":2100,"_43":2392,"_45":2393,"_58":2394,"_56":57},"q3AzVdHa",{},[],"Do not migrate complex procedures away from electron-trpc just for consistency. If a procedure has multiple input parameters, complex validation logic, or sophisticated error handling, it's probably fine to keep it in tRPC. The performance overhead is only problematic when it's disproportionate to the operation's inherent cost. A draft creation operation that does file I/O, validation, and database writes can afford an extra 2 milliseconds of IPC overhead. A boolean getter cannot.",{"_31":2396,"_35":2397},[],{"_37":38,"_39":2398,"_41":2100,"_43":2399,"_45":2400,"_58":2407,"_56":57},"37GrdmuE",{},[2401],{"_37":585,"_49":2402,"_52":2404,"_43":2406,"_56":57},[2403],262,[2405],375,{},"Do not introduce new dependencies to solve these problems. There will be temptation to bring in libraries for IPC message validation, for type generation, for performance monitoring. Each dependency is a future maintenance burden and a potential attack surface. Electron's built-in IPC with TypeScript interfaces is sufficient for our needs in this particular simple usecases. If it feels too manual compared to tRPC, that's because you're doing less work at runtime—which is the entire point.",{"_31":2409,"_35":2410},[],{"_37":38,"_39":2411,"_41":2100,"_43":2412,"_45":2413,"_58":2414,"_56":57},"6VqWIsKJ",{},[],"Do not skip measuring the impact of changes. Before migrating procedures, establish baseline metrics: startup time, time to first render, bundle size. After migration, measure again. If you're not seeing measurable improvements, you may be optimizing the wrong thing. Performance work without measurement is just guessing, and guessing wastes time that could be spent on features users actually want.",{"_31":2416,"_35":2417},[],{"_37":38,"_39":2418,"_41":2100,"_43":2419,"_45":2420,"_58":2438,"_56":57},"qSPrTxzY",{},[2421,2428],{"_37":48,"_49":2422,"_52":2425,"_43":2427,"_56":57},[2423,2424],58,384,[567,2426],397,{},{"_37":1114,"_49":2429,"_52":2433,"_43":2437,"_56":57},[2430,2431,2432],191,213,246,[2434,2435,2436],194,216,249,{},"Finally, do not let this migration become a referendum on electron-trpc as a technology. It's a well-built library that solves real problems for many applications. It's not the right fit for our application given our performance requirements and our API patterns. That's a specific conclusion about specific circumstances, not a universal truth. When you're done with this migration, electron-trpc will still be a good choice for applications where the DX benefits outweigh the runtime costs—applications with complex APIs, web-based backends that need IPC adapters, or tools where load time isn't critical. We're just not one of those applications.",{"_37":75,"_39":2440,"_41":2100,"_43":2441,"_45":2442,"_58":2443,"_56":57},"ZU3bw_ZC",{"_78":79},[],"No-Gos",[268],"/tech-talks/the-case-against-electron-trpc-when-type-safety-becomes-a-performance-tax","2025-12-19T17:19:39.621Z","2025-12-19T17:26:27.410Z",{"_279":2449,"_1770":2450,"_682":2451},"The Case Against electron-trpc: When Type Safety Becomes a Performance Tax","The danger of making critical decisions without data and prioritizing developer convenience over user experience.","ipfs://bafybeidoecfgecehjoqq6vrifobbx25kzvjuou77cifxorba6rf5zh7mty",{},{"_283":2100,"_286":2454},"1766164779620",{"_39":2456,"_296":1763,"_271":2457,"_266":2156,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/tech-talks/the-case-against-electron-trpc-when-type-safety-becomes-a-performance-tax",[2084,2458],"the-case-against-electron-trpc-when-type-safety-becomes-a-performance-tax",1780352637983,[490,2456,2156,6],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/tech-talks/the-case-against-electron-trpc-when-type-safety-becomes-a-performance-tax\",\"bafy2bzaceamy4oebix7slrvg7fdk3hm3rxmbsvu7ergjp54tkckt664x642vg\",true]",{"_311":2463,"_488":2557,"_491":2558},{"_313":2464,"_472":473,"_474":2556,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":2465,"_39":2552},{"_28":2466,"_266":2530,"_267":1763,"_269":2541,"_271":2542,"_273":2543,"_275":2544,"_277":2545,"_281":2549,"_283":2471,"_284":2550,"_288":289},[2467,2475,2484,2526],{"_31":2468,"_35":2469},[],{"_37":38,"_39":2470,"_41":2471,"_43":2472,"_45":2473,"_58":2474,"_56":57},"0gShyoMX","bafy2bzacecrg2j7s6567g3ygsgogwhkf3sssovpljatt6atklq55ruzdenrnc",{},[],"With the spirit of experimenting what we can do with the app, I created a \"Forum\" view that might be interesting for our communities or for a section inside communities.",{"_31":2476,"_35":2477},[],{"_37":2478,"_39":2479,"_41":2480,"_43":2481,"_45":2482,"_58":57,"_56":2483},"Video","d5_ZZlKf","bafy2bzacec7fajuh3j6i4syacsx6ygkmv22rri3azydou6vbqbma6ws7okpm2",{"_78":79,"_1427":1428},[],"https://www.youtube.com/embed/HFeA2PaSTSM",{"_31":2485,"_35":2521},[2486,2493,2500,2507,2514],{"_31":2487,"_35":2488},[],{"_37":38,"_39":2489,"_41":2471,"_43":2490,"_45":2491,"_58":2492,"_56":57},"Uxl26MAs",{},[],"Shows all the root conversations comments bigger, similar to how we render children document in the query block.",{"_31":2494,"_35":2495},[],{"_37":38,"_39":2496,"_41":2471,"_43":2497,"_45":2498,"_58":2499,"_56":57},"UUPytiGL",{},[],"each conversation shows the author, how many replies it has (the whole thread) and all the participant's avatars on that thread",{"_31":2501,"_35":2502},[],{"_37":38,"_39":2503,"_41":2471,"_43":2504,"_45":2505,"_58":2506,"_56":57},"961xuf6U",{},[],"the single forum item view is just the current focused discussion view, but it would be great to make that screen a bit different too by showing the main comment bigger.",{"_31":2508,"_35":2509},[],{"_37":38,"_39":2510,"_41":2471,"_43":2511,"_45":2512,"_58":2513,"_56":57},"eArEWIBi",{},[],"we can achieve the same with children documents too, and it would looks like how we are rendering a list query block.",{"_31":2515,"_35":2516},[],{"_37":38,"_39":2517,"_41":2471,"_43":2518,"_45":2519,"_58":2520,"_56":57},"_BwM7vQm",{},[],"I believe the document \"type\" is something authors should select, so a \"Forum\" document type can enable this view or let users customize it.",{"_37":38,"_39":2522,"_41":2471,"_43":2523,"_45":2524,"_58":2525,"_56":57},"QguiW1I1",{"_78":140},[],"Some notes about this view:",{"_31":2527,"_35":2528},[],{"_37":38,"_39":2529,"_41":2530,"_43":2531,"_45":2532,"_58":2540,"_56":57},"5bISXKOn","bafy2bzacedi7trwido7w4yom34mgz2ouxnds7kfcqqy2oell52pcytwsnktwk",{},[2533],{"_37":515,"_49":2534,"_52":2536,"_43":2538,"_56":2539},[2535],15,[2537],28,{},"https://unsplash.com/@maksym_harbar?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","Cover Photo by Maksym Harbar on Unsplash",[268],"/discussions/experiment-forum-view","2026-03-10T10:43:58.455Z","2026-03-10T10:49:42.589Z",{"_279":2546,"_1770":2547,"_682":2548},"Experiment: Forum view","What if documents can define a type and have \"special views\"?","ipfs://bafybeifn7ieoctju7tnzi3xbrpq4raqdf7fztxo7wnaq63iex4fhlkhh4a",{},{"_283":2471,"_286":2551},"1773139438454",{"_39":217,"_296":1763,"_271":2553,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},[2554,2555],"discussions","experiment-forum-view",1780352637981,[490,217,-5,6],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/experiment-forum-view\",null,true]",{"_311":2560,"_488":2611,"_491":2612},{"_313":2561,"_472":473,"_474":2610,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":2562,"_39":2606},{"_28":2563,"_266":2568,"_267":1763,"_269":2598,"_271":2599,"_273":2600,"_275":2600,"_277":2601,"_281":2603,"_283":2568,"_284":2604,"_288":289},[2564,2572,2579,2586],{"_31":2565,"_35":2566},[],{"_37":38,"_39":2567,"_41":2568,"_43":2569,"_45":2570,"_58":2571,"_56":57},"rkb7KCkD","bafy2bzaceaqbripyow74pjtdtajlb4lg7dvgiy7y3ergzfmfptccffbokc6au",{},[],"I want to improve the experience when we navigate inside a site. and here's the result:",{"_31":2573,"_35":2574},[],{"_37":2478,"_39":2575,"_41":2568,"_43":2576,"_45":2577,"_58":57,"_56":2578},"OTGGOKRs",{"_78":79},[],"https://www.youtube.com/embed/Q09xdqGHzmk",{"_31":2580,"_35":2581},[],{"_37":38,"_39":2582,"_41":2568,"_43":2583,"_45":2584,"_58":2585,"_56":57},"kG2etHk9",{},[],"The whole project includes benchmarks on interactions, specially when try to comment. there are some good improvements made.",{"_31":2587,"_35":2588},[],{"_37":38,"_39":2589,"_41":2568,"_43":2590,"_45":2591,"_58":2597,"_56":57},"scuFLPVi",{},[2592],{"_37":515,"_49":2593,"_52":2594,"_43":2595,"_56":2596},[1448],[2303],{},"https://github.com/seed-hypermedia/seed/pull/297","You can see the PR here: https://github.com/seed-hypermedia/seed/pull/297",[268],"/discussions/experiment-improve-performance-in-site-interactions","2026-03-10T11:09:07.471Z",{"_279":2602},"Experiment: Improve performance in-site interactions",{},{"_283":2568,"_286":2605},"1773140947471",{"_39":2607,"_296":1763,"_271":2608,"_266":2568,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/experiment-improve-performance-in-site-interactions",[2554,2609],"experiment-improve-performance-in-site-interactions",1780352637978,[490,2607,2568,6],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/experiment-improve-performance-in-site-interactions\",\"bafy2bzaceaqbripyow74pjtdtajlb4lg7dvgiy7y3ergzfmfptccffbokc6au\",true]",{"_311":2614,"_488":2803,"_491":2804},{"_313":2615,"_472":473,"_474":2802,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":26,"_26":2616,"_39":2796},{"_28":2617,"_266":2734,"_267":1763,"_269":2786,"_271":2788,"_273":2789,"_275":2790,"_277":2791,"_281":2793,"_283":2634,"_284":2794,"_288":289},[2618,2626,2686,2728],{"_31":2619,"_35":2620},[],{"_37":38,"_39":2621,"_41":2622,"_43":2623,"_45":2624,"_58":2625,"_56":57},"NKhRR03b","bafy2bzaceczxsr36fvimcpg3czgamvv6uf6ct3eac4zm67bowokdff6brhf4c",{},[],"Idea to show the Directory in a full page. Imo if we have this we don't need the left hierarchical document navigator. However, we can have both. They are not incompatible!",{"_31":2627,"_35":2681},[2628,2666],{"_31":2629,"_35":2661},[2630,2638,2646,2653],{"_31":2631,"_35":2632},[],{"_37":38,"_39":2633,"_41":2634,"_43":2635,"_45":2636,"_58":2637,"_56":57},"VsbyYdUY","bafy2bzacebztctxklivvchgg3h45pdltskap5ktjogyezj725oo2d26hdpzte",{},[],"In the left menu you can find the All Pages link.",{"_31":2639,"_35":2640},[],{"_37":1101,"_39":2641,"_41":2634,"_43":2642,"_45":2644,"_58":57,"_56":2645},"9M1jaL5K",{"_78":79,"_1427":2643},526,[],"ipfs://bafkreihksgygpyi6cfyyhdaypcr4wmj2yo6plourblwzojximczkak6cja",{"_31":2647,"_35":2648},[],{"_37":38,"_39":2649,"_41":2634,"_43":2650,"_45":2651,"_58":2652,"_56":57},"SqDZfdZ0",{},[],"The All Pages has a list with all the documents, mentions dates",{"_31":2654,"_35":2655},[],{"_37":1101,"_39":2656,"_41":2634,"_43":2657,"_45":2659,"_58":57,"_56":2660},"ydMRB5OZ",{"_78":79,"_1427":2658},546,[],"ipfs://bafybeiepxwcexvemj36zuinfvobwaavlij74fybidk5hipcowsby5gag3e",{"_37":75,"_39":2662,"_41":2634,"_43":2663,"_45":2664,"_58":2665,"_56":57},"ooeasIHK",{"_78":79},[],"Roam Research",{"_31":2667,"_35":2676},[2668],{"_31":2669,"_35":2670},[],{"_37":1101,"_39":2671,"_41":2634,"_43":2672,"_45":2674,"_58":57,"_56":2675},"uajO5tFR",{"_78":79,"_1427":2673},638,[],"ipfs://bafkreigvmkh6ay5l7oqdo7ivrzth4t4yo56rg6e6kfneqh7g67sdtwik2i",{"_37":75,"_39":2677,"_41":2634,"_43":2678,"_45":2679,"_58":2680,"_56":57},"0PSKOUq_",{"_78":79},[],"Wordpress",{"_37":75,"_39":2682,"_41":2634,"_43":2683,"_45":2684,"_58":2685,"_56":57},"fMFZBvuP",{"_78":79},[],"Inspirations",{"_31":2687,"_35":2723},[2688,2702,2709],{"_31":2689,"_35":2697},[2690],{"_31":2691,"_35":2692},[],{"_37":1101,"_39":2693,"_41":2622,"_43":2694,"_45":2695,"_58":57,"_56":2696},"caANPOJJ",{"_78":79},[],"ipfs://bafybeibjlna6behq63zr534ptqffenp2vgc4rtasvvnjp6c7eu4vl6tazm",{"_37":38,"_39":2698,"_41":2622,"_43":2699,"_45":2700,"_58":2701,"_56":57},"_0AjbORK",{"_78":79},[],"Any document can be open in the site's directory.",{"_31":2703,"_35":2704},[],{"_37":38,"_39":2705,"_41":2622,"_43":2706,"_45":2707,"_58":2708,"_56":57},"fTys7ag8",{},[],"The Site's directory you see all documents with hierarchy. Having the full page space gives a better UX to see more information as number of citations, comments, authors.",{"_31":2710,"_35":2718},[2711],{"_31":2712,"_35":2713},[],{"_37":1101,"_39":2714,"_41":2622,"_43":2715,"_45":2716,"_58":57,"_56":2717},"PhcTTwcN",{"_78":79},[],"ipfs://bafkreifuixfd6eca2g5atpm6p6blau4xauonhscyt53zwxbjlj5l3xj52q",{"_37":38,"_39":2719,"_41":2622,"_43":2720,"_45":2721,"_58":2722,"_56":57},"n3ntZLNM",{"_78":79},[],"It is easier to move or delete documents than the small side left panel ala Notion. Also helps a better navigation to understand the document structure.",{"_37":75,"_39":2724,"_41":2634,"_43":2725,"_45":2726,"_58":2727,"_56":57},"3Ph-YziM",{"_78":79},[],"Sketches",{"_31":2729,"_35":2781},[2730,2738,2746],{"_31":2731,"_35":2732},[],{"_37":38,"_39":2733,"_41":2734,"_43":2735,"_45":2736,"_58":2737,"_56":57},"RXEjb2TK","bafy2bzaceb5wcrzqyphowtviy467utsoqrgvtkihsoxa3xqproyn627qadxiw",{},[],"I vibe coded a version of this feature so y'all can see how it can be. This is a mockup and is not part of the main code yet. if we believe that this is the way it can be done, then we can continue and define better more specifics about it",{"_31":2739,"_35":2740},[],{"_37":2478,"_39":2741,"_41":2734,"_43":2742,"_45":2744,"_58":57,"_56":2745},"g0YKVCSR",{"_78":79,"_279":2743},"2026-02-12_12-29-26.mp4",[],"ipfs://bafybeifhqfyl7xye4ykqkqthwz2fcum6yd6mpmrsyupba4eqysjut4gpfu",{"_31":2747,"_35":2776},[2748,2755,2762,2769],{"_31":2749,"_35":2750},[],{"_37":38,"_39":2751,"_41":2734,"_43":2752,"_45":2753,"_58":2754,"_56":57},"iCLVZ5IW",{},[],"you can access the all documents page for a site from the three dot options menu, the same way we do for document versions and directory",{"_31":2756,"_35":2757},[],{"_37":38,"_39":2758,"_41":2734,"_43":2759,"_45":2760,"_58":2761,"_56":57},"oH5w24zv",{},[],"it shows all the documents for the site, in a tree, so it respects the hierarchy",{"_31":2763,"_35":2764},[],{"_37":38,"_39":2765,"_41":2734,"_43":2766,"_45":2767,"_58":2768,"_56":57},"egre1TpP",{},[],"you can filter documents by name, change sorting, move, rename, delete and even do all this actions in bulk (by selecting multiple documents",{"_31":2770,"_35":2771},[],{"_37":38,"_39":2772,"_41":2734,"_43":2773,"_45":2774,"_58":2775,"_56":57},"w2Cl4XV-",{},[],"we can consider add pagination if we believe is too heavy for the backend.",{"_37":38,"_39":2777,"_41":2734,"_43":2778,"_45":2779,"_58":2780,"_56":57},"iTmkJvAP",{"_78":140},[],"If you cannot see the video, here are some of the highlights:",{"_37":75,"_39":2782,"_41":2734,"_43":2783,"_45":2784,"_58":2785,"_56":57},"CtXmQ3sD",{"_78":79},[],"Demo Mockup",[2787,268],"z6MkrbYsRzKb1VABdvhsDSAk6JK8fAszKsyHhcaZigYeWCou","/discussions/all-documents-directory","2026-02-05T19:30:20.306Z","2026-02-12T11:33:52.919Z",{"_279":2792},"All Documents - directory",{},{"_283":2634,"_286":2795},"1770319820306",{"_39":2797,"_296":1763,"_271":2798,"_266":2734,"_298":2782,"_299":2800,"_300":-5,"_301":1782,"_295":24},"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/all-documents-directory",[2554,2799],"all-documents-directory",{"_2801":6},"expanded",1780352637980,[490,2797,2734,24],"[\"ENTITY\",\"hm://z6MkuBbsB1HbSNXLvJCRCrPhimY6g7tzhr4qvcYKPuSZzhno/discussions/all-documents-directory\",\"bafy2bzaceb5wcrzqyphowtviy467utsoqrgvtkihsoxa3xqproyn627qadxiw\",false]",{"_311":2806,"_488":2813,"_491":2814},{"_313":2807,"_472":473,"_474":2812,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":2808,"_39":2809},"not-found",{"_39":257,"_296":268,"_271":2810,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},[293,294,2811],"weekly-review-2026-20",1780352637982,[490,257,-5,6],"[\"ENTITY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia/weekly-review-2026-20\",null,true]",{"_311":2816,"_488":2821,"_491":2822},{"_313":2817,"_472":473,"_474":2802,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":2808,"_39":2818},{"_39":265,"_296":268,"_271":2819,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":1782,"_295":6},[293,294,2820],"weekly-review-may-20-26-2026",[490,265,-5,6],"[\"ENTITY\",\"hm://z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk/projects/seed-hypermedia/weekly-review-may-20-26-2026\",null,true]",{"_311":2824,"_488":2829,"_491":2831},{"_313":2825,"_472":473,"_474":2610,"_476":-5,"_477":478,"_479":478,"_480":478,"_481":-5,"_482":-5,"_483":24,"_484":485,"_486":487},{"_37":267,"_39":2826,"_277":2828},{"_266":671,"_296":268,"_39":719,"_271":2827,"_298":-5,"_299":-5,"_300":-5,"_301":-5},[],{"_279":679,"_680":303,"_681":303,"_682":57,"_683":684,"_685":57,"_1770":-5},[2830,268],"ACCOUNT","[\"ACCOUNT\",\"z6Mkvz9TgGtv9zsGsdrksfNk1ajbFancgHREJEz3Y2HsAVdk\"]","ssrContentHTML","

What is Seed Hypermedia?

Seed Hypermedia is an augmented web for writing, publishing, and collaborating on documents in a peer-to-peer network. Instead of being locked into a single platform, documents in Seed have durable hm:// addresses, readable paths, version history, comments, citations, and built-in collaboration.

It combines some of the strengths of documents, websites, and shared knowledge bases: you can write structured content, organize it into spaces and subpages, link directly to sections, track changes over time, and discover how ideas connect across documents.

In practice, Seed Hypermedia is both a protocol and an app experience: a way to create portable knowledge that is easier to reference, discuss, and preserve beyond any one service or company.

What I do in Seed Hypermedia

I work on turning Seed Hypermedia’s ideas into product features and a reliable app experience. My role spans product implementation and platform quality, with work across interaction details like links and comments, interface development, release readiness, and overall reliability.

Areas I work on

My work spans several connected areas:

Product implementation: shaping ideas into concrete features and usable workflows
User experience details: improving interactions such as linking, commenting, and everyday document use
Interface development: building and refining the frontend experience
Reliability and quality: identifying issues, improving stability, and helping make the product dependable
Release and platform work: supporting the practical work required to ship and maintain the app across environments
Internal coordination: contributing to discussions, priorities, and the translation of ideas into execution

Current focus

My current focus is on improving the quality of the Seed experience through product implementation, interaction details, and reliability work. This includes helping refine how core features behave in practice, making the app easier to use, and contributing to the day-to-day work needed to move projects from concept to release.

How I work

I tend to contribute where product thinking and implementation meet. I like working on the details that make a tool feel clear, reliable, and ready for real use. This includes translating rough ideas into concrete behavior, refining workflows through iteration, and helping make sure the final result is both practical and coherent.

I also value documentation as part of the work itself: not only shipping features, but making the reasoning, process, and outcomes easier to understand and revisit.

Work and contributions

This section documents the projects, features, fixes, and ongoing areas of work I have contributed to at Seed Hypermedia. It can include short summaries, dates, my role in each effort, and links to related documents, discussions, or implementation notes.

$\"\"$

Embeds Design Proposal

Exploring alternative visual treatments for embedded content from other documents, replacing the current green left border approach.

$\"\"$

Improving Editor Block Rendering

How we rethought the visual foundations of our document editor - fixing five interconnected rendering issues by committing to one alignment principle.

$\"\"$

The Case Against electron-trpc: When Type Safety Becomes a Performance Tax

The danger of making critical decisions without data and prioritizing developer convenience over user experience.

$\"\"$

Experiment: Forum view

What if documents can define a type and have "special views"?

Experiment: Improve performance in-site interactions

I want to improve the experience when we navigate inside a site. and here's the result: The whole project includes benchmarks on interactions, specially when try to comment. there are some good improv

$\"\"$

All Documents - directory

Idea to show the Directory in a full page. Imo if we have this we don't need the left hierarchical document navigator. However, we can have both. They are not incompatible! Inspirations Sketches Demo

","enableWebSigning","https://cibercultura-25-26.hyper.media","origin","homeMetadata",{"_279":2839,"_680":2840,"_683":2835},"cibercultura-25-26","ipfs://bafybeibanguvbtluwxrjzktm232ryeflbnjkmmhe4ss6vdobyiffpwpo3a","originHomeId",{"_296":2843,"_39":2844,"_271":2845,"_266":-5,"_298":-5,"_299":-5,"_300":-5,"_301":-5},"z6MkqVcjAoZdXwADByEaySwERtcbZtJHn3GkmhpdwiSErwUu","hm://z6MkqVcjAoZdXwADByEaySwERtcbZtJHn3GkmhpdwiSErwUu",[],"meta",{"_2848":2849,"_2971":2972},"values",{"_2850":2851,"_2853":2854,"_2855":2856,"_2857":2858,"_2860":2861,"_2862":2863,"_2864":2865,"_2867":2868,"_2869":2870,"_2871":2872,"_2873":2874,"_2875":2876,"_2877":2878,"_2879":2880,"_2881":2882,"_2883":2884,"_2885":2886,"_2887":2888,"_2889":2890,"_2891":2892,"_2893":2894,"_2895":2896,"_2897":2898,"_2899":2900,"_2901":2902,"_2903":2904,"_2905":2906,"_2907":2908,"_2909":2910,"_2911":2912,"_2913":2914,"_2915":2916,"_2917":2918,"_2919":2920,"_2921":2922,"_2923":2924,"_2925":2926,"_2927":2928,"_2929":2930,"_2931":2932,"_2933":2934,"_2935":2936,"_2937":2938,"_2939":2940,"_2941":2942,"_2943":2944,"_2945":2946,"_2947":2948,"_2949":2950,"_2951":2952,"_2953":2954,"_2955":2956,"_2957":2958,"_2959":2960,"_2961":2962,"_2963":2964,"_2965":2966,"_2967":2968,"_2969":2970},"document.generationInfo.generation",[2852],"bigint","dehydratedState.queries.0.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.1.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.1.queryKey.2",[2859],"undefined","dehydratedState.queries.2.state.data.0.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.0.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.0.sortTime",[2866],"Date","dehydratedState.queries.2.state.data.0.activitySummary.latestCommentTime",[2859],"dehydratedState.queries.2.state.data.0.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.0.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.0.redirectInfo",[2859],"dehydratedState.queries.2.state.data.1.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.1.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.1.sortTime",[2866],"dehydratedState.queries.2.state.data.1.activitySummary.latestCommentTime.seconds",[2852],"dehydratedState.queries.2.state.data.1.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.1.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.1.redirectInfo",[2859],"dehydratedState.queries.2.state.data.2.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.2.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.2.sortTime",[2866],"dehydratedState.queries.2.state.data.2.activitySummary.latestCommentTime.seconds",[2852],"dehydratedState.queries.2.state.data.2.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.2.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.2.redirectInfo",[2859],"dehydratedState.queries.2.state.data.3.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.3.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.3.sortTime",[2866],"dehydratedState.queries.2.state.data.3.activitySummary.latestCommentTime.seconds",[2852],"dehydratedState.queries.2.state.data.3.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.3.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.3.redirectInfo",[2859],"dehydratedState.queries.2.state.data.4.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.4.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.4.sortTime",[2866],"dehydratedState.queries.2.state.data.4.activitySummary.latestCommentTime.seconds",[2852],"dehydratedState.queries.2.state.data.4.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.4.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.4.redirectInfo",[2859],"dehydratedState.queries.2.state.data.5.createTime.seconds",[2852],"dehydratedState.queries.2.state.data.5.updateTime.seconds",[2852],"dehydratedState.queries.2.state.data.5.sortTime",[2866],"dehydratedState.queries.2.state.data.5.activitySummary.latestCommentTime",[2859],"dehydratedState.queries.2.state.data.5.activitySummary.latestChangeTime.seconds",[2852],"dehydratedState.queries.2.state.data.5.generationInfo.generation",[2852],"dehydratedState.queries.2.state.data.5.redirectInfo",[2859],"dehydratedState.queries.5.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.5.queryKey.2",[2859],"dehydratedState.queries.6.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.7.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.7.queryKey.2",[2859],"dehydratedState.queries.8.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.9.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.9.queryKey.2",[2859],"dehydratedState.queries.10.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.11.state.data.document.generationInfo.generation",[2852],"dehydratedState.queries.12.queryKey.2",[2859],"dehydratedState.queries.13.queryKey.2",[2859],"dehydratedState.queries.14.state.data.metadata.summary",[2859],"referentialEqualities",{"_2850":2973,"_2855":2974,"_2860":2975,"_2877":2976,"_2885":2977,"_2891":2978,"_2905":2979,"_2919":2980,"_2933":2981},[2853],[2899,2941],[2862,2869],[2883],[2945],[2897],[2911],[2925],[2939],"actionData","errors"]