feat: add annotations, user profiles, watchers, stories, search and more

frontend/src/lib/stores/ui.svelte.ts

@@ -3,12 +3,16 @@ export type RightPanel =
   | "search"
   | "versions"
   | "reactions"
+  | "callbacks"
   | "links"
   | "annotations"
   | "jobs"
   | "presence"
   | "stories"
-  | "policy";
+  | "stories-all"
+  | "policy"
+  | "watches"
+  | "alerts";
 
 export type LeftView = "main" | "settings";
 
@@ -19,6 +23,7 @@ interface JumpTarget {
 
 function createUi() {
   let rightPanel = $state<RightPanel | null>(null);
+  let panelMessageId = $state<number | null>(null);
   let leftColumnOpen = $state(true);
   let leftView = $state<LeftView>("main");
   let jumpTarget = $state<JumpTarget | null>(null);
@@ -27,6 +32,9 @@ function createUi() {
     get rightPanel() {
       return rightPanel;
     },
+    get panelMessageId() {
+      return panelMessageId;
+    },
     get leftColumnOpen() {
       return leftColumnOpen;
     },
@@ -50,9 +58,15 @@ function createUi() {
     },
     openPanel(panel: RightPanel) {
       rightPanel = panel;
+      panelMessageId = null;
+    },
+    openMessagePanel(panel: RightPanel, messageId: number) {
+      rightPanel = panel;
+      panelMessageId = messageId;
     },
     closePanel() {
       rightPanel = null;
+      panelMessageId = null;
     },
     toggleLeftColumn() {
       leftColumnOpen = !leftColumnOpen;