T20: Debug

- DebugToolbar, BreakpointList, CallStack with folded library frames, ThreadList
- VariablesPanel and WatchPanel, colored by kind, changes washed
- HexViewer at a base address with the byte under the pointer lit on both sides
- Disassembly with source lines, registers and numbers colored, gutter breakpoints
- Flamegraph that zooms by frame, TimelineProfiler that zooms and pans by wheel
- NetworkInspector with a waterfall, a filter and a request's headers and body
- icons: redo-dot, arrow-down-to-dot, arrow-up-from-dot
- gallery: the Debug page

examples/gallery/pages/debug/mod.rs

@@ -0,0 +1,30 @@
+mod machine;
+mod profiling;
+mod session;
+
+use gpui::{AnyElement, App, IntoElement, ParentElement, Window, div};
+
+use super::Page;
+use crate::script::Step;
+
+pub const PAGE: Page = Page {
+    number: 20,
+    slug: "debug",
+    title: "Debug",
+    summary: "A paused program: its breakpoints, stack, threads and values, memory and machine code; profiles and network.",
+    render,
+    script: SCRIPT,
+};
+
+const SCRIPT: &[Step] = &[Step::Rest];
+
+fn render(window: &mut Window, cx: &mut App) -> AnyElement {
+    div()
+        .child(session::session(window, cx))
+        .child(session::breakpoints_and_stack(window, cx))
+        .child(session::values(window, cx))
+        .child(machine::machine(window, cx))
+        .child(profiling::profiles(window, cx))
+        .child(profiling::network(window, cx))
+        .into_any_element()
+}