aiwf 0.3.21 → 0.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/package.json +3 -2
  2. package/src/cli/index.js +39 -336
  3. package/src/lib/installer.js +310 -90
  4. package/src/utils/messages.js +24 -0
  5. package/src/DEPENDENCY_MAP.md +0 -90
  6. package/src/cli/cache-cli.js +0 -459
  7. package/src/cli/checkpoint-cli.js +0 -417
  8. package/src/cli/language-cli.js +0 -286
  9. package/src/cli/sprint-cli.js +0 -287
  10. package/src/commands/ai-tool.js +0 -383
  11. package/src/commands/compress.js +0 -60
  12. package/src/commands/create-project.js +0 -160
  13. package/src/commands/evaluate.js +0 -459
  14. package/src/commands/persona.js +0 -309
  15. package/src/commands/sprint-task.js +0 -262
  16. package/src/commands/token.js +0 -312
  17. package/src/lib/ai-persona-manager.js +0 -711
  18. package/src/lib/cache-system.js +0 -332
  19. package/src/lib/context-engine.js +0 -568
  20. package/src/lib/github-integration.js +0 -402
  21. package/src/lib/memory-profiler.js +0 -471
  22. package/src/lib/metrics-collector.js +0 -885
  23. package/src/lib/offline-detector.js +0 -386
  24. package/src/lib/resource-loader-enhanced.js +0 -399
  25. package/src/lib/resource-loader.js +0 -250
  26. package/src/lib/resources/commands/ai-persona.js +0 -602
  27. package/src/lib/resources/commands/compress-context.js +0 -389
  28. package/src/lib/resources/commands/evaluate.js +0 -246
  29. package/src/lib/resources/commands/persona-context-apply.js +0 -562
  30. package/src/lib/resources/commands/token-tracking.js +0 -443
  31. package/src/lib/resources/config/commit-patterns.js +0 -103
  32. package/src/lib/resources/config/language.json +0 -6
  33. package/src/lib/resources/personas/PERSONA_INDEX.md +0 -57
  34. package/src/lib/resources/personas/analyst.json +0 -44
  35. package/src/lib/resources/personas/architect/best_practices.md +0 -136
  36. package/src/lib/resources/personas/architect/knowledge_base.md +0 -377
  37. package/src/lib/resources/personas/architect.json +0 -44
  38. package/src/lib/resources/personas/backend/best_practices.md +0 -766
  39. package/src/lib/resources/personas/backend/knowledge_base.md +0 -1070
  40. package/src/lib/resources/personas/data_analyst/best_practices.md +0 -594
  41. package/src/lib/resources/personas/data_analyst/knowledge_base.md +0 -1057
  42. package/src/lib/resources/personas/developer.json +0 -44
  43. package/src/lib/resources/personas/developer.md +0 -37
  44. package/src/lib/resources/personas/evaluation_criteria.json +0 -137
  45. package/src/lib/resources/personas/frontend/best_practices.md +0 -445
  46. package/src/lib/resources/personas/frontend/knowledge_base.md +0 -729
  47. package/src/lib/resources/personas/persona-index.json +0 -31
  48. package/src/lib/resources/personas/reviewer.json +0 -44
  49. package/src/lib/resources/personas/security/best_practices.md +0 -307
  50. package/src/lib/resources/personas/security/knowledge_base.md +0 -498
  51. package/src/lib/resources/personas/tester.json +0 -44
  52. package/src/lib/resources/templates/README.md +0 -78
  53. package/src/lib/resources/templates/api-server/config.json +0 -64
  54. package/src/lib/resources/templates/api-server/template/.aiwf/config.json +0 -56
  55. package/src/lib/resources/templates/api-server/template/.aiwf/feature-ledger.json +0 -42
  56. package/src/lib/resources/templates/api-server/template/.aiwf/personas/backend-engineer.json +0 -40
  57. package/src/lib/resources/templates/api-server/template/.aiwf/scripts/cli.js +0 -111
  58. package/src/lib/resources/templates/api-server/template/.env.example +0 -29
  59. package/src/lib/resources/templates/api-server/template/.eslintrc.json +0 -23
  60. package/src/lib/resources/templates/api-server/template/README.md +0 -171
  61. package/src/lib/resources/templates/api-server/template/jest.config.js +0 -26
  62. package/src/lib/resources/templates/api-server/template/nodemon.json +0 -9
  63. package/src/lib/resources/templates/api-server/template/package.json +0 -61
  64. package/src/lib/resources/templates/api-server/template/src/app.ts +0 -60
  65. package/src/lib/resources/templates/api-server/template/src/config/swagger.ts +0 -38
  66. package/src/lib/resources/templates/api-server/template/src/controllers/aiwfController.ts +0 -54
  67. package/src/lib/resources/templates/api-server/template/src/controllers/authController.ts +0 -128
  68. package/src/lib/resources/templates/api-server/template/src/controllers/statusController.ts +0 -28
  69. package/src/lib/resources/templates/api-server/template/src/index.ts +0 -28
  70. package/src/lib/resources/templates/api-server/template/src/middleware/aiwfMiddleware.ts +0 -50
  71. package/src/lib/resources/templates/api-server/template/src/middleware/authMiddleware.ts +0 -41
  72. package/src/lib/resources/templates/api-server/template/src/middleware/errorHandler.ts +0 -42
  73. package/src/lib/resources/templates/api-server/template/src/middleware/notFoundHandler.ts +0 -14
  74. package/src/lib/resources/templates/api-server/template/src/middleware/requestLogger.ts +0 -20
  75. package/src/lib/resources/templates/api-server/template/src/routes/aiwf.ts +0 -31
  76. package/src/lib/resources/templates/api-server/template/src/routes/index.ts +0 -13
  77. package/src/lib/resources/templates/api-server/template/src/routes/v1/index.ts +0 -67
  78. package/src/lib/resources/templates/api-server/template/src/utils/logger.ts +0 -37
  79. package/src/lib/resources/templates/api-server/template/tests/app.test.ts +0 -40
  80. package/src/lib/resources/templates/api-server/template/tsconfig.json +0 -43
  81. package/src/lib/resources/templates/npm-library/config.json +0 -61
  82. package/src/lib/resources/templates/npm-library/template/LICENSE +0 -21
  83. package/src/lib/resources/templates/npm-library/template/README.md +0 -201
  84. package/src/lib/resources/templates/npm-library/template/package.json +0 -78
  85. package/src/lib/resources/templates/web-app/config.json +0 -53
  86. package/src/lib/resources/templates/web-app/template/.aiwf/config.json +0 -54
  87. package/src/lib/resources/templates/web-app/template/.aiwf/feature-ledger.json +0 -37
  88. package/src/lib/resources/templates/web-app/template/.aiwf/personas/fullstack-developer.json +0 -40
  89. package/src/lib/resources/templates/web-app/template/.aiwf/scripts/cli.js +0 -110
  90. package/src/lib/resources/templates/web-app/template/.eslintrc.cjs +0 -20
  91. package/src/lib/resources/templates/web-app/template/README.md +0 -151
  92. package/src/lib/resources/templates/web-app/template/index.html +0 -14
  93. package/src/lib/resources/templates/web-app/template/package.json +0 -44
  94. package/src/lib/resources/templates/web-app/template/postcss.config.js +0 -6
  95. package/src/lib/resources/templates/web-app/template/public/vite.svg +0 -1
  96. package/src/lib/resources/templates/web-app/template/src/App.tsx +0 -21
  97. package/src/lib/resources/templates/web-app/template/src/components/Layout.tsx +0 -57
  98. package/src/lib/resources/templates/web-app/template/src/components/aiwf/ContextStatus.tsx +0 -107
  99. package/src/lib/resources/templates/web-app/template/src/components/aiwf/TokenUsage.tsx +0 -71
  100. package/src/lib/resources/templates/web-app/template/src/index.css +0 -60
  101. package/src/lib/resources/templates/web-app/template/src/main.tsx +0 -10
  102. package/src/lib/resources/templates/web-app/template/src/pages/AiwfDashboard.tsx +0 -57
  103. package/src/lib/resources/templates/web-app/template/src/pages/HomePage.tsx +0 -89
  104. package/src/lib/resources/templates/web-app/template/src/pages/NotFound.tsx +0 -25
  105. package/src/lib/resources/templates/web-app/template/src/stores/aiwfStore.ts +0 -126
  106. package/src/lib/resources/templates/web-app/template/src/types/global.d.ts +0 -9
  107. package/src/lib/resources/templates/web-app/template/src/vite-env.d.ts +0 -1
  108. package/src/lib/resources/templates/web-app/template/tailwind.config.js +0 -30
  109. package/src/lib/resources/templates/web-app/template/tsconfig.json +0 -37
  110. package/src/lib/resources/templates/web-app/template/tsconfig.node.json +0 -10
  111. package/src/lib/resources/templates/web-app/template/vite.config.ts +0 -23
  112. package/src/lib/resources/utils/background-monitor.js +0 -223
  113. package/src/lib/resources/utils/compression-metrics.js +0 -1031
  114. package/src/lib/resources/utils/compression-strategies.js +0 -557
  115. package/src/lib/resources/utils/content-normalizer.js +0 -455
  116. package/src/lib/resources/utils/context-compressor.js +0 -583
  117. package/src/lib/resources/utils/context-rule-parser.js +0 -180
  118. package/src/lib/resources/utils/context-token-monitor.js +0 -463
  119. package/src/lib/resources/utils/context-update-manager.js +0 -502
  120. package/src/lib/resources/utils/git-utils.js +0 -220
  121. package/src/lib/resources/utils/importance-classifier.js +0 -645
  122. package/src/lib/resources/utils/information-filter.js +0 -710
  123. package/src/lib/resources/utils/persona-aware-compressor.js +0 -598
  124. package/src/lib/resources/utils/prompt-injector.js +0 -242
  125. package/src/lib/resources/utils/simplified-evaluator.js +0 -119
  126. package/src/lib/resources/utils/text-summarizer.js +0 -492
  127. package/src/lib/resources/utils/token-counter.js +0 -177
  128. package/src/lib/resources/utils/token-monitor.js +0 -484
  129. package/src/lib/resources/utils/token-reporter.js +0 -452
  130. package/src/lib/resources/utils/token-storage.js +0 -433
  131. package/src/lib/resources/utils/token-tracker.js +0 -283
  132. package/src/lib/state/priority-calculator.js +0 -217
  133. package/src/lib/state/state-index.js +0 -155
  134. package/src/lib/state/task-scanner.js +0 -328
  135. package/src/lib/task-analyzer.js +0 -599
  136. package/src/lib/template-cache-system.js +0 -559
  137. package/src/lib/template-downloader.js +0 -467
  138. package/src/lib/template-version-manager.js +0 -491
  139. package/src/lib/token-optimizer.js +0 -517
  140. package/src/utils/engineering-guard.js +0 -399
package/src/lib/resources/templates/web-app/template/README.md DELETED
@@ -1,151 +0,0 @@
1
- # {{projectName}}
2
-
3
- AIWF가 통합된 React + TypeScript 웹 애플리케이션입니다.
4
-
5
- ## 시작하기
6
-
7
- ### 개발 서버 실행
8
-
9
- ```bash
10
- npm install
11
- npm run dev
12
- ```
13
-
14
- 브라우저에서 [http://localhost:3000](http://localhost:3000)을 열어 확인하세요.
15
-
16
- ### 빌드
17
-
18
- ```bash
19
- npm run build
20
- ```
21
-
22
- ### 프리뷰
23
-
24
- ```bash
25
- npm run preview
26
- ```
27
-
28
- ## 기술 스택
29
-
30
- - **React 18** - UI 라이브러리
31
- - **TypeScript** - 타입 안정성
32
- - **Vite** - 빠른 빌드 도구
33
- - **Tailwind CSS** - 유틸리티 우선 CSS
34
- - **React Router** - 클라이언트 사이드 라우팅
35
- - **Zustand** - 상태 관리
36
- - **AIWF** - AI 지원 개발 워크플로우
37
-
38
- ## 프로젝트 구조
39
-
40
- ```
41
- src/
42
- ├── components/ # 재사용 가능한 컴포넌트
43
- │ ├── Layout.tsx
44
- │ └── aiwf/ # AIWF 관련 컴포넌트
45
- ├── pages/ # 페이지 컴포넌트
46
- ├── stores/ # Zustand 스토어
47
- ├── hooks/ # 커스텀 훅
48
- ├── utils/ # 유틸리티 함수
49
- └── types/ # TypeScript 타입 정의
50
- ```
51
-
52
- ## AIWF 기능
53
-
54
- ### Feature Ledger
55
-
56
- 프로젝트에서 개발된 모든 기능을 자동으로 추적합니다.
57
-
58
- ```bash
59
- npm run aiwf:feature list # 기능 목록 보기
60
- npm run aiwf:feature add # 새 기능 추가
61
- npm run aiwf:feature update # 기능 상태 업데이트
62
- ```
63
-
64
- ### Context 압축
65
-
66
- 토큰 사용을 최적화하여 비용을 절감합니다.
67
-
68
- ```bash
69
- npm run aiwf:context status # 현재 상태 확인
70
- npm run aiwf:context compress # 수동 압축 실행
71
- ```
72
-
73
- ### AI 페르소나
74
-
75
- 프로젝트 유형에 맞는 AI 어시스턴트를 활성화합니다.
76
-
77
- - `fullstack-developer` - 풀스택 개발 (기본값)
78
- - `frontend-specialist` - 프론트엔드 전문
79
- - `ui-ux-designer` - UI/UX 디자인
80
- - `performance-optimizer` - 성능 최적화
81
- - `security-auditor` - 보안 감사
82
-
83
- ## 개발 가이드
84
-
85
- ### 컴포넌트 생성
86
-
87
- ```tsx
88
- // src/components/MyComponent.tsx
89
- interface MyComponentProps {
90
- title: string
91
- children: React.ReactNode
92
- }
93
-
94
- export default function MyComponent({ title, children }: MyComponentProps) {
95
- return (
96
- <div>
97
- <h2>{title}</h2>
98
- {children}
99
- </div>
100
- )
101
- }
102
- ```
103
-
104
- ### 상태 관리
105
-
106
- ```tsx
107
- // src/stores/myStore.ts
108
- import { create } from 'zustand'
109
-
110
- interface MyStore {
111
- count: number
112
- increment: () => void
113
- }
114
-
115
- export const useMyStore = create<MyStore>((set) => ({
116
- count: 0,
117
- increment: () => set((state) => ({ count: state.count + 1 })),
118
- }))
119
- ```
120
-
121
- ### 스타일링
122
-
123
- Tailwind CSS 클래스를 사용합니다:
124
-
125
- ```tsx
126
- <div className="bg-white dark:bg-gray-800 p-6 rounded-lg shadow">
127
- <h1 className="text-2xl font-bold text-gray-900 dark:text-white">
128
- 제목
129
- </h1>
130
- </div>
131
- ```
132
-
133
- ## 배포
134
-
135
- ### Vercel
136
-
137
- ```bash
138
- npm run build
139
- vercel
140
- ```
141
-
142
- ### Netlify
143
-
144
- ```bash
145
- npm run build
146
- netlify deploy --prod --dir=dist
147
- ```
148
-
149
- ## 라이선스
150
-
151
- MIT
package/src/lib/resources/templates/web-app/template/index.html DELETED
@@ -1,14 +0,0 @@
1
- <!doctype html>
2
- <html lang="ko">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>{{projectName}}</title>
8
- <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css" />
9
- </head>
10
- <body>
11
- <div id="root"></div>
12
- <script type="module" src="/src/main.tsx"></script>
13
- </body>
14
- </html>
package/src/lib/resources/templates/web-app/template/package.json DELETED
@@ -1,44 +0,0 @@
1
- {
2
- "name": "{{projectName}}",
3
- "private": true,
4
- "version": "0.0.0",
5
- "type": "module",
6
- "scripts": {
7
- "dev": "vite",
8
- "build": "tsc && vite build",
9
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
10
- "preview": "vite preview",
11
- "test": "jest",
12
- "aiwf": "node .aiwf/scripts/cli.js",
13
- "aiwf:status": "npm run aiwf status",
14
- "aiwf:feature": "npm run aiwf feature",
15
- "aiwf:context": "npm run aiwf context"
16
- },
17
- "dependencies": {
18
- "react": "^18.2.0",
19
- "react-dom": "^18.2.0",
20
- "react-router-dom": "^6.14.0",
21
- "zustand": "^4.3.8",
22
- "axios": "^1.4.0",
23
- "clsx": "^1.2.1"
24
- },
25
- "devDependencies": {
26
- "@types/react": "^18.2.0",
27
- "@types/react-dom": "^18.2.0",
28
- "@typescript-eslint/eslint-plugin": "^5.60.0",
29
- "@typescript-eslint/parser": "^5.60.0",
30
- "@vitejs/plugin-react": "^4.0.0",
31
- "autoprefixer": "^10.4.14",
32
- "eslint": "^8.43.0",
33
- "eslint-plugin-react-hooks": "^4.6.0",
34
- "eslint-plugin-react-refresh": "^0.4.0",
35
- "postcss": "^8.4.24",
36
- "tailwindcss": "^3.3.2",
37
- "typescript": "^5.1.0",
38
- "vite": "^4.3.0",
39
- "@types/node": "^20.0.0",
40
- "jest": "^29.5.0",
41
- "@testing-library/react": "^14.0.0",
42
- "@testing-library/jest-dom": "^5.16.0"
43
- }
44
- }
package/src/lib/resources/templates/web-app/template/postcss.config.js DELETED
@@ -1,6 +0,0 @@
1
- export default {
2
- plugins: {
3
- tailwindcss: {},
4
- autoprefixer: {},
5
- },
6
- }
package/src/lib/resources/templates/web-app/template/public/vite.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/src/lib/resources/templates/web-app/template/src/App.tsx DELETED
@@ -1,21 +0,0 @@
1
- import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
2
- import Layout from '@/components/Layout'
3
- import HomePage from '@/pages/HomePage'
4
- import AiwfDashboard from '@/pages/AiwfDashboard'
5
- import NotFound from '@/pages/NotFound'
6
-
7
- function App() {
8
- return (
9
- <Router>
10
- <Routes>
11
- <Route path="/" element={<Layout />}>
12
- <Route index element={<HomePage />} />
13
- <Route path="aiwf" element={<AiwfDashboard />} />
14
- <Route path="*" element={<NotFound />} />
15
- </Route>
16
- </Routes>
17
- </Router>
18
- )
19
- }
20
-
21
- export default App
package/src/lib/resources/templates/web-app/template/src/components/Layout.tsx DELETED
@@ -1,57 +0,0 @@
1
- import { Outlet, Link, useLocation } from 'react-router-dom'
2
- import { useEffect } from 'react'
3
-
4
- export default function Layout() {
5
- const location = useLocation()
6
-
7
- useEffect(() => {
8
- // AIWF 페이지 추적
9
- if (window.aiwf) {
10
- window.aiwf.trackPage(location.pathname)
11
- }
12
- }, [location])
13
-
14
- return (
15
- <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
16
- <nav className="bg-white dark:bg-gray-800 shadow">
17
- <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
18
- <div className="flex justify-between h-16">
19
- <div className="flex">
20
- <div className="flex-shrink-0 flex items-center">
21
- <h1 className="text-xl font-bold text-gray-900 dark:text-white">
22
- {{projectName}}
23
- </h1>
24
- </div>
25
- <div className="hidden sm:ml-6 sm:flex sm:space-x-8">
26
- <Link
27
- to="/"
28
- className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${
29
- location.pathname === '/'
30
- ? 'border-primary text-gray-900 dark:text-white'
31
- : 'border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:text-white'
32
- }`}
33
- >
34
- 홈
35
- </Link>
36
- <Link
37
- to="/aiwf"
38
- className={`inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${
39
- location.pathname === '/aiwf'
40
- ? 'border-primary text-gray-900 dark:text-white'
41
- : 'border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:text-white'
42
- }`}
43
- >
44
- AIWF 대시보드
45
- </Link>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- </nav>
51
-
52
- <main className="py-10">
53
- <Outlet />
54
- </main>
55
- </div>
56
- )
57
- }
package/src/lib/resources/templates/web-app/template/src/components/aiwf/ContextStatus.tsx DELETED
@@ -1,107 +0,0 @@
1
- interface ContextStatusData {
2
- compressionLevel: 'none' | 'balanced' | 'aggressive'
3
- cacheEnabled: boolean
4
- cacheSize: number
5
- maxCacheSize: number
6
- lastCompression: string
7
- savedTokens: number
8
- activePersona: string
9
- }
10
-
11
- interface ContextStatusProps {
12
- status: ContextStatusData
13
- }
14
-
15
- export default function ContextStatus({ status }: ContextStatusProps) {
16
- const compressionLevels = {
17
- none: { label: '없음', color: 'gray' },
18
- balanced: { label: '균형', color: 'blue' },
19
- aggressive: { label: '공격적', color: 'orange' },
20
- }
21
-
22
- const level = compressionLevels[status.compressionLevel]
23
-
24
- return (
25
- <div className="space-y-6">
26
- <div className="bg-white dark:bg-gray-800 overflow-hidden shadow rounded-lg">
27
- <div className="p-6">
28
- <h3 className="text-lg font-medium text-gray-900 dark:text-white mb-4">
29
- Context 압축 설정
30
- </h3>
31
-
32
- <dl className="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
33
- <div>
34
- <dt className="text-sm font-medium text-gray-500 dark:text-gray-400">
35
- 압축 레벨
36
- </dt>
37
- <dd className="mt-1 text-sm text-gray-900 dark:text-white">
38
- <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-${level.color}-100 text-${level.color}-800 dark:bg-${level.color}-900 dark:text-${level.color}-200`}>
39
- {level.label}
40
- </span>
41
- </dd>
42
- </div>
43
-
44
- <div>
45
- <dt className="text-sm font-medium text-gray-500 dark:text-gray-400">
46
- 캐시 상태
47
- </dt>
48
- <dd className="mt-1 text-sm text-gray-900 dark:text-white">
49
- {status.cacheEnabled ? '활성화' : '비활성화'}
50
- </dd>
51
- </div>
52
-
53
- <div>
54
- <dt className="text-sm font-medium text-gray-500 dark:text-gray-400">
55
- 캐시 사용량
56
- </dt>
57
- <dd className="mt-1 text-sm text-gray-900 dark:text-white">
58
- {(status.cacheSize / 1024 / 1024).toFixed(2)} MB / {(status.maxCacheSize / 1024 / 1024).toFixed(0)} MB
59
- </dd>
60
- </div>
61
-
62
- <div>
63
- <dt className="text-sm font-medium text-gray-500 dark:text-gray-400">
64
- 절약된 토큰
65
- </dt>
66
- <dd className="mt-1 text-sm text-gray-900 dark:text-white">
67
- {status.savedTokens.toLocaleString()} 토큰
68
- </dd>
69
- </div>
70
- </dl>
71
- </div>
72
- </div>
73
-
74
- <div className="bg-white dark:bg-gray-800 shadow rounded-lg">
75
- <div className="p-6">
76
- <h4 className="text-md font-medium text-gray-900 dark:text-white mb-4">
77
- AI 페르소나
78
- </h4>
79
- <div className="flex items-center justify-between">
80
- <div>
81
- <p className="text-sm font-medium text-gray-900 dark:text-white">
82
- 현재 활성 페르소나
83
- </p>
84
- <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
85
- 프로젝트 유형에 최적화된 AI 어시스턴트
86
- </p>
87
- </div>
88
- <span className="text-sm font-medium text-primary">
89
- {status.activePersona}
90
- </span>
91
- </div>
92
- </div>
93
- </div>
94
-
95
- <div className="bg-white dark:bg-gray-800 shadow rounded-lg">
96
- <div className="p-6">
97
- <h4 className="text-md font-medium text-gray-900 dark:text-white mb-2">
98
- 마지막 압축
99
- </h4>
100
- <p className="text-sm text-gray-500 dark:text-gray-400">
101
- {new Date(status.lastCompression).toLocaleString('ko-KR')}
102
- </p>
103
- </div>
104
- </div>
105
- </div>
106
- )
107
- }
package/src/lib/resources/templates/web-app/template/src/components/aiwf/TokenUsage.tsx DELETED
@@ -1,71 +0,0 @@
1
- interface TokenUsageData {
2
- total: number
3
- used: number
4
- remaining: number
5
- percentage: number
6
- history: Array<{
7
- date: string
8
- tokens: number
9
- action: string
10
- }>
11
- }
12
-
13
- interface TokenUsageProps {
14
- usage: TokenUsageData
15
- }
16
-
17
- export default function TokenUsage({ usage }: TokenUsageProps) {
18
- return (
19
- <div className="space-y-6">
20
- <div className="bg-white dark:bg-gray-800 overflow-hidden shadow rounded-lg">
21
- <div className="p-6">
22
- <h3 className="text-lg font-medium text-gray-900 dark:text-white">
23
- 토큰 사용 현황
24
- </h3>
25
-
26
- <div className="mt-4">
27
- <div className="flex justify-between text-sm text-gray-600 dark:text-gray-400">
28
- <span>사용량</span>
29
- <span>{usage.used.toLocaleString()} / {usage.total.toLocaleString()}</span>
30
- </div>
31
- <div className="mt-2 w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2">
32
- <div
33
- className="bg-primary h-2 rounded-full transition-all duration-500"
34
- style={{ width: `${usage.percentage}%` }}
35
- />
36
- </div>
37
- <div className="mt-2 flex justify-between text-xs text-gray-500 dark:text-gray-400">
38
- <span>{usage.percentage}% 사용</span>
39
- <span>{usage.remaining.toLocaleString()} 토큰 남음</span>
40
- </div>
41
- </div>
42
- </div>
43
- </div>
44
-
45
- <div className="bg-white dark:bg-gray-800 shadow rounded-lg">
46
- <div className="p-6">
47
- <h4 className="text-md font-medium text-gray-900 dark:text-white mb-4">
48
- 최근 사용 내역
49
- </h4>
50
- <div className="space-y-3">
51
- {usage.history.map((item, index) => (
52
- <div key={index} className="flex items-center justify-between py-2 border-b border-gray-100 dark:border-gray-700 last:border-0">
53
- <div>
54
- <p className="text-sm font-medium text-gray-900 dark:text-white">
55
- {item.action}
56
- </p>
57
- <p className="text-xs text-gray-500 dark:text-gray-400">
58
- {new Date(item.date).toLocaleString('ko-KR')}
59
- </p>
60
- </div>
61
- <span className="text-sm text-gray-600 dark:text-gray-300">
62
- {item.tokens.toLocaleString()} 토큰
63
- </span>
64
- </div>
65
- ))}
66
- </div>
67
- </div>
68
- </div>
69
- </div>
70
- )
71
- }
package/src/lib/resources/templates/web-app/template/src/index.css DELETED
@@ -1,60 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- @layer base {
6
- :root {
7
- --background: 0 0% 100%;
8
- --foreground: 222.2 84% 4.9%;
9
- --card: 0 0% 100%;
10
- --card-foreground: 222.2 84% 4.9%;
11
- --popover: 0 0% 100%;
12
- --popover-foreground: 222.2 84% 4.9%;
13
- --primary: 221.2 83.2% 53.3%;
14
- --primary-foreground: 210 40% 98%;
15
- --secondary: 210 40% 96.1%;
16
- --secondary-foreground: 222.2 47.4% 11.2%;
17
- --muted: 210 40% 96.1%;
18
- --muted-foreground: 215.4 16.3% 46.9%;
19
- --accent: 210 40% 96.1%;
20
- --accent-foreground: 222.2 47.4% 11.2%;
21
- --destructive: 0 84.2% 60.2%;
22
- --destructive-foreground: 210 40% 98%;
23
- --border: 214.3 31.8% 91.4%;
24
- --input: 214.3 31.8% 91.4%;
25
- --ring: 221.2 83.2% 53.3%;
26
- --radius: 0.5rem;
27
- }
28
-
29
- .dark {
30
- --background: 222.2 84% 4.9%;
31
- --foreground: 210 40% 98%;
32
- --card: 222.2 84% 4.9%;
33
- --card-foreground: 210 40% 98%;
34
- --popover: 222.2 84% 4.9%;
35
- --popover-foreground: 210 40% 98%;
36
- --primary: 217.2 91.2% 59.8%;
37
- --primary-foreground: 222.2 47.4% 11.2%;
38
- --secondary: 217.2 32.6% 17.5%;
39
- --secondary-foreground: 210 40% 98%;
40
- --muted: 217.2 32.6% 17.5%;
41
- --muted-foreground: 215 20.2% 65.1%;
42
- --accent: 217.2 32.6% 17.5%;
43
- --accent-foreground: 210 40% 98%;
44
- --destructive: 0 62.8% 30.6%;
45
- --destructive-foreground: 210 40% 98%;
46
- --border: 217.2 32.6% 17.5%;
47
- --input: 217.2 32.6% 17.5%;
48
- --ring: 224.3 76.3% 48%;
49
- }
50
- }
51
-
52
- @layer base {
53
- * {
54
- @apply border-border;
55
- }
56
- body {
57
- @apply bg-background text-foreground;
58
- font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', sans-serif;
59
- }
60
- }
package/src/lib/resources/templates/web-app/template/src/main.tsx DELETED
@@ -1,10 +0,0 @@
1
- import React from 'react'
2
- import ReactDOM from 'react-dom/client'
3
- import App from './App.tsx'
4
- import './index.css'
5
-
6
- ReactDOM.createRoot(document.getElementById('root')!).render(
7
- <React.StrictMode>
8
- <App />
9
- </React.StrictMode>,
10
- )
package/src/lib/resources/templates/web-app/template/src/pages/AiwfDashboard.tsx DELETED
@@ -1,57 +0,0 @@
1
- import { useState, useEffect } from 'react'
2
- import { useAiwfStore } from '@/stores/aiwfStore'
3
- import TokenUsage from '@/components/aiwf/TokenUsage'
4
- import ContextStatus from '@/components/aiwf/ContextStatus'
5
-
6
- export default function AiwfDashboard() {
7
- const { tokenUsage, contextStatus, loadDashboardData } = useAiwfStore()
8
- const [activeTab, setActiveTab] = useState('tokens')
9
-
10
- useEffect(() => {
11
- loadDashboardData()
12
- }, [loadDashboardData])
13
-
14
- const tabs = [
15
- { id: 'tokens', name: '토큰 사용량', icon: '🪙' },
16
- { id: 'context', name: 'Context 상태', icon: '📊' },
17
- ]
18
-
19
- return (
20
- <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
21
- <div className="mb-8">
22
- <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
23
- AIWF 대시보드
24
- </h2>
25
- <p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
26
- 프로젝트의 AI 지원 개발 현황을 한눈에 확인하세요.
27
- </p>
28
- </div>
29
-
30
- <div className="border-b border-gray-200 dark:border-gray-700">
31
- <nav className="-mb-px flex space-x-8" aria-label="Tabs">
32
- {tabs.map((tab) => (
33
- <button
34
- key={tab.id}
35
- onClick={() => setActiveTab(tab.id)}
36
- className={`
37
- whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm
38
- ${activeTab === tab.id
39
- ? 'border-primary text-primary'
40
- : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300'
41
- }
42
- `}
43
- >
44
- <span className="mr-2">{tab.icon}</span>
45
- {tab.name}
46
- </button>
47
- ))}
48
- </nav>
49
- </div>
50
-
51
- <div className="mt-8">
52
- {activeTab === 'tokens' && <TokenUsage usage={tokenUsage} />}
53
- {activeTab === 'context' && <ContextStatus status={contextStatus} />}
54
- </div>
55
- </div>
56
- )
57
- }