@swiss-ai-hub/web 0.309.3 → 0.310.0

package/package.json

@@ -3,7 +3,7 @@
   "license": "AGPL-3.0-or-later",
   "author": "bbv Software Services AG (https://www.bbv.ch)",
   "type": "module",
-  "version": "0.309.3",
+  "version": "0.310.0",
   "description": "Swiss AI Hub - Admin & Management UI (Nuxt 3 layer)",
   "main": "./nuxt.config.ts",
   "repository": {

package/pages/[tenant]/service/openai.vue

@@ -31,6 +31,7 @@
 </template>
 
 <script setup lang="ts">
+import { resolveThreadForDisplay } from '@core/sdk/client'
 import { onBeforeUnmount, onMounted } from 'vue'
 
 const { t } = useI18n()
@@ -40,7 +41,7 @@ const router = useRouter()
 const tenantPath = useTenantPath()
 const localePath = useLocalePath()
 const { mismatchDetected, backendTenantId, backendTenantName } = useTenantPolling()
-const { setTenant } = useTenant()
+const { setTenant, tenantId } = useTenant()
 
 async function onSwitchToBackendTenant() {
   if (!backendTenantId.value) return
@@ -64,27 +65,56 @@ const handleIframeLoad = () => {
   router.push(localePath('/'))
 }
 
-const handleMessage = (event: MessageEvent) => {
+const VIEW_BY_ACTION: Record<string, string> = {
+  'show-traces': 'tracing',
+  'show-sources': 'sources',
+  'show-memories': 'memories',
+}
+
+const openPanelView = (): string | null => {
+  if (route.path.endsWith('/tracing')) return 'tracing'
+  if (route.path.endsWith('/sources')) return 'sources'
+  if (route.path.endsWith('/memories')) return 'memories'
+  return null
+}
+
+const handleMessage = async (event: MessageEvent) => {
   console.log('received post event', event)
-  if (event.origin === runtimeConfig.public.webui.url) {
-    const data = event.data
+  if (event.origin !== runtimeConfig.public.webui.url) return
 
-    if (!['show-traces', 'show-sources', 'show-memories', 'set-context'].includes(data.type)) {
-      console.log('Unknown message type:', data.type)
-      return
-    }
+  const data = event.data
+  if (!['show-traces', 'show-sources', 'show-memories', 'set-context'].includes(data.type)) {
+    console.log('Unknown message type:', data.type)
+    return
+  }
 
-    const thread_id = data.thread_id as string
-    const display_id = data.display_id as string
+  const display_id = data.display_id as string
+  if (!display_id) return
 
-    if (data.type === 'show-traces' || route.path.endsWith('/tracing')) {
-      router.push(tenantPath(`/service/openai/${thread_id}/${display_id}/tracing`))
+  // Explicit action-button click: the action knows only the display, so resolve its owning thread from the backend
+  // (the correct per-agent, salted thread the pipe persisted events under).
+  const requestedView = VIEW_BY_ACTION[data.type]
+  if (requestedView) {
+    try {
+      const { thread_id } = await resolveThreadForDisplay({
+        composable: '$fetch',
+        path: { tenant_id: tenantId.value!, display_id },
+      })
+      router.push(tenantPath(`/service/openai/${thread_id}/${display_id}/${requestedView}`))
     }
-    if (data.type === 'show-sources' || route.path.endsWith('/sources')) {
-      router.push(tenantPath(`/service/openai/${thread_id}/${display_id}/sources`))
+    catch (error) {
+      // No AI-Hub thread owns this display (e.g. a plain-LLM message) — leave the panel as-is instead of erroring.
+      console.warn('No AI-Hub thread found for display', display_id, error)
     }
-    if (data.type === 'show-memories' || route.path.endsWith('/memories')) {
-      router.push(tenantPath(`/service/openai/${thread_id}/${display_id}/memories`))
+    return
+  }
+
+  // set-context: the pipe pushes the correct thread_id as each message streams; keep an already-open panel synced.
+  const view = openPanelView()
+  if (view) {
+    const thread_id = data.thread_id as string
+    if (thread_id) {
+      router.push(tenantPath(`/service/openai/${thread_id}/${display_id}/${view}`))
     }
   }
 }

package/sdk/client/index.ts

@@ -88,6 +88,7 @@ export {
   receiveOpenwebuiWebhook,
   removeAgentFromThread,
   removeUserFromThread,
+  resolveThreadForDisplay,
   revokeRole,
   revokeTokenEndpoint,
   searchOrganizationMemories,
@@ -844,6 +845,11 @@ export {
   type RerankerEvent,
   type RerankerEventWritable,
   Resolution,
+  type ResolveThreadForDisplayData,
+  type ResolveThreadForDisplayError,
+  type ResolveThreadForDisplayErrors,
+  type ResolveThreadForDisplayResponse,
+  type ResolveThreadForDisplayResponses,
   type ResponseFormatJsonObject,
   type ResponseFormatJsonSchema,
   type ResponseFormatText,
@@ -939,6 +945,7 @@ export {
   type ThreadAgentDto,
   type ThreadDto,
   type ThreadDtoWritable,
+  type ThreadReference,
   TimeRange,
   type ToggleButton,
   type ToggleButtonWritable,

package/sdk/client/schemas.gen.ts

@@ -21445,6 +21445,21 @@ export const ThreadDTOSchema = {
   description: "Thread information and statistics for API response.",
 } as const;
 
+export const ThreadReferenceSchema = {
+  properties: {
+    thread_id: {
+      type: "string",
+      title: "Thread Id",
+      description: "The thread ID that owns the requested display",
+    },
+  },
+  type: "object",
+  required: ["thread_id"],
+  title: "ThreadReference",
+  description:
+    "The thread that owns a display, resolved so the chat-UI side panel can open the correct per-agent thread.",
+} as const;
+
 export const TimeRangeSchema = {
   type: "string",
   enum: ["1h", "24h", "30d", "365d"],

package/sdk/client/sdk.gen.ts

@@ -256,6 +256,9 @@ import type {
   RemoveUserFromThreadData,
   RemoveUserFromThreadError,
   RemoveUserFromThreadResponse,
+  ResolveThreadForDisplayData,
+  ResolveThreadForDisplayError,
+  ResolveThreadForDisplayResponse,
   RevokeRoleData,
   RevokeRoleError,
   RevokeRoleResponse,
@@ -803,6 +806,38 @@ export const getAgentEventsInThread = <
     ...options,
   });
 
+/**
+ * Resolve Thread For Display
+ *
+ * Resolves the thread that owns a display so the chat-UI side panel can open the correct per-agent thread
+ * without recomputing the salted thread_id.
+ */
+export const resolveThreadForDisplay = <
+  TComposable extends Composable = "$fetch",
+  DefaultT extends ResolveThreadForDisplayResponse =
+    ResolveThreadForDisplayResponse,
+>(
+  options: Options<
+    TComposable,
+    ResolveThreadForDisplayData,
+    ResolveThreadForDisplayResponse,
+    DefaultT
+  >,
+) =>
+  (options.client ?? client).get<
+    TComposable,
+    ResolveThreadForDisplayResponse | DefaultT,
+    ResolveThreadForDisplayError,
+    DefaultT
+  >({
+    security: [
+      { scheme: "bearer", type: "http" },
+      { scheme: "bearer", type: "http" },
+    ],
+    url: "/{tenant_id}/events/agents/displays/{display_id}/thread",
+    ...options,
+  });
+
 /**
  * Get Agent Event Timeseries
  *

package/sdk/client/types.gen.ts

@@ -14520,6 +14520,20 @@ export type ThreadDto = {
   llm_cost?: number;
 };
 
+/**
+ * ThreadReference
+ *
+ * The thread that owns a display, resolved so the chat-UI side panel can open the correct per-agent thread.
+ */
+export type ThreadReference = {
+  /**
+   * Thread Id
+   *
+   * The thread ID that owns the requested display
+   */
+  thread_id: string;
+};
+
 /**
  * TimeRange
  */
@@ -25015,6 +25029,44 @@ export type GetAgentEventsInThreadResponses = {
 export type GetAgentEventsInThreadResponse =
   GetAgentEventsInThreadResponses[keyof GetAgentEventsInThreadResponses];
 
+export type ResolveThreadForDisplayData = {
+  body?: never;
+  path: {
+    /**
+     * Tenant Id
+     *
+     * Tenant identifier: a name, ObjectId, or 'active'
+     */
+    tenant_id: string;
+    /**
+     * Display ID
+     */
+    display_id: string;
+  };
+  query?: never;
+  url: "/{tenant_id}/events/agents/displays/{display_id}/thread";
+};
+
+export type ResolveThreadForDisplayErrors = {
+  /**
+   * Validation Error
+   */
+  422: HttpValidationError;
+};
+
+export type ResolveThreadForDisplayError =
+  ResolveThreadForDisplayErrors[keyof ResolveThreadForDisplayErrors];
+
+export type ResolveThreadForDisplayResponses = {
+  /**
+   * Successful Response
+   */
+  200: ThreadReference;
+};
+
+export type ResolveThreadForDisplayResponse =
+  ResolveThreadForDisplayResponses[keyof ResolveThreadForDisplayResponses];
+
 export type GetAgentEventTimeseriesData = {
   body?: never;
   path: {