{"header":{"message":"add patch dependency graph view and code view","description":null,"timestamp":"2026-07-04T15:52:53.103410159Z","authors":[{}]},"hash":"YORORSHXU3UQ4VCFL6F2YNPQP33SXFUXDKKER3NXCW6SRF7ESSMAC","authors":[{"key":"49mSHHDk8RVuUXxT4TWmMN7wBBcKVjwsH1RG7o6XRtiL"}],"deps":{"hashes":[["YORORSHXU3UQ4VCFL6F2YNPQP33SXFUXDKKER3NXCW6SRF7ESSMAC","add patch dependency graph view and code view"],["AA",null],["XKBPGYL3EJDDDQHJFS3OE4DGPAKYJ7B3CKGWI7235FQ5T2IABUFQC","add lustre && impl counter app"],["2MZCJYIOHOT4UND3FW2MGRTYVPE3CN2ZVEK64M35ZVI5DL2XVB7QC","configure `flake.nix` for the frontend and add Graphviz FFI bindings for Gleam"],["P7INSKNDTY6X2ZWDXOAHBXZT7GTWSODWNHF2XQ2266ROTGRJWGMAC","improve purity of the Graphviz FFI"],["LWG3OQJ4U4JFYP6MVVA2JV65DVGQKDNX2SAYPIDFNBEV7QMMGZQQC","init record"]],"deps":["XKBPGYL3EJDDDQHJFS3OE4DGPAKYJ7B3CKGWI7235FQ5T2IABUFQC","2MZCJYIOHOT4UND3FW2MGRTYVPE3CN2ZVEK64M35ZVI5DL2XVB7QC","P7INSKNDTY6X2ZWDXOAHBXZT7GTWSODWNHF2XQ2266ROTGRJWGMAC"],"known":[]},"hunks":[{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":2,"atom":{"NewVertex":{"up_context":[{"change":2,"pos":17}],"down_context":[{"change":4,"pos":3186}],"flag":"BLOCK","start":0,"end":38,"inode":{"change":6,"pos":372}}},"contents":[{"Add":"import gleam/list"},{"Add":"import gleam/string"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":6,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":3264},"to":{"change":4,"start":3264,"end":3282},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":"import gleam/json\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":7,"ins":{"up_context":[{"change":2,"pos":31}],"down_context":[{"change":3,"pos":29}],"flag":"BLOCK","start":39,"end":63,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":31},"to":{"change":3,"start":0,"end":29},"introduced_by":3}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":"import lustre/attribute"}],"del_contents":[{"Del":"import lustre/attribute.{id}\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":10,"ins":{"up_context":[{"change":2,"pos":60}],"down_context":[{"change":4,"pos":3300}],"flag":"BLOCK","start":64,"end":209,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":60},"to":{"change":3,"start":65,"end":114},"introduced_by":3},{"previous":"","flag":"DELETED","from":{"change":3,"pos":114},"to":{"change":2,"start":105,"end":136},"introduced_by":3},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":105},"to":{"change":2,"start":105,"end":136},"introduced_by":2},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":136},"to":{"change":4,"start":3283,"end":3300},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":"import lustre/element/html.{button, div, h1, h3, hr, span, style}"},{"Add":"import lustre/event.{on_click, on_mouse_enter, on_mouse_leave}"},{"Add":"import graphviz"}],"del_contents":[{"Del":"import lustre/element/html.{button, div, h1, hr}\n"},{"Del":"import lustre/event.{on_click}\n"},{"Del":"import graphviz \n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":15,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":3319}],"down_context":[{"change":4,"pos":3319}],"flag":"BLOCK","start":210,"end":3901,"inode":{"change":6,"pos":372}}},"contents":[{"Add":"// --- 0. データ型とモック ---"},{"Add":""},{"Add":"pub type CreditLine {"},{"Add":" CreditLine("},{"Add":" hashes: List(String), // 🚀 その行に紐づく全てのパッチハッシュ (複数対応)"},{"Add":" dependencies: List(String), // 親や先祖のパッチ情報"},{"Add":" bg_color: String, "},{"Add":" border_color: String, "},{"Add":" content: String"},{"Add":" )"},{"Add":"}"},{"Add":""},{"Add":"fn get_mock_credit_lines() -> List(CreditLine) {"},{"Add":" ["},{"Add":" // 初期パッチ [Y4LCLN66] (ベース)"},{"Add":" CreditLine([\"Y4LCLN66\"], [], \"#f1f5f9\", \"#94a3b8\", \"> #pragma once\"),"},{"Add":" "},{"Add":" // --- CONFLICT 1: インクルードの競合 (many1_p vs choice_p) ---"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \">>>>>>> 1 [KCS6CTYY add `many1_p`]\"),"},{"Add":" CreditLine([\"KCS6CTYY\"], [\"Y4LCLN66\"], \"#dbeafe\", \"#3b82f6\", \"> #include \"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"======= 1 [TLYDG5ZE add `choice_p`]\"),"},{"Add":" CreditLine([\"TLYDG5ZE\"], [\"Y4LCLN66\"], \"#f3e8ff\", \"#a855f7\", \"> #include \\n> #include \"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"<<<<<<< 1\"),"},{"Add":""},{"Add":" // 🚀 共有行 (ベースパッチ由来だが、3つのパッチが依存・共有している部分)"},{"Add":" CreditLine([\"Y4LCLN66\", \"TLYDG5ZE\", \"KCS6CTYY\"], [\"Y4LCLN66\", \"TLYDG5ZE\", \"KCS6CTYY\"], \"#f1f5f9\", \"#94a3b8\", \">\\n> /*\\n> * Parserは以下を実装している必要がある\\n> */\\n> template \\n> struct ParseResult {\\n> /* ... 略 ... */\\n> ParseResult(bool s, ValueType v, Iterator n): success(s), value(v), next(n) {}\\n> };\"),"},{"Add":""},{"Add":" // --- CONFLICT 2: 構造体追加の競合 (eof_p vs choice_p) ---"},{"Add":" CreditLine([\"CONFLICT\"], [\"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \">>>>>>> 2 [CNTMSHSM add `eof_p`]\"),"},{"Add":" CreditLine([\"CNTMSHSM\"], [\"Y4LCLN66\"], \"#dcfce3\", \"#22c55e\", \"> };\\n>\\n> template \\n> struct EofParser {\\n> /* ... 略 ... */\\n> };\"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"======= 2 [TLYDG5ZE add `choice_p`]\"),"},{"Add":" CreditLine([\"TLYDG5ZE\"], [\"Y4LCLN66\"], \"#f3e8ff\", \"#a855f7\", \"> };\\n>\\n> template \\n> struct ChoiceParser {\\n> /* ... 略 ... */\\n> };\"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"<<<<<<< 2\"),"},{"Add":""},{"Add":" // 共有行"},{"Add":" CreditLine([\"Y4LCLN66\", \"TLYDG5ZE\", \"CNTMSHSM\"], [\"Y4LCLN66\", \"TLYDG5ZE\", \"CNTMSHSM\"], \"#f1f5f9\", \"#94a3b8\", \"> };\\n>\"),"},{"Add":""},{"Add":" // --- CONFLICT 3: 関数追加の3者間競合 (many1_p vs eof_p vs choice_p) ---"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \">>>>>>> 3 [KCS6CTYY add `many1_p`]\"),"},{"Add":" CreditLine([\"KCS6CTYY\"], [\"Y4LCLN66\"], \"#dbeafe\", \"#3b82f6\", \"> // 一回以上Parserが適用可能\\n> template \\n> struct Many1Parser {\\n> /* ... 略 ... */\\n> };\\n>\\n> template \\n> Many1Parser many1(const Parser& p) {\\n> /* ... 略 ... */\\n> }\"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"======= 3 [CNTMSHSM add `eof_p`]\"),"},{"Add":" CreditLine([\"CNTMSHSM\"], [\"Y4LCLN66\"], \"#dcfce3\", \"#22c55e\", \"> template \\n> EofParser eof_p() {\\n> return EofParser();\\n> }\"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"======= 3 [TLYDG5ZE add `choice_p`]\"),"},{"Add":" CreditLine([\"TLYDG5ZE\"], [\"Y4LCLN66\"], \"#f3e8ff\", \"#a855f7\", \"> template \\n> ChoiceParser

choice(const P (&arr)[N]) {\\n> /* ... 略 ... */\\n> }\"),"},{"Add":" CreditLine([\"CONFLICT\"], [\"KCS6CTYY\", \"CNTMSHSM\", \"TLYDG5ZE\"], \"#fee2e2\", \"#ef4444\", \"<<<<<<< 3\"),"},{"Add":" ]"},{"Add":"}"},{"Add":""}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":65,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":3382}],"down_context":[{"change":4,"pos":3382}],"flag":"BLOCK","start":3902,"end":3923,"inode":{"change":6,"pos":372}}},"contents":[{"Add":" rankdir=\\\"RL\\\"; "}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":68,"ins":{"up_context":[{"change":4,"pos":3471}],"down_context":[{"change":4,"pos":3842}],"flag":"BLOCK","start":3924,"end":4677,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":3471},"to":{"change":4,"start":3471,"end":3842},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" \\\"Y4LCLN66\\\" [id=\\\"patch-Y4LCLN66\\\", class=\\\"patch-Y4LCLN66\\\", label=\\\"[Y4LCLN]\\nInit record\\\", fillcolor=\\\"#f1f5f9\\\", color=\\\"#94a3b8\\\"];"},{"Add":" \\\"KCS6CTYY\\\" [id=\\\"patch-KCS6CTYY\\\", class=\\\"patch-KCS6CTYY\\\", label=\\\"[KCS6CT]\\nAdd many1_p\\\", fillcolor=\\\"#dbeafe\\\", color=\\\"#3b82f6\\\"];"},{"Add":" \\\"TLYDG5ZE\\\" [id=\\\"patch-TLYDG5ZE\\\", class=\\\"patch-TLYDG5ZE\\\", label=\\\"[TLYDG5]\\nAdd choice_p\\\", fillcolor=\\\"#f3e8ff\\\", color=\\\"#a855f7\\\"];"},{"Add":" \\\"CNTMSHSM\\\" [id=\\\"patch-CNTMSHSM\\\", class=\\\"patch-CNTMSHSM\\\", label=\\\"[CNTMSH]\\nAdd eof_p\\\", fillcolor=\\\"#dcfce3\\\", color=\\\"#22c55e\\\"];"},{"Add":" "},{"Add":" \\\"CONFLICT\\\" [id=\\\"patch-CONFLICT\\\", class=\\\"patch-CONFLICT\\\", label=\\\"[Unrecorded]\\nConflict\\\", fillcolor=\\\"#fee2e2\\\", color=\\\"#ef4444\\\", style=\\\"filled,rounded,dashed\\\"];"}],"del_contents":[{"Del":" \\\"H1\\\" [id=\\\"patch-H1\\\", label=\\\"H1: Init\\\", fillcolor=\\\"#f1f5f9\\\", color=\\\"#94a3b8\\\"];\n \\\"H2\\\" [id=\\\"patch-H2\\\", label=\\\"H2: Add A\\\", fillcolor=\\\"#dcfce3\\\", color=\\\"#22c55e\\\"];\n \\\"H3\\\" [id=\\\"patch-H3\\\", label=\\\"H3: Add B\\\", fillcolor=\\\"#dbeafe\\\", color=\\\"#3b82f6\\\"];\n \\\"H4\\\" [id=\\\"patch-H4\\\", label=\\\"H4: Merge\\\", fillcolor=\\\"#fef9c3\\\", color=\\\"#eab308\\\"];\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":75,"ins":{"up_context":[{"change":4,"pos":3847}],"down_context":[{"change":4,"pos":3935}],"flag":"BLOCK","start":4678,"end":4887,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":3847},"to":{"change":4,"start":3847,"end":3935},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" \\\"KCS6CTYY\\\" -> \\\"Y4LCLN66\\\";"},{"Add":" \\\"TLYDG5ZE\\\" -> \\\"Y4LCLN66\\\";"},{"Add":" \\\"CNTMSHSM\\\" -> \\\"Y4LCLN66\\\";"},{"Add":" "},{"Add":" \\\"CONFLICT\\\" -> \\\"KCS6CTYY\\\";"},{"Add":" \\\"CONFLICT\\\" -> \\\"TLYDG5ZE\\\";"},{"Add":" \\\"CONFLICT\\\" -> \\\"CNTMSHSM\\\";"}],"del_contents":[{"Del":" \\\"H2\\\" -> \\\"H1\\\";\n \\\"H3\\\" -> \\\"H1\\\";\n \\\"H4\\\" -> \\\"H2\\\";\n \\\"H4\\\" -> \\\"H3\\\";\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":86,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":189},"to":{"change":4,"start":3943,"end":3998},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":"// 状態に error (Option(String)) を追加します\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":87,"ins":{"up_context":[{"change":4,"pos":4015}],"down_context":[{"change":4,"pos":4079}],"flag":"BLOCK","start":4888,"end":5101,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4015},"to":{"change":4,"start":4015,"end":4079},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" // 🚀 hovered_patches に複数のハッシュと依存関係のリストを保持する"},{"Add":" Model(count: Int, svg: Option(String), error: Option(String), hovered_patches: Option(#(List(String), List(String))))"}],"del_contents":[{"Del":" Model(count: Int, svg: Option(String), error: Option(String))\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":92,"ins":{"up_context":[{"change":3,"pos":320}],"down_context":[{"change":2,"pos":295}],"flag":"BLOCK","start":5102,"end":5185,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":320},"to":{"change":4,"start":4082,"end":4142},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" #(Model(count: 0, svg: None, error: None, hovered_patches: None), effect.none())"}],"del_contents":[{"Del":" #(Model(count: 0, svg: None, error: None), effect.none())\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":100,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4155},"to":{"change":4,"start":4155,"end":4235},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" // 受け取る型を String から Result(String, String) に変更します\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":101,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":4276}],"down_context":[{"change":2,"pos":438}],"flag":"BLOCK","start":5186,"end":5301,"inode":{"change":6,"pos":372}}},"contents":[{"Add":" // 🚀 イベント引数も List(String) に変更"},{"Add":" PatchHovered(List(String), List(String))"},{"Add":" PatchUnhovered"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":116,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4569},"to":{"change":4,"start":4569,"end":4580},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" \n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":124,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4734},"to":{"change":4,"start":4734,"end":4798},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" // 🚀 Resultのパターンマッチで状態を分岐！\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":125,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4838},"to":{"change":4,"start":4838,"end":4902},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" // 成功時はエラーをクリアしてSVGをセット\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":128,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":5020},"to":{"change":4,"start":5020,"end":5117},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" // 失敗時はSVGはそのまま（またはクリア）にして、エラーをセット\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":130,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":5186}],"down_context":[{"change":2,"pos":680}],"flag":"BLOCK","start":5302,"end":5488,"inode":{"change":6,"pos":372}}},"contents":[{"Add":""},{"Add":" PatchHovered(hashes, deps) -> #(Model(..model, hovered_patches: Some(#(hashes, deps))), effect.none())"},{"Add":" PatchUnhovered -> #(Model(..model, hovered_patches: None), effect.none())"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":138,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":801},"to":{"change":4,"start":5187,"end":5228},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" let count = int.to_string(model.count)\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":139,"ins":{"up_context":[{"change":2,"pos":839}],"down_context":[{"change":3,"pos":1218}],"flag":"BLOCK","start":5489,"end":7273,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":839},"to":{"change":2,"start":839,"end":851},"introduced_by":2},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":851},"to":{"change":3,"start":1171,"end":1218},"introduced_by":3}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" let dynamic_css = case model.hovered_patches {"},{"Add":" Some(#(hashes, deps)) -> {"},{"Add":" // 🚀 複数の対象パッチをすべて赤くハイライトするCSSを生成"},{"Add":" let main_css = list.fold(hashes, \"\", fn(acc, hash) {"},{"Add":" acc <> \""},{"Add":" #patch-\" <> hash <> \" polygon,"},{"Add":" #patch-\" <> hash <> \" path,"},{"Add":" #patch-\" <> hash <> \" ellipse,"},{"Add":" .patch-\" <> hash <> \" polygon,"},{"Add":" .patch-\" <> hash <> \" path,"},{"Add":" .patch-\" <> hash <> \" ellipse { "},{"Add":" stroke: #ef4444 !important; "},{"Add":" stroke-width: 4px !important; "},{"Add":" filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.6));"},{"Add":" }"},{"Add":" .credit-line.patch-\" <> hash <> \" { opacity: 1.0; transform: translateX(-5px); box-shadow: -4px 4px 10px rgba(0,0,0,0.5); border-radius: 4px; z-index: 10; position: relative; }"},{"Add":" \""},{"Add":" })"},{"Add":""},{"Add":" // 依存先ノードのスタイルを展開（オレンジ）"},{"Add":" let deps_css = list.fold(deps, \"\", fn(acc, dep_hash) {"},{"Add":" acc <> \""},{"Add":" #patch-\" <> dep_hash <> \" polygon,"},{"Add":" #patch-\" <> dep_hash <> \" path,"},{"Add":" #patch-\" <> dep_hash <> \" ellipse,"},{"Add":" .patch-\" <> dep_hash <> \" polygon,"},{"Add":" .patch-\" <> dep_hash <> \" path,"},{"Add":" .patch-\" <> dep_hash <> \" ellipse { "},{"Add":" stroke: #f97316 !important; "},{"Add":" stroke-width: 3px !important; "},{"Add":" filter: drop-shadow(0 0 4px rgba(249, 115, 22, 0.6));"},{"Add":" }"},{"Add":" .credit-line.patch-\" <> dep_hash <> \" { opacity: 0.7; }"},{"Add":" \""},{"Add":" })"},{"Add":""},{"Add":" \""},{"Add":" .credit-line { opacity: 0.2; transition: all 0.2s ease; }"},{"Add":" \" <> main_css <> deps_css"},{"Add":" }"},{"Add":" None -> \""},{"Add":" .credit-line { opacity: 1.0; transition: all 0.2s ease; }"},{"Add":" \""},{"Add":" }"},{"Add":""},{"Add":" div([attribute.attribute(\"style\", \"padding: 20px; font-family: sans-serif;\")], ["},{"Add":" style([], dynamic_css),"}],"del_contents":[{"Del":" div([], [\n"},{"Del":" h1([], [text(\"Pijul Web GUI - UI Test\")]),\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":187,"ins":{"up_context":[{"change":3,"pos":1223}],"down_context":[{"change":3,"pos":1430}],"flag":"BLOCK","start":7274,"end":7328,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":1252},"to":{"change":3,"start":1252,"end":1413},"introduced_by":3}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" h1([], [text(\"Pijul Web GUI - Credit & Graph\")]),"}],"del_contents":[{"Del":" div([], [\n button([on_click(Decrement)], [text(\" - \")]),\n text(\" \" <> count <> \" \"),\n button([on_click(Increment)], [text(\" + \")]),\n ]),\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":189,"ins":{"up_context":[{"change":3,"pos":1435}],"down_context":[{"change":3,"pos":1545}],"flag":"BLOCK","start":7329,"end":7503,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":1482},"to":{"change":3,"start":1482,"end":1545},"introduced_by":3}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" button(["},{"Add":" on_click(DrawGraph), "},{"Add":" attribute.attribute(\"style\", \"margin-bottom: 20px; padding: 8px 16px; cursor: pointer;\")"},{"Add":" ], [text(\"Load Channel State\")]),"}],"del_contents":[{"Del":" button([on_click(DrawGraph)], [text(\"Draw Test Graph!\")]),\n"}]}},{"Edit":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":194,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":3,"pos":1550},"to":{"change":4,"start":5229,"end":5296},"introduced_by":4}],"inode":{"change":6,"pos":372}}},"contents":[{"Del":" // 🚀 エラーがある場合は赤い文字で表示する\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":196,"ins":{"up_context":[{"change":4,"pos":5343}],"down_context":[{"change":4,"pos":5423}],"flag":"BLOCK","start":7504,"end":7605,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":5343},"to":{"change":4,"start":5343,"end":5423},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" div([attribute.attribute(\"style\", \"color: red; margin-bottom: 20px; font-weight: bold;\")], ["}],"del_contents":[{"Del":" div([attribute.attribute(\"style\", \"color: red; font-weight: bold;\")], [\n"}]}},{"Replacement":{"inode":{"change":6,"pos":372},"path":"frontend/src/frontend.gleam","line":202,"ins":{"up_context":[{"change":4,"pos":5521}],"down_context":[{"change":4,"pos":5724}],"flag":"BLOCK","start":7606,"end":9971,"inode":{"change":6,"pos":372}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":5521},"to":{"change":4,"start":5521,"end":5724},"introduced_by":4}],"inode":{"change":6,"pos":372}},"ins_contents":[{"Add":" div([attribute.attribute(\"style\", \"display: flex; gap: 30px; align-items: flex-start;\")], ["},{"Add":" "},{"Add":" div(["},{"Add":" attribute.attribute(\"style\", \"flex: 1; border: 1px solid #cbd5e1; border-radius: 8px; padding: 20px; background: #ffffff; transition: all 0.3s;\")"},{"Add":" ], ["},{"Add":" h3([attribute.attribute(\"style\", \"margin-top: 0; color: #334155;\")], [text(\"Patch Dependencies (RL Layout)\")]),"},{"Add":" case model.svg {"},{"Add":" None -> text(\"Click the button to load the graph.\")"},{"Add":" Some(svg_string) -> svg_parser.render_safe_svg(svg_string)"},{"Add":" }"},{"Add":" ]),"},{"Add":" "},{"Add":" div(["},{"Add":" attribute.attribute(\"style\", \"flex: 1; border: 1px solid #334155; border-radius: 8px; background: #1e293b; color: #f8fafc; overflow: hidden;\")"},{"Add":" ], ["},{"Add":" h3([attribute.attribute(\"style\", \"margin: 0; padding: 15px; background: #0f172a; color: #e2e8f0;\")], ["},{"Add":" text(\"Source Code (Credit)\")"},{"Add":" ]),"},{"Add":" "},{"Add":" div([attribute.attribute(\"style\", \"padding: 15px; font-family: 'Courier New', Courier, monospace;\")], "},{"Add":" list.map(get_mock_credit_lines(), fn(line) {"},{"Add":" div(["},{"Add":" // 🚀 複数のハッシュを持つ場合は、すべてのクラスを付与する"},{"Add":" attribute.class(\"credit-line \" <> string.join(list.map(line.hashes, fn(h) { \"patch-\" <> h }), \" \")),"},{"Add":" on_mouse_enter(PatchHovered(line.hashes, line.dependencies)),"},{"Add":" on_mouse_leave(PatchUnhovered),"},{"Add":" attribute.attribute(\"style\", "},{"Add":" \"display: flex; margin-bottom: 4px; padding: 4px 8px; border-left: 4px solid \" "},{"Add":" <> line.border_color "},{"Add":" <> \"; background: \" <> line.bg_color <> \"15; cursor: pointer;\""},{"Add":" )"},{"Add":" ], ["},{"Add":" span(["},{"Add":" // 🚀 複数のハッシュラベルを縦に並べて表示するための Flexbox 設定"},{"Add":" attribute.attribute(\"style\", \"color: \" <> line.border_color <> \"; width: 90px; flex-shrink: 0; font-size: 0.8em; user-select: none; opacity: 0.8; display: flex; flex-direction: column; gap: 2px;\")"},{"Add":" ], list.map(line.hashes, fn(h) { span([], [text(h)]) })),"},{"Add":" span(["},{"Add":" attribute.attribute(\"style\", \"white-space: pre-wrap; word-wrap: break-word; flex: 1;\")"},{"Add":" ], [text(line.content)])"},{"Add":" ])"},{"Add":" })"},{"Add":" )"},{"Add":" ])"}],"del_contents":[{"Del":" div([id(\"graph-container\")], [\n case model.svg {\n None -> text(\"まだグラフは描画されていません\")\n Some(svg_string) -> svg_parser.render_safe_svg(svg_string)\n }\n"}]}}],"owner":"phantom","repo":"patchwork","token":"tdJAgwGJ+EmnyPRjxP/n4tsfY6vzYIz0mei2/HN4pn4=","login":null}

…

Dependencies

Change contents