P1b: SQLite project, content-addressed assets, autosave and undo

ui/src/app.css

@@ -131,6 +131,49 @@ a:focus-visible,
   font-variant-numeric: tabular-nums;
 }
 
+.project {
+  overflow: hidden;
+  max-width: 190px;
+  padding-left: 9px;
+  border-left: 1px solid var(--line-soft);
+  font-size: 8.5px;
+  letter-spacing: 0.08em;
+  color: var(--ash-2);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.rail-right {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  min-width: 0;
+}
+
+.history {
+  display: flex;
+  gap: 2px;
+}
+
+.history-button {
+  padding: 3px 5px;
+  border: 1px solid rgba(155, 133, 121, 0.16);
+  font-size: 8px;
+  letter-spacing: 0.04em;
+  color: var(--ash);
+  transition: color 0.2s ease, border-color 0.2s ease;
+}
+
+.history-button:hover:not(:disabled) {
+  border-color: rgba(232, 64, 42, 0.4);
+  color: var(--ember);
+}
+
+.history-button:disabled {
+  opacity: 0.28;
+  cursor: default;
+}
+
 .rail-center {
   display: flex;
   align-items: center;
@@ -1669,6 +1712,9 @@ button.room {
   .brand {
     min-width: 0;
   }
+  .project {
+    max-width: 110px;
+  }
   .mark {
     font-size: 18px;
     letter-spacing: 0.2em;
@@ -1682,6 +1728,15 @@ button.room {
   .rail-note {
     display: none;
   }
+  .project {
+    display: none;
+  }
+  .rail-right {
+    gap: 8px;
+  }
+  .history-button {
+    padding: 2px 4px;
+  }
   .net {
     min-width: 0;
     gap: 5px;