feat(ui,api,telegram): shared conversation panel for obsidian and /admin/panel, bind materializes a window, inbox survives link previews

2026-08-29 18:30:33 +02:00
parent a989d2909d
commit 9efff6e814
58 changed files with 2858 additions and 499 deletions
@@ -0,0 +1,70 @@
+/* Palette-neutral vocabulary shared by the browser admin and the Obsidian
+   panel: kind and outcome hues resolve to whatever the host theme sets,
+   the utilities are the ledger grammar, the two animations are the only
+   motion the panel owns. */
+
+@theme inline {
+  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  --color-kind-master: var(--signal);
+  --color-kind-branch: var(--status-reply);
+  --color-kind-deep: var(--status-meeting);
+  --color-kind-job: var(--status-work);
+  --color-kind-fork: var(--status-skip);
+  --color-ok: var(--status-done);
+  --color-warn: var(--warn);
+  --color-link: var(--link);
+  --animate-pulse-dot: pulse-dot 1.6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  --animate-rise: rise 220ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@keyframes pulse-dot {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 color-mix(in oklab, var(--signal) 55%, transparent);
+  }
+  50% {
+    box-shadow: 0 0 0 5px color-mix(in oklab, var(--signal) 0%, transparent);
+  }
+}
+
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translateY(3px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@utility tabular {
+  font-variant-numeric: tabular-nums;
+}
+
+@utility touch-shown {
+  @media (hover: none) {
+    opacity: 1;
+  }
+}
+
+@utility scrollbar-none {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+@utility row-hover {
+  transition: background-color 150ms ease-out;
+  &:hover {
+    background: color-mix(in oklab, var(--foreground) 4%, transparent);
+  }
+}
+
+@utility ledger-grid {
+  display: grid;
+  column-gap: 0.75rem;
+  align-items: center;
+}