Add persistent docked ChatGXY panel with context awareness

client/src/api/schema/schema.ts

@@ -8218,6 +8218,13 @@ export interface components {
         } & {
             [key: string]: unknown;
         };
+        /** ChatEntityContext */
+        ChatEntityContext: {
+            /** Datasets */
+            datasets?: components["schemas"]["EntityReference"][];
+            /** Histories */
+            histories?: components["schemas"]["EntityReference"][];
+        };
         /** ChatExchangeBatchDeletePayload */
         ChatExchangeBatchDeletePayload: {
             /**
@@ -8252,6 +8259,11 @@ export interface components {
              * @default
              */
             context: string | null;
+            /**
+             * Entity Context
+             * @description Structured entity references resolved from @mentions in the query.
+             */
+            entity_context?: components["schemas"]["ChatEntityContext"] | null;
             /**
              * Exchange ID
              * @description The ID of an existing chat exchange to continue.
@@ -12016,6 +12028,36 @@ export interface components {
              */
             src: components["schemas"]["DataItemSourceType"];
         };
+        /** EntityReference */
+        EntityReference: {
+            /** Extension */
+            extension?: string | null;
+            /** HID */
+            hid?: number | null;
+            /**
+             * Entity ID
+             * @description The resolved encoded ID of the entity.
+             */
+            id?: string | null;
+            /**
+             * Identifier
+             * @description The identifier as typed by the user (HID number or name).
+             */
+            identifier: string;
+            /**
+             * Name
+             * @description The display name of the entity.
+             * @default
+             */
+            name: string;
+            /** State */
+            state?: string | null;
+            /**
+             * Entity Type
+             * @description The type of entity being referenced (e.g. 'dataset', 'history').
+             */
+            type: string;
+        };
         /** ExitCodeJobMessage */
         ExitCodeJobMessage: {
             /** Code Desc */

client/src/components/ActivityBar/ActivityBar.test.js

@@ -22,6 +22,7 @@ vi.mock("@/composables/config", () => ({
 
 vi.mock("vue-router/composables", () => ({
     useRoute: vi.fn(() => ({})),
+    useRouter: vi.fn(() => ({ push: vi.fn() })),
 }));
 
 const { server, http } = useServerMock();

client/src/components/ActivityBar/ActivityBar.vue

@@ -4,13 +4,14 @@ import { faBell, faEllipsisH, faUserCog } from "@fortawesome/free-solid-svg-icon
 import { watchImmediate } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 import { computed, type Ref, ref } from "vue";
-import { useRoute } from "vue-router/composables";
+import { useRoute, useRouter } from "vue-router/composables";
 import draggable from "vuedraggable";
 
 import { useConfig } from "@/composables/config";
 import { convertDropData } from "@/stores/activitySetup";
 import { useActivityStore } from "@/stores/activityStore";
 import type { Activity } from "@/stores/activityStoreTypes";
+import { useChatStore } from "@/stores/chatStore";
 import { useEventStore } from "@/stores/eventStore";
 import { useUnprivilegedToolStore } from "@/stores/unprivilegedToolStore";
 import { useUserStore } from "@/stores/userStore";
@@ -78,7 +79,9 @@ const DRAG_DELAY = 50;
 const { config, isConfigLoaded } = useConfig();
 
 const route = useRoute();
+const router = useRouter();
 const userStore = useUserStore();
+const chatStore = useChatStore();
 
 const eventStore = useEventStore();
 const activityStore = useActivityStore(props.activityBarId);
@@ -173,6 +176,9 @@ function isActiveSideBar(menuKey: string) {
  * Checks if an activity that has a panel should have the `is-active` prop
  */
 function panelActivityIsActive(activity: Activity) {
+    if (activity.id === "chatgxy" && !chatStore.isCenterMode && chatStore.chatVisible) {
+        return true;
+    }
     return isActiveSideBar(activity.id) || isActiveRoute(activity.to);
 }
 
@@ -232,6 +238,19 @@ function toggleSidebar(toggle: string = "", to: string | null = null) {
     activityStore.toggleSideBar(toggle);
 }
 
+function onChatGxyClick() {
+    if (chatStore.isCenterMode) {
+        toggleSidebar("chatgxy");
+        if (route.path.startsWith("/chatgxy")) {
+            router.push("/");
+        } else {
+            router.push("/chatgxy");
+        }
+    } else {
+        chatStore.toggleChat();
+    }
+}
+
 function onActivityClicked(activity: Activity) {
     if (activity.click) {
         emit("activityClicked", activity.id);
@@ -301,6 +320,16 @@ defineExpose({
                                 :tooltip="activity.tooltip"
                                 :to="activity.to"
                                 @click="toggleSidebar(activity.id, activity.to)" />
+                            <ActivityItem
+                                v-else-if="activity.id === 'chatgxy'"
+                                :id="`${activity.id}`"
+                                :key="activity.id"
+                                :activity-bar-id="props.activityBarId"
+                                :icon="activity.icon"
+                                :is-active="panelActivityIsActive(activity)"
+                                :title="activity.title"
+                                :tooltip="activity.tooltip"
+                                @click="onChatGxyClick" />
                             <ActivityItem
                                 v-else-if="activity.panel"
                                 :id="`${activity.id}`"