[feat][trace] add observation components (#158)

* feat(trace): add observation components

* feat(trace): add observation i18n

Author: Maidang1

common/config/subspaces/default/pnpm-lock.yaml

@@ -18,5 +18,7 @@ export default createTailwindcssConfig({
     '@cozeloop/trace-list',
     '@cozeloop/observation-component-adapter',
     '@cozeloop/tag-pages',
+    '@cozeloop/observation-component',
+    '@cozeloop/tag-components',
   ],
 }) as TailwindConfig;

frontend/apps/cozeloop/tailwind.config.ts

@@ -0,0 +1,7 @@
+// Copyright (c) 2025 coze-dev Authors
+// SPDX-License-Identifier: Apache-2.0
+const { defineConfig } = require('@coze-arch/stylelint-config');
+
+module.exports = defineConfig({
+  extends: [],
+});

frontend/packages/cozeloop/observation/trace-detail-open/.stylelintrc.js

@@ -0,0 +1,16 @@
+# @cozeloop/observation-component-adapter
+
+> Project template for react component with storybook.
+
+## Features
+
+- [x] eslint & ts
+- [x] esm bundle
+- [x] umd bundle
+- [x] storybook
+
+## Commands
+
+- init: `rush update`
+- dev: `npm run dev`
+- build: `npm run build`

frontend/packages/cozeloop/observation/trace-detail-open/README.md

@@ -0,0 +1,12 @@
+{
+  "operationSettings": [
+    {
+      "operationName": "test:cov",
+      "outputFolderNames": ["coverage"]
+    },
+    {
+      "operationName": "ts-check",
+      "outputFolderNames": ["dist"]
+    }
+  ]
+}

frontend/packages/cozeloop/observation/trace-detail-open/config/rush-project.json

@@ -0,0 +1,9 @@
+// Copyright (c) 2025 coze-dev Authors
+// SPDX-License-Identifier: Apache-2.0
+const { defineConfig } = require('@coze-arch/eslint-config');
+
+module.exports = defineConfig({
+  packageRoot: __dirname,
+  preset: 'web',
+  rules: {},
+});

frontend/packages/cozeloop/observation/trace-detail-open/eslint.config.js

@@ -0,0 +1,60 @@
+{
+  "name": "@cozeloop/observation-component-adapter",
+  "version": "0.0.1",
+  "description": "trace detail packages, add extra base on the base observation component",
+  "license": "Apache-2.0",
+  "author": "liuwei.felix@bytedance.com",
+  "maintainers": [],
+  "main": "src/index.tsx",
+  "scripts": {
+    "build": "exit 0",
+    "dev": "storybook dev -p 6006",
+    "lint": "eslint ./ --cache",
+    "test": "vitest --run --passWithNoTests",
+    "test:cov": "npm run test -- --coverage"
+  },
+  "dependencies": {
+    "@coze-arch/coze-design": "0.0.6-alpha.346d77",
+    "@cozeloop/api-schema": "workspace:*",
+    "@cozeloop/biz-hooks-adapter": "workspace:*",
+    "@cozeloop/components": "workspace:*",
+    "@cozeloop/observation-component": "workspace:*",
+    "@cozeloop/tag-components": "workspace:*",
+    "ahooks": "^3.7.8",
+    "classnames": "^2.3.2",
+    "dayjs": "^1.11.7",
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@coze-arch/bot-typings": "workspace:*",
+    "@coze-arch/eslint-config": "workspace:*",
+    "@coze-arch/stylelint-config": "workspace:*",
+    "@coze-arch/ts-config": "workspace:*",
+    "@coze-arch/vitest-config": "workspace:*",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/addon-onboarding": "^1.0.10",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-vite": "^7.6.7",
+    "@storybook/test": "^7.6.7",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/react": "18.2.37",
+    "@types/react-dom": "18.2.15",
+    "@vitest/coverage-v8": "~3.0.5",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "storybook": "^7.6.7",
+    "stylelint": "^15.11.0",
+    "vite-plugin-svgr": "~3.3.0",
+    "vitest": "~3.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  }
+}
+