feat: shareable workspaces MVP (frontend) (#379)

* fix: handle breaking changes to "workspaces by provider" endpoint

* feat: shareable workspaces mvp

* fix integration bugs

* fix cache invalidation bugs

* Merge branch 'main' of github.com:stacklok/codegate-ui into feat/shareable-workspaces

* fix: cache invalidation bug when updating mux config

---------

Co-authored-by: Luke Hinds <[email protected]>

Author: alex-mcgovern

src/Page.tsx

@@ -29,7 +29,7 @@ export default function Page() {
       <Route path="providers">
         <Route index element={<RouteProvider />} />
         <Route element={<RouteProvider />}>
-          <Route path=":id" element={<RouteProviderUpdate />} />
+          <Route path=":name" element={<RouteProviderUpdate />} />
           <Route path="new" element={<RouteProviderCreate />} />
         </Route>
       </Route>

src/api/generated/@tanstack/react-query.gen.ts

@@ -24,6 +24,7 @@ import {
   v1ActivateWorkspace,
   v1UpdateWorkspace,
   v1DeleteWorkspace,
+  v1GetWorkspaceByName,
   v1ListArchivedWorkspaces,
   v1RecoverWorkspace,
   v1HardDeleteWorkspace,
@@ -36,7 +37,6 @@ import {
   v1DeleteWorkspaceCustomInstructions,
   v1GetWorkspaceMuxes,
   v1SetWorkspaceMuxes,
-  v1ListWorkspacesByProvider,
   v1StreamSse,
   v1VersionCheck,
   v1GetWorkspaceTokenUsage,
@@ -62,6 +62,7 @@ import type {
   V1ConfigureAuthMaterialData,
   V1ConfigureAuthMaterialError,
   V1ConfigureAuthMaterialResponse,
+  V1ListWorkspacesData,
   V1CreateWorkspaceData,
   V1CreateWorkspaceError,
   V1CreateWorkspaceResponse,
@@ -74,6 +75,7 @@ import type {
   V1DeleteWorkspaceData,
   V1DeleteWorkspaceError,
   V1DeleteWorkspaceResponse,
+  V1GetWorkspaceByNameData,
   V1RecoverWorkspaceData,
   V1RecoverWorkspaceError,
   V1RecoverWorkspaceResponse,
@@ -97,7 +99,6 @@ import type {
   V1SetWorkspaceMuxesData,
   V1SetWorkspaceMuxesError,
   V1SetWorkspaceMuxesResponse,
-  V1ListWorkspacesByProviderData,
   V1GetWorkspaceTokenUsageData,
   V1CreatePersonaData,
   V1CreatePersonaError,
@@ -349,11 +350,13 @@ export const v1ConfigureAuthMaterialMutation = (
   return mutationOptions
 }
 
-export const v1ListWorkspacesQueryKey = (options?: OptionsLegacyParser) => [
-  createQueryKey('v1ListWorkspaces', options),
-]
+export const v1ListWorkspacesQueryKey = (
+  options?: OptionsLegacyParser<V1ListWorkspacesData>
+) => [createQueryKey('v1ListWorkspaces', options)]
 
-export const v1ListWorkspacesOptions = (options?: OptionsLegacyParser) => {
+export const v1ListWorkspacesOptions = (
+  options?: OptionsLegacyParser<V1ListWorkspacesData>
+) => {
   return queryOptions({
     queryFn: async ({ queryKey, signal }) => {
       const { data } = await v1ListWorkspaces({
@@ -511,6 +514,27 @@ export const v1DeleteWorkspaceMutation = (
   return mutationOptions
 }
 
+export const v1GetWorkspaceByNameQueryKey = (
+  options: OptionsLegacyParser<V1GetWorkspaceByNameData>
+) => [createQueryKey('v1GetWorkspaceByName', options)]
+
+export const v1GetWorkspaceByNameOptions = (
+  options: OptionsLegacyParser<V1GetWorkspaceByNameData>
+) => {
+  return queryOptions({
+    queryFn: async ({ queryKey, signal }) => {
+      const { data } = await v1GetWorkspaceByName({
+        ...options,
+        ...queryKey[0],
+        signal,
+        throwOnError: true,
+      })
+      return data
+    },
+    queryKey: v1GetWorkspaceByNameQueryKey(options),
+  })
+}
+
 export const v1ListArchivedWorkspacesQueryKey = (
   options?: OptionsLegacyParser
 ) => [createQueryKey('v1ListArchivedWorkspaces', options)]
@@ -867,27 +891,6 @@ export const v1SetWorkspaceMuxesMutation = (
   return mutationOptions
 }
 
-export const v1ListWorkspacesByProviderQueryKey = (
-  options: OptionsLegacyParser<V1ListWorkspacesByProviderData>
-) => [createQueryKey('v1ListWorkspacesByProvider', options)]
-
-export const v1ListWorkspacesByProviderOptions = (
-  options: OptionsLegacyParser<V1ListWorkspacesByProviderData>
-) => {
-  return queryOptions({
-    queryFn: async ({ queryKey, signal }) => {
-      const { data } = await v1ListWorkspacesByProvider({
-        ...options,
-        ...queryKey[0],
-        signal,
-        throwOnError: true,
-      })
-      return data
-    },
-    queryKey: v1ListWorkspacesByProviderQueryKey(options),
-  })
-}
-
 export const v1StreamSseQueryKey = (options?: OptionsLegacyParser) => [
   createQueryKey('v1StreamSse', options),
 ]

src/api/generated/sdk.gen.ts

@@ -31,6 +31,7 @@ import type {
   V1ConfigureAuthMaterialData,
   V1ConfigureAuthMaterialError,
   V1ConfigureAuthMaterialResponse,
+  V1ListWorkspacesData,
   V1ListWorkspacesError,
   V1ListWorkspacesResponse,
   V1CreateWorkspaceData,
@@ -47,6 +48,9 @@ import type {
   V1DeleteWorkspaceData,
   V1DeleteWorkspaceError,
   V1DeleteWorkspaceResponse,
+  V1GetWorkspaceByNameData,
+  V1GetWorkspaceByNameError,
+  V1GetWorkspaceByNameResponse,
   V1ListArchivedWorkspacesError,
   V1ListArchivedWorkspacesResponse,
   V1RecoverWorkspaceData,
@@ -82,9 +86,6 @@ import type {
   V1SetWorkspaceMuxesData,
   V1SetWorkspaceMuxesError,
   V1SetWorkspaceMuxesResponse,
-  V1ListWorkspacesByProviderData,
-  V1ListWorkspacesByProviderError,
-  V1ListWorkspacesByProviderResponse,
   V1StreamSseError,
   V1StreamSseResponse,
   V1VersionCheckError,
@@ -192,13 +193,13 @@ export const v1ListModelsByProvider = <ThrowOnError extends boolean = false>(
     ThrowOnError
   >({
     ...options,
-    url: '/api/v1/provider-endpoints/{provider_id}/models',
+    url: '/api/v1/provider-endpoints/{provider_name}/models',
   })
 }
 
 /**
  * Get Provider Endpoint
- * Get a provider endpoint by ID.
+ * Get a provider endpoint by name.
  */
 export const v1GetProviderEndpoint = <ThrowOnError extends boolean = false>(
   options: OptionsLegacyParser<V1GetProviderEndpointData, ThrowOnError>
@@ -209,13 +210,13 @@ export const v1GetProviderEndpoint = <ThrowOnError extends boolean = false>(
     ThrowOnError
   >({
     ...options,
-    url: '/api/v1/provider-endpoints/{provider_id}',
+    url: '/api/v1/provider-endpoints/{provider_name}',
   })
 }
 
 /**
  * Update Provider Endpoint
- * Update a provider endpoint by ID.
+ * Update a provider endpoint by name.
  */
 export const v1UpdateProviderEndpoint = <ThrowOnError extends boolean = false>(
   options: OptionsLegacyParser<V1UpdateProviderEndpointData, ThrowOnError>
@@ -226,13 +227,13 @@ export const v1UpdateProviderEndpoint = <ThrowOnError extends boolean = false>(
     ThrowOnError
   >({
     ...options,
-    url: '/api/v1/provider-endpoints/{provider_id}',
+    url: '/api/v1/provider-endpoints/{provider_name}',
   })
 }
 
 /**
  * Delete Provider Endpoint
- * Delete a provider endpoint by id.
+ * Delete a provider endpoint by name.
  */
 export const v1DeleteProviderEndpoint = <ThrowOnError extends boolean = false>(
   options: OptionsLegacyParser<V1DeleteProviderEndpointData, ThrowOnError>
@@ -243,7 +244,7 @@ export const v1DeleteProviderEndpoint = <ThrowOnError extends boolean = false>(
     ThrowOnError
   >({
     ...options,
-    url: '/api/v1/provider-endpoints/{provider_id}',
+    url: '/api/v1/provider-endpoints/{provider_name}',
   })
 }
 
@@ -260,16 +261,24 @@ export const v1ConfigureAuthMaterial = <ThrowOnError extends boolean = false>(
     ThrowOnError
   >({
     ...options,
-    url: '/api/v1/provider-endpoints/{provider_id}/auth-material',
+    url: '/api/v1/provider-endpoints/{provider_name}/auth-material',
   })
 }
 
 /**
  * List Workspaces
  * List all workspaces.
+ *
+ * Args:
+ * provider_name (Optional[str]): Filter workspaces by provider name. If provided,
+ * will return workspaces where models from the specified provider (e.g., OpenAI,
+ * Anthropic) have been used in workspace muxing rules.
+ *
+ * Returns:
+ * ListWorkspacesResponse: A response object containing the list of workspaces.
  */
 export const v1ListWorkspaces = <ThrowOnError extends boolean = false>(
-  options?: OptionsLegacyParser<unknown, ThrowOnError>
+  options?: OptionsLegacyParser<V1ListWorkspacesData, ThrowOnError>
 ) => {
   return (options?.client ?? client).get<
     V1ListWorkspacesResponse,
@@ -369,6 +378,23 @@ export const v1DeleteWorkspace = <ThrowOnError extends boolean = false>(
   })
 }
 
+/**
+ * Get Workspace By Name
+ * List workspaces by provider ID.
+ */
+export const v1GetWorkspaceByName = <ThrowOnError extends boolean = false>(
+  options: OptionsLegacyParser<V1GetWorkspaceByNameData, ThrowOnError>
+) => {
+  return (options?.client ?? client).get<
+    V1GetWorkspaceByNameResponse,
+    V1GetWorkspaceByNameError,
+    ThrowOnError
+  >({
+    ...options,
+    url: '/api/v1/workspaces/{workspace_name}',
+  })
+}
+
 /**
  * List Archived Workspaces
  * List all archived workspaces.
@@ -591,25 +617,6 @@ export const v1SetWorkspaceMuxes = <ThrowOnError extends boolean = false>(
   })
 }
 
-/**
- * List Workspaces By Provider
- * List workspaces by provider ID.
- */
-export const v1ListWorkspacesByProvider = <
-  ThrowOnError extends boolean = false,
->(
-  options: OptionsLegacyParser<V1ListWorkspacesByProviderData, ThrowOnError>
-) => {
-  return (options?.client ?? client).get<
-    V1ListWorkspacesByProviderResponse,
-    V1ListWorkspacesByProviderError,
-    ThrowOnError
-  >({
-    ...options,
-    url: '/api/v1/workspaces/{provider_id}',
-  })
-}
-
 /**
  * Stream Sse
  * Send alerts event