feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/studio/components/src/ui-search/index.module.less

@@ -0,0 +1,22 @@
+.ui-search {
+  width: 256px !important;
+  max-width: 100%;
+  border-radius: 8px !important;
+
+  input::placeholder {
+    color: var(--light-usage-text-color-text-3, rgb(28 29 35 / 35%));
+  }
+}
+
+.icon-search {
+  display: flex;
+  align-items: center;
+  padding: 0 8px 0 16px;
+
+  &-active {
+    svg {
+      color: var(--light-usage-text-color-text-0, #1d1c23);
+      transition: color 0.2s ease;
+    }
+  }
+}

frontend/packages/studio/components/src/ui-search/index.tsx

@@ -0,0 +1,31 @@
+/*
+ * 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 { forwardRef } from 'react';
+
+import {
+  UISearch as SemiUISearch,
+  type UISearchProps,
+} from '@coze-arch/bot-semi';
+import { I18n } from '@coze-arch/i18n';
+
+export { type UISearchProps };
+
+export const UISearch = forwardRef<HTMLInputElement, UISearchProps>(
+  (props, ref) => (
+    <SemiUISearch ref={ref} placeholder={I18n.t('Search')} {...props} />
+  ),
+);