feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/agent-ide/model-manager/src/context/formily-context/context.tsx

@@ -0,0 +1,78 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import {
+  type PropsWithChildren,
+  createContext,
+  useState,
+  useEffect,
+} from 'react';
+
+import { type FormilyModule, type FormilyContextProps } from './type';
+
+export const FormilyContext = createContext<FormilyContextProps>({
+  formilyModule: { status: 'unInit', formilyReact: null, formilyCore: null },
+  retryImportFormily: () => void 0,
+});
+
+export const FormilyProvider: React.FC<PropsWithChildren> = ({ children }) => {
+  const [formilyModule, setFormilyModule] = useState<FormilyModule>({
+    status: 'unInit',
+    formilyCore: null,
+    formilyReact: null,
+  });
+
+  const importFormily = async () => {
+    setFormilyModule({
+      formilyCore: null,
+      formilyReact: null,
+      status: 'loading',
+    });
+    try {
+      const [formilyCore, formilyReact] = await Promise.all([
+        import('@formily/core'),
+        import('@formily/react'),
+      ]);
+      setFormilyModule({
+        status: 'ready',
+        formilyCore,
+        formilyReact,
+      });
+    } catch (error) {
+      setFormilyModule({
+        status: 'error',
+        formilyCore: null,
+        formilyReact: null,
+      });
+      throw error;
+    }
+  };
+
+  useEffect(() => {
+    importFormily();
+  }, []);
+
+  return (
+    <FormilyContext.Provider
+      value={{
+        formilyModule,
+        retryImportFormily: importFormily,
+      }}
+    >
+      {children}
+    </FormilyContext.Provider>
+  );
+};

frontend/packages/agent-ide/model-manager/src/context/formily-context/index.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { useContext } from 'react';
+
+import { FormilyContext } from './context';
+
+export const useFormily = () => {
+  const context = useContext(FormilyContext);
+  return context;
+};

frontend/packages/agent-ide/model-manager/src/context/formily-context/type.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+/* eslint-disable @coze-arch/no-batch-import-or-export */
+import type * as FormilyReact from '@formily/react';
+import type * as FomilyCore from '@formily/core';
+
+export type FormilyReactType = typeof FormilyReact;
+export type FormilyCoreType = typeof FomilyCore;
+
+export type FormilyModule =
+  | {
+      status: 'unInit' | 'loading' | 'error';
+      formilyCore: null;
+      formilyReact: null;
+    }
+  | {
+      status: 'ready';
+      formilyCore: FormilyCoreType;
+      formilyReact: FormilyReactType;
+    };
+
+export interface FormilyContextProps {
+  formilyModule: FormilyModule;
+  retryImportFormily: () => void;
+}

frontend/packages/agent-ide/model-manager/src/context/model-form-context/context.tsx

@@ -0,0 +1,58 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { type PropsWithChildren, createContext, useState, useRef } from 'react';
+
+import { cloneDeep } from 'lodash-es';
+
+import { type ModelFormContextProps } from './type';
+
+export const ModelFromContext = createContext<ModelFormContextProps>({
+  customizeValueMap: {},
+  isGenerationDiversityOpen: false,
+  setCustomizeValues: () => 0,
+  setGenerationDiversityOpen: () => 0,
+});
+
+export const ModelFormProvider: React.FC<
+  PropsWithChildren<Pick<ModelFormContextProps, 'hideDiversityCollapseButton'>>
+> = ({ hideDiversityCollapseButton = false, children }) => {
+  const [isGenerationDiversityOpen, setGenerationDiversityOpen] = useState(
+    hideDiversityCollapseButton,
+  ); // 隐藏展开收起按钮时则始终展开
+  const customizeValueMapRef = useRef<
+    ModelFormContextProps['customizeValueMap']
+  >({});
+  const setCustomizeValues: ModelFormContextProps['setCustomizeValues'] = (
+    modelId,
+    customizeValues,
+  ) => {
+    customizeValueMapRef.current[modelId] = cloneDeep(customizeValues);
+  };
+  return (
+    <ModelFromContext.Provider
+      value={{
+        hideDiversityCollapseButton,
+        isGenerationDiversityOpen,
+        setCustomizeValues,
+        customizeValueMap: customizeValueMapRef.current,
+        setGenerationDiversityOpen,
+      }}
+    >
+      {children}
+    </ModelFromContext.Provider>
+  );
+};

frontend/packages/agent-ide/model-manager/src/context/model-form-context/index.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { useContext } from 'react';
+
+import { ModelFromContext, ModelFormProvider } from './context';
+
+export { ModelFormProvider };
+export const useModelForm = () => useContext(ModelFromContext);

frontend/packages/agent-ide/model-manager/src/context/model-form-context/type.ts

@@ -0,0 +1,35 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { type Dispatch, type SetStateAction } from 'react';
+
+export interface ModelFormContextProps {
+  isGenerationDiversityOpen: boolean;
+  customizeValueMap: Record<string, Record<string, unknown>>;
+  setGenerationDiversityOpen: Dispatch<SetStateAction<boolean>>;
+  setCustomizeValues: (
+    modelId: string,
+    customizeValues: this['customizeValueMap'][string],
+  ) => void;
+  /**
+   * 是否展示多样性设置区域的展开收起按钮
+   *
+   *  需求将详细配置区域放到了独立面板中，因此高度足够展示所有选项，不再需要折叠
+   *
+   * @default false
+   */
+  hideDiversityCollapseButton?: boolean;
+}