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

ui/src/routes/layout.css

@@ -2,6 +2,7 @@
 @import "tw-animate-css";
 @import "shadcn-svelte/tailwind.css";
 @import "@fontsource-variable/inter";
+@import "../lib/panel/panel.css";
 
 @plugin "@tailwindcss/forms";
 @plugin "@tailwindcss/typography";
@@ -178,16 +179,6 @@
   }
 }
 
-@utility touch-shown {
-  @media (hover: none) {
-    opacity: 1;
-  }
-}
-
-@utility tabular {
-  font-variant-numeric: tabular-nums;
-}
-
 @utility hue-chip {
   color: oklch(0.45 0.13 var(--hue));
   background: oklch(0.6 0.09 var(--hue) / 0.12);
@@ -197,49 +188,6 @@
   }
 }
 
-@utility scrollbar-none {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-@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;
-  }
-}
-
 @layer base {
   * {
     scrollbar-color: color-mix(in oklab, var(--foreground) 22%, transparent)
@@ -281,19 +229,6 @@
   }
 }
 
-@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;
-}
-
 @utility hairline {
   border-color: color-mix(in oklab, var(--border) 100%, transparent);
 }