claude-wec 1.0.0

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 (137) hide show
  1. package/LICENSE +675 -0
  2. package/README.md +371 -0
  3. package/dist/api-docs.html +879 -0
  4. package/dist/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2 +0 -0
  5. package/dist/assets/KaTeX_AMS-Regular-DMm9YOAa.woff +0 -0
  6. package/dist/assets/KaTeX_AMS-Regular-DRggAlZN.ttf +0 -0
  7. package/dist/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf +0 -0
  8. package/dist/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff +0 -0
  9. package/dist/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2 +0 -0
  10. package/dist/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff +0 -0
  11. package/dist/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2 +0 -0
  12. package/dist/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf +0 -0
  13. package/dist/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf +0 -0
  14. package/dist/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff +0 -0
  15. package/dist/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2 +0 -0
  16. package/dist/assets/KaTeX_Fraktur-Regular-CB_wures.ttf +0 -0
  17. package/dist/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2 +0 -0
  18. package/dist/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff +0 -0
  19. package/dist/assets/KaTeX_Main-Bold-Cx986IdX.woff2 +0 -0
  20. package/dist/assets/KaTeX_Main-Bold-Jm3AIy58.woff +0 -0
  21. package/dist/assets/KaTeX_Main-Bold-waoOVXN0.ttf +0 -0
  22. package/dist/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2 +0 -0
  23. package/dist/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf +0 -0
  24. package/dist/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff +0 -0
  25. package/dist/assets/KaTeX_Main-Italic-3WenGoN9.ttf +0 -0
  26. package/dist/assets/KaTeX_Main-Italic-BMLOBm91.woff +0 -0
  27. package/dist/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2 +0 -0
  28. package/dist/assets/KaTeX_Main-Regular-B22Nviop.woff2 +0 -0
  29. package/dist/assets/KaTeX_Main-Regular-Dr94JaBh.woff +0 -0
  30. package/dist/assets/KaTeX_Main-Regular-ypZvNtVU.ttf +0 -0
  31. package/dist/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf +0 -0
  32. package/dist/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2 +0 -0
  33. package/dist/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff +0 -0
  34. package/dist/assets/KaTeX_Math-Italic-DA0__PXp.woff +0 -0
  35. package/dist/assets/KaTeX_Math-Italic-flOr_0UB.ttf +0 -0
  36. package/dist/assets/KaTeX_Math-Italic-t53AETM-.woff2 +0 -0
  37. package/dist/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf +0 -0
  38. package/dist/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2 +0 -0
  39. package/dist/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff +0 -0
  40. package/dist/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2 +0 -0
  41. package/dist/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff +0 -0
  42. package/dist/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf +0 -0
  43. package/dist/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf +0 -0
  44. package/dist/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff +0 -0
  45. package/dist/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2 +0 -0
  46. package/dist/assets/KaTeX_Script-Regular-C5JkGWo-.ttf +0 -0
  47. package/dist/assets/KaTeX_Script-Regular-D3wIWfF6.woff2 +0 -0
  48. package/dist/assets/KaTeX_Script-Regular-D5yQViql.woff +0 -0
  49. package/dist/assets/KaTeX_Size1-Regular-C195tn64.woff +0 -0
  50. package/dist/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf +0 -0
  51. package/dist/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2 +0 -0
  52. package/dist/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf +0 -0
  53. package/dist/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2 +0 -0
  54. package/dist/assets/KaTeX_Size2-Regular-oD1tc_U0.woff +0 -0
  55. package/dist/assets/KaTeX_Size3-Regular-CTq5MqoE.woff +0 -0
  56. package/dist/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf +0 -0
  57. package/dist/assets/KaTeX_Size4-Regular-BF-4gkZK.woff +0 -0
  58. package/dist/assets/KaTeX_Size4-Regular-DWFBv043.ttf +0 -0
  59. package/dist/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2 +0 -0
  60. package/dist/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff +0 -0
  61. package/dist/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2 +0 -0
  62. package/dist/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf +0 -0
  63. package/dist/assets/index-cIxJ4RXb.js +1226 -0
  64. package/dist/assets/index-oyEz69sP.css +32 -0
  65. package/dist/assets/vendor-codemirror-CJLzwpLB.js +39 -0
  66. package/dist/assets/vendor-react-DcyRfQm3.js +59 -0
  67. package/dist/assets/vendor-xterm-DfaPXD3y.js +66 -0
  68. package/dist/clear-cache.html +85 -0
  69. package/dist/convert-icons.md +53 -0
  70. package/dist/favicon.png +0 -0
  71. package/dist/favicon.svg +9 -0
  72. package/dist/generate-icons.js +49 -0
  73. package/dist/icons/claude-ai-icon.svg +1 -0
  74. package/dist/icons/codex-white.svg +3 -0
  75. package/dist/icons/codex.svg +3 -0
  76. package/dist/icons/cursor-white.svg +12 -0
  77. package/dist/icons/cursor.svg +1 -0
  78. package/dist/icons/generate-icons.md +19 -0
  79. package/dist/icons/icon-128x128.png +0 -0
  80. package/dist/icons/icon-128x128.svg +12 -0
  81. package/dist/icons/icon-144x144.png +0 -0
  82. package/dist/icons/icon-144x144.svg +12 -0
  83. package/dist/icons/icon-152x152.png +0 -0
  84. package/dist/icons/icon-152x152.svg +12 -0
  85. package/dist/icons/icon-192x192.png +0 -0
  86. package/dist/icons/icon-192x192.svg +12 -0
  87. package/dist/icons/icon-384x384.png +0 -0
  88. package/dist/icons/icon-384x384.svg +12 -0
  89. package/dist/icons/icon-512x512.png +0 -0
  90. package/dist/icons/icon-512x512.svg +12 -0
  91. package/dist/icons/icon-72x72.png +0 -0
  92. package/dist/icons/icon-72x72.svg +12 -0
  93. package/dist/icons/icon-96x96.png +0 -0
  94. package/dist/icons/icon-96x96.svg +12 -0
  95. package/dist/icons/icon-template.svg +12 -0
  96. package/dist/index.html +52 -0
  97. package/dist/logo-128.png +0 -0
  98. package/dist/logo-256.png +0 -0
  99. package/dist/logo-32.png +0 -0
  100. package/dist/logo-512.png +0 -0
  101. package/dist/logo-64.png +0 -0
  102. package/dist/logo.svg +17 -0
  103. package/dist/manifest.json +61 -0
  104. package/dist/screenshots/cli-selection.png +0 -0
  105. package/dist/screenshots/desktop-main.png +0 -0
  106. package/dist/screenshots/mobile-chat.png +0 -0
  107. package/dist/screenshots/tools-modal.png +0 -0
  108. package/dist/sw.js +49 -0
  109. package/package.json +109 -0
  110. package/server/claude-sdk.js +721 -0
  111. package/server/cli.js +327 -0
  112. package/server/cursor-cli.js +267 -0
  113. package/server/database/auth.db +0 -0
  114. package/server/database/db.js +361 -0
  115. package/server/database/init.sql +52 -0
  116. package/server/index.js +1747 -0
  117. package/server/middleware/auth.js +111 -0
  118. package/server/openai-codex.js +389 -0
  119. package/server/projects.js +1604 -0
  120. package/server/routes/agent.js +1230 -0
  121. package/server/routes/auth.js +135 -0
  122. package/server/routes/cli-auth.js +263 -0
  123. package/server/routes/codex.js +345 -0
  124. package/server/routes/commands.js +521 -0
  125. package/server/routes/cursor.js +795 -0
  126. package/server/routes/git.js +1128 -0
  127. package/server/routes/mcp-utils.js +48 -0
  128. package/server/routes/mcp.js +552 -0
  129. package/server/routes/projects.js +378 -0
  130. package/server/routes/settings.js +178 -0
  131. package/server/routes/taskmaster.js +1963 -0
  132. package/server/routes/user.js +106 -0
  133. package/server/utils/commandParser.js +303 -0
  134. package/server/utils/gitConfig.js +24 -0
  135. package/server/utils/mcp-detector.js +198 -0
  136. package/server/utils/taskmaster-websocket.js +129 -0
  137. package/shared/modelConstants.js +65 -0
package/dist/clear-cache.html ADDED
@@ -0,0 +1,85 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Clear Cache - Claude Code UI</title>
5
+ <style>
6
+ body {
7
+ font-family: system-ui, -apple-system, sans-serif;
8
+ max-width: 600px;
9
+ margin: 50px auto;
10
+ padding: 20px;
11
+ line-height: 1.6;
12
+ }
13
+ .success { color: green; }
14
+ .error { color: red; }
15
+ button {
16
+ background: #007bff;
17
+ color: white;
18
+ border: none;
19
+ padding: 10px 20px;
20
+ border-radius: 5px;
21
+ cursor: pointer;
22
+ font-size: 16px;
23
+ margin: 10px 5px;
24
+ }
25
+ button:hover {
26
+ background: #0056b3;
27
+ }
28
+ #status {
29
+ margin-top: 20px;
30
+ padding: 15px;
31
+ border-radius: 5px;
32
+ background: #f0f0f0;
33
+ }
34
+ </style>
35
+ </head>
36
+ <body>
37
+ <h1>Clear Cache & Service Worker</h1>
38
+ <p>If you're seeing a blank page or old content, click the button below to clear all cached data.</p>
39
+
40
+ <button onclick="clearEverything()">Clear Cache & Reload</button>
41
+
42
+ <div id="status"></div>
43
+
44
+ <script>
45
+ async function clearEverything() {
46
+ const status = document.getElementById('status');
47
+ status.innerHTML = '<p>Clearing cache and service workers...</p>';
48
+
49
+ try {
50
+ // Unregister all service workers
51
+ if ('serviceWorker' in navigator) {
52
+ const registrations = await navigator.serviceWorker.getRegistrations();
53
+ for (let registration of registrations) {
54
+ await registration.unregister();
55
+ status.innerHTML += '<p class="success">✓ Unregistered service worker</p>';
56
+ }
57
+ }
58
+
59
+ // Clear all caches
60
+ if ('caches' in window) {
61
+ const cacheNames = await caches.keys();
62
+ for (let cacheName of cacheNames) {
63
+ await caches.delete(cacheName);
64
+ status.innerHTML += `<p class="success">✓ Deleted cache: ${cacheName}</p>`;
65
+ }
66
+ }
67
+
68
+ // Clear localStorage
69
+ localStorage.clear();
70
+ status.innerHTML += '<p class="success">✓ Cleared localStorage</p>';
71
+
72
+ // Clear sessionStorage
73
+ sessionStorage.clear();
74
+ status.innerHTML += '<p class="success">✓ Cleared sessionStorage</p>';
75
+
76
+ status.innerHTML += '<p class="success"><strong>✓ All caches cleared!</strong></p>';
77
+ status.innerHTML += '<p>Cache cleared successfully. You can now close this tab or <a href="/">go to home page</a>.</p>';
78
+
79
+ } catch (error) {
80
+ status.innerHTML += `<p class="error">✗ Error: ${error.message}</p>`;
81
+ }
82
+ }
83
+ </script>
84
+ </body>
85
+ </html>
package/dist/convert-icons.md ADDED
@@ -0,0 +1,53 @@
1
+ # Convert SVG Icons to PNG
2
+
3
+ I've created SVG versions of the app icons that match the MessageSquare design from the sidebar. To convert them to PNG format, you can use one of these methods:
4
+
5
+ ## Method 1: Online Converter (Easiest)
6
+ 1. Go to https://cloudconvert.com/svg-to-png
7
+ 2. Upload each SVG file from the `/icons/` directory
8
+ 3. Download the PNG versions
9
+ 4. Replace the existing PNG files
10
+
11
+ ## Method 2: Using Node.js (if you have it)
12
+ ```bash
13
+ npm install sharp
14
+ node -e "
15
+ const sharp = require('sharp');
16
+ const fs = require('fs');
17
+ const sizes = [72, 96, 128, 144, 152, 192, 384, 512];
18
+ sizes.forEach(size => {
19
+ const svgPath = \`./icons/icon-\${size}x\${size}.svg\`;
20
+ const pngPath = \`./icons/icon-\${size}x\${size}.png\`;
21
+ if (fs.existsSync(svgPath)) {
22
+ sharp(svgPath).png().toFile(pngPath);
23
+ console.log(\`Converted \${svgPath} to \${pngPath}\`);
24
+ }
25
+ });
26
+ "
27
+ ```
28
+
29
+ ## Method 3: Using ImageMagick (if installed)
30
+ ```bash
31
+ cd public/icons
32
+ for size in 72 96 128 144 152 192 384 512; do
33
+ convert "icon-${size}x${size}.svg" "icon-${size}x${size}.png"
34
+ done
35
+ ```
36
+
37
+ ## Method 4: Using Inkscape (if installed)
38
+ ```bash
39
+ cd public/icons
40
+ for size in 72 96 128 144 152 192 384 512; do
41
+ inkscape --export-type=png "icon-${size}x${size}.svg"
42
+ done
43
+ ```
44
+
45
+ ## Icon Design
46
+ The new icons feature:
47
+ - Clean MessageSquare (chat bubble) design matching the sidebar
48
+ - Primary color background with rounded corners
49
+ - White stroke icon that's clearly visible
50
+ - Consistent sizing and proportions across all sizes
51
+ - Proper PWA-compliant format
52
+
53
+ Once converted, the PNG files will replace the existing ones and provide a consistent icon experience across all platforms.
package/dist/favicon.png ADDED
Binary file
package/dist/favicon.svg ADDED
@@ -0,0 +1,9 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
2
+ <!-- Background fills entire canvas -->
3
+ <rect x="0" y="0" width="64" height="64" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - exact same as sidebar -->
6
+ <g transform="translate(32, 32) scale(1.333) translate(-12, -12)" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
7
+ <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
8
+ </g>
9
+ </svg>
package/dist/generate-icons.js ADDED
@@ -0,0 +1,49 @@
1
+ const fs = require('fs');
2
+ const path = require('path');
3
+
4
+ // Icon sizes needed
5
+ const sizes = [72, 96, 128, 144, 152, 192, 384, 512];
6
+
7
+ // SVG template function
8
+ function createIconSVG(size) {
9
+ const cornerRadius = Math.round(size * 0.25); // 25% corner radius
10
+ const strokeWidth = Math.max(2, Math.round(size * 0.06)); // Scale stroke width
11
+
12
+ // MessageSquare path scaled to size
13
+ const padding = Math.round(size * 0.25);
14
+ const iconSize = size - (padding * 2);
15
+ const startX = padding;
16
+ const startY = Math.round(padding * 0.7);
17
+ const endX = startX + iconSize;
18
+ const endY = startY + Math.round(iconSize * 0.6);
19
+ const tailX = startX;
20
+ const tailY = endY + Math.round(iconSize * 0.3);
21
+
22
+ return `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" fill="none" xmlns="http://www.w3.org/2000/svg">
23
+ <!-- Background with rounded corners -->
24
+ <rect width="${size}" height="${size}" rx="${cornerRadius}" fill="hsl(262.1 83.3% 57.8%)"/>
25
+
26
+ <!-- MessageSquare icon -->
27
+ <path d="M${startX} ${startY}C${startX} ${startY - 10} ${startX + 10} ${startY - 20} ${startX + 20} ${startY - 20}H${endX - 20}C${endX - 10} ${startY - 20} ${endX} ${startY - 10} ${endX} ${startY}V${endY - 20}C${endX} ${endY - 10} ${endX - 10} ${endY} ${endX - 20} ${endY}H${startX + Math.round(iconSize * 0.4)}L${tailX} ${tailY}V${startY}Z"
28
+ stroke="white"
29
+ stroke-width="${strokeWidth}"
30
+ stroke-linecap="round"
31
+ stroke-linejoin="round"
32
+ fill="none"/>
33
+ </svg>`;
34
+ }
35
+
36
+ // Generate SVG files for each size
37
+ sizes.forEach(size => {
38
+ const svgContent = createIconSVG(size);
39
+ const filename = `icon-${size}x${size}.svg`;
40
+ const filepath = path.join(__dirname, 'icons', filename);
41
+
42
+ fs.writeFileSync(filepath, svgContent);
43
+ console.log(`Created ${filename}`);
44
+ });
45
+
46
+ console.log('\nSVG icons created! To convert to PNG, you can use:');
47
+ console.log('1. Online converter like cloudconvert.com');
48
+ console.log('2. If you have ImageMagick: convert icon.svg icon.png');
49
+ console.log('3. If you have Inkscape: inkscape --export-type=png icon.svg');
package/dist/icons/claude-ai-icon.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 509.64"><path fill="#D77655" d="M115.612 0h280.775C459.974 0 512 52.026 512 115.612v278.415c0 63.587-52.026 115.612-115.613 115.612H115.612C52.026 509.639 0 457.614 0 394.027V115.612C0 52.026 52.026 0 115.612 0z"/><path fill="#FCF2EE" fill-rule="nonzero" d="M142.27 316.619l73.655-41.326 1.238-3.589-1.238-1.996-3.589-.001-12.31-.759-42.084-1.138-36.498-1.516-35.361-1.896-8.897-1.895-8.34-10.995.859-5.484 7.482-5.03 10.717.935 23.683 1.617 35.537 2.452 25.782 1.517 38.193 3.968h6.064l.86-2.451-2.073-1.517-1.618-1.517-36.776-24.922-39.81-26.338-20.852-15.166-11.273-7.683-5.687-7.204-2.451-15.721 10.237-11.273 13.75.935 3.513.936 13.928 10.716 29.749 23.027 38.848 28.612 5.687 4.727 2.275-1.617.278-1.138-2.553-4.271-21.13-38.193-22.546-38.848-10.035-16.101-2.654-9.655c-.935-3.968-1.617-7.304-1.617-11.374l11.652-15.823 6.445-2.073 15.545 2.073 6.547 5.687 9.655 22.092 15.646 34.78 24.265 47.291 7.103 14.028 3.791 12.992 1.416 3.968 2.449-.001v-2.275l1.997-26.641 3.69-32.707 3.589-42.084 1.239-11.854 5.863-14.206 11.652-7.683 9.099 4.348 7.482 10.716-1.036 6.926-4.449 28.915-8.72 45.294-5.687 30.331h3.313l3.792-3.791 15.342-20.372 25.782-32.227 11.374-12.789 13.27-14.129 8.517-6.724 16.1-.001 11.854 17.617-5.307 18.199-16.581 21.029-13.75 17.819-19.716 26.54-12.309 21.231 1.138 1.694 2.932-.278 44.536-9.479 24.062-4.347 28.714-4.928 12.992 6.066 1.416 6.167-5.106 12.613-30.71 7.583-36.018 7.204-53.636 12.689-.657.48.758.935 24.164 2.275 10.337.556h25.301l47.114 3.514 12.309 8.139 7.381 9.959-1.238 7.583-18.957 9.655-25.579-6.066-59.702-14.205-20.474-5.106-2.83-.001v1.694l17.061 16.682 31.266 28.233 39.152 36.397 1.997 8.999-5.03 7.102-5.307-.758-34.401-25.883-13.27-11.651-30.053-25.302-1.996-.001v2.654l6.926 10.136 36.574 54.975 1.895 16.859-2.653 5.485-9.479 3.311-10.414-1.895-21.408-30.054-22.092-33.844-17.819-30.331-2.173 1.238-10.515 113.261-4.929 5.788-11.374 4.348-9.478-7.204-5.03-11.652 5.03-23.027 6.066-30.052 4.928-23.886 4.449-29.674 2.654-9.858-.177-.657-2.173.278-22.37 30.71-34.021 45.977-26.919 28.815-6.445 2.553-11.173-5.789 1.037-10.337 6.243-9.2 37.257-47.392 22.47-29.371 14.508-16.961-.101-2.451h-.859l-98.954 64.251-17.618 2.275-7.583-7.103.936-11.652 3.589-3.791 29.749-20.474-.101.102.024.101z"/></svg>
package/dist/icons/codex-white.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="100 100 520 520" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M304.246 295.411V249.828C304.246 245.989 305.687 243.109 309.044 241.191L400.692 188.412C413.167 181.215 428.042 177.858 443.394 177.858C500.971 177.858 537.44 222.482 537.44 269.982C537.44 273.34 537.44 277.179 536.959 281.018L441.954 225.358C436.197 222 430.437 222 424.68 225.358L304.246 295.411ZM518.245 472.945V364.024C518.245 357.304 515.364 352.507 509.608 349.149L389.174 279.096L428.519 256.543C431.877 254.626 434.757 254.626 438.115 256.543L529.762 309.323C556.154 324.679 573.905 357.304 573.905 388.971C573.905 425.436 552.315 459.024 518.245 472.941V472.945ZM275.937 376.982L236.592 353.952C233.235 352.034 231.794 349.154 231.794 345.315V239.756C231.794 188.416 271.139 149.548 324.4 149.548C344.555 149.548 363.264 156.268 379.102 168.262L284.578 222.964C278.822 226.321 275.942 231.119 275.942 237.838V376.986L275.937 376.982ZM360.626 425.922L304.246 394.255V327.083L360.626 295.416L417.002 327.083V394.255L360.626 425.922ZM396.852 571.789C376.698 571.789 357.989 565.07 342.151 553.075L436.674 498.374C442.431 495.017 445.311 490.219 445.311 483.499V344.352L485.138 367.382C488.495 369.299 489.936 372.179 489.936 376.018V481.577C489.936 532.917 450.109 571.785 396.852 571.785V571.789ZM283.134 464.79L191.486 412.01C165.094 396.654 147.343 364.029 147.343 332.362C147.343 295.416 169.415 262.309 203.48 248.393V357.791C203.48 364.51 206.361 369.308 212.117 372.665L332.074 442.237L292.729 464.79C289.372 466.707 286.491 466.707 283.134 464.79ZM277.859 543.48C223.639 543.48 183.813 502.695 183.813 452.314C183.813 448.475 184.294 444.636 184.771 440.797L279.295 495.498C285.051 498.856 290.812 498.856 296.568 495.498L417.002 425.927V471.509C417.002 475.349 415.562 478.229 412.204 480.146L320.557 532.926C308.081 540.122 293.206 543.48 277.854 543.48H277.859ZM396.852 600.576C454.911 600.576 503.37 559.313 514.41 504.612C568.149 490.696 602.696 440.315 602.696 388.976C602.696 355.387 588.303 322.762 562.392 299.25C564.791 289.173 566.231 279.096 566.231 269.024C566.231 200.411 510.571 149.067 446.274 149.067C433.322 149.067 420.846 150.984 408.37 155.305C386.775 134.192 357.026 120.758 324.4 120.758C266.342 120.758 217.883 162.02 206.843 216.721C153.104 230.637 118.557 281.018 118.557 332.357C118.557 365.946 132.95 398.571 158.861 422.083C156.462 432.16 155.022 442.237 155.022 452.309C155.022 520.922 210.682 572.266 274.978 572.266C287.931 572.266 300.407 570.349 312.883 566.028C334.473 587.141 364.222 600.576 396.852 600.576Z" fill="white"/>
3
+ </svg>
package/dist/icons/codex.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg viewBox="100 100 520 520" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M304.246 294.611V249.028C304.246 245.189 305.687 242.309 309.044 240.392L400.692 187.612C413.167 180.415 428.042 177.058 443.394 177.058C500.971 177.058 537.44 221.682 537.44 269.182C537.44 272.54 537.44 276.379 536.959 280.218L441.954 224.558C436.197 221.201 430.437 221.201 424.68 224.558L304.246 294.611ZM518.245 472.145V363.224C518.245 356.505 515.364 351.707 509.608 348.349L389.174 278.296L428.519 255.743C431.877 253.826 434.757 253.826 438.115 255.743L529.762 308.523C556.154 323.879 573.905 356.505 573.905 388.171C573.905 424.636 552.315 458.225 518.245 472.141V472.145ZM275.937 376.182L236.592 353.152C233.235 351.235 231.794 348.354 231.794 344.515V238.956C231.794 187.617 271.139 148.749 324.4 148.749C344.555 148.749 363.264 155.468 379.102 167.463L284.578 222.164C278.822 225.521 275.942 230.319 275.942 237.039V376.186L275.937 376.182ZM360.626 425.122L304.246 393.455V326.283L360.626 294.616L417.002 326.283V393.455L360.626 425.122ZM396.852 570.989C376.698 570.989 357.989 564.27 342.151 552.276L436.674 497.574C442.431 494.217 445.311 489.419 445.311 482.699V343.552L485.138 366.582C488.495 368.499 489.936 371.379 489.936 375.219V480.778C489.936 532.117 450.109 570.985 396.852 570.985V570.989ZM283.134 463.99L191.486 411.211C165.094 395.854 147.343 363.229 147.343 331.562C147.343 294.616 169.415 261.509 203.48 247.593V356.991C203.48 363.71 206.361 368.508 212.117 371.866L332.074 441.437L292.729 463.99C289.372 465.907 286.491 465.907 283.134 463.99ZM277.859 542.68C223.639 542.68 183.813 501.895 183.813 451.514C183.813 447.675 184.294 443.836 184.771 439.997L279.295 494.698C285.051 498.056 290.812 498.056 296.568 494.698L417.002 425.127V470.71C417.002 474.549 415.562 477.429 412.204 479.346L320.557 532.126C308.081 539.323 293.206 542.68 277.854 542.68H277.859ZM396.852 599.776C454.911 599.776 503.37 558.513 514.41 503.812C568.149 489.896 602.696 439.515 602.696 388.176C602.696 354.587 588.303 321.962 562.392 298.45C564.791 288.373 566.231 278.296 566.231 268.224C566.231 199.611 510.571 148.267 446.274 148.267C433.322 148.267 420.846 150.184 408.37 154.505C386.775 133.392 357.026 119.958 324.4 119.958C266.342 119.958 217.883 161.22 206.843 215.921C153.104 229.837 118.557 280.218 118.557 331.557C118.557 365.146 132.95 397.771 158.861 421.283C156.462 431.36 155.022 441.437 155.022 451.51C155.022 520.123 210.682 571.466 274.978 571.466C287.931 571.466 300.407 569.549 312.883 565.228C334.473 586.341 364.222 599.776 396.852 599.776Z" fill="currentColor"/>
3
+ </svg>
package/dist/icons/cursor-white.svg ADDED
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 466.73 532.09">
3
+ <!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) -->
4
+ <defs>
5
+ <style>
6
+ .st0 {
7
+ fill: #edecec;
8
+ }
9
+ </style>
10
+ </defs>
11
+ <path class="st0" d="M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z"/>
12
+ </svg>
package/dist/icons/cursor.svg ADDED
@@ -0,0 +1 @@
1
+ <svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Cursor</title><path d="M11.925 24l10.425-6-10.425-6L1.5 18l10.425 6z" fill="url(#lobe-icons-cursorundefined-fill-0)"></path><path d="M22.35 18V6L11.925 0v12l10.425 6z" fill="url(#lobe-icons-cursorundefined-fill-1)"></path><path d="M11.925 0L1.5 6v12l10.425-6V0z" fill="url(#lobe-icons-cursorundefined-fill-2)"></path><path d="M22.35 6L11.925 24V12L22.35 6z" fill="#555"></path><path d="M22.35 6l-10.425 6L1.5 6h20.85z" fill="#000"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-cursorundefined-fill-0" x1="11.925" x2="11.925" y1="12" y2="24"><stop offset=".16" stop-color="#000" stop-opacity=".39"></stop><stop offset=".658" stop-color="#000" stop-opacity=".8"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-cursorundefined-fill-1" x1="22.35" x2="11.925" y1="6.037" y2="12.15"><stop offset=".182" stop-color="#000" stop-opacity=".31"></stop><stop offset=".715" stop-color="#000" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-cursorundefined-fill-2" x1="11.925" x2="1.5" y1="0" y2="18"><stop stop-color="#000" stop-opacity=".6"></stop><stop offset=".667" stop-color="#000" stop-opacity=".22"></stop></linearGradient></defs></svg>
package/dist/icons/generate-icons.md ADDED
@@ -0,0 +1,19 @@
1
+ # PWA Icons Required
2
+
3
+ Create the following icon files in this directory:
4
+
5
+ - icon-72x72.png
6
+ - icon-96x96.png
7
+ - icon-128x128.png
8
+ - icon-144x144.png
9
+ - icon-152x152.png
10
+ - icon-192x192.png
11
+ - icon-384x384.png
12
+ - icon-512x512.png
13
+
14
+ You can use any icon generator tool or create them manually. The icons should be square and represent your Claude Code UI application.
15
+
16
+ For a quick solution, you can:
17
+ 1. Create a simple square PNG icon (512x512)
18
+ 2. Use online tools like realfavicongenerator.net to generate all sizes
19
+ 3. Or use ImageMagick: `convert icon-512x512.png -resize 192x192 icon-192x192.png`
package/dist/icons/icon-128x128.png ADDED
Binary file
package/dist/icons/icon-128x128.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-144x144.png ADDED
Binary file
package/dist/icons/icon-144x144.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-152x152.png ADDED
Binary file
package/dist/icons/icon-152x152.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-192x192.png ADDED
Binary file
package/dist/icons/icon-192x192.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-384x384.png ADDED
Binary file
package/dist/icons/icon-384x384.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-512x512.png ADDED
Binary file
package/dist/icons/icon-512x512.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-72x72.png ADDED
Binary file
package/dist/icons/icon-72x72.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-96x96.png ADDED
Binary file
package/dist/icons/icon-96x96.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/icons/icon-template.svg ADDED
@@ -0,0 +1,12 @@
1
+ <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <!-- Background fills entire canvas - iOS will handle corner rounding -->
3
+ <rect width="512" height="512" fill="hsl(240 5.9% 10%)"/>
4
+
5
+ <!-- MessageSquare icon - scaled and centered -->
6
+ <path d="M128 144C128 126.327 142.327 112 160 112H352C369.673 112 384 126.327 384 144V272C384 289.673 369.673 304 352 304H224L128 400V144Z"
7
+ stroke="white"
8
+ stroke-width="32"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ fill="none"/>
12
+ </svg>
package/dist/index.html ADDED
@@ -0,0 +1,52 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6
+ <link rel="icon" type="image/png" href="/favicon.png" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover" />
8
+ <title>Claude Code UI</title>
9
+
10
+ <!-- PWA Manifest -->
11
+ <link rel="manifest" href="/manifest.json" />
12
+
13
+ <!-- iOS Safari PWA Meta Tags -->
14
+ <meta name="mobile-web-app-capable" content="yes" />
15
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
16
+ <meta name="apple-mobile-web-app-title" content="Claude UI" />
17
+
18
+ <!-- iOS Safari Icons -->
19
+ <link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
20
+ <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-192x192.png" />
21
+
22
+ <!-- Theme Color -->
23
+ <meta name="theme-color" content="#ffffff" />
24
+ <meta name="msapplication-TileColor" content="#ffffff" />
25
+
26
+ <!-- Prevent zoom on iOS -->
27
+ <meta name="format-detection" content="telephone=no" />
28
+ <script type="module" crossorigin src="/assets/index-cIxJ4RXb.js"></script>
29
+ <link rel="modulepreload" crossorigin href="/assets/vendor-react-DcyRfQm3.js">
30
+ <link rel="modulepreload" crossorigin href="/assets/vendor-codemirror-CJLzwpLB.js">
31
+ <link rel="modulepreload" crossorigin href="/assets/vendor-xterm-DfaPXD3y.js">
32
+ <link rel="stylesheet" crossorigin href="/assets/index-oyEz69sP.css">
33
+ </head>
34
+ <body>
35
+ <div id="root"></div>
36
+
37
+ <!-- Service Worker Registration -->
38
+ <script>
39
+ if ('serviceWorker' in navigator) {
40
+ window.addEventListener('load', () => {
41
+ navigator.serviceWorker.register('/sw.js')
42
+ .then(registration => {
43
+ console.log('SW registered: ', registration);
44
+ })
45
+ .catch(registrationError => {
46
+ console.log('SW registration failed: ', registrationError);
47
+ });
48
+ });
49
+ }
50
+ </script>
51
+ </body>
52
+ </html>
package/dist/logo-128.png ADDED
Binary file
package/dist/logo-256.png ADDED
Binary file
package/dist/logo-32.png ADDED
Binary file
package/dist/logo-512.png ADDED
Binary file
package/dist/logo-64.png ADDED
Binary file
package/dist/logo.svg ADDED
@@ -0,0 +1,17 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="32"
4
+ height="32"
5
+ viewBox="0 0 32 32"
6
+ fill="none"
7
+ >
8
+ <rect width="32" height="32" rx="8" fill="hsl(221.2 83.2% 53.3%)"/>
9
+ <path
10
+ d="M8 9C8 8.44772 8.44772 8 9 8H23C23.5523 8 24 8.44772 24 9V18C24 18.5523 23.5523 19 23 19H12L8 23V9Z"
11
+ stroke="white"
12
+ strokeWidth="2"
13
+ strokeLinecap="round"
14
+ strokeLinejoin="round"
15
+ fill="none"
16
+ />
17
+ </svg>
package/dist/manifest.json ADDED
@@ -0,0 +1,61 @@
1
+ {
2
+ "name": "Claude Code UI",
3
+ "short_name": "Claude UI",
4
+ "description": "Claude Code UI web application",
5
+ "start_url": "/",
6
+ "display": "standalone",
7
+ "background_color": "#ffffff",
8
+ "theme_color": "#ffffff",
9
+ "orientation": "portrait-primary",
10
+ "scope": "/",
11
+ "icons": [
12
+ {
13
+ "src": "/icons/icon-72x72.png",
14
+ "sizes": "72x72",
15
+ "type": "image/png",
16
+ "purpose": "maskable any"
17
+ },
18
+ {
19
+ "src": "/icons/icon-96x96.png",
20
+ "sizes": "96x96",
21
+ "type": "image/png",
22
+ "purpose": "maskable any"
23
+ },
24
+ {
25
+ "src": "/icons/icon-128x128.png",
26
+ "sizes": "128x128",
27
+ "type": "image/png",
28
+ "purpose": "maskable any"
29
+ },
30
+ {
31
+ "src": "/icons/icon-144x144.png",
32
+ "sizes": "144x144",
33
+ "type": "image/png",
34
+ "purpose": "maskable any"
35
+ },
36
+ {
37
+ "src": "/icons/icon-152x152.png",
38
+ "sizes": "152x152",
39
+ "type": "image/png",
40
+ "purpose": "maskable any"
41
+ },
42
+ {
43
+ "src": "/icons/icon-192x192.png",
44
+ "sizes": "192x192",
45
+ "type": "image/png",
46
+ "purpose": "maskable any"
47
+ },
48
+ {
49
+ "src": "/icons/icon-384x384.png",
50
+ "sizes": "384x384",
51
+ "type": "image/png",
52
+ "purpose": "maskable any"
53
+ },
54
+ {
55
+ "src": "/icons/icon-512x512.png",
56
+ "sizes": "512x512",
57
+ "type": "image/png",
58
+ "purpose": "maskable any"
59
+ }
60
+ ]
61
+ }
package/dist/screenshots/mobile-chat.png ADDED
Binary file
package/dist/screenshots/tools-modal.png ADDED
Binary file
package/dist/sw.js ADDED
@@ -0,0 +1,49 @@
1
+ // Service Worker for Claude Code UI PWA
2
+ const CACHE_NAME = 'claude-ui-v1';
3
+ const urlsToCache = [
4
+ '/',
5
+ '/index.html',
6
+ '/manifest.json'
7
+ ];
8
+
9
+ // Install event
10
+ self.addEventListener('install', event => {
11
+ event.waitUntil(
12
+ caches.open(CACHE_NAME)
13
+ .then(cache => {
14
+ return cache.addAll(urlsToCache);
15
+ })
16
+ );
17
+ self.skipWaiting();
18
+ });
19
+
20
+ // Fetch event
21
+ self.addEventListener('fetch', event => {
22
+ event.respondWith(
23
+ caches.match(event.request)
24
+ .then(response => {
25
+ // Return cached response if found
26
+ if (response) {
27
+ return response;
28
+ }
29
+ // Otherwise fetch from network
30
+ return fetch(event.request);
31
+ }
32
+ )
33
+ );
34
+ });
35
+
36
+ // Activate event
37
+ self.addEventListener('activate', event => {
38
+ event.waitUntil(
39
+ caches.keys().then(cacheNames => {
40
+ return Promise.all(
41
+ cacheNames.map(cacheName => {
42
+ if (cacheName !== CACHE_NAME) {
43
+ return caches.delete(cacheName);
44
+ }
45
+ })
46
+ );
47
+ })
48
+ );
49
+ });