ai-chat-ui-kit 0.1.0

package/packages/themes/src/terminal/theme.css

@@ -0,0 +1,235 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ *
+ * Retro Terminal —— 复古终端
+ * 对齐 docs/chat-style-4-terminal.html
+ */
+
+:root[data-theme='terminal'],
+.ai-theme-terminal {
+  --ai-primary: #00ff00;
+  --ai-bg-primary: #0a0a0a;
+  --ai-text-primary: #00ff00;
+  --ai-text-secondary: #008000;
+}
+
+/* 全局 body 配置 + 扫描线 */
+.ai-theme-terminal-host,
+body[data-theme='terminal'] {
+  background: #0c0c0c;
+}
+.ai-theme-terminal-host::after,
+body[data-theme='terminal']::after {
+  content: '';
+  position: fixed;
+  inset: 0;
+  background: repeating-linear-gradient(
+    0deg,
+    rgba(0, 255, 0, 0.03) 0px,
+    rgba(0, 255, 0, 0.03) 1px,
+    transparent 1px,
+    transparent 2px
+  );
+  pointer-events: none;
+  z-index: 100;
+}
+
+/* 容器 */
+.ai-theme-terminal .ai-chat,
+[data-theme='terminal'] .ai-chat {
+  background: #0a0a0a;
+  border: 2px solid #00ff00;
+  border-radius: 8px;
+  box-shadow:
+    0 0 30px rgba(0, 255, 0, 0.3),
+    inset 0 0 30px rgba(0, 255, 0, 0.05);
+  font-family: 'Courier New', monospace;
+  position: relative;
+}
+
+/* Header */
+.ai-theme-terminal .ai-chat__header,
+[data-theme='terminal'] .ai-chat__header {
+  padding: 16px 20px;
+  background: #0a0a0a;
+  border-bottom: 1px solid #00ff00;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.ai-theme-terminal .ai-chat__avatar,
+[data-theme='terminal'] .ai-chat__avatar {
+  background: transparent;
+  color: #00ff00;
+  font-size: 20px;
+  width: auto;
+  height: auto;
+  animation: ai-terminal-blink 1s infinite;
+}
+.ai-theme-terminal .ai-chat__title,
+[data-theme='terminal'] .ai-chat__title {
+  font-size: 14px;
+  font-weight: normal;
+  color: #00ff00;
+  letter-spacing: 2px;
+}
+.ai-theme-terminal .ai-chat__subtitle,
+[data-theme='terminal'] .ai-chat__subtitle {
+  font-size: 11px;
+  color: #008000;
+}
+
+@keyframes ai-terminal-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}
+
+/* Messages */
+.ai-theme-terminal .ai-chat__messages,
+[data-theme='terminal'] .ai-chat__messages {
+  background: #0a0a0a;
+  padding: 20px;
+  gap: 12px;
+}
+.ai-theme-terminal .ai-chat__messages::-webkit-scrollbar,
+[data-theme='terminal'] .ai-chat__messages::-webkit-scrollbar { width: 8px; }
+.ai-theme-terminal .ai-chat__messages::-webkit-scrollbar-thumb,
+[data-theme='terminal'] .ai-chat__messages::-webkit-scrollbar-thumb {
+  background: #00ff00;
+  border-radius: 0;
+}
+.ai-theme-terminal .ai-chat__messages::-webkit-scrollbar-track,
+[data-theme='terminal'] .ai-chat__messages::-webkit-scrollbar-track { background: #0a0a0a; }
+
+/* Message —— terminal 风格强调单行命令式 */
+.ai-theme-terminal .ai-message,
+[data-theme='terminal'] .ai-message {
+  display: block;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.6;
+  padding: 8px 0 8px 12px;
+  border-left: 2px solid transparent;
+  margin: 0 !important;
+}
+.ai-theme-terminal .ai-message--user,
+[data-theme='terminal'] .ai-message--user {
+  color: #00ffff;
+  border-left-color: #00ffff;
+}
+.ai-theme-terminal .ai-message--assistant,
+[data-theme='terminal'] .ai-message--assistant {
+  color: #00ff00;
+  border-left-color: #00ff00;
+}
+.ai-theme-terminal .ai-message__avatar,
+[data-theme='terminal'] .ai-message__avatar { display: none; }
+.ai-theme-terminal .ai-message__content,
+[data-theme='terminal'] .ai-message__content {
+  padding: 0;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  color: inherit;
+  border-radius: 0;
+}
+.ai-theme-terminal .ai-message--user .ai-message__content::before,
+[data-theme='terminal'] .ai-message--user .ai-message__content::before {
+  content: 'USER> ';
+  font-weight: bold;
+  margin-right: 4px;
+}
+.ai-theme-terminal .ai-message--assistant .ai-message__content::before,
+[data-theme='terminal'] .ai-message--assistant .ai-message__content::before {
+  content: 'AI> ';
+  font-weight: bold;
+  margin-right: 4px;
+}
+.ai-theme-terminal .ai-message__time,
+[data-theme='terminal'] .ai-message__time { display: none; }
+
+/* Input */
+.ai-theme-terminal .ai-input,
+[data-theme='terminal'] .ai-input {
+  padding: 16px 20px;
+  background: #0a0a0a;
+  border-top: 1px solid #00ff00;
+}
+.ai-theme-terminal .ai-input__wrapper,
+[data-theme='terminal'] .ai-input__wrapper {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+.ai-theme-terminal .ai-input__wrapper::before,
+[data-theme='terminal'] .ai-input__wrapper::before {
+  content: 'USER>';
+  color: #00ff00;
+  font-size: 14px;
+  font-family: 'Courier New', monospace;
+  flex-shrink: 0;
+}
+.ai-theme-terminal .ai-input__textarea,
+[data-theme='terminal'] .ai-input__textarea {
+  flex: 1;
+  background: transparent;
+  border: none;
+  color: #00ff00;
+  font-family: 'Courier New', monospace;
+  font-size: 14px;
+  outline: none;
+  resize: none;
+  caret-color: #00ff00;
+  min-height: 24px;
+  max-height: 120px;
+  padding: 0;
+}
+.ai-theme-terminal .ai-input__textarea::placeholder,
+[data-theme='terminal'] .ai-input__textarea::placeholder { color: #006600; }
+.ai-theme-terminal .ai-input__send,
+[data-theme='terminal'] .ai-input__send {
+  background: transparent;
+  border: 1px solid #00ff00;
+  color: #00ff00;
+  padding: 8px 16px;
+  cursor: pointer;
+  font-family: 'Courier New', monospace;
+  font-size: 12px;
+  letter-spacing: 2px;
+  transition: all 0.3s;
+  border-radius: 0;
+}
+.ai-theme-terminal .ai-input__send:hover:not(:disabled),
+[data-theme='terminal'] .ai-input__send:hover:not(:disabled) {
+  background: #00ff00;
+  color: #0a0a0a;
+}
+
+/* Typing */
+.ai-theme-terminal .ai-typing-indicator,
+[data-theme='terminal'] .ai-typing-indicator {
+  display: flex;
+  gap: 6px;
+  padding: 8px 0 8px 12px;
+  border-left: 2px solid #00ff00;
+}
+.ai-theme-terminal .ai-typing-indicator::before,
+[data-theme='terminal'] .ai-typing-indicator::before {
+  content: 'AI> ';
+  color: #00ff00;
+  font-weight: bold;
+  margin-right: 4px;
+}
+.ai-theme-terminal .ai-typing-indicator__dot,
+[data-theme='terminal'] .ai-typing-indicator__dot {
+  width: 8px;
+  height: 8px;
+  background: #00ff00;
+  border-radius: 0;
+  animation: ai-terminal-blink 1.4s infinite;
+}
+.ai-theme-terminal .ai-typing-indicator__dot:nth-child(2),
+[data-theme='terminal'] .ai-typing-indicator__dot:nth-child(2) { animation-delay: 0.2s; }
+.ai-theme-terminal .ai-typing-indicator__dot:nth-child(3),
+[data-theme='terminal'] .ai-typing-indicator__dot:nth-child(3) { animation-delay: 0.4s; }

package/packages/themes/src/types.ts

@@ -0,0 +1,10 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ */
+
+export interface ThemeConfig {
+  name: string;
+  variables: Record<string, string>;
+  styles: string;
+}

package/packages/themes/src/vite-env.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ */
+
+declare module '*.css?raw' {
+  const content: string;
+  export default content;
+}

package/packages/themes/tsup.config.ts

@@ -0,0 +1,21 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ */
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: ['src/index.ts', 'src/default/index.ts', 'src/bubble/index.ts', 'src/flat/index.ts'],
+  outDir: 'dist',
+  format: ['esm'],
+  target: 'es2020',
+  splitting: true,
+  clean: true,
+  dts: true,
+  sourcemap: false,
+  treeshake: false,
+  external: [],
+  loader: {
+    '.css': 'copy',
+  },
+});

package/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+packages:
+  - 'packages/*'
+allowBuilds:
+  esbuild: true

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "moduleResolution": "node",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "@ai-chat/core": ["packages/core/src"],
+      "@ai-chat/components": ["packages/components/src"],
+      "@ai-chat/themes/*": ["packages/themes/src/*"]
+    }
+  },
+  "include": ["packages/*/src"],
+  "exclude": ["node_modules", "dist", "packages/*/dist"]
+}

package/vite.config.ts

@@ -0,0 +1,25 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ */
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+export default defineConfig({
+  root: resolve(__dirname, 'examples'),
+  publicDir: resolve(__dirname, 'packages'),
+  server: {
+    port: 3000,
+    open: '/index.html',
+  },
+  build: {
+    outDir: resolve(__dirname, 'dist-examples'),
+  },
+  resolve: {
+    alias: {
+      '@ai-chat/core': resolve(__dirname, 'packages/core/src'),
+      '@ai-chat/components': resolve(__dirname, 'packages/components/src'),
+      '@ai-chat/themes': resolve(__dirname, 'packages/themes/src'),
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,28 @@
+/**
+ * @generated-by AI: edenxpzhang
+ * @generated-date 2026-05-13
+ */
+import { defineConfig } from 'vitest/config';
+import path from 'path';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    environment: 'node',
+    include: ['packages/*/src/**/*.test.{ts,tsx}'],
+    exclude: ['node_modules', 'dist', 'packages/*/dist'],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      include: ['packages/*/src/**/*.ts'],
+      exclude: ['packages/*/src/**/*.test.ts', 'packages/*/src/types/**'],
+    },
+  },
+  resolve: {
+    alias: {
+      '@ai-chat/core': path.resolve(__dirname, 'packages/core/src'),
+      '@ai-chat/components': path.resolve(__dirname, 'packages/components/src'),
+      '@ai-chat/themes': path.resolve(__dirname, 'packages/themes/src'),
+    },
+  },
+});