Initial open-source release

Claude-Session: https://claude.ai/code/session_01B65qLEKnkeYTGdbwhLpjCu

src/features/debugger/ui/VariablesView.module.css

@@ -0,0 +1,98 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  font-family: var(--font-mono);
+  font-size: var(--fs-ui);
+  white-space: pre;
+  color: var(--fg);
+  overflow: hidden;
+}
+
+.name {
+  flex: none;
+  color: var(--fg);
+}
+
+.varName {
+  color: var(--debug-name, var(--syn-property));
+}
+
+.nodeIcon {
+  flex: none;
+  margin-right: 1px;
+}
+
+.eq {
+  flex: none;
+  color: var(--fg-subtle);
+}
+
+.value {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.number {
+  color: var(--syn-number);
+}
+.string {
+  color: var(--syn-string);
+}
+.keyword {
+  color: var(--syn-keyword);
+}
+.object {
+  color: var(--fg);
+}
+.plain {
+  color: var(--fg);
+}
+
+.type {
+  flex: none;
+  color: var(--fg-subtle);
+}
+
+.error {
+  color: var(--danger);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.scope {
+  color: var(--fg);
+  font-size: var(--fs-ui);
+}
+
+.message {
+  color: var(--fg-faint);
+  font-size: var(--fs-ui);
+}
+
+
+.editInput {
+  flex: 1;
+  min-width: 80px;
+  height: 18px;
+  padding: 0 4px;
+  font: inherit;
+  font-family: var(--font-mono);
+  color: var(--fg-strong);
+  background: var(--bg-app);
+  border: 1px solid var(--accent);
+  border-radius: var(--radius-small);
+  outline: none;
+}
+.editInvalid {
+  border-color: var(--danger);
+}