feat(core): experimental features ui (#5338)

fix TOV-280

experimental features ui
- enabled in the workspace settings for a cloud workspace; only show for workspace owner + early access
- a disclaimer prompt will be shown before going to the next feature setting page
- for now only show the ai poc switch, which controls the display of the ai tab in editor's sidepanel

packages/frontend/core/src/hooks/use-workspace-features.ts

@@ -0,0 +1,74 @@
+import { WorkspaceFlavour } from '@affine/env/workspace';
+import type { FeatureType } from '@affine/graphql';
+import {
+  availableFeaturesQuery,
+  enabledFeaturesQuery,
+  setWorkspaceExperimentalFeatureMutation,
+} from '@affine/graphql';
+import { useAtomValue } from 'jotai';
+
+import { waitForCurrentWorkspaceAtom } from '../modules/workspace';
+import { useAsyncCallback } from './affine-async-hooks';
+import { useMutateQueryResource, useMutation } from './use-mutation';
+import { useQueryImmutable } from './use-query';
+
+const emptyFeatures: FeatureType[] = [];
+
+export const useWorkspaceAvailableFeatures = () => {
+  const currentWorkspace = useAtomValue(waitForCurrentWorkspaceAtom);
+  const isCloudWorkspace =
+    currentWorkspace.flavour === WorkspaceFlavour.AFFINE_CLOUD;
+  const { data } = useQueryImmutable(
+    isCloudWorkspace
+      ? {
+          query: availableFeaturesQuery,
+          variables: {
+            id: currentWorkspace.id,
+          },
+        }
+      : undefined
+  );
+  return data?.workspace.availableFeatures ?? emptyFeatures;
+};
+
+export const useWorkspaceEnabledFeatures = () => {
+  const currentWorkspace = useAtomValue(waitForCurrentWorkspaceAtom);
+  const isCloudWorkspace =
+    currentWorkspace.flavour === WorkspaceFlavour.AFFINE_CLOUD;
+  const { data } = useQueryImmutable(
+    isCloudWorkspace
+      ? {
+          query: enabledFeaturesQuery,
+          variables: {
+            id: currentWorkspace.id,
+          },
+        }
+      : undefined
+  );
+  return data?.workspace.features ?? emptyFeatures;
+};
+
+export const useSetWorkspaceFeature = () => {
+  const currentWorkspace = useAtomValue(waitForCurrentWorkspaceAtom);
+  const { trigger, isMutating } = useMutation({
+    mutation: setWorkspaceExperimentalFeatureMutation,
+  });
+  const revalidate = useMutateQueryResource();
+
+  return {
+    trigger: useAsyncCallback(
+      async (feature: FeatureType, enable: boolean) => {
+        await trigger({
+          workspaceId: currentWorkspace.id,
+          feature,
+          enable,
+        });
+        await revalidate(enabledFeaturesQuery, vars => {
+          return vars.id === currentWorkspace.id;
+        });
+      },
+      [currentWorkspace.id, revalidate, trigger]
+    ),
+    isMutating,
+  };
+};