php support

.gitignore

@@ -25,5 +25,3 @@ pnpm-debug.log*
 .idea/
 
 .vscode/
-
-.env

astro.config.mjs

@@ -4,32 +4,19 @@ import tailwind from '@astrojs/tailwind';
 import react from '@astrojs/react';
 
 export default defineConfig({
-  site: 'https://sp-dev-h1-astgsbchdykdvtf.siliconpin.com',
+  site: 'https://siliconpin.cs1.hz.siliconpin.com',
-  integrations: [tailwind(), react()],
-  
-  // Vite-specific settings (including proxy)
   vite: {
     server: {
-      allowedHosts: ['sp-dev-h1-astgsbchdykdvtf.siliconpin.com'],
+      allowedHosts: ['siliconpin.cs1.hz.siliconpin.com'],
-      proxy: {
-        '/api': {
-          target: 'http://localhost:8080',  // Your backend server
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api/, ''),
-          secure: false,  // Only needed if using self-signed HTTPS
-        }
-      }
     },
     preview: {
-      allowedHosts: ['sp-dev-h1-astgsbchdykdvtf.siliconpin.com'],
+      allowedHosts: ['siliconpin.cs1.hz.siliconpin.com'],
     }
   },
-
+  integrations: [tailwind(), react()],
-  // Astro server settings
   server: {
-    host: '0.0.0.0',  // Accessible on all network interfaces
+    host: '0.0.0.0',
     port: 4000,
   },
-
   output: 'static',
 });

env_sample.txt

@@ -1,24 +0,0 @@
-PUBLIC_USER_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/users/
-
-PUBLIC_SERVICE_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/services/
-
-PUBLIC_INVOICE_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/invoice/
-
-PUBLIC_MINIO_UPLOAD_URL=https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload
-
-PUBLIC_HOST_API2_USERS=https://hostapi2.cs1.hz.siliconpin.com/api/users
-
-PUBLIC_TOPIC_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/
-
-PUBLIC_TICKET_API_URL=https://host-api-sxashuasysagibx.siliconpin.com/v1/ticket/index.php
-
-PUBLIC_HETZNER_API_KEY=uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ
-
-PUBLIC_UTHO_API_KEY=IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn
-
-PUBLIC_DIGITALOCEAN_API_KEY=dop_v1_b6a075ece5786faf7c58d21761dbf95d47af372da062d68a870ce2a0bae51adf
-
-PUBLIC_POCKETBASE_URL=https://tst-pb.s38.siliconpin.com
-
-
-ENV_TYPE=DEV

fix-php-tags-and-decode.cjs

@@ -1,59 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const buildDir = path.join(__dirname, 'dist');
-
-// Basic HTML entity decode
-function decodeHtmlEntities(str) {
-  return str
-    .replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec))
-    .replace(/"/g, '"')
-    .replace(/'/g, "'")
-    .replace(/&/g, '&')
-    .replace(/&lt;/g, '<')
-    .replace(/&gt;/g, '>');
-}
-
-// Decode both URI and HTML entities inside <?php ... ?>
-function decodePhpBlocks(content) {
-  return content.replace(/<\?php([\s\S]*?)\?>/g, (match, code) => {
-    try {
-      let decoded = decodeURIComponent(code);         // %XX to characters
-      decoded = decodeHtmlEntities(decoded);          // &#39; to '
-      return `<?php${decoded}?>`;
-    } catch (e) {
-      console.warn('⚠️ Decode failed for block:', code.trim().slice(0, 50), '...');
-      return match;
-    }
-  });
-}
-
-function fixPhpTagsInFile(filePath) {
-  let content = fs.readFileSync(filePath, 'utf-8');
-
-  // Step 1: Replace escaped tags
-  content = content
-    .replace(/&lt;\?php/g, '<?php')
-    .replace(/\?&gt;/g, '?>');
-
-  // Step 2: Decode content inside <?php ... ?>
-  content = decodePhpBlocks(content);
-
-  fs.writeFileSync(filePath, content, 'utf-8');
-  console.log(`✅ Processed: ${filePath}`);
-}
-
-function walkDir(dir) {
-  const entries = fs.readdirSync(dir, { withFileTypes: true });
-  for (const entry of entries) {
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      walkDir(fullPath);
-    } else if (fullPath.endsWith('.html') || fullPath.endsWith('.php')) {
-      fixPhpTagsInFile(fullPath);
-    }
-  }
-}
-
-walkDir(buildDir);
-console.log('🎉 All PHP tag fixes, URL decodes, and HTML entity decodes complete.');

package-lock.json

@@ -25,9 +25,7 @@
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "date-fns": "^4.1.0",
-        "framer-motion": "^12.18.1",
         "image-resize-compress": "^2.1.1",
-        "js-cookie": "^3.0.5",
         "lucide-react": "^0.484.0",
         "marked": "^15.0.8",
         "menubar": "^9.5.1",
@@ -41,7 +39,6 @@
         "react-simplemde-editor": "^5.2.0",
         "react-to-print": "^3.0.5",
         "rehype-rewrite": "^4.0.2",
-        "serve": "^14.2.4",
         "shadcn": "^2.5.0",
         "simplemde": "^1.11.2",
         "tailwind-merge": "^3.0.2",
@@ -4503,12 +4500,6 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/@zeit/schemas": {
-      "version": "2.36.0",
-      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz",
-      "integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==",
-      "license": "MIT"
-    },
     "node_modules/@zxing/text-encoding": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz",
@@ -4522,19 +4513,6 @@
       "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
       "license": "MIT"
     },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.14.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
@@ -4571,22 +4549,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/ansi-align": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
@@ -4719,26 +4681,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/arch": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
-      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -5265,15 +5207,6 @@
         "node": ">=8.0.0"
       }
     },
-    "node_modules/bytes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/cacheable-lookup": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
@@ -5451,52 +5384,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/chalk-template": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
-      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk-template?sponsor=1"
-      }
-    },
-    "node_modules/chalk-template/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/chalk-template/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
     "node_modules/character-entities-html4": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
@@ -5638,139 +5525,6 @@
         "node": ">= 12"
       }
     },
-    "node_modules/clipboardy": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
-      "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
-      "license": "MIT",
-      "dependencies": {
-        "arch": "^2.2.0",
-        "execa": "^5.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/clipboardy/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "license": "MIT",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/clipboardy/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/clipboardy/node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/clipboardy/node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/clipboardy/node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clipboardy/node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/clipboardy/node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clipboardy/node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "license": "MIT",
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/clipboardy/node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -5986,72 +5740,6 @@
       "integrity": "sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==",
       "license": "ISC"
     },
-    "node_modules/compressible": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
-      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": ">= 1.43.0 < 2"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/compression": {
-      "version": "1.7.4",
-      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
-      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.5",
-        "bytes": "3.0.0",
-        "compressible": "~2.0.16",
-        "debug": "2.6.9",
-        "on-headers": "~1.0.2",
-        "safe-buffer": "5.1.2",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/compression/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/compression/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/compression/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "license": "MIT"
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "license": "MIT"
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -6271,15 +5959,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
     "node_modules/deepmerge": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -7068,33 +6747,6 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
-    "node_modules/framer-motion": {
-      "version": "12.18.1",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.18.1.tgz",
-      "integrity": "sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==",
-      "license": "MIT",
-      "dependencies": {
-        "motion-dom": "^12.18.1",
-        "motion-utils": "^12.18.1",
-        "tslib": "^2.4.0"
-      },
-      "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/fs-extra": {
       "version": "11.3.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz",
@@ -7400,15 +7052,6 @@
         "uncrypto": "^0.1.3"
       }
     },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/has-property-descriptors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
@@ -8136,12 +7779,6 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "license": "ISC"
     },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "license": "ISC"
-    },
     "node_modules/inline-style-parser": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
@@ -8426,18 +8063,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-port-reachable": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
-      "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -8567,15 +8192,6 @@
         "jiti": "bin/jiti.js"
       }
     },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -8619,12 +8235,6 @@
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
       "license": "MIT"
     },
-    "node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
-    },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -13300,21 +12910,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/motion-dom": {
-      "version": "12.18.1",
-      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.18.1.tgz",
-      "integrity": "sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==",
-      "license": "MIT",
-      "dependencies": {
-        "motion-utils": "^12.18.1"
-      }
-    },
-    "node_modules/motion-utils": {
-      "version": "12.18.1",
-      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.18.1.tgz",
-      "integrity": "sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==",
-      "license": "MIT"
-    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -13421,15 +13016,6 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/neotraverse": {
       "version": "0.6.18",
       "resolved": "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz",
@@ -13631,15 +13217,6 @@
         "ufo": "^1.5.4"
       }
     },
-    "node_modules/on-headers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
-      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -13879,12 +13456,6 @@
       "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
       "license": "MIT"
     },
-    "node_modules/path-is-inside": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
-      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
-      "license": "(WTFPL OR MIT)"
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -14316,30 +13887,6 @@
       "integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==",
       "license": "MIT"
     },
-    "node_modules/range-parser": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
-      "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
-      },
-      "bin": {
-        "rc": "cli.js"
-      }
-    },
     "node_modules/react": {
       "version": "19.0.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
@@ -14760,28 +14307,6 @@
       "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
       "license": "MIT"
     },
-    "node_modules/registry-auth-token": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
-      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
-      "license": "MIT",
-      "dependencies": {
-        "rc": "^1.1.6",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/registry-url": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
-      "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
-      "license": "MIT",
-      "dependencies": {
-        "rc": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/rehype": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/rehype/-/rehype-12.0.1.tgz",
@@ -16731,208 +16256,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/serve": {
-      "version": "14.2.4",
-      "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.4.tgz",
-      "integrity": "sha512-qy1S34PJ/fcY8gjVGszDB3EXiPSk5FKhUa7tQe0UPRddxRidc2V6cNHPNewbE1D7MAkgLuWEt3Vw56vYy73tzQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@zeit/schemas": "2.36.0",
-        "ajv": "8.12.0",
-        "arg": "5.0.2",
-        "boxen": "7.0.0",
-        "chalk": "5.0.1",
-        "chalk-template": "0.4.0",
-        "clipboardy": "3.0.0",
-        "compression": "1.7.4",
-        "is-port-reachable": "4.0.0",
-        "serve-handler": "6.1.6",
-        "update-check": "1.5.4"
-      },
-      "bin": {
-        "serve": "build/main.js"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/serve-handler": {
-      "version": "6.1.6",
-      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz",
-      "integrity": "sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "3.0.0",
-        "content-disposition": "0.5.2",
-        "mime-types": "2.1.18",
-        "minimatch": "3.1.2",
-        "path-is-inside": "1.0.2",
-        "path-to-regexp": "3.3.0",
-        "range-parser": "1.2.0"
-      }
-    },
-    "node_modules/serve-handler/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/serve-handler/node_modules/mime-db": {
-      "version": "1.33.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
-      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/serve-handler/node_modules/mime-types": {
-      "version": "2.1.18",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
-      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "~1.33.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/serve-handler/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/serve-handler/node_modules/path-to-regexp": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
-      "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==",
-      "license": "MIT"
-    },
-    "node_modules/serve/node_modules/boxen": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
-      "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-align": "^3.0.1",
-        "camelcase": "^7.0.0",
-        "chalk": "^5.0.1",
-        "cli-boxes": "^3.0.0",
-        "string-width": "^5.1.2",
-        "type-fest": "^2.13.0",
-        "widest-line": "^4.0.1",
-        "wrap-ansi": "^8.0.1"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serve/node_modules/camelcase": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
-      "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serve/node_modules/chalk": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
-      "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/serve/node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
-    },
-    "node_modules/serve/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serve/node_modules/type-fest": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
-      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serve/node_modules/widest-line": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
-      "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
-      "license": "MIT",
-      "dependencies": {
-        "string-width": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/serve/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/set-cookie-parser": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
@@ -17392,15 +16715,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/strnum": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz",
@@ -17475,18 +16789,6 @@
         "node": ">= 8.0"
       }
     },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -18266,25 +17568,6 @@
         "browserslist": ">= 4.21.0"
       }
     },
-    "node_modules/update-check": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
-      "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
-      "license": "MIT",
-      "dependencies": {
-        "registry-auth-token": "3.3.2",
-        "registry-url": "3.1.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
     "node_modules/url-parse": {
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
@@ -18375,15 +17658,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",

package.json

@@ -7,8 +7,7 @@
     "build": "astro build",
     "preview": "astro preview --port 4000",
     "astro": "astro",
-    "push-prod": "rsync -rv --exclude .hta_config/conf.php dist/ sp@siliconpin.com:~/web/siliconpin.com/public_html/",
+    "push-prod": "rsync -rv --exclude .hta_config/conf.php dist/ u2@siliconpin.com:~/web/siliconpin.com/public_html/"
-    "proxy": "http://localhost:8080"
   },
   "dependencies": {
     "@astrojs/react": "^4.2.1",
@@ -28,9 +27,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.18.1",
     "image-resize-compress": "^2.1.1",
-    "js-cookie": "^3.0.5",
     "lucide-react": "^0.484.0",
     "marked": "^15.0.8",
     "menubar": "^9.5.1",
@@ -44,7 +41,6 @@
     "react-simplemde-editor": "^5.2.0",
     "react-to-print": "^3.0.5",
     "rehype-rewrite": "^4.0.2",
-    "serve": "^14.2.4",
     "shadcn": "^2.5.0",
     "simplemde": "^1.11.2",
     "tailwind-merge": "^3.0.2",

src/components/AvatarUpload.tsx

@@ -5,9 +5,8 @@ import { Label } from "./ui/label";
 import { X } from "lucide-react";
 import PocketBase from 'pocketbase';
 
-const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+const pb = new PocketBase('https://tst-pb.s38.siliconpin.com');
-const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
+const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
 
 export function AvatarUpload({ userId }: { userId: string }) {
   const [selectedFile, setSelectedFile] = useState<File | null>(null);
@@ -46,7 +45,7 @@ export function AvatarUpload({ userId }: { userId: string }) {
       });
       
       // 2. Update PHP backend session
-      const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
+      const response = await fetch(`${INVOICE_API_URL}?query=login`, {
         method: 'POST',
         credentials: 'include', // Important for sessions to work
         headers: {

src/components/BillingInfo.jsx

@@ -8,7 +8,6 @@ import { Button } from "./ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "./ui/dialog";
 import * as XLSX from 'xlsx';
 export default function UserBillingList() {
-    const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
     const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
     const [billingData, setBillingData] = useState([]);
     const [dataLoading, setDataLoading] = useState(true);
@@ -28,6 +27,7 @@ export default function UserBillingList() {
     const [currentPage, setCurrentPage] = useState(1);
     const [itemsPerPage] = useState(20);
 
+    const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
 
     useEffect(() => {
         if (isLoggedIn) {
@@ -38,7 +38,7 @@ export default function UserBillingList() {
 
     const fetchBillingData = async () => {
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}?query=invoice-info`, {
+            const res = await fetch(`${INVOICE_API_URL}?query=invoice-info`, {
                 method: 'GET',
                 credentials: 'include',
                 headers: {

src/components/BuyServices/BuyVPN.jsx

@@ -3,9 +3,11 @@ import { Button } from '../ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "../ui/select";
 import { Loader2 } from "lucide-react";
-const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
 
 export default function BuyVPN() {
+    // API URL - make sure to set this correctly
+    const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
+    
     // State for VPN configuration
     const [vpnContinent, setVpnContinent] = useState("");
     const [selectedCycle, setSelectedCycle] = useState("");
@@ -49,7 +51,7 @@ export default function BuyVPN() {
             formData.append('amount', selectedPrice.toString());
             formData.append('vpn_continent', vpnContinent);
             formData.append('service_type', 'vpn');
-            const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
+            const response = await fetch(`${USER_API_URL}?query=initiate_payment`, {
                 method: 'POST',
                 body: formData,  // Using FormData instead of JSON
                 credentials: 'include'

src/components/BuyServices/NewDroplet.jsx

@@ -8,7 +8,6 @@ import { Loader2 } from "lucide-react";
 import { useToast } from "../ui/toast";
 
 export default function NewDroplet() {
-  const PUBLIC_DIGITALOCEAN_API_KEY = import.meta.env.PUBLIC_DIGITALOCEAN_API_KEY;
   const { showToast } = useToast();
   const [isLoading, setIsLoading] = useState(false);
   const [formData, setFormData] = useState({
@@ -64,7 +63,7 @@ export default function NewDroplet() {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "Authorization": `Bearer ${PUBLIC_DIGITALOCEAN_API_KEY}`
+          "Authorization": "Bearer dop_v1_b6a075ece5786faf7c58d21761dbf95d47af372da062d68a870ce2a0bae51adf"
         },
         body: JSON.stringify({
           ...formData,

src/components/BuyServices/NewHetznerCloudInstance.jsx

@@ -19,7 +19,7 @@ export default function NewHetznerInstance() {
   const [images, setImages] = useState([]);
   const [sshKeys, setSshKeys] = useState([]);
   const [showAddSshKey, setShowAddSshKey] = useState(false);
-  const PUBLIC_HETZNER_API_KEY = import.meta.env.PUBLIC_HETZNER_API_KEY;
+  const HETZNER_API_KEY = "uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ"; // Replace with your actual API key
 
   const [formData, setFormData] = useState({
     name: "",
@@ -38,16 +38,16 @@ export default function NewHetznerInstance() {
         // Fetch all required data in parallel
         const [serverTypesResponse, locationsResponse, imagesResponse, sshKeysResponse] = await Promise.all([
           fetch("https://api.hetzner.cloud/v1/server_types", {
-            headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+            headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
           }),
           fetch("https://api.hetzner.cloud/v1/locations", {
-            headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+            headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
           }),
           fetch("https://api.hetzner.cloud/v1/images", {
-            headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+            headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
           }),
           fetch("https://api.hetzner.cloud/v1/ssh_keys", {
-            headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+            headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
           })
         ]);
 
@@ -97,7 +97,7 @@ export default function NewHetznerInstance() {
       const response = await fetch("https://api.hetzner.cloud/v1/servers", {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
+          "Authorization": `Bearer ${HETZNER_API_KEY}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify(payload)
@@ -149,7 +149,7 @@ export default function NewHetznerInstance() {
       const response = await fetch('https://api.hetzner.cloud/v1/ssh_keys', {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
+          "Authorization": `Bearer ${HETZNER_API_KEY}`,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
@@ -163,7 +163,7 @@ export default function NewHetznerInstance() {
       if (data.ssh_key) {
         // Refresh SSH keys list
         const sshResponse = await fetch("https://api.hetzner.cloud/v1/ssh_keys", {
-          headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+          headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
         });
         const sshData = await sshResponse.json();
         setSshKeys(sshData.ssh_keys || []);

src/components/BuyServices/NewKubernetisUtho.jsx

@@ -15,7 +15,7 @@ export default function NewKubernetesService() {
   const [plans, setPlans] = useState([]);
   const [vpcs, setVpcs] = useState([]);
   const [subnets, setSubnets] = useState([]);
-  const PUBLIC_UTHO_API_KEY = import.meta.env.PUBLIC_UTHO_API_KEY;
+  const UTHO_API_KEY = "Bearer IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn";
 
   const [formData, setFormData] = useState({
     dcslug: "innoida",
@@ -41,13 +41,13 @@ export default function NewKubernetesService() {
         const [plansResponse, vpcsResponse] = await Promise.all([
           fetch("https://api.utho.com/v2/plans", {
             headers: { 
-              "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+              "Authorization": UTHO_API_KEY,
               "Content-Type": "application/json"
             }
           }),
           fetch("https://api.utho.com/v2/vpc", {
             headers: { 
-              "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+              "Authorization": UTHO_API_KEY,
               "Content-Type": "application/json"
             }
           })
@@ -100,7 +100,7 @@ export default function NewKubernetesService() {
       // If no subnets in VPC data, try the subnets endpoint
       const response = await fetch(`https://api.utho.com/v2/vpc/${vpcId}/subnets`, {
         headers: { 
-          "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+          "Authorization": UTHO_API_KEY,
           "Content-Type": "application/json"
         }
       });
@@ -161,7 +161,7 @@ export default function NewKubernetesService() {
       const response = await fetch("https://api.utho.com/v2/kubernetes/deploy", {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+          "Authorization": UTHO_API_KEY,
           "Content-Type": "application/json"
         },
         body: JSON.stringify(payload)

src/components/BuyServices/NewUthoCloudInstance.jsx

@@ -11,13 +11,13 @@ import { Textarea } from "../ui/textarea";
 import { Switch } from "../ui/switch";
 
 export default function NewCloudInstance() {
-  const PUBLIC_UTHO_API_KEY = import.meta.env.PUBLIC_UTHO_API_KEY;
   const { showToast } = useToast();
   const [isLoading, setIsLoading] = useState(false);
   const [isFetchingData, setIsFetchingData] = useState(true);
   const [plans, setPlans] = useState([]);
   const [sshKeys, setSshKeys] = useState([]);
   const [showAddSshKey, setShowAddSshKey] = useState(false);
+  const UTHO_API_KEY = "Bearer IoNXhkRJsQPyOEqFMceSfzuKaDLrpxUCATgZjiVdvYlBHbwWmGtn";
 
   const [formData, setFormData] = useState({
     dcslug: "inmumbaizone2",
@@ -39,10 +39,10 @@ export default function NewCloudInstance() {
         // Fetch plans and SSH keys in parallel
         const [plansResponse, sshResponse] = await Promise.all([
           fetch("https://api.utho.com/v2/plans", {
-            headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
+            headers: { "Authorization": UTHO_API_KEY }
           }),
           fetch("https://api.utho.com/v2/key", {
-            headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
+            headers: { "Authorization": UTHO_API_KEY }
           })
         ]);
 
@@ -92,7 +92,7 @@ export default function NewCloudInstance() {
       const response = await fetch("https://api.utho.com/v2/cloud/deploy", {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+          "Authorization": UTHO_API_KEY,
           "Content-Type": "application/json"
         },
         body: JSON.stringify(payload)
@@ -139,7 +139,7 @@ export default function NewCloudInstance() {
       const response = await fetch('https://api.utho.com/v2/key/import', {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}`,
+          "Authorization": UTHO_API_KEY,
           "Content-Type": "application/json"
         },
         body: JSON.stringify({
@@ -153,7 +153,7 @@ export default function NewCloudInstance() {
       if (data.status === 'success') {
         // Refresh SSH keys list
         const sshResponse = await fetch("https://api.utho.com/v2/key", {
-          headers: { "Authorization": `Bearer ${PUBLIC_UTHO_API_KEY}` }
+          headers: { "Authorization": UTHO_API_KEY }
         });
         const sshData = await sshResponse.json();
         setSshKeys(sshData.key || []);

src/components/BuyServices/STTStreaming.jsx

@@ -10,7 +10,7 @@ const PRICE_CONFIG = [
     {purchaseType: 'bulk', price: 1000, minute: 10000}
 ];
 export default function STTStreaming(){
-    const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+    const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
     const [purchaseType, setPurchaseType] = useState();
     const [amount, setAmount] = useState();
     const [dataError, setDataError] = useState();
@@ -38,7 +38,7 @@ export default function STTStreaming(){
             formData.append('cycle', 'monthly');
             formData.append('amount', amount.toString());
             formData.append('service_type', 'streaming_api');
-            const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
+            const response = await fetch(`${USER_API_URL}?query=initiate_payment`, {
                 method: 'POST',
                 body: formData,  // Using FormData instead of JSON
                 credentials: 'include'

src/components/Comment copy.jsx

@@ -1,200 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Card } from "./ui/card";
-import { Label } from "./ui/label";
-import { Textarea } from "./ui/textarea";
-import { Button } from "./ui/button";
-import { useIsLoggedIn } from '../lib/isLoggedIn';
-
-const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
-
-export default function Comment(props) {
-  const [comments, setComments] = useState([]);
-  const [newComment, setNewComment] = useState({ comment: '' });
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submitSuccess, setSubmitSuccess] = useState(false);
-  const [submitError, setSubmitError] = useState('');
-  const [isLoadingComments, setIsLoadingComments] = useState(true);
-  const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
-
-  // Load comments when component mounts or when topicId changes
-  useEffect(() => {
-    if (props.topicId) {
-      fetchComments(props.topicId);
-    }
-  }, [props.topicId]);
-
-  const fetchComments = async (topicId) => {
-    setIsLoadingComments(true);
-    try {
-      const response = await fetch(`${COMMENTS_API_URL}?topicId=${topicId}`, {
-        method: 'GET',
-        credentials: 'include',
-      });
-      
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.message || 'Failed to fetch comments');
-      }
-      
-      if (data.success && data.comments) {
-        setComments(data.comments);
-      } else {
-        throw new Error('Invalid response format');
-      }
-    } catch (error) {
-      console.error('Error fetching comments:', error);
-      setSubmitError('Failed to load comments');
-    } finally {
-      setIsLoadingComments(false);
-    }
-  };
-  
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setNewComment(prev => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-
-  const handleSubmitComment = async (e) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitError('');
-    
-    try {
-      const response = await fetch(`${COMMENTS_API_URL}?query=new-comment`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          ...newComment,
-          topicId: props.topicId
-        }),
-      });
-
-      if (response.ok) {
-        setNewComment({ comment: '' });
-        setSubmitSuccess(true);
-        setTimeout(() => setSubmitSuccess(false), 3000);
-        
-        // Refresh comments after successful submission
-        await fetchComments(props.topicId);
-      } else {
-        const errorData = await response.json();
-        setSubmitError(errorData.message || 'Failed to submit comment');
-      }
-    } catch (error) {
-      setSubmitError('Network error. Please try again.');
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  const getUserInitials = (name) => {
-    if (!name) return 'U';
-    const words = name.trim().split(' ');
-    return words
-      .slice(0, 2)
-      .map(word => word[0].toUpperCase())
-      .join('');
-  };
-
-  return (
-    <>
-      {/* Comments List */}
-      <div className="space-y-6 border-t">
-        <h2 className="text-2xl font-bold text-[#6d9e37]">Comments ({comments.length})</h2>
-        
-        {isLoadingComments ? (
-          <div className="flex justify-center py-4">
-            {/* <div className="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-[#6d9e37]"></div> */}
-          </div>
-        ) : comments.length === 0 ? (
-          <p className="text-gray-500">No comments yet. Be the first to comment!</p>
-        ) : (
-          comments.map(comment => (
-            <div key={comment.id} className="border-b pb-6 last:border-b-0">
-              <div className="flex items-start gap-4">
-                <div className="flex-shrink-0">
-                  <div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold">
-                    {getUserInitials(comment.userName)}
-                  </div>
-                </div>
-                <div className="flex-1">
-                  <div className="flex items-center gap-2 mb-1">
-                    <h4 className="font-medium text-[#6d9e37]">
-                      {comment.userName || 'User'}
-                    </h4>
-                    <span className="text-xs text-gray-500">
-                      {new Date(comment.created_at).toLocaleDateString('en-US', { 
-                        year: 'numeric', 
-                        month: 'short', 
-                        day: 'numeric' 
-                      })}
-                    </span>
-                  </div>
-                  <p className="">{comment.comment}</p>
-                </div>
-              </div>
-            </div>
-          ))
-        )}
-      </div>
-
-      {/* Comments Section */}
-      <Card className="mt-16 border-t">
-        <div className="relative">
-          <div className="px-6 pb-6 rounded-lg">
-            <h3 className="text-lg font-medium mb-4 pt-8">Leave a Comment</h3>
-            {submitSuccess && (
-              <div className="mb-4 p-3 bg-green-100 text-green-700 rounded">
-                Thank you for your comment!
-              </div>
-            )}
-            {submitError && (
-              <div className="mb-4 p-3 bg-red-100 text-red-700 rounded">
-                {submitError}
-              </div>
-            )}
-            <form onSubmit={handleSubmitComment}>
-              <div className="mb-4">
-                <Label htmlFor="comment">Comment *</Label>
-                <Textarea 
-                  className="mt-2" 
-                  id="comment" 
-                  name="comment" 
-                  rows="4" 
-                  value={newComment.comment} 
-                  onChange={handleInputChange} 
-                  required 
-                  disabled={!isLoggedIn}
-                />
-              </div>
-              <Button type="submit" disabled={isSubmitting || !isLoggedIn}>
-                {isSubmitting ? 'Submitting...' : 'Post Comment'}
-              </Button>
-            </form>
-          </div>
-          {loading ? (
-            <>
-              <div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
-              <div className="w-10 h-10 rounded-full border-2 border-dotted border-[#6d9e37] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" role="status">
-                <span className="sr-only">Loading...</span>
-              </div>
-            </>
-          ) : !isLoggedIn ? (
-            <>
-              <div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
-              <p className="text-gray-100 bg-gray-700 p-2 rounded-md shadow-xl italic absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
-                Join the conversation! Log in or sign up to post a comment
-              </p>
-            </>
-          ) : null}
-        </div>
-      </Card>
-    </>
-  );
-}

src/components/CommentSystem/CommentSystem.jsx

@@ -1,183 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Card } from '../ui/card';
-import { Button } from '../ui/button';
-import { Textarea } from '../ui/textarea';
-import CommentThread from './CommentThread';
-import { token, user_name, pb_id, siliconId, isLogin } from '../../lib/CookieValues';
-import { useIsLoggedIn } from '../../lib/isLoggedIn';
-const CommentSystem = ({ topicId, pbId }) => {
-  const isLoginCoockie = JSON.parse(isLogin);
-  const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
-  const [comments, setComments] = useState([]);
-  const [newComment, setNewComment] = useState('');
-  const [commentsLoading, setCommentsLoading] = useState(false);
-  const [commentsError, setCommentsError] = useState('');
-
-  const nestComments = (flatComments) => {
-    const commentMap = {};
-    const rootComments = [];
-    
-    flatComments?.forEach(comment => {
-      comment.replies = [];
-      commentMap[comment.comment_id] = comment;
-    });
-    
-    flatComments?.forEach(comment => {
-      if (comment.parent_comment_id?.Valid) {
-        const parent = commentMap[comment.parent_comment_id.String];
-        if (parent) parent.replies.push(comment);
-      } else {
-        rootComments.push(comment);
-      }
-    });
-    
-    return rootComments.sort((a, b) => 
-      new Date(b.created_at) - new Date(a.created_at));
-  };
-
-  const fetchComments = async () => {
-    try {
-        setCommentsLoading(true);
-        setCommentsError('');
-        
-        const params = new URLSearchParams({
-            topic_id: String(topicId),
-        });
-        
-        // Only add silicon_id if it has a value
-        if (siliconId && siliconId !== 'null') {
-            params.append('silicon_id', siliconId);
-        }
-        
-        // Only add pb_id if it has a value
-        if (pb_id && pb_id !== 'null') {
-            params.append('pb_id', pb_id);
-        }
-        
-        const response = await fetch(`/api/comments?${params.toString()}`);
-        
-        if (!response.ok) {
-            const errorData = await response.json().catch(() => ({}));
-            throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-        }
-        
-        const flatComments = await response.json();
-        setComments(nestComments(flatComments || []));
-    } catch (err) {
-        setCommentsError(err.message);
-        console.error('Fetch error:', err);
-    } finally {
-        setCommentsLoading(false);
-    }
-  };
-
-  const postComment = async (text, parentId = null) => {
-    try {
-      setCommentsLoading(true);
-      
-      const payload = {
-        topic_id: String(topicId),
-        silicon_id: siliconId,
-        pb_id: pb_id,
-        user_id: siliconId,
-        user_name: user_name,
-        comment_text: text,
-        is_approved: true
-      };
-
-      if (parentId) {
-        payload.parent_comment_id = parentId;
-      }
-
-      const endpoint = parentId ? '/api/comments/reply' : '/api/comments';
-      
-      const response = await fetch(endpoint, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(payload)
-      });
-
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({}));
-        throw new Error(errorData.message || 'Failed to post comment');
-      }
-
-      await fetchComments();
-    } catch (err) {
-      setCommentsError(err.message);
-    } finally {
-      setCommentsLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    fetchComments();
-  }, [topicId, siliconId, pbId]);
-
-  return (
-    <div className=" mx-auto py-6 px-4 sm:px-6 lg:px-8">
-      <h2 className="text-2xl font-bold text-[#6d9e37] mb-6">Comments</h2>
-      
-      {commentsError && (
-        <div className="bg-red-50 text-red-700 p-3 rounded-md mb-4">
-          {commentsError}
-        </div>
-      )}
-      
-      {commentsLoading && comments.length === 0 ? (
-        <div className="text-center py-8 text-[#6d9e37]">Loading comments...</div>
-      ) : (
-        <div className="space-y-6">
-          {comments.length > 0 ? (
-            comments.map(comment => (
-              <CommentThread key={comment.comment_id}  comment={comment} onReply={postComment} />
-            ))
-          ) : (
-            <p className="text-center py-8 text-gray-500 italic">
-              No comments yet. Be the first to comment!
-            </p>
-          )}
-        </div>
-      )}
-      <div className='relative'>
-        {
-          isLoginCoockie !== true ? (
-            <div className="absolute bg-black bg-opacity-70 w-full h-full rounded-lg">
-              <div className='absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2'>
-                <p className='italic bg-[#2a2e35] px-2 py-1.5 rounded-md shadow-xl'>To join the conversation, please log in first.</p>
-              </div>
-            </div>
-          ) : (
-            ''
-          )
-        }
-        <Card className="mt-8 p-6">
-          <h3 className="text-lg font-medium mb-4">Add a Comment</h3>
-          <form onSubmit={(e) => {
-            e.preventDefault();
-            if (!newComment.trim()) return;
-            postComment(newComment);
-            setNewComment('');
-          }}>
-            <Textarea value={newComment} onChange={(e) => setNewComment(e.target.value)} placeholder="Share your thoughts..." className="min-h-[100px]" required minLength={1}/>
-            <div className="mt-4">
-              <Button type="submit"  disabled={commentsLoading || !newComment.trim()} className="w-full sm:w-auto">
-                {commentsLoading ? (
-                  <span className="flex items-center">
-                    <svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-                      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                    </svg>
-                    Posting...
-                  </span>
-                ) : 'Post Comment'}
-              </Button>
-            </div>
-          </form>
-        </Card>
-      </div>
-    </div>
-  );
-};
-
-export default CommentSystem;

src/components/CommentSystem/CommentThread.jsx

@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import { Button } from '../ui/button';
-import { Textarea } from '../ui/textarea';
-import { token, user_name, pb_id, siliconId, isLogin } from '../../lib/CookieValues';
-const CommentThread = ({ comment, depth = 0, onReply }) => {
-  const isLoginCoockie = JSON.parse(isLogin);
-  const [isReplying, setIsReplying] = useState(false);
-  const [replyText, setReplyText] = useState('');
-  const [replyError, setReplyError] = useState('')
-
-  const handleReplySubmit = (e) => {
-    e.preventDefault();
-    if (!replyText.trim()) return;
-    onReply(replyText, comment.comment_id);
-    setReplyText('');
-    setIsReplying(false);
-  };
-
-  return (
-    <div 
-      className={`mb-4 pl-${depth * 4} border-l-2 ${depth > 0 ? 'border-[#6d9e37]' : 'border-transparent'}`} 
-      style={{ marginLeft: `${depth * 0.5}rem` }}
-    >
-      <div className="bg-[#25272950] rounded-lg shadow-sm px-4 py-3 mb-2">
-        <div className="flex gap-3 items-center justify-center">
-          {/* User Avatar SVG */} 
-          <div className="flex-shrink-0 ">
-            <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" className="rounded-full bg-[#6d9e37] p-1"><path d="M20 20C24.1421 20 27.5 16.6421 27.5 12.5C27.5 8.35786 24.1421 5 20 5C15.8579 5 12.5 8.35786 12.5 12.5C12.5 16.6421 15.8579 20 20 20ZM20 23.75C14.2675 23.75 5 26.4825 5 32.1875V35H35V32.1875C35 26.4825 25.7325 23.75 20 23.75Z" fill="white"/></svg>
-          </div>
-  
-          <div className="flex-1">
-            <div className="flex justify-between items-start mb-1">
-              <span className="font-medium text-[#6d9e37]">{comment.user_name}</span>
-              <span className="text-xs text-gray-400">
-                {new Date(comment.created_at).toLocaleString()}
-              </span>
-            </div>
-            <p className="text-gray-100 mb-2 whitespace-pre-wrap">{comment.comment_text}</p>
-          </div>
-        </div>
-        {
-          isLoginCoockie === true && (
-            <Button variant="outline" className="border-none text-[#6d9e37] hover:text-[#8bc34a] hover:bg-transparent px-0 py-0 h-auto" onClick={() => setIsReplying(!isReplying)}>Reply</Button>
-          )
-        }
-        {isReplying && (
-          <form onSubmit={handleReplySubmit} className="mt-3 pl-11">
-            <Textarea value={replyText} onChange={(e) => setReplyText(e.target.value)} placeholder="Write your reply..." className="mb-2 min-h-[70px]" required minLength={1} />
-            <div className="flex gap-2">
-              <Button type="submit" size="sm" className="bg-[#6d9e37] hover:bg-[#8bc34a]">Post Reply</Button>
-              <Button type="button" variant="outline" size="sm" className="border-gray-600 text-gray-300 hover:border-[#6d9e37] hover:text-[#8bc34a]" onClick={() => setIsReplying(false)}>Cancel</Button>
-            </div>
-          </form>
-        )}
-      </div>
-  
-      {comment.replies?.map((reply) => (
-        <CommentThread key={reply.comment_id} comment={reply} depth={depth + 1} onReply={onReply}/>
-      ))}
-    </div>
-  );
-};
-
-export default CommentThread;

src/components/CommentSystem/index.js

@@ -1,5 +0,0 @@
-import CommentSystem from './CommentSystem';
-import CommentThread from './CommentThread';
-
-export default CommentSystem;
-export { CommentThread };

src/components/CommentWithMD.jsx

@@ -1,371 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import MDEditor, { commands } from '@uiw/react-md-editor';
-import { Card } from "./ui/card";
-import { Label } from "./ui/label"; 
-import { Button } from "./ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "./ui/dialog";
-import { Input } from "./ui/input";
-import { useIsLoggedIn } from '../lib/isLoggedIn';
-
-const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
-const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
-
-export default function Comment(props) {
-  const [comments, setComments] = useState([]);
-  const [newComment, setNewComment] = useState({ comment: '' });
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submitSuccess, setSubmitSuccess] = useState(false);
-  const [submitError, setSubmitError] = useState('');
-  const [isLoadingComments, setIsLoadingComments] = useState(true);
-  const [editorMode, setEditorMode] = useState('edit');
-  const [imageDialogOpen, setImageDialogOpen] = useState(false);
-  const [imageUrlInput, setImageUrlInput] = useState('');
-  const [imageUploadFile, setImageUploadFile] = useState(null);
-  const [imageUploadPreview, setImageUploadPreview] = useState('');
-  const [uploadProgress, setUploadProgress] = useState(0);
-  const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
-
-  // Custom image command for MDEditor
-  const customImageCommand = {
-    name: 'image',
-    keyCommand: 'image',
-    buttonProps: { 'aria-label': 'Insert image' },
-    icon: (
-      <svg width="12" height="12" viewBox="0 0 20 20">
-        <path fill="currentColor" d="M15 9c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4-7H1c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 13l-6-5-2 2-4-5-4 8V4h16v11z"/>
-      </svg>
-    ),
-    execute: () => {
-      setImageDialogOpen(true);
-    },
-  };
-
-  // Get all default commands and replace the image command
-  const allCommands = commands.getCommands().map(cmd => {
-    if (cmd.name === 'image') {
-      return customImageCommand;
-    }
-    return cmd;
-  });
-
-  // Load comments when component mounts
-  useEffect(() => {
-    if (props.topicId) {
-      fetchComments(props.topicId);
-    }
-  }, [props.topicId]);
-
-  const fetchComments = async (topicId) => {
-    setIsLoadingComments(true);
-    try {
-      const response = await fetch(`${COMMENTS_API_URL}?topicId=${topicId}`, {
-        method: 'GET',
-        credentials: 'include',
-      });
-      
-      const data = await response.json();
-      if (!response.ok) {
-        throw new Error(data.message || 'Failed to fetch comments');
-      }
-      
-      if (data.success && data.comments) {
-        setComments(data.comments);
-      } else {
-        throw new Error('Invalid response format');
-      }
-    } catch (error) {
-      console.error('Error fetching comments:', error);
-      setSubmitError('Failed to load comments');
-    } finally {
-      setIsLoadingComments(false);
-    }
-  };
-
-  // Upload file to MinIO
-  const uploadToMinIO = async (file) => {
-    const formData = new FormData();
-    formData.append('file', file);
-    formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
-
-    try {
-      const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
-        method: 'POST',
-        body: formData,
-        credentials: 'include'
-      });
-
-      if (!response.ok) {
-        throw new Error('Upload failed');
-      }
-
-      const data = await response.json();
-      return data.publicUrl;
-    } catch (error) {
-      console.error('Upload error:', error);
-      throw error;
-    }
-  };
-
-  // Handle image URL insertion
-  const handleInsertImageUrl = () => {
-    if (imageUrlInput) {
-      const imgMarkdown = `![Image](${imageUrlInput})`;
-      setNewComment(prev => ({
-        ...prev,
-        comment: prev.comment ? `${prev.comment}\n${imgMarkdown}` : imgMarkdown
-      }));
-      setImageDialogOpen(false);
-      setImageUrlInput('');
-    }
-  };
-
-  // Handle image file selection
-  const handleImageFileSelect = (e) => {
-    const file = e.target.files[0];
-    if (file) {
-      setImageUploadFile(file);
-      
-      // Create preview
-      const reader = new FileReader();
-      reader.onload = () => {
-        setImageUploadPreview(reader.result);
-      };
-      reader.readAsDataURL(file);
-    }
-  };
-
-  // Upload image file to MinIO and insert into editor
-  const handleImageUpload = async () => {
-    if (!imageUploadFile) return;
-    
-    try {
-      setIsSubmitting(true);
-      setUploadProgress(0);
-      
-      const uploadedUrl = await uploadToMinIO(imageUploadFile);
-      
-      // Insert markdown for the uploaded image
-      const imgMarkdown = `![Image](${uploadedUrl})`;
-      setNewComment(prev => ({
-        ...prev,
-        comment: prev.comment ? `${prev.comment}\n${imgMarkdown}` : imgMarkdown
-      }));
-      
-      setImageDialogOpen(false);
-      setImageUploadFile(null);
-      setImageUploadPreview('');
-    } catch (error) {
-      setSubmitError('Failed to upload image: ' + error.message);
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  const handleSubmitComment = async (e) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitError('');
-    
-    try {
-      const response = await fetch(`${COMMENTS_API_URL}?query=new-comment`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          ...newComment,
-          topicId: props.topicId
-        }),
-      });
-
-      if (response.ok) {
-        setNewComment({ comment: '' });
-        setSubmitSuccess(true);
-        setTimeout(() => setSubmitSuccess(false), 3000);
-        
-        // Refresh comments after successful submission
-        await fetchComments(props.topicId);
-      } else {
-        const errorData = await response.json();
-        setSubmitError(errorData.message || 'Failed to submit comment');
-      }
-    } catch (error) {
-      setSubmitError('Network error. Please try again.');
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  const getUserInitials = (name) => {
-    if (!name) return 'U';
-    const words = name.trim().split(' ');
-    return words
-      .slice(0, 2)
-      .map(word => word[0].toUpperCase())
-      .join('');
-  };
-
-  return (
-    <>
-      {/* Comments List */}
-      <div className="space-y-6 border-t">
-        <h2 className="text-2xl font-bold text-[#6d9e37]">Comments ({comments.length})</h2>
-        
-        {isLoadingComments ? (
-          <div className="flex justify-center py-4">
-            <div className="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-[#6d9e37]"></div>
-          </div>
-        ) : comments.length === 0 ? (
-          <p className="text-gray-500">No comments yet. Be the first to comment!</p>
-        ) : (
-          comments.map(comment => (
-            <div key={comment.id} className="border-b pb-6 last:border-b-0">
-              <div className="flex items-start gap-4">
-                <div className="flex-shrink-0">
-                  <div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center text-gray-500 font-bold">
-                    {getUserInitials(comment.userName)}
-                  </div>
-                </div>
-                <div className="flex-1">
-                  <div className="flex items-center gap-2 mb-1">
-                    <h4 className="font-medium text-[#6d9e37]">
-                      {comment.userName || 'User'}
-                    </h4>
-                    <span className="text-xs text-gray-500">
-                      {new Date(comment.created_at).toLocaleDateString('en-US', { 
-                        year: 'numeric', 
-                        month: 'short', 
-                        day: 'numeric' 
-                      })}
-                    </span>
-                  </div>
-                  <div data-color-mode="light" className="markdown-body">
-                    <MDEditor.Markdown source={comment.comment} />
-                  </div>
-                </div>
-              </div>
-            </div>
-          ))
-        )}
-      </div>
-
-      {/* Comments Section with MDEditor */}
-      <Card className="mt-16 border-t">
-        <div className="relative">
-          <div className="px-6 pb-6 rounded-lg">
-            <h3 className="text-lg font-medium mb-4 pt-8">Leave a Comment</h3>
-            {submitSuccess && (
-              <div className="mb-4 p-3 bg-green-100 text-green-700 rounded">
-                Thank you for your comment!
-              </div>
-            )}
-            {submitError && (
-              <div className="mb-4 p-3 bg-red-100 text-red-700 rounded">
-                {submitError}
-              </div>
-            )}
-            <form onSubmit={handleSubmitComment}>
-              <div className="mb-4">
-                <Label htmlFor="comment">Comment *</Label>
-                <div data-color-mode="light">
-                  <MDEditor
-                    placeholder="Write your comment (markdown supported)"
-                    value={newComment.comment}
-                    onChange={(value) => setNewComment(prev => ({ ...prev, comment: value || '' }))}
-                    height={300}
-                    preview={editorMode}
-                    commands={allCommands}
-                  />
-                </div>
-                <div className="flex justify-end mt-2">
-                  <button 
-                    type="button" 
-                    onClick={() => setEditorMode(editorMode === 'edit' ? 'preview' : 'edit')}
-                    className={`text-sm ${editorMode !== 'edit' ? 'bg-[#6d9e37] text-white' : 'text-[#6d9e37]'} px-2 py-1 rounded-md border border-[#6d9e37]`}
-                  >
-                    {editorMode === 'edit' ? 'Preview' : 'Edit'}
-                  </button>
-                </div>
-              </div>
-              <Button type="submit" disabled={isSubmitting || !isLoggedIn}>
-                {isSubmitting ? 'Submitting...' : 'Post Comment'}
-              </Button>
-            </form>
-          </div>
-
-          {/* Image Upload Dialog */}
-          <Dialog open={imageDialogOpen} onOpenChange={setImageDialogOpen}>
-            <DialogContent className="sm:max-w-[425px]">
-              <DialogHeader>
-                <DialogTitle>Insert Image</DialogTitle>
-              </DialogHeader>
-              <div className="grid gap-4 py-4">
-                <div className="space-y-2">
-                  <Label htmlFor="image-url">From URL</Label>
-                  <Input
-                    id="image-url"
-                    type="text"
-                    placeholder="Enter image URL"
-                    value={imageUrlInput}
-                    onChange={(e) => setImageUrlInput(e.target.value)}
-                  />
-                  <Button 
-                    type="button" 
-                    onClick={handleInsertImageUrl}
-                    disabled={!imageUrlInput}
-                    className="mt-2"
-                  >
-                    Insert Image
-                  </Button>
-                </div>
-                <div className="space-y-2">
-                  <Label htmlFor="image-upload">Upload Image</Label>
-                  <Input
-                    id="image-upload"
-                    type="file"
-                    accept="image/*"
-                    onChange={handleImageFileSelect}
-                  />
-                  {imageUploadPreview && (
-                    <div className="mt-2">
-                      <img 
-                        src={imageUploadPreview} 
-                        alt="Preview" 
-                        className="max-h-40 rounded-md border"
-                      />
-                    </div>
-                  )}
-                  <Button 
-                    type="button" 
-                    onClick={handleImageUpload}
-                    disabled={!imageUploadFile || isSubmitting}
-                    className="mt-2"
-                  >
-                    {isSubmitting ? 'Uploading...' : 'Upload & Insert'}
-                  </Button>
-                </div>
-              </div>
-            </DialogContent>
-          </Dialog>
-
-          {loading ? (
-            <>
-              <div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
-              <div className="w-10 h-10 rounded-full border-2 border-dotted border-[#6d9e37] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" role="status">
-                <span className="sr-only">Loading...</span>
-              </div>
-            </>
-          ) : !isLoggedIn ? (
-            <>
-              <div className="w-full h-full absolute bg-black inset-0 opacity-70 backdrop-blur-2xl rounded-lg" />
-              <p className="text-gray-100 bg-gray-700 p-2 rounded-md shadow-xl italic absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
-                Join the conversation! Log in or sign up to post a comment
-              </p>
-            </>
-          ) : null}
-        </div>
-      </Card>
-    </>
-  );
-}

src/components/ContactForm.jsx

@@ -7,8 +7,7 @@ import { Button } from './ui/button';
 export function ContactForm() {
   const [formState, setFormState] = useState({ name: '', email: '', company: '', service: '', message: '' });
   const [formStatus, setFormStatus] = useState('idle');
-  
+  const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
 
   const handleInputChange = (e) => {
     const { name, value } = e.target;
@@ -33,7 +32,7 @@ export function ContactForm() {
             message: formState.message
         };
 
-        const response = await fetch(`${PUBLIC_USER_API_URL}?query=contact-form`, {
+        const response = await fetch(`${USER_API_URL}?query=contact-form`, {
             method: "POST",
             credentials: "include",
             headers: {

src/components/DomainSetupForm.jsx

@@ -5,9 +5,8 @@ import { Button } from './ui/button';
 
 export const DomainSetupForm = ({ defaultSubdomain }) => {
   // API URLs
-
+  const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+  const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
-  const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
 
   // State for deployment options
   const [deploymentType, setDeploymentType] = useState('app');
@@ -114,7 +113,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
       formData.append('cycle', selectedCycle);
       formData.append('amount', selectedPrice.toString());
 
-      const response = await fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
+      const response = await fetch(`${API_URL}?query=initiate_payment`, {
         method: 'POST',
         body: formData,
         credentials: 'include'
@@ -167,7 +166,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
     setShowDnsConfig(false);
 
     try {
-      const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=validate-domain`, {
+      const response = await fetch(`${SERVICES_API_URL}?query=validate-domain`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ domain })
@@ -209,7 +208,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
   const checkSubDomainCname = useCallback(() => {
     const domainToCheck = customDomain || customSubdomain;
     
-    fetch(`${PUBLIC_SERVICE_API_URL}?query=check-c-name`, {
+    fetch(`${SERVICES_API_URL}?query=check-c-name`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
       body: `domain=${encodeURIComponent(domainToCheck)}`

src/components/DomainSetupForm_old.jsx

@@ -38,8 +38,9 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
 
 
   const [vpnContinent, setVpnContinent] = useState('');
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+  const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-  const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
+  const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
+  // const BILLING_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/index.php';
 
   const [selectedcycle, setSelectedcycle] = useState('');
   const [selectedPrice, setSelectedPrice] = useState(0);
@@ -69,7 +70,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
         formData.append('cycle', selectedcycle);
         formData.append('amount', selectedPrice); //selectedPrice
         
-        fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
+        fetch(`${API_URL}?query=initiate_payment`, {
           method: 'POST',
           body: formData,
           credentials: 'include'
@@ -104,7 +105,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
         formData.append('serviceId', 'vpnservices');
         formData.append('cycle', selectedcycle);
         formData.append('amount', selectedPrice);
-        fetch(`${PUBLIC_USER_API_URL}?query=initiate_payment`, {
+        fetch(`${API_URL}?query=initiate_payment`, {
           method: 'POST',
           body: formData,
           credentials: 'include'
@@ -294,7 +295,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
   
     try {
       // Make API call to validate domain
-      const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=validate-domain`, {
+      const response = await fetch(`${SERVICES_API_URL}?query=validate-domain`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json'
@@ -330,7 +331,7 @@ export const DomainSetupForm = ({ defaultSubdomain }) => {
   const checkSubDomainCname = () => {
     const domainToCheck = customDomain || customSubdomain;
     
-    fetch(`${PUBLIC_SERVICE_API_URL}?query=check-c-name`, {
+    fetch(`${SERVICES_API_URL}?query=check-c-name`, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded',

src/components/Login.tsx

@@ -34,11 +34,7 @@ const LoginPage = () => {
   const [status, setStatus] = useState<AuthStatus>({ message: '', isError: false });
   const [isLoading, setIsLoading] = useState(false);
 
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+  const pb = new PocketBase("https://tst-pb.s38.siliconpin.com");
-  const PUBLIC_HOST_API2_USERS = import.meta.env.PUBLIC_HOST_API2_USERS;
-  const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
-  
-  const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
 
   interface AuthResponse {
     token: string;
@@ -52,14 +48,6 @@ const LoginPage = () => {
     };
   }
   
-  // Set Coockie Function
-  function setCookie(name : string, value : string, daysToExpire : number) {
-    const date = new Date();
-    date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
-    const expires = "expires=" + date.toUTCString();
-    document.cookie = `${name}=${value}; ${expires}; path=/`;
-  }
-  
   const handleSubmit = async (e: FormEvent) => {
     e.preventDefault();
     setIsLoading(true);
@@ -135,9 +123,16 @@ const LoginPage = () => {
     }
   };
 
+  // Set Coockie Function
+  function setCookie(name : string, value : string, daysToExpire : number) {
+    const date = new Date();
+    date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
+    const expires = "expires=" + date.toUTCString();
+    document.cookie = `${name}=${value}; ${expires}; path=/`;
+  }
   const handleCreateUserInMongo = async (siliconId: string) => {
     try {
-      const response = await fetch(`${PUBLIC_HOST_API2_USERS}`, {
+      const response = await fetch(`https://hostapi2.cs1.hz.siliconpin.com/api/users`, {
         method: 'POST',
         credentials: 'include',
         headers: {
@@ -149,27 +144,22 @@ const LoginPage = () => {
         })
       });
   
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+  
       const data = await response.json();
-      
+      console.log('MongoDB Response:', data);
-      if (response.ok) {
+      return data;
-        if (response.status === 200 && data.message) {
-          console.log('User exists:', data.message);
-          return data.user; // return the existing user
-        }
-        console.log('New user created:', data);
-        return data; // return the new user
-      }
-      
-      throw new Error(data.error || `HTTP error! status: ${response.status}`);
     } catch (error) {
       console.error('MongoDB Creation Error:', error);
-      throw error;
+      throw error; // Return Error
     }
   };
   const syncSessionWithBackend = async (authData: AuthResponse, avatarUrl: string) => {
     try {
       // Step 1: Sync with SiliconPin backend
-      const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
+      const response = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/users/?query=login', {
         method: 'POST',
         credentials: 'include',
         headers: { 
@@ -201,14 +191,7 @@ const LoginPage = () => {
       
       // Step 3: Redirect to profile if all are ok
       window.location.href = '/profile';
-      console.log('data', data)
       setCookie('token', data.userData.accessToken, 7); 
-      setCookie('user_name', authData.record.name, 7);
-      setCookie('pb_id', authData.record.id, 7);
-      setCookie('siliconId', data.userData.userId, 7);
-      setCookie('isLogin', JSON.stringify(true), 7);
-
-
       return data;
     } catch (error: any) {
       console.error('Sync Error:', error);

src/components/MakePayment.jsx

@@ -7,9 +7,7 @@ import { Toast } from './Toast';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "./ui/card";
 import { FileX, Copy, CheckCircle2, AlertCircle, X  } from "lucide-react";
 import Loader from "./ui/loader";
-
+const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
-
 export default function MakePayment(){
     const [initialOrderData, setInitialOrderData] = useState(null);
     const [isLoading, setIsLoading] = useState(true);
@@ -38,7 +36,7 @@ export default function MakePayment(){
             const formData = new FormData();
             formData.append('order_id', orderId);
             
-            fetch(`${PUBLIC_USER_API_URL}?query=get-initiated_payment`, {
+            fetch(`${API_URL}?query=get-initiated_payment`, {
                 method: 'POST',
                 body: formData,
                 credentials: 'include'
@@ -156,7 +154,7 @@ export default function MakePayment(){
 
     const handleSaveUPIPayment = async () => {
         try {
-          const response = await fetch(`${PUBLIC_USER_API_URL}?query=save-upi-payment`, {
+          const response = await fetch(`${API_URL}?query=save-upi-payment`, {
             method: 'POST',
             credentials: 'include',
             headers: {

src/components/Manager/AllCustomerList.jsx

@@ -5,7 +5,7 @@ import { ChevronUp, ChevronDown, Eye, Pencil, Trash2, Download, CircleArrowRight
 import { Button } from "../../components/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
 export default function AllCustomerList() {
-    const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+    const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
     const { isLoggedIn, loading, error, sessionData } = useIsLoggedIn();
     const [usersData, setUsersData] = useState([]);
     const [dataLoading, setDataLoading] = useState(true);
@@ -28,7 +28,7 @@ export default function AllCustomerList() {
     const fetchUsersData = async () => {
         setDataLoading(true);
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}?query=get-all-users`, {
+            const res = await fetch(`${API_URL}?query=get-all-users`, {
                 method: 'GET',
                 credentials: 'include',
                 headers: {
@@ -76,7 +76,7 @@ export default function AllCustomerList() {
 
     const confirmDelete = async () => {
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}${currentUser.id}`, {
+            const res = await fetch(`${API_URL}${currentUser.id}`, {
                 method: 'DELETE',
                 credentials: 'include',
                 headers: {
@@ -96,7 +96,7 @@ export default function AllCustomerList() {
 
     const saveUserChanges = async (updatedUser) => {
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}${updatedUser.id}`, {
+            const res = await fetch(`${API_URL}${updatedUser.id}`, {
                 method: 'PUT',
                 credentials: 'include',
                 headers: {

src/components/Manager/AllSellingList.jsx

@@ -37,7 +37,7 @@ export default function AllSellingList() {
     const [currentPage, setCurrentPage] = useState(1);
     const [itemsPerPage] = useState(10);
     
-    const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+    const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
 
     useEffect(() => {
         if (isLoggedIn && sessionData?.user_type === 'admin') {
@@ -49,7 +49,7 @@ export default function AllSellingList() {
     const fetchBillingData = async () => {
         try {
             setDataLoading(true);
-            const res = await fetch(`${PUBLIC_USER_API_URL}?query=all-selling-list`, {
+            const res = await fetch(`${INVOICE_API_URL}?query=all-selling-list`, {
                 method: 'GET',
                 credentials: 'include',
                 headers: {
@@ -69,7 +69,7 @@ export default function AllSellingList() {
 
     const fetchUsersData = async () => {
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}?query=get-all-users`, {
+            const res = await fetch(`${INVOICE_API_URL}?query=get-all-users`, {
                 method: 'GET',
                 credentials: 'include',
                 headers: {
@@ -122,7 +122,7 @@ export default function AllSellingList() {
         if (!window.confirm('Are you sure you want to delete this billing record?')) return;
         
         try {
-            const res = await fetch(`${PUBLIC_USER_API_URL}?query=delete-billing&billingId=${billingId}&serviceType=${serviceType}`, {
+            const res = await fetch(`${INVOICE_API_URL}?query=delete-billing&billingId=${billingId}&serviceType=${serviceType}`, {
                 method: 'DELETE',
                 credentials: 'include',
                 headers: {
@@ -150,7 +150,7 @@ export default function AllSellingList() {
     const handleSubmit = async (e) => {
         e.preventDefault();
         try {
-            const url = selectedItem ? `${PUBLIC_USER_API_URL}?query=update-billing&id=${selectedItem.id}` : `${PUBLIC_USER_API_URL}?query=create-billing`;
+            const url = selectedItem ? `${INVOICE_API_URL}?query=update-billing&id=${selectedItem.id}` : `${INVOICE_API_URL}?query=create-billing`;
             
             const method = selectedItem ? 'PUT' : 'POST';
             
@@ -774,7 +774,7 @@ export default function AllSellingList() {
                                 </div>
                                 <div className="">
                                     <label htmlFor="remarks" className="block text-sm font-medium text-gray-700 mb-1">Remarks</label>
-                                    <textarea name="remarks" value={formData.remarks} onChange={handleInputChange} className="w-full px-3 py-2 border border-[#6d9e37] rounded-md outline-none text-neutral-950"></textarea>
+                                    <input type="text" name="remarks" value={formData.remarks} onChange={handleInputChange} className="w-full px-3 py-2 border border-[#6d9e37] rounded-md outline-none text-neutral-950" />
                                 </div>
                             </div>
 

src/components/Manager/HetznerList.jsx

@@ -11,13 +11,13 @@ export default function HetznerServicesList() {
   const { showToast } = useToast();
   const [isLoading, setIsLoading] = useState(true);
   const [servers, setServers] = useState([]);
-  const PUBLIC_HETZNER_API_KEY = import.meta.env.PUBLIC_HETZNER_API_KEY;
+  const HETZNER_API_KEY = "uMSBR9nxdtbuvazsVM8YMMDd0PvuynpgJbmzFIO47HblMlh7tlHT8wV05sQ28Squ"; // Replace with your actual API key
 
   // Define fetchServers outside useEffect so it can be reused
   const fetchServers = async () => {
     try {
       const response = await fetch("https://api.hetzner.cloud/v1/servers", {
-        headers: { "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}` }
+        headers: { "Authorization": `Bearer ${HETZNER_API_KEY}` }
       });
       const data = await response.json();
       setServers(data.servers || []);
@@ -42,7 +42,7 @@ export default function HetznerServicesList() {
       const response = await fetch(`https://api.hetzner.cloud/v1/servers/${serverId}/actions/${action}`, {
         method: "POST",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
+          "Authorization": `Bearer ${HETZNER_API_KEY}`,
           "Content-Type": "application/json"
         }
       });
@@ -77,7 +77,7 @@ export default function HetznerServicesList() {
       const response = await fetch(`https://api.hetzner.cloud/v1/servers/${serverId}`, {
         method: "DELETE",
         headers: {
-          "Authorization": `Bearer ${PUBLIC_HETZNER_API_KEY}`,
+          "Authorization": `Bearer ${HETZNER_API_KEY}`,
           "Content-Type": "application/json"
         }
       });

src/components/Manager/ViewAsUser.jsx

@@ -19,7 +19,8 @@ export default function ViewAsUser() {
   const [dataError, setDataError] = useState(null);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedInvoice, setSelectedInvoice] = useState(null);
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+  
+  const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
 
   useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
@@ -35,7 +36,7 @@ export default function ViewAsUser() {
     
     try {
       const response = await fetch(
-        `${PUBLIC_USER_API_URL}?query=login-from-admin&siliconId=${id}`, 
+        `${USER_API_URL}?query=login-from-admin&siliconId=${id}`, 
         {
           method: 'GET',
           credentials: 'include',

src/components/MyTopic.jsx

@@ -5,7 +5,6 @@ import Loader from "./ui/loader";
 const topicPageDesc = 'Cutting-edge discussions on tech, digital services, news, and digital freedom. Stay informed on AI, cybersecurity, privacy, and the future of innovation.';
 
 export default function TopicCreation(props) {
-    const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
     const { isLoggedIn, loading: authLoading, error: authError } = useIsLoggedIn();
     const [topics, setTopics] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -14,7 +13,7 @@ export default function TopicCreation(props) {
     useEffect(() => {
         const fetchTopics = async () => {
             try {
-                const res = await fetch(`${PUBLIC_TOPIC_API_URL}?query=my-topics`, {
+                const res = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=my-topics', {
                     method: 'GET',
                     credentials: 'include',
                     headers: {

src/components/NewTopic copy.jsx

@@ -8,8 +8,8 @@ import { Separator } from './ui/separator';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
 import { CustomTabs } from './ui/tabs';
 
-const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
+const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
-const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
+const MINIO_UPLOAD_URL = 'https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload';
 
 const NewTopic = () => {
 
@@ -34,7 +34,7 @@ const NewTopic = () => {
     formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
 
     try {
-      const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
+      const response = await fetch(MINIO_UPLOAD_URL, {
         method: 'POST',
         body: formData,
         credentials: 'include',
@@ -185,7 +185,7 @@ const NewTopic = () => {
       };
 
       // Submit to API
-      const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=create-new-topic`, {
+      const response = await fetch(`${TOPIC_API_URL}?query=create-new-topic`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

src/components/NewTopic.jsx

@@ -7,9 +7,8 @@ import { Button } from './ui/button';
 import { Separator } from './ui/separator';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
 import { CustomTabs } from './ui/tabs';
-
+const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
-const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
+const MINIO_UPLOAD_URL = 'https://hostapi2.cs1.hz.siliconpin.com/api/storage/upload';
-const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
 
 const NewTopic = () => {
 
@@ -34,7 +33,7 @@ const NewTopic = () => {
     formData.append('api_key', 'wweifwehfwfhwhtuyegbvijvbfvegfreyf');
 
     try {
-      const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
+      const response = await fetch(MINIO_UPLOAD_URL, {
         method: 'POST',
         body: formData,
         credentials: 'include'
@@ -186,7 +185,7 @@ const NewTopic = () => {
       };
 
       // Submit to API
-      const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=create-new-topic`, {
+      const response = await fetch(`${TOPIC_API_URL}?query=create-new-topic`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

src/components/PasswordUpdateCard.tsx

@@ -6,8 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/
 import { Eye, EyeOff, Loader2 } from "lucide-react";
 import { Label } from "./ui/label";
 // import type { RecordModel } from 'pocketbase';
-const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
+const pb = new PocketBase('https://tst-pb.s38.siliconpin.com');
-const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
 
 interface RecordModel {
   id: string;

src/components/PaymentSuccessfully.jsx

@@ -12,8 +12,9 @@ export default function HestiaCredentialsFetcher() {
   const [serviceName, setServiceName] = useState(null);
   const [serviceOrderId, setServiceOrderId] = useState(null);
   const [userSiliconId, setUserSiliconId] = useState();
-  const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
+
-  const PUBLIC_HOST_API2_USERS = import.meta.env.PUBLIC_HOST_API2_USERS;
+  const SERVICES_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/';
+  
   useEffect(() => {
     const fetchData = async () => {
       const urlParams = new URLSearchParams(window.location.search);
@@ -47,7 +48,7 @@ export default function HestiaCredentialsFetcher() {
             status: "active"
         }
         // console.log('serviceDataPayload', serviceDataPayload)
-        const response = await fetch(`${PUBLIC_HOST_API2_USERS}/${siliconId}/${query}`, {
+        const response = await fetch(`https://hostapi2.cs1.hz.siliconpin.com/api/users/${siliconId}/${query}`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -73,7 +74,7 @@ export default function HestiaCredentialsFetcher() {
       // Use the passed orderIdParam or fall back to state
       const effectiveOrderId = orderIdParam || serviceOrderId;
       const query = serviceToCall === 'vpn' ? 'get-vpn-cred' : 'get-hestia-cred';
-      const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=${query}&orderId=${effectiveOrderId}`, {
+      const response = await fetch(`${SERVICES_API_URL}?query=${query}&orderId=${effectiveOrderId}`, {
         method: 'GET',
         credentials: 'include',
       });

src/components/SignupPage.tsx

@@ -38,10 +38,8 @@ const SignupPage = () => {
   const [confirmPasswordVisible, setConfirmPasswordVisible] = useState(false);
   const [status, setStatus] = useState<AuthStatus>({ message: '', isError: false });
   const [isLoading, setIsLoading] = useState(false);
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
-  const PUBLIC_POCKETBASE_URL = import.meta.env.PUBLIC_POCKETBASE_URL;
 
-  const pb = new PocketBase(PUBLIC_POCKETBASE_URL);
+  const pb = new PocketBase("https://tst-pb.s38.siliconpin.com");
 
   const handleSubmit = async (e: FormEvent) => {
     e.preventDefault();
@@ -137,7 +135,7 @@ const SignupPage = () => {
 
   const syncSessionWithBackend = async (authData: AuthResponse, avatarUrl: string) => {
     try {
-      const response = await fetch(`${PUBLIC_USER_API_URL}?query=login`, {
+      const response = await fetch('https://host-api.cs1.hz.siliconpin.com/v1/users/?query=login', {
         method: 'POST',
         credentials: 'include',
         headers: { 'Content-Type': 'application/json' },

src/components/Ticket.tsx

@@ -27,7 +27,7 @@ interface Message {
   user_type: string;
 }
 
-const PUBLIC_TICKET_API_URL = import.meta.env.PUBLIC_TICKET_API_URL;
+const API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/ticket/index.php';
 
 function Ticketing() {
   const [tickets, setTickets] = useState<Ticket[]>([]);
@@ -47,7 +47,7 @@ function Ticketing() {
 
   const fetchTickets = async () => {
     try {
-      const response = await fetch(`${PUBLIC_TICKET_API_URL}?action=get_tickets&status=${activeTab}`);
+      const response = await fetch(`${API_URL}?action=get_tickets&status=${activeTab}`);
       const data = await response.json();
       if (data.success) {
         setTickets(data.tickets);
@@ -59,7 +59,7 @@ function Ticketing() {
 
   const fetchMessages = async (ticketId: number) => {
     try {
-      const response = await fetch(`${PUBLIC_TICKET_API_URL}?action=get_messages&ticket_id=${ticketId}`);
+      const response = await fetch(`${API_URL}?action=get_messages&ticket_id=${ticketId}`);
       const data = await response.json();
       console.log('Messages response:', data); // Debug log
       if (data.success) {
@@ -78,7 +78,7 @@ function Ticketing() {
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     try {
-      const response = await fetch(PUBLIC_TICKET_API_URL, {
+      const response = await fetch(API_URL, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
@@ -99,7 +99,7 @@ function Ticketing() {
 
   const handleStatusChange = async (ticketId: number, newStatus: 'open' | 'in-progress' | 'resolved' | 'closed') => {
     try {
-      const response = await fetch(PUBLIC_TICKET_API_URL, {
+      const response = await fetch(API_URL, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
@@ -124,7 +124,7 @@ function Ticketing() {
     if (!selectedTicket || !newMessage.trim()) return;
     
     try {
-      const response = await fetch(PUBLIC_TICKET_API_URL, {
+      const response = await fetch(API_URL, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
@@ -146,7 +146,7 @@ function Ticketing() {
 
   const handleDeleteTicket = async (ticketId: number) => {
     try {
-      const response = await fetch(PUBLIC_TICKET_API_URL, {
+      const response = await fetch(API_URL, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({

src/components/Tools/AudioToText.jsx

@@ -1,773 +0,0 @@
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { Button } from '../ui/button';
-
-const API_OPTIONS = [
-  {
-    id: 'whisper',
-    name: 'Whisper (GPU)',
-    endpoint: 'https://stt-41.siliconpin.com/stt',
-    description: '2 Req / Min, 10 / Day is free'
-  },
-  {
-    id: 'vosk',
-    name: 'Vosk (CPU)',
-    endpoint: 'https://api.vosk.ai/stt',
-    description: '10 Req / Min, 100 / Day is free'
-  },
-];
-
-const MAX_FILE_SIZE_MB = 5;
-const MAX_FILE_SIZE_BYTES = MAX_FILE_SIZE_MB * 1024 * 1024;
-
-export default function AudioUploader() {
-  // State management
-  const [file, setFile] = useState(null);
-  const [status, setStatus] = useState('No file uploaded yet');
-  const [response, setResponse] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [selectedApi, setSelectedApi] = useState('whisper');
-  const [copied, setCopied] = useState(false);
-  const [debugLogs, setDebugLogs] = useState([]);
-  const [recordingTime, setRecordingTime] = useState(0);
-  const [isRecording, setIsRecording] = useState(false);
-  const [audioBlob, setAudioBlob] = useState(null);
-  const [audioUrl, setAudioUrl] = useState(null);
-  const [showDebug, setShowDebug] = useState(false);
-
-  // Refs
-  const fileInputRef = useRef(null);
-  const mediaRecorderRef = useRef(null);
-  const audioChunksRef = useRef([]);
-  const timerRef = useRef(null);
-  const audioContextRef = useRef(null);
-  const analyserRef = useRef(null);
-  const canvasRef = useRef(null);
-  const animationRef = useRef(null);
-  const streamRef = useRef(null);
-
-  // Debug logging with useCallback to prevent infinite loops
-  const addDebugLog = useCallback((message) => {
-    const timestamp = new Date().toISOString().split('T')[1].split('.')[0];
-    const logMessage = `${timestamp}: ${message}`;
-    setDebugLogs(prev => [...prev.slice(-100), logMessage]);
-    console.debug(logMessage);
-  }, []);
-
-  // Timer effect
-  useEffect(() => {
-    if (isRecording) {
-      timerRef.current = setInterval(() => {
-        setRecordingTime(prev => prev + 1);
-      }, 1000);
-      return () => clearInterval(timerRef.current);
-    }
-  }, [isRecording]);
-
-  // Clean up on unmount
-  useEffect(() => {
-    return () => {
-      addDebugLog('Component unmounting - cleaning up resources');
-      stopRecording();
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-      if (audioContextRef.current?.state !== 'closed') {
-        audioContextRef.current?.close().catch(err => {
-          addDebugLog(`Error closing AudioContext: ${err.message}`);
-        });
-      }
-      clearInterval(timerRef.current);
-    };
-  }, [addDebugLog]);
-
-  // Handle file change - completely stable implementation
-  const handleFileChange = useCallback((e) => {
-    const selectedFile = e.target.files[0];
-    if (!selectedFile) {
-      setFile(null);
-      setStatus('No file selected');
-      addDebugLog('No file selected');
-      return;
-    }
-
-    if (!['audio/wav', 'audio/mpeg', 'audio/ogg', 'audio/webm'].includes(selectedFile.type) && 
-        !selectedFile.name.match(/\.(wav|mp3|ogg|webm)$/i)) {
-      const errorMsg = 'Unsupported file format. Please use WAV, MP3, or OGG';
-      setError(errorMsg);
-      setStatus('Invalid file type');
-      setFile(null);
-      e.target.value = '';
-      addDebugLog(errorMsg);
-      return;
-    }
-
-    if (selectedFile.size > MAX_FILE_SIZE_BYTES) {
-      const errorMsg = `File size exceeds ${MAX_FILE_SIZE_MB}MB limit`;
-      setError(errorMsg);
-      setStatus('File too large');
-      setFile(null);
-      e.target.value = '';
-      addDebugLog(errorMsg);
-      return;
-    }
-
-    setFile(selectedFile);
-    setStatus(`File selected: ${selectedFile.name}`);
-    setResponse(null);
-    setError(null);
-    setAudioBlob(null);
-    setAudioUrl(null);
-    addDebugLog(`File selected: ${selectedFile.name} (${(selectedFile.size / (1024 * 1024)).toFixed(2)} MB)`);
-  }, [addDebugLog]);
-
-  // Create WAV blob - stable implementation
-  const createWavBlob = useCallback(async (audioBlob) => {
-    try {
-      addDebugLog('Starting WAV blob creation');
-      const arrayBuffer = await audioBlob.arrayBuffer();
-      const audioContext = new (window.AudioContext || window.webkitAudioContext)({
-        sampleRate: 16000
-      });
-      
-      const decodedData = await audioContext.decodeAudioData(arrayBuffer);
-      addDebugLog(`Decoded audio data: ${decodedData.length} samples, ${decodedData.numberOfChannels} channels`);
-      
-      let audioData;
-      if (decodedData.numberOfChannels > 1) {
-        audioData = new Float32Array(decodedData.length);
-        for (let i = 0; i < decodedData.length; i++) {
-          audioData[i] = (decodedData.getChannelData(0)[i] + decodedData.getChannelData(1)[i]) / 2;
-        }
-        addDebugLog('Converted stereo to mono');
-      } else {
-        audioData = decodedData.getChannelData(0);
-      }
-      
-      const pcmData = new Int16Array(audioData.length);
-      for (let i = 0; i < audioData.length; i++) {
-        const s = Math.max(-1, Math.min(1, audioData[i]));
-        pcmData[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;
-      }
-      addDebugLog(`Converted to 16-bit PCM: ${pcmData.length} samples`);
-      
-      const wavHeader = createWaveHeader(pcmData.length * 2, {
-        sampleRate: 16000,
-        numChannels: 1,
-        bitDepth: 16
-      });
-      
-      const wavBlob = new Blob([wavHeader, pcmData], { type: 'audio/wav' });
-      addDebugLog(`Created WAV blob: ${(wavBlob.size / 1024).toFixed(2)} KB`);
-      return wavBlob;
-    } catch (err) {
-      const errorMsg = `Error creating WAV blob: ${err.message}`;
-      addDebugLog(errorMsg);
-      throw new Error('Failed to process audio recording');
-    }
-  }, [addDebugLog]);
-
-  // Handle submit - stable implementation
-  const handleSubmit = useCallback(async () => {
-    let fileToSubmit;
-    
-    try {
-      setIsLoading(true);
-      const apiName = API_OPTIONS.find(api => api.id === selectedApi)?.name;
-      setStatus(`Processing with ${apiName}...`);
-      setError(null);
-      addDebugLog(`Starting submission with ${apiName}`);
-
-      if (audioBlob) {
-        addDebugLog('Processing recorded audio blob');
-        fileToSubmit = await createWavBlob(audioBlob);
-      } else if (file) {
-        addDebugLog('Processing uploaded file');
-        fileToSubmit = file;
-      } else {
-        const errorMsg = 'No audio file selected';
-        addDebugLog(errorMsg);
-        throw new Error(errorMsg);
-      }
-
-      if (fileToSubmit.size > MAX_FILE_SIZE_BYTES) {
-        const errorMsg = `File size exceeds ${MAX_FILE_SIZE_MB}MB limit`;
-        addDebugLog(errorMsg);
-        throw new Error(errorMsg);
-      }
-
-      const formData = new FormData();
-      formData.append('audio', fileToSubmit, 'audio.wav');
-      addDebugLog(`Created FormData with ${(fileToSubmit.size / 1024).toFixed(2)} KB file`);
-
-      const apiConfig = API_OPTIONS.find(api => api.id === selectedApi);
-      if (!apiConfig) {
-        const errorMsg = 'Selected API not found';
-        addDebugLog(errorMsg);
-        throw new Error(errorMsg);
-      }
-
-      addDebugLog(`Sending request to ${apiConfig.endpoint}`);
-      const apiResponse = await fetch(apiConfig.endpoint, {
-        method: 'POST',
-        body: formData,
-      });
-
-      if (!apiResponse.ok) {
-        let errorMessage = `API returned error status: ${apiResponse.status}`;
-        try {
-          const errorData = await apiResponse.json();
-          errorMessage = errorData.message || errorData.error || errorMessage;
-        } catch (e) {
-          addDebugLog('Failed to parse error response');
-        }
-        addDebugLog(`API error: ${errorMessage}`);
-        throw new Error(errorMessage);
-      }
-
-      const result = await apiResponse.json();
-      addDebugLog('Received successful response from API');
-      setResponse({
-        api: selectedApi,
-        data: result
-      });
-      setStatus('Processing complete');
-    } catch (err) {
-      const errorMsg = err.message.includes('Failed to fetch') 
-        ? 'Network error: Could not connect to the API server' 
-        : err.message;
-      addDebugLog(`Error during submission: ${errorMsg}`);
-      setError(errorMsg);
-      setStatus('Processing failed');
-      setResponse(null);
-    } finally {
-      setIsLoading(false);
-      addDebugLog('Submission process completed');
-    }
-  }, [selectedApi, audioBlob, file, createWavBlob, addDebugLog]);
-
-  // Helper functions
-  const createWaveHeader = useCallback((dataLength, config) => {
-    const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
-    const blockAlign = config.numChannels * (config.bitDepth / 8);
-
-    const buffer = new ArrayBuffer(44);
-    const view = new DataView(buffer);
-
-    writeString(view, 0, 'RIFF');
-    view.setUint32(4, 36 + dataLength, true);
-    writeString(view, 8, 'WAVE');
-    writeString(view, 12, 'fmt ');
-    view.setUint32(16, 16, true);
-    view.setUint16(20, 1, true);
-    view.setUint16(22, config.numChannels, true);
-    view.setUint32(24, config.sampleRate, true);
-    view.setUint32(28, byteRate, true);
-    view.setUint16(32, blockAlign, true);
-    view.setUint16(34, config.bitDepth, true);
-    writeString(view, 36, 'data');
-    view.setUint32(40, dataLength, true);
-
-    return new Uint8Array(buffer);
-  }, []);
-
-  const writeString = useCallback((view, offset, string) => {
-    for (let i = 0; i < string.length; i++) {
-      view.setUint8(offset + i, string.charCodeAt(i));
-    }
-  }, []);
-
-  const copyToClipboard = useCallback((text) => {
-    navigator.clipboard.writeText(text).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-      addDebugLog('Text copied to clipboard');
-    }).catch(err => {
-      const errorMsg = 'Failed to copy text to clipboard';
-      addDebugLog(`${errorMsg}: ${err.message}`);
-      setError(errorMsg);
-    });
-  }, [addDebugLog]);
-
-  // Fixed getDisplayText to prevent infinite loops
-  const displayText = useMemo(() => {
-    if (!response?.data) {
-      addDebugLog('No response data to display');
-      return null;
-    }
-    
-    if (typeof response.data === 'string') {
-      return response.data;
-    }
-    if (response.data.text) {
-      return response.data.text;
-    }
-    if (response.data.transcript) {
-      return response.data.transcript;
-    }
-    if (response.data.results?.[0]?.alternatives?.[0]?.transcript) {
-      return response.data.results[0].alternatives[0].transcript;
-    }
-    
-    return "Received response but couldn't extract text. View full response for details.";
-  }, [response, addDebugLog]);
-
-  // Recording functions
-  const startRecording = useCallback(async () => {
-    try {
-      addDebugLog('Attempting to start recording');
-      setStatus("Requesting microphone access...");
-      
-      if (audioBlob) {
-        addDebugLog('Clearing previous recording');
-        setAudioBlob(null);
-        setAudioUrl(null);
-      }
-      
-      // Initialize audio context
-      audioContextRef.current = new (window.AudioContext || window.webkitAudioContext)({
-        sampleRate: 16000
-      });
-      addDebugLog(`AudioContext created with sample rate: ${audioContextRef.current.sampleRate}`);
-      
-      // Get user media
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      streamRef.current = stream;
-      addDebugLog('Microphone access granted, stream created');
-      
-      // Setup visualization
-      setupVisualizer(stream);
-      
-      // Initialize MediaRecorder
-      mediaRecorderRef.current = new MediaRecorder(stream);
-      audioChunksRef.current = [];
-      
-      mediaRecorderRef.current.ondataavailable = (e) => {
-        audioChunksRef.current.push(e.data);
-      };
-      
-      mediaRecorderRef.current.onstop = () => {
-        const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });
-        setAudioBlob(audioBlob);
-        setAudioUrl(URL.createObjectURL(audioBlob));
-        setStatus("Recording stopped. Ready to process.");
-      };
-      
-      mediaRecorderRef.current.start(100); // Collect data every 100ms
-      setIsRecording(true);
-      setStatus("Recording (16kHz, 16-bit mono)...");
-      addDebugLog('Recording started');
-      
-    } catch (err) {
-      const errorMsg = `Error starting recording: ${err.message}`;
-      addDebugLog(errorMsg);
-      setError(errorMsg);
-      setStatus("Recording failed");
-      setIsRecording(false);
-    }
-  }, [audioBlob, addDebugLog]);
-
-  const stopRecording = useCallback(() => {
-    addDebugLog('Stop recording initiated');
-    if (!isRecording) {
-      addDebugLog('Not currently recording, ignoring stop request');
-      return;
-    }
-    
-    try {
-      setIsRecording(false);
-      addDebugLog('Recording state updated to false');
-      
-      if (mediaRecorderRef.current?.state === 'recording') {
-        mediaRecorderRef.current.stop();
-      }
-      
-      if (streamRef.current) {
-        streamRef.current.getTracks().forEach(track => {
-          track.stop();
-          addDebugLog(`Stopped track: ${track.kind}`);
-        });
-      }
-      
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-        animationRef.current = null;
-        addDebugLog('Visualization animation stopped');
-      }
-      
-      addDebugLog('Recording successfully stopped');
-    } catch (err) {
-      const errorMsg = `Error stopping recording: ${err.message}`;
-      addDebugLog(errorMsg);
-      setError(errorMsg);
-      setStatus("Recording stop failed");
-    }
-  }, [isRecording, addDebugLog]);
-
-  const playRecording = useCallback(() => {
-    if (audioUrl) {
-      addDebugLog('Playing recording');
-      const audio = new Audio(audioUrl);
-      audio.play();
-      setStatus("Playing recording...");
-      
-      audio.onended = () => {
-        addDebugLog('Playback finished');
-        setStatus("Playback finished");
-      };
-    } else {
-      addDebugLog('No audio URL available for playback');
-    }
-  }, [audioUrl, addDebugLog]);
-
-  const setupVisualizer = useCallback((stream) => {
-    if (!audioContextRef.current) {
-      addDebugLog('AudioContext not available for visualization');
-      return;
-    }
-    
-    try {
-      const source = audioContextRef.current.createMediaStreamSource(stream);
-      analyserRef.current = audioContextRef.current.createAnalyser();
-      analyserRef.current.fftSize = 64;
-      source.connect(analyserRef.current);
-      addDebugLog('Visualizer audio nodes connected');
-      
-      const bufferLength = analyserRef.current.frequencyBinCount;
-      const dataArray = new Uint8Array(bufferLength);
-      
-      const draw = () => {
-        animationRef.current = requestAnimationFrame(draw);
-        
-        analyserRef.current.getByteFrequencyData(dataArray);
-        
-        const canvas = canvasRef.current;
-        if (!canvas) return;
-        
-        const ctx = canvas.getContext('2d');
-        if (!ctx) return;
-        
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        
-        const barWidth = (canvas.width / bufferLength) * 2.5;
-        let x = 0;
-        
-        for (let i = 0; i < bufferLength; i++) {
-          const barHeight = dataArray[i] / 2;
-          
-          ctx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
-          ctx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
-          
-          x += barWidth + 1;
-        }
-      };
-      
-      draw();
-      addDebugLog('Visualizer animation started');
-    } catch (err) {
-      addDebugLog(`Error setting up visualizer: ${err.message}`);
-    }
-  }, [addDebugLog]);
-
-  // Helper functions
-  const formatTime = useCallback((seconds) => {
-    const mins = Math.floor(seconds / 60).toString().padStart(2, '0');
-    const secs = (seconds % 60).toString().padStart(2, '0');
-    return `${mins}:${secs}`;
-  }, []);
-
-  const clearDebugLogs = useCallback(() => {
-    setDebugLogs([]);
-    addDebugLog('Debug logs cleared');
-  }, [addDebugLog]);
-
-  const toggleDebug = useCallback(() => {
-    setShowDebug(!showDebug);
-    addDebugLog(`Debug panel ${showDebug ? 'hidden' : 'shown'}`);
-  }, [showDebug, addDebugLog]);
-
-  return (
-    <div className="container mx-auto px-4 max-w-4xl my-6">
-      <div className="bg-white rounded-lg shadow-md p-6">
-        <div className="flex justify-between items-center mb-6">
-          <h1 className="text-2xl font-bold text-gray-800">Speech to Text Converter</h1>
-          <Button 
-            onClick={toggleDebug}
-            variant="outline"
-            size="sm"
-          >
-            {showDebug ? 'Hide Debug' : 'Show Debug'}
-          </Button>
-        </div>
-        
-        {/* Recording Section */}
-        <div className="mb-8 p-4 border border-dashed border-[#6d9e37] rounded-lg bg-gray-50">
-          <h2 className="text-lg font-semibold mb-3 text-gray-700">Record Audio (16kHz, 16-bit mono)</h2>
-          
-          <canvas 
-            ref={canvasRef} 
-            className="w-full h-20 bg-gray-200 rounded mb-3"
-            style={{ display: isRecording ? 'block' : 'none' }}
-          />
-          
-          <div className="flex flex-wrap gap-2 mb-3">
-            <Button
-              onClick={startRecording}
-              disabled={isRecording || isLoading}
-              variant="outline"
-              className="px-4 py-2"
-            >
-              Start Recording
-            </Button>
-            <Button
-              onClick={stopRecording}
-              disabled={!isRecording || isLoading}
-              variant="outline"
-              className="px-4 py-2"
-            >
-              Stop Recording
-            </Button>
-            <Button
-              onClick={playRecording}
-              disabled={!audioUrl || isRecording || isLoading}
-              variant="outline"
-              className="px-4 py-2"
-            >
-              Play Recording
-            </Button>
-          </div>
-          
-          {isRecording && (
-            <div className="text-center text-[#6d9e37] font-medium">
-              Recording: {formatTime(recordingTime)}
-            </div>
-          )}
-          
-          {audioUrl && !isRecording && (
-            <div className="flex items-center justify-between bg-white p-3 rounded border mt-2">
-              <div className="flex items-center">
-                <svg className="w-5 h-5 text-[#6d9e37] mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-                </svg>
-                <span className="text-sm font-medium text-[#6d9e37]">recording.wav</span>
-              </div>
-              <span className="text-xs text-[#6d9e37]">
-                {(audioBlob?.size / (1024 * 1024)).toFixed(2)} MB
-              </span>
-            </div>
-          )}
-        </div>
-        <div className="flex items-center justify-center w-full mb-3 -mt-2">
-          <span className="flex-grow border-b-2 border-[#6d9e37]"></span>
-          <h2 className="mx-2 text-[#6d9e37] font-bold">OR</h2>
-          <span className="flex-grow border-b-2 border-[#6d9e37]"></span>
-        </div>
-
-        {/* File Upload Section */}
-        <div className="mb-8 p-4 border border-dashed border-[#6d9e37] rounded-lg bg-gray-50">
-          <div className="flex items-center justify-between mb-4">
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">
-                Upload Audio File
-              </label>
-              <p className="text-xs text-gray-500">Supports WAV, MP3, OGG formats (max {MAX_FILE_SIZE_MB}MB)</p>
-            </div>
-            <Button
-              onClick={() => fileInputRef.current?.click()}
-              variant="outline"
-              className="px-4 py-2"
-              disabled={isLoading || isRecording}
-            >
-              Select File
-            </Button>
-            <input
-              type="file"
-              ref={fileInputRef}
-              accept="audio/*,.wav,.mp3,.ogg"
-              onChange={handleFileChange}
-              className="hidden"
-              disabled={isLoading || isRecording}
-            />
-          </div>
-          
-          {file && (
-            <div className="flex items-center justify-between bg-white p-3 rounded border">
-              <div className="flex items-center">
-                <svg className="w-5 h-5 text-[#6d9e37] mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-                </svg>
-                <span className="text-sm font-medium text-[#6d9e37]">{file.name}</span>
-              </div>
-              <span className="text-xs text-[#6d9e37]">
-                {(file.size / (1024 * 1024)).toFixed(2)} MB
-              </span>
-            </div>
-          )}
-        </div>
-
-        {/* API Selection Section */}
-        <div className="mb-8">
-          <h2 className="text-lg font-semibold mb-3 text-gray-700">Select Speech Recognition API</h2>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            {API_OPTIONS.map(api => (
-              <div 
-                key={api.id}
-                onClick={() => !isLoading && !isRecording && setSelectedApi(api.id)}
-                className={`p-4 border-[1.5px] rounded-lg cursor-pointer transition-all ${
-                  selectedApi === api.id
-                    ? 'border-[1.5px] border-[#6d9e37] bg-[#6d9e3720]'
-                    : 'border-gray-200 hover:border-gray-300'
-                } ${isLoading || isRecording ? 'opacity-50 cursor-not-allowed' : ''}`}
-              >
-                <div className="flex items-center">
-                  <input
-                    type="radio"
-                    checked={selectedApi === api.id}
-                    onChange={() => {}}
-                    className="mr-2 h-4 w-4 accent-[#6d9e37]"
-                    disabled={isLoading || isRecording}
-                  />
-                  <div>
-                    <h3 className="font-bold text-[#6d9e37]">{api.name}</h3>
-                    <p className="text-xs text-gray-500">{api.description}</p>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Submit Button */}
-        <div className="flex justify-center mb-8">
-          <Button
-            onClick={handleSubmit}
-            disabled={(!file && !audioBlob) || isLoading || isRecording || 
-                     (file && file.size > MAX_FILE_SIZE_BYTES)}
-            className="px-6 py-3 text-lg w-full md:w-auto"
-          >
-            {isLoading ? (
-              <span className="flex items-center justify-center">
-                <svg className="animate-spin -ml-1 mr-2 h-4 w-4 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-                  <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-                  <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                </svg>
-                Processing...
-              </span>
-            ) : (
-              `Convert with ${API_OPTIONS.find(api => api.id === selectedApi)?.name}`
-            )}
-          </Button>
-        </div>
-
-        {/* Status */}
-        <div className="mb-6 text-center">
-          <p className={`text-sm ${
-            error ? 'text-red-600' : 
-            isLoading ? 'text-[#6d9e37]' : 
-            isRecording ? 'text-[#6d9e37]' :
-            'text-gray-600'
-          }`}>
-            {status}
-          </p>
-        </div>
-
-        {/* Error Display */}
-        {error && (
-          <div className="mt-6 p-4 bg-red-50 border border-red-200 rounded-lg">
-            <div className="flex items-center text-red-600">
-              <svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-              </svg>
-              <h3 className="font-medium">Error</h3>
-            </div>
-            <p className="mt-2 text-sm text-red-600">{error}</p>
-            {error.includes(`${MAX_FILE_SIZE_MB}MB`) && (
-              <p className="mt-1 text-xs text-red-500">
-                Please select a smaller audio file or record a shorter audio
-              </p>
-            )}
-          </div>
-        )}
-
-        {/* Results Display */}
-        {response && (
-          <div className="mt-6 border rounded-lg overflow-hidden">
-            <div className="bg-gray-50 px-4 py-3 border-b flex justify-between items-center">
-              <h3 className="font-medium text-[#6d9e37]">{API_OPTIONS.find(api => api.id === response.api)?.name} Results</h3>
-              {displayText && (
-                <Button 
-                  size="sm"
-                  variant="outline"
-                  onClick={() => copyToClipboard(displayText)}
-                  className="text-sm">
-                  {copied ? (<span className="flex items-center">Copied!</span>) : 'Copy Text'}
-                </Button>
-              )}
-            </div>
-            
-            <div className="p-4 bg-white">
-              {displayText ? (
-                <div className="space-y-2">
-                  <h4 className="text-sm font-medium text-gray-700">Transcription:</h4>
-                  <div className="relative">
-                    <p className="p-3 bg-gray-50 rounded text-sm text-gray-600 font-medium">{displayText}</p>
-                  </div>
-                </div>
-              ) : (
-                <p className="text-sm text-gray-600">
-                  No text transcription found in the response.
-                </p>
-              )}
-            </div>
-          </div>
-        )}
-
-        {/* Debug Section */}
-        {showDebug && (
-          <div className="mt-8 border rounded-lg overflow-hidden">
-            <div className="bg-gray-50 px-4 py-3 border-b flex justify-between items-center">
-              <h3 className="font-medium text-gray-700">Debug Logs</h3>
-              <div className="flex gap-2">
-                <Button 
-                  size="sm"
-                  variant="outline"
-                  onClick={clearDebugLogs}
-                  className="text-sm">
-                  Clear Logs
-                </Button>
-                <Button 
-                  size="sm"
-                  variant="outline"
-                  onClick={() => {
-                    const blob = new Blob([debugLogs.join('\n')], { type: 'text/plain' });
-                    const url = URL.createObjectURL(blob);
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.download = `audio-recorder-debug-${new Date().toISOString()}.log`;
-                    a.click();
-                    URL.revokeObjectURL(url);
-                  }}
-                  className="text-sm">
-                  Export Logs
-                </Button>
-              </div>
-            </div>
-            <div className="p-4 bg-white max-h-60 overflow-y-auto">
-              {debugLogs.length > 0 ? (
-                <div className="space-y-1">
-                  {debugLogs.map((log, index) => (
-                    <div key={index} className="text-xs font-mono text-gray-600 border-b border-gray-100 pb-1">
-                      {log}
-                    </div>
-                  ))}
-                </div>
-              ) : (
-                <p className="text-sm text-gray-500">No debug logs yet. Interactions will appear here.</p>
-              )}
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

src/components/Tools/ImageLabeling.jsx

@@ -1,295 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
-
-function App() {
-  const [images, setImages] = useState(Array(9).fill({ url: null, secretKey: null }));
-  const [loading, setLoading] = useState(Array(9).fill(true));
-  const [error, setError] = useState(null);
-  const [selectedImage, setSelectedImage] = useState(null);
-
-  // Fetch initial images with staggered loading
-  useEffect(() => {
-    const fetchInitialImages = async () => {
-      try {
-        const newImages = [];
-        const newLoading = [];
-        
-        for (let i = 0; i < 9; i++) {
-          setTimeout(async () => {
-            const imageData = await fetchImage();
-            setImages(prev => {
-              const updated = [...prev];
-              updated[i] = imageData;
-              return updated;
-            });
-            setLoading(prev => {
-              const updated = [...prev];
-              updated[i] = false;
-              return updated;
-            });
-          }, i * 150); // Staggered loading effect
-        }
-      } catch (err) {
-        setError(err.message);
-        setLoading(Array(9).fill(false));
-      }
-    };
-
-    fetchInitialImages();
-  }, []);
-
-  const fetchImage = async () => {
-    try {
-      const response = await fetch('https://api-img-lbeling-jugtfrvbghysvfr.siliconpin.com/get-image');
-      if (!response.ok) throw new Error('Failed to fetch image');
-      return await response.json();
-    } catch (err) {
-      console.error('Error fetching image:', err);
-      throw err;
-    }
-  };
-
-  const submitScore = async (imageData, score, index) => {
-    try {
-      setLoading(prev => {
-        const newLoading = [...prev];
-        newLoading[index] = true;
-        return newLoading;
-      });
-
-      const fileName = imageData.url.split('/').pop();
-      const response = await fetch('https://api-img-lbeling-jugtfrvbghysvfr.siliconpin.com/save-score', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          fileName: fileName,
-          score: score,
-          secretKey: imageData.secretKey
-        }),
-      });
-
-      if (!response.ok) throw new Error('Failed to submit score');
-
-      // Animate out the current image
-      setImages(prev => {
-        const newImages = [...prev];
-        newImages[index] = { ...newImages[index], exiting: true };
-        return newImages;
-      });
-
-      // Wait for animation to complete
-      await new Promise(resolve => setTimeout(resolve, 300));
-
-      // Get new image and animate it in
-      const newImage = await fetchImage();
-      setImages(prev => {
-        const newImages = [...prev];
-        newImages[index] = { ...newImage, entering: true };
-        return newImages;
-      });
-
-      // Remove animation flags after entrance
-      setTimeout(() => {
-        setImages(prev => {
-          const newImages = [...prev];
-          newImages[index] = { ...newImages[index], entering: false };
-          return newImages;
-        });
-      }, 300);
-    } catch (err) {
-      console.error('Error submitting score:', err);
-      setError(err.message);
-    } finally {
-      setLoading(prev => {
-        const newLoading = [...prev];
-        newLoading[index] = false;
-        return newLoading;
-      });
-    }
-  };
-
-  const renderStarButtons = (imageData, index) => {
-    if (!imageData.url) return null;
-    
-    return (
-      <motion.div 
-        className="flex justify-center gap-2 mt-4"
-        initial={{ opacity: 0, y: 10 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ delay: 0.3 }}
-      >
-        {[1, 2, 3, 4, 5].map(star => (
-          <motion.button
-            key={star}
-            onClick={() => submitScore(imageData, star, index)}
-            disabled={loading[index]}
-            whileHover={{ scale: 1.05 }}
-            whileTap={{ scale: 0.95 }}
-            className={`
-              px-4 py-2 rounded-full border-2 font-medium text-sm
-              transition-colors duration-200
-              ${loading[index] ? 
-                'bg-gray-100 border-gray-200 text-gray-400 cursor-not-allowed' : 
-                `bg-white ${star >= 3 ? 
-                  'border-emerald-300 text-emerald-600 hover:bg-emerald-50' : 
-                  'border-amber-300 text-amber-600 hover:bg-amber-50'}`
-              }
-            `}
-          >
-            {star} ★
-          </motion.button>
-        ))}
-      </motion.div>
-    );
-  };
-
-  if (error) {
-    return (
-      <motion.div 
-        className="flex items-center justify-center min-h-screen bg-gradient-to-br from-blue-50 to-purple-50"
-        initial={{ opacity: 0 }}
-        animate={{ opacity: 1 }}
-        transition={{ duration: 0.5 }}
-      >
-        <motion.div 
-          className="max-w-md p-8 bg-white rounded-2xl shadow-xl text-center"
-          initial={{ scale: 0.9 }}
-          animate={{ scale: 1 }}
-        >
-          <div className="text-red-500 text-2xl font-bold mb-4">Oops!</div>
-          <div className="text-gray-600 mb-6">{error}</div>
-          <motion.button 
-            onClick={() => window.location.reload()} 
-            className="px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white rounded-xl hover:shadow-md transition-all"
-            whileHover={{ scale: 1.03 }}
-            whileTap={{ scale: 0.97 }}
-          >
-            Try Again
-          </motion.button>
-        </motion.div>
-      </motion.div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen py-12 px-4 sm:px-6">
-      <div className="max-w-7xl mx-auto">
-        <motion.div initial={{ opacity: 0, y: -20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.5 }} className="text-center mb-12">
-          <h1 className="text-4xl font-bold mb-3 text-[#6d9e37]">Image Rating App</h1>
-          <p className="text-lg max-w-2xl mx-auto">Rate these beautiful images from 1 to 5 stars. Your feedback helps improve our collection!</p>
-        </motion.div>
-        
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
-          {images.map((imageData, index) => (
-            <motion.div
-              key={index}
-              layout
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ 
-                opacity: loading[index] && !imageData.url ? 0.7 : 1,
-                y: 0
-              }}
-              transition={{ 
-                type: "spring",
-                stiffness: 100,
-                damping: 15,
-                delay: index * 0.05
-              }}
-              className={`relative bg-white rounded-2xl shadow-lg overflow-hidden
-                transition-all hover:shadow-xl ${loading[index] ? 'animate-pulse' : ''}`}
-            >
-              <AnimatePresence mode="wait">
-                {imageData.url ? (
-                  <motion.div
-                    key={`image-${index}`}
-                    initial={{ opacity: imageData.exiting ? 1 : 0, scale: imageData.exiting ? 1 : 0.9 }}
-                    animate={{ opacity: 1, scale: 1 }}
-                    exit={{ opacity: 0, scale: 0.9 }}
-                    transition={{ duration: 0.3 }}
-                  >
-                    <div className="h-72 flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 p-4 relative">
-                      <motion.img 
-                        src={imageData.url} 
-                        alt={`Image ${index}`}
-                        className="max-h-full max-w-full object-contain cursor-pointer"
-                        onClick={() => setSelectedImage(imageData.url)}
-                        whileHover={{ scale: 1.02 }}
-                        onError={(e) => {
-                          e.target.onerror = null;
-                          e.target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2QxZDFkMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDNoMTh2MThIM3oiLz48cGF0aCBkPSJNMTkgOUw5IDE5Ii8+PHBhdGggZD0iTTkgOWwxMCAxMCIvPjwvc3ZnPg==';
-                        }}
-                      />
-                    </div>
-                    <div className="p-5">
-                      {renderStarButtons(imageData, index)}
-                    </div>
-                  </motion.div>
-                ) : (
-                  <motion.div
-                    key={`skeleton-${index}`}
-                    initial={{ opacity: 0 }}
-                    animate={{ opacity: 0.7 }}
-                    exit={{ opacity: 0 }}
-                    className="h-72 bg-gradient-to-br from-gray-100 to-gray-200 flex items-center justify-center"
-                  >
-                    <div className="text-gray-400">Loading image...</div>
-                  </motion.div>
-                )}
-              </AnimatePresence>
-
-              {loading[index] && imageData.url && (
-                <motion.div 
-                  className="absolute inset-0 bg-white bg-opacity-80 flex items-center justify-center"
-                  initial={{ opacity: 0 }}
-                  animate={{ opacity: 1 }}
-                  exit={{ opacity: 0 }}
-                >
-                  <motion.div
-                    animate={{ rotate: 360 }}
-                    transition={{ repeat: Infinity, duration: 1, ease: "linear" }}
-                    className="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full"
-                  />
-                </motion.div>
-              )}
-            </motion.div>
-          ))}
-        </div>
-      </div>
-
-      {/* Image Modal */}
-      <AnimatePresence>
-        {selectedImage && (
-          <motion.div 
-            className="fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50 p-4"
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            onClick={() => setSelectedImage(null)}
-          >
-            <motion.div
-              initial={{ scale: 0.9 }}
-              animate={{ scale: 1 }}
-              exit={{ scale: 0.9 }}
-              className="relative max-w-4xl w-full"
-              onClick={e => e.stopPropagation()}
-            >
-              <button 
-                className="absolute -top-10 right-0 text-white text-3xl hover:text-gray-300 transition"
-                onClick={() => setSelectedImage(null)}
-              >
-                &times;
-              </button>
-              <img 
-                src={selectedImage} 
-                alt="Enlarged view"
-                className="max-h-[80vh] w-full object-contain"
-              />
-            </motion.div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-}
-
-export default App;

src/components/TopicDetail.jsx

@@ -1,15 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { marked } from 'marked';
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card";
+
-import { Label } from "./ui/label";
-import { Textarea } from "./ui/textarea";
-import { Button } from "./ui/button";
-import { useIsLoggedIn } from '../lib/isLoggedIn';
-import { token, user_name, pb_id } from '../lib/CookieValues';
-import CommentSystem from './CommentSystem/CommentSystem';
-const COMMENTS_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/comments/';
 export default function TopicDetail(props) {
-  // console.log('coockie data', user_name)
   const [showCopied, setShowCopied] = useState(false);
   
   if (!props.topic) {
@@ -20,6 +12,31 @@ export default function TopicDetail(props) {
   const title = props.topic.title;
   const text = `Check out this article: ${title}`;
 
+  // const shareOnFacebook = () => {
+  //   window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
+  // };
+
+  // const shareOnTwitter = () => {
+  //   window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}&text=${encodeURIComponent(text)}`, '_blank');
+  // };
+
+  // const shareOnLinkedIn = () => {
+  //   window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(title)}`, '_blank');
+  // };
+
+  // const shareOnReddit = () => {
+  //   window.open(`https://www.reddit.com/submit?url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(title)}`, '_blank');
+  // };
+
+  // const shareOnWhatsApp = () => {
+  //   window.open(`https://wa.me/?text=${encodeURIComponent(`${text} ${shareUrl}`)}`, '_blank');
+  // };
+
+  // const shareViaEmail = () => {
+  //   window.open(`mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(`${text}\n\n${shareUrl}`)}`);
+  // };
+
+
   const shareOnSocialMedia = (platform) => {
     switch (platform){
       case 'facebook':
@@ -113,7 +130,7 @@ export default function TopicDetail(props) {
         
         {/* Enhanced Social Share Buttons */}
         <div className="mb-8">
-          <p className="text-sm text-gray-500 mb-3 font-medium">Share this Topic:</p>
+          <p className="text-sm text-gray-500 mb-3 font-medium">Share this article:</p>
           <div className="flex flex-wrap gap-2">
             <button 
               onClick={() => shareOnSocialMedia('facebook')}
@@ -194,11 +211,11 @@ export default function TopicDetail(props) {
           </div>
         </div>
         
-        <div className="font-light mb-8 text-justify prose max-w-none"  dangerouslySetInnerHTML={{ __html: marked.parse(props.topic.content || '') }} ></div>
+        <div 
-        <CommentSystem topicId={props.topic.id}/>
+          className="font-light mb-8 text-justify prose max-w-none" 
+          dangerouslySetInnerHTML={{ __html: marked.parse(props.topic.content || '') }}
+        ></div>
       </article>
     </div>
   );
 }
-
-// bg-[#6d9e37]

src/components/TopicEdit.jsx

@@ -8,8 +8,9 @@ import { Separator } from './ui/separator';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from './ui/dialog';
 import { CustomTabs } from './ui/tabs';
 import Loader from "./ui/loader";
-const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
+
-const PUBLIC_MINIO_UPLOAD_URL = import.meta.env.PUBLIC_MINIO_UPLOAD_URL;
+const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
+const MINIO_UPLOAD_URL = 'https://your-minio-api-endpoint/upload';
 const urlParams = new URLSearchParams(window.location.search);
 const slug = urlParams.get('slug');
 // console.log('find slug from url', slug);
@@ -35,7 +36,7 @@ export default function EditTopic (){
   useEffect(() => {
     const fetchTopic = async () => {
       try {
-        const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=get-single-topic&slug=${slug}`, {
+        const response = await fetch(`${TOPIC_API_URL}?query=get-single-topic&slug=${slug}`, {
           credentials: 'include'
         });
         
@@ -72,7 +73,7 @@ export default function EditTopic (){
     formData.append('folder', 'topic-images');
 
     try {
-      const response = await fetch(PUBLIC_MINIO_UPLOAD_URL, {
+      const response = await fetch(MINIO_UPLOAD_URL, {
         method: 'POST',
         body: formData,
         credentials: 'include',
@@ -220,7 +221,7 @@ export default function EditTopic (){
       };
 
       // Submit to API (PUT request for update)
-      const response = await fetch(`${PUBLIC_TOPIC_API_URL}?query=update-topic&slug=${formData.slug}`, {
+      const response = await fetch(`${TOPIC_API_URL}?query=update-topic&slug=${formData.slug}`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

src/components/Topics _Old_copy.jsx

@@ -29,7 +29,7 @@ export default function TopicCreation() {
         setLoading(true);
         try {
             const response = await fetch(
-                `https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`,
+                `https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`,
                 {
                     method: 'GET',
                     credentials: 'include'

src/components/Topics.jsx

@@ -6,7 +6,6 @@ import Loader from "./ui/loader";
 const topicPageDesc = 'Cutting-edge discussions on tech, digital services, news, and digital freedom. Stay informed on AI, cybersecurity, privacy, and the future of innovation.';
 
 export default function TopicCreation() {
-    const PUBLIC_TOPIC_API_URL = import.meta.env.PUBLIC_TOPIC_API_URL;
     const { isLoggedIn, loading: authLoading, error: authError } = useIsLoggedIn();
     const [topics, setTopics] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -30,7 +29,7 @@ export default function TopicCreation() {
     const fetchTopics = async (page, search = '') => {
         setLoading(true);
         try {
-            let url = `${PUBLIC_TOPIC_API_URL}?query=get-all-topics&page=${page}`;
+            let url = `https://host-api.cs1.hz.siliconpin.com/v1/topics/?query=get-all-topics&page=${page}`;
             
             if (search) {
                 url += `&search=${encodeURIComponent(search)}`;

src/components/UserProfile.tsx

@@ -52,14 +52,13 @@ export default function ProfilePage() {
   const [toast, setToast] = useState<ToastState>({ visible: false, message: '' });
   const [txnId, setTxnId] = useState<string>('');
   const [userEmail, setUserEmail] = useState<string>(''); 
-
+  const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/';
-  const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+  const INVOICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/invoice/';
-  const PUBLIC_INVOICE_API_URL = import.meta.env.PUBLIC_INVOICE_API_URL;
 
   useEffect(() => {
     const fetchSessionData = async () => {
       try {
-        const response = await fetch(`${PUBLIC_USER_API_URL}?query=get-user`, {
+        const response = await fetch(`${USER_API_URL}?query=get-user`, {
             credentials: 'include', // Crucial for cookies
             headers: { 'Accept': 'application/json' }
           }
@@ -78,7 +77,7 @@ export default function ProfilePage() {
     };
     const getInvoiceListData = async () => {
       try {
-        const response = await fetch(`${PUBLIC_USER_API_URL}?query=invoice-info`, {
+        const response = await fetch(`${USER_API_URL}?query=invoice-info`, {
           method: 'GET',
           credentials: 'include', // Crucial for cookies
           headers: { 'Accept': 'application/json' }
@@ -128,7 +127,7 @@ export default function ProfilePage() {
   };
 
   const sessionLogOut = () => {
-    fetch(`${PUBLIC_USER_API_URL}?query=logout`, {
+    fetch(`${USER_API_URL}?query=logout`, {
       method: 'GET',
       credentials: 'include'
     })
@@ -188,7 +187,7 @@ export default function ProfilePage() {
               <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
                 <div className="space-y-2">
                   <Label htmlFor="firstName">Full Name</Label>
-                  <Input id="firstName" defaultValue={userData.session_data?.user_name || ''} />
+                  <Input id="firstName" defaultValue={userData.session_data?.user_name || 'Jhon'} />
                 </div>
                 <div className="space-y-2">
                   <Label htmlFor="phone">Phone</Label>
@@ -336,10 +335,10 @@ export default function ProfilePage() {
               <span className="font-bold">Amount:</span>
               <span>&#8377;{selectedData?.amount}</span>
             </div>
-            {/* <div className="flex justify-between">
+            <div className="flex justify-between">
               <span className="font-bold">User:</span>
               <span>{selectedData?.user}</span>
-            </div> */}
+            </div>
             <div className="flex justify-between">
               <span className="font-bold">Status:</span>
               <span className={`px-2 py-0.5 rounded text-white text-xs ${selectedData?.status === 'pending' ? 'bg-yellow-500' : selectedData?.status === 'completed' ? 'bg-green-500' : 'bg-red-500'}`}>

src/layouts/Layout.astro

@@ -2,9 +2,10 @@
 import '../styles/global.css';
 import LoginProfile from '../components/LoginOrProfile';
 
-interface Props { title: string; description?: string; ogImage?: string; canonicalURL?: string; type?: 'website' | 'article'; keyWords?: string; newSchema1 : string; newSchema2 : string; newSchema3 : string; newSchema4 : string; newSchema5 : string}
+interface Props { title: string; description?: string; ogImage?: string; canonicalURL?: string; type?: 'website' | 'article'; newSchema1 : string}
+
+const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, type = "website", newSchema1} = Astro.props;
 
-const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname, Astro.site).href, type = "website", keyWords, newSchema1, newSchema2, newSchema3, newSchema4, newSchema5} = Astro.props;
 // Organization schema
 
 ---
@@ -23,7 +24,6 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname,
     <meta name="keywords" content="hosting, PHP hosting, Node.js hosting, Python hosting, Kubernetes, K8s, K3s, cloud services, web hosting, application hosting, server hosting, India hosting" />
     <meta name="author" content="SiliconPin" />
     <link rel="canonical" href={canonicalURL} />
-    <meta name="keywords" content={keyWords} />
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content={type} />
@@ -46,10 +46,6 @@ const { title, description, ogImage, canonicalURL = new URL(Astro.url.pathname,
 
     <!-- Structured Data -->
     <script is:inline type="application/ld+json" set:html={newSchema1}></script>
-    <script is:inline type="application/ld+json" set:html={newSchema2}></script>
-    <script is:inline type="application/ld+json" set:html={newSchema3}></script>
-    <script is:inline type="application/ld+json" set:html={newSchema4}></script>
-    <script is:inline type="application/ld+json" set:html={newSchema5}></script>
 
     <!-- For markdown editor css -->
     <link rel="stylesheet" href="/assets/md-editor/mdeditor.css" />
@@ -236,7 +232,6 @@ document.addEventListener('DOMContentLoaded', function() {
     });
   }
 });
-
 </script>
 
 <style is:global>
@@ -282,91 +277,4 @@ document.addEventListener('DOMContentLoaded', function() {
   .animate-fade-in-up {
     animation: fadeInUp 0.3s ease-out forwards;
   }
-
-  /* comment-system.css */
-.comment-system {
-  /* max-width: 800px; */
-  margin: 0 auto;
-  padding: 20px;
-}
-
-.comment-thread {
-  /* margin-bottom: 1.5rem; */
-  /* padding: 1rem; */
-  background: #f9f9f9;
-  border-radius: 8px;
-  border-left: 3px solid #ddd;
-}
-
-.comment-thread.reply {
-  background: #f0f0f0;
-  border-left-color: #aaa;
-}
-
-.comment-header {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 0.5rem;
-  font-size: 0.9rem;
-}
-
-.comment-author {
-  font-weight: bold;
-}
-
-.comment-date {
-  color: #666;
-}
-
-.comment-text {
-  margin-bottom: 0.5rem;
-  white-space: pre-wrap;
-}
-
-.reply-button {
-  background: none;
-  border: none;
-  color: #0066cc;
-  cursor: pointer;
-  padding: 0;
-  font-size: 0.8rem;
-}
-
-.reply-form {
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid #eee;
-}
-
-.button-group {
-  display: flex;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-
-.error-message {
-  color: #d32f2f;
-  background: #fde0e0;
-  padding: 0.5rem;
-  border-radius: 4px;
-  margin-bottom: 1rem;
-}
-
-.new-comment-card {
-  margin-top: 2rem;
-  padding: 1.5rem;
-}
-
-.loading {
-  padding: 1rem;
-  text-align: center;
-  color: #666;
-}
-
-.no-comments {
-  padding: 1rem;
-  text-align: center;
-  color: #666;
-  font-style: italic;
-}
 </style>

src/lib/CookieValues.js

@@ -1,8 +0,0 @@
-// CookieValues.js
-import Cookies from 'js-cookie';
-
-export const token = Cookies.get('token') || null;
-export const user_name = Cookies.get('user_name') || null;
-export const pb_id = Cookies.get('pb_id') || null;
-export const siliconId = Cookies.get('siliconId') || null;
-export const isLogin = Cookies.get('isLogin') || null;

src/lib/isLoggedIn.jsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 
-const PUBLIC_USER_API_URL = import.meta.env.PUBLIC_USER_API_URL;
+const USER_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/users/index.php';
+
 export const useIsLoggedIn = () => {
     const [isLoggedIn, setIsLoggedIn] = useState(null); // null means "unknown"
     const [sessionData, setSessionData] = useState(null);
@@ -10,7 +11,7 @@ export const useIsLoggedIn = () => {
     useEffect(() => {
         const checkLoginStatus = async () => {
             try {
-                const response = await fetch(`${PUBLIC_USER_API_URL}?query=isLoggedIn`, {
+                const response = await fetch(`${USER_API_URL}?query=isLoggedIn`, {
                     credentials: 'include'
                 });
                 const data = await response.json();

src/pages/about-us.astro

@@ -17,7 +17,7 @@ const pageImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=8
     <div class="text-center mb-8 sm:mb-12">
       <h1 class="text-3xl sm:text-4xl font-bold text-[#6d9e37] mb-3 sm:mb-4">About SiliconPin</h1>
       <p class="text-lg sm:text-xl max-w-3xl mx-auto text-neutral-300">
-        We promote awareness about digital freedom by provoding software and hardware development and research
+        Empowering businesses with reliable, high-performance hosting solutions
       </p>
     </div>
 

src/pages/contact.astro

@@ -3,24 +3,22 @@ import Layout from '../layouts/Layout.astro';
 import { ContactForm } from '../components/ContactForm';
 
 // Page-specific SEO metadata
-const metaTitle = "Contact Us | SiliconPin";
+const pageTitle = "Contact Us | SiliconPin";
-const metaDescription = "Contact SiliconPin for reliable hosting solutions. Our team is available 24/7 to help with your PHP, Node.js, Python, Kubernetes, and K3s hosting needs.";
+const pageDescription = "Contact SiliconPin for reliable hosting solutions. Our team is available 24/7 to help with your PHP, Node.js, Python, Kubernetes, and K3s hosting needs.";
-const ogImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=80&w=2000&auto=format&fit=crop";
+const pageImage = "https://images.unsplash.com/photo-1551731409-43eb3e517a1a?q=80&w=2000&auto=format&fit=crop";
 
 // Contact schema for structured data
-const contactSchema1 = {
+const contactSchema = {
   "@context": "https://schema.org",
   "@type": "ContactPage",
-  "name": "Contact SiliconPin",
+  "name": "SiliconPin Contact Page",
-  "url": "https://siliconpin.com/contact/",
+  "description": "Contact SiliconPin for reliable hosting solutions",
-  "description": "Contact page for SiliconPin – Reach out for cloud hosting, VPN, DevOps, and AI services.",
+  "url": "https://siliconpin.com/contact",
-  "inLanguage": ["en", "hi", "bn"],
+  "mainEntityOfPage": {
-  "contactPoint": {
+    "@type": "Organization",
-    "@type": "ContactPoint",
+    "name": "SiliconPin",
     "telephone": "+91-700-160-1485",
-    "contactType": "customer service",
+    "email": "contact@siliconpin.com",
-    "availableLanguage": ["English", "Hindi", "Bengali"]
-  },
     "address": {
       "@type": "PostalAddress",
       "streetAddress": "121 Lalbari, GourBongo Road",
@@ -28,91 +26,32 @@ const contactSchema1 = {
       "addressRegion": "W.B.",
       "postalCode": "743271",
       "addressCountry": "India"
-  }
-}
-
-const contactSchema2 = {
-  "@context": "https://schema.org",
-  "@type": "Organization",
-  "name": "SiliconPin",
-  "url": "https://siliconpin.com",
-  "logo": "https://siliconpin.com/images/logo.png",
-  "contactPoint": {
-    "@type": "ContactPoint",
-    "telephone": "+91-700-160-1485",
-    "contactType": "Customer Support",
-    "areaServed": "IN",
-    "availableLanguage": ["English", "Hindi", "Bengali"]
     },
-  "sameAs": [
-    "https://www.linkedin.com/company/siliconpin",
-    "https://x.com/dwd_consultancy",
-    "https://www.facebook.com/dwdsiliconpin",
-    "https://instagram.com/siliconpin.com_"
-  ],
     "openingHoursSpecification": [
       {
         "@type": "OpeningHoursSpecification",
-      "dayOfWeek": "Monday",
+        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
-      "opens": "00:00",
-      "closes": "00:00"
-    },
-    {
-      "@type": "OpeningHoursSpecification",
-      "dayOfWeek": [
-        "Tuesday",
-        "Wednesday",
-        "Thursday",
-        "Friday"
-      ],
         "opens": "09:00",
-      "closes": "17:00"
+        "closes": "18:00"
       },
       {
         "@type": "OpeningHoursSpecification",
         "dayOfWeek": "Saturday",
         "opens": "10:00",
         "closes": "16:00"
-    },
-    {
-      "@type": "OpeningHoursSpecification",
-      "dayOfWeek": "Sunday",
-      "opens": "00:00",
-      "closecs": "00:00"
       }
     ]
-}
-
-const contactSchema3 =  {
-  "@context": "https://schema.org",
-  "@type": "WebPage",
-  "name": "Contact Us - SiliconPin",
-  "url": "https://siliconpin.com/contact/",
-  "description": "Contact the SiliconPin team for cloud hosting, VPN, AI agents, and DevOps services. We’re here to help developers, startups, and businesses.",
-  "inLanguage": ["en", "hi", "bn"],
-  "isPartOf": {
-    "@type": "WebSite",
-    "name": "SiliconPin",
-    "url": "https://siliconpin.com"
-  },
-  "about": {
-    "@type": "Organization",
-    "name": "SiliconPin",
-    "url": "https://siliconpin.com"
   }
-}
+};
-
 ---
 
 <Layout
-  title={metaTitle}
+  title={pageTitle}
-  description={metaDescription}
+  description={pageDescription}
-  ogImage={ogImage}
+  ogImage={pageImage}
   type="website"
-  newSchema1={JSON.stringify(contactSchema1)}
+>
-  newSchema2={JSON.stringify(contactSchema2)}
+  <script type="application/ld+json" set:html={JSON.stringify(contactSchema)}></script>
-  newSchema3={JSON.stringify(contactSchema3)}
-  >
 
   <main class="container mx-auto px-4 sm:px-6 py-8 sm:py-12">
     <div class="text-center mb-8 sm:mb-12">

src/pages/index.astro

@@ -1,17 +1,12 @@
 ---
 import Layout from '../layouts/Layout.astro';
 
-const schema1 ={
+const schema1 = {
   "@context": "https://schema.org",
-  "@type": "Service",
-  "name": "Cloud Hosting, VPN, DevOps & AI Services",
-  "description": "SiliconPin provides cloud hosting, secure VPN, AI tools, and DevOps services tailored for developers, startups, and small businesses.",
-  "serviceType": "Cloud Hosting, VPN, DevOps, AI Tools",
-  "provider": {
   "@type": "Organization",
   "name": "SiliconPin",
   "url": "https://siliconpin.com",
-    "logo": "https://siliconpin.com/images/logo.png",
+  "logo": "https://siliconpin.com/assets/logo.svg",
   "contactPoint": {
     "@type": "ContactPoint",
     "telephone": "+91-700-160-1485",
@@ -32,81 +27,19 @@ const schema1 ={
     "https://www.facebook.com/dwdsiliconpin",
     "https://instagram.com/siliconpin.com_"
   ]
-  },
+};
-  "areaServed": {
-    "@type": "Place",
-    "name": "Worldwide"
-  },
-  "url": "https://siliconpin.com/services/"
-}
-
-const schema2 ={
-  "@context": "https://schema.org",
-  "@type": "Organization",
-  "name": "SiliconPin",
-  "url": "https://siliconpin.com",
-  "logo": "https://siliconpin.com/images/logo.png",
-  "description": "SiliconPin delivers affordable and scalable cloud infrastructure, VPN services, AI tools, and DevOps for modern developers and businesses.",
-  "contactPoint": {
-    "@type": "ContactPoint",
-    "telephone": "+91-700-160-1485",
-    "contactType": "customer service",
-    "availableLanguage": ["English", "Hindi", "Bengali"]
-  },
-  "address": {
-    "@type": "PostalAddress",
-    "streetAddress": "121 Lalbari, GourBongo Road",
-    "addressLocality": "Habra",
-    "addressRegion": "W.B.",
-    "postalCode": "743271",
-    "addressCountry": "India"
-  },
-  "sameAs": [
-    "https://www.linkedin.com/company/siliconpin",
-    "https://x.com/dwd_consultancy",
-    "https://www.facebook.com/dwdsiliconpin",
-    "https://instagram.com/siliconpin.com_"
-  ]
-}
-
-const schema3 ={
-  "@context": "https://schema.org",
-  "@type": "WebPage",
-  "name": "Our Services",
-  "url": "https://siliconpin.com/services/",
-  "description": "Explore SiliconPin’s cloud hosting, VPN, AI tools, and DevOps services built for developers, startups, and small businesses.",
-  "inLanguage": ["en", "hi", "bn"],
-  "isPartOf": {
-    "@type": "WebSite",
-    "name": "SiliconPin",
-    "url": "https://siliconpin.com"
-  },
-  "publisher": {
-    "@type": "Organization",
-    "name": "SiliconPin",
-    "logo": {
-      "@type": "ImageObject",
-      "url": "https://siliconpin.com/images/logo.png"
-    }
-  }
-}
 
 // Page-specific SEO metadata
 const pageTitle = "SiliconPin - Lets create some digital freedom";
 const pageDescription = "SiliconPin - easy to deploy apps and tools, freedom oriented apps and tools, high-performance,  hosting solutions for PHP, Node.js, Python, Kubernetes (K8s), and K3s, and technical support.";
-const ogImage = "/assets/logo.svg";
+const pageImage = "/assets/logo.svg";
 ---
 
 <Layout
   title={pageTitle}
   description={pageDescription}
-  ogImage={ogImage}
+  ogImage={pageImage}
-  keyWords={'here is keywords content'}
   newSchema1={JSON.stringify(schema1)}
-  newSchema2={JSON.stringify(schema2)}
-  newSchema3={JSON.stringify(schema3)}
-  newSchema4={'here is another schema content'}
-  newSchema5={'here is another schema content'}
 
 >
   <!-- Canvas background animation -->

src/pages/services/index.astro

@@ -2,8 +2,6 @@
 // Astro script block
 import Layout from '../../layouts/Layout.astro';
 import { ServiceCard } from '../../components/ServiceCard';
-const PUBLIC_SERVICE_API_URL = import.meta.env.PUBLIC_SERVICE_API_URL;
-// console.log(PUBLIC_SERVICE_API_URL)
 const services = [
   {
     imageUrl: '/assets/images/services/wiregurd-thumb.jpg',
@@ -71,9 +69,10 @@ const services = [
     buyButtonUrl: ''
   }
 ];
+const SERVICE_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/services/?query=all-services-list';
 let data = [];
 try {
-  const response = await fetch(`${PUBLIC_SERVICE_API_URL}?query=all-services-list`);
+  const response = await fetch(SERVICE_API_URL);
   const json = await response.json();
   if (json.success) {
     // data = [...json.data, ...services];

src/pages/sign-up.astro

@@ -4,5 +4,7 @@ import SignupPage from "../components/SignupPage";
 ---
 
 <Layout title="">
+    <div id="sample">
+    <?php eho "this gets commented, i need this to be as it is after build";?>
     <SignupPage client:load />
 </Layout>

src/pages/test.astro

@@ -1,9 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
----
-
-<Layout title="">
-    <div class="text-center text-2xl font-bold my-4">Test to Include PHP under Astro file</div>
-    <div set:html="<?php echo 'Hello! I am from PHP'; ?>"></div>
-</Layout>
-

src/pages/topic/[id].astro

@@ -2,7 +2,7 @@
 import Layout from "../../layouts/Layout.astro";
 import TopicDetail from "../../components/TopicDetail";
 
-const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
+const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
 const { id } = Astro.params;
 
 let topic = null;
@@ -25,7 +25,7 @@ try {
 }
 
 export async function getStaticPaths() {
-  const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
+  const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
 
   try {
     const response = await fetch(`${TOPIC_API_URL}?query=get-all-topics-for-slug`, {
@@ -48,11 +48,8 @@ export async function getStaticPaths() {
 // console.log(topic)
 ---
 
-<Layout title={`${topic.title ? topic.title + '- Silicon Topic' : 'Silicon Topic'}`} ogImage={topic.img? topic.img : '/assets/images/thumb-place.jpg'} >
+<Layout title={topic?.title ?? 'Topic | SiliconPin'} ogImage={topic.img? topic.img : '/assets/images/thumb-place.jpg'} >
   <TopicDetail client:load topic={topic} />
 </Layout>
-<script>
-</script>
 
 
-<!-- topic?.title ?? 'Silicon Topic | SiliconPin' -->

src/pages/topic/index.astro

@@ -2,7 +2,7 @@
 import Layout from "../../layouts/Layout.astro";
 import TopicsList from "../../components/Topics";
 
-const TOPIC_API_URL = 'https://host-api-sxashuasysagibx.siliconpin.com/v1/topics/';
+const TOPIC_API_URL = 'https://host-api.cs1.hz.siliconpin.com/v1/topics/';
 let topics = [];
 
 try {

src/pages/web-tools/audio-recorder-wav-16-bit-mono-16khz.astro

@@ -1,292 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
----
-
-<Layout title="">
-    <div class="container mx-auto px-4" id="stt-container">
-        <h1>WAV Recorder (16-bit Mono 16kHz)</h1>
-    
-        <div id="audioVisualizer"></div>
-    
-        <button id="startBtn">Start Recording</button>
-        <button id="stopBtn" disabled>Stop Recording</button>
-        <button id="playBtn" disabled>Play Recording</button>
-        <button id="downloadBtn" disabled>Download WAV</button>
-    
-        <div id="status">Ready to record</div>
-    </div>
-</Layout>
-<script is:inline>
-    // DOM elements
-    const startBtn = document.getElementById('startBtn');
-    const stopBtn = document.getElementById('stopBtn');
-    const playBtn = document.getElementById('playBtn');
-    const downloadBtn = document.getElementById('downloadBtn');
-    const audioVisualizer = document.getElementById('audioVisualizer');
-    const statusDisplay = document.getElementById('status');
-
-    // Audio variables
-    let audioContext;
-    let mediaStream;
-    let processor;
-    let recording = false;
-    let audioChunks = [];
-    let audioBlob;
-    let audioUrl;
-
-    // Configuration
-    const config = {
-        sampleRate: 16000,  // 16kHz sample rate
-        numChannels: 1,     // Mono
-        bitDepth: 16        // 16-bit
-    };
-
-    // Start recording
-    startBtn.addEventListener('click', async () => {
-        try {
-            statusDisplay.textContent = "Requesting microphone access...";
-
-            // Get microphone access
-            mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
-
-            // Create audio context with our desired sample rate
-            audioContext = new (window.AudioContext || window.webkitAudioContext)({
-                sampleRate: config.sampleRate
-            });
-
-            // Create a script processor node to process the audio
-            processor = audioContext.createScriptProcessor(4096, 1, 1);
-            processor.onaudioprocess = processAudio;
-
-            // Create a media stream source
-            const source = audioContext.createMediaStreamSource(mediaStream);
-
-            // Connect the source to the processor and to the destination
-            source.connect(processor);
-            processor.connect(audioContext.destination);
-
-            // Setup visualization
-            setupVisualizer(source);
-
-            // Start recording
-            recording = true;
-            audioChunks = [];
-
-            // Update UI
-            startBtn.disabled = true;
-            stopBtn.disabled = false;
-            statusDisplay.textContent = "Recording...";
-
-            console.log('Recording started at ' + config.sampleRate + 'Hz');
-        } catch (error) {
-            console.error('Error:', error);
-            statusDisplay.textContent = "Error: " + error.message;
-        }
-    });
-
-    // Process audio data
-    function processAudio(event) {
-        if (!recording) return;
-
-        // Get audio data (already mono because we set numChannels to 1)
-        const inputData = event.inputBuffer.getChannelData(0);
-
-        // Convert float32 to 16-bit PCM
-        const buffer = new ArrayBuffer(inputData.length * 2);
-        const view = new DataView(buffer);
-
-        for (let i = 0, offset = 0; i < inputData.length; i++, offset += 2) {
-            const s = Math.max(-1, Math.min(1, inputData[i]));
-            view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
-        }
-
-        // Store the chunk
-        audioChunks.push(new Uint8Array(buffer));
-    }
-
-    // Stop recording
-    stopBtn.addEventListener('click', () => {
-        if (!recording) return;
-
-        // Stop recording
-        recording = false;
-
-        // Disconnect processor
-        if (processor) {
-            processor.disconnect();
-            processor = null;
-        }
-
-        // Stop media stream tracks
-        if (mediaStream) {
-            mediaStream.getTracks().forEach(track => track.stop());
-        }
-
-        // Create WAV file from collected chunks
-        createWavFile();
-
-        // Update UI
-        startBtn.disabled = false;
-        stopBtn.disabled = true;
-        playBtn.disabled = false;
-        downloadBtn.disabled = false;
-        statusDisplay.textContent = "Recording stopped. Ready to play or download.";
-    });
-
-    // Create WAV file from collected PCM data
-    function createWavFile() {
-        // Combine all chunks into a single buffer
-        const length = audioChunks.reduce((acc, chunk) => acc + chunk.length, 0);
-        const result = new Uint8Array(length);
-        let offset = 0;
-
-        audioChunks.forEach(chunk => {
-            result.set(chunk, offset);
-            offset += chunk.length;
-        });
-
-        // Create WAV header
-        const wavHeader = createWaveHeader(result.length, config);
-
-        // Combine header and PCM data
-        const wavData = new Uint8Array(wavHeader.length + result.length);
-        wavData.set(wavHeader, 0);
-        wavData.set(result, wavHeader.length);
-
-        // Create blob
-        audioBlob = new Blob([wavData], { type: 'audio/wav' });
-        audioUrl = URL.createObjectURL(audioBlob);
-    }
-
-    // Create WAV header
-    function createWaveHeader(dataLength, config) {
-        const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
-        const blockAlign = config.numChannels * (config.bitDepth / 8);
-
-        const buffer = new ArrayBuffer(44);
-        const view = new DataView(buffer);
-
-        // RIFF identifier
-        writeString(view, 0, 'RIFF');
-        // RIFF chunk length
-        view.setUint32(4, 36 + dataLength, true);
-        // RIFF type
-        writeString(view, 8, 'WAVE');
-        // Format chunk identifier
-        writeString(view, 12, 'fmt ');
-        // Format chunk length
-        view.setUint32(16, 16, true);
-        // Sample format (raw)
-        view.setUint16(20, 1, true);
-        // Channel count
-        view.setUint16(22, config.numChannels, true);
-        // Sample rate
-        view.setUint32(24, config.sampleRate, true);
-        // Byte rate (sample rate * block align)
-        view.setUint32(28, byteRate, true);
-        // Block align (channel count * bytes per sample)
-        view.setUint16(32, blockAlign, true);
-        // Bits per sample
-        view.setUint16(34, config.bitDepth, true);
-        // Data chunk identifier
-        writeString(view, 36, 'data');
-        // Data chunk length
-        view.setUint32(40, dataLength, true);
-
-        return new Uint8Array(buffer);
-    }
-
-    // Helper to write strings to DataView
-    function writeString(view, offset, string) {
-        for (let i = 0; i < string.length; i++) {
-            view.setUint8(offset + i, string.charCodeAt(i));
-        }
-    }
-
-    // Play recorded audio
-    playBtn.addEventListener('click', () => {
-        if (!audioUrl) return;
-
-        const audio = new Audio(audioUrl);
-        audio.play();
-        statusDisplay.textContent = "Playing recording...";
-
-        audio.onended = () => {
-            statusDisplay.textContent = "Playback finished";
-        };
-    });
-
-    // Download recorded audio as WAV file
-    downloadBtn.addEventListener('click', () => {
-        if (!audioBlob) return;
-
-        const a = document.createElement('a');
-        a.href = audioUrl;
-        a.download = `recording_${config.sampleRate}Hz_${config.bitDepth}bit.wav`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-
-        statusDisplay.textContent = "Download started";
-    });
-
-    // Setup audio visualization
-    function setupVisualizer(source) {
-        const analyser = audioContext.createAnalyser();
-        analyser.fftSize = 64;
-        source.connect(analyser);
-
-        const bufferLength = analyser.frequencyBinCount;
-        const dataArray = new Uint8Array(bufferLength);
-
-        const canvas = document.createElement('canvas');
-        canvas.width = audioVisualizer.offsetWidth;
-        canvas.height = audioVisualizer.offsetHeight;
-        audioVisualizer.innerHTML = '';
-        audioVisualizer.appendChild(canvas);
-
-        const canvasCtx = canvas.getContext('2d');
-
-        function draw() {
-            requestAnimationFrame(draw);
-
-            analyser.getByteFrequencyData(dataArray);
-
-            canvasCtx.fillStyle = 'rgb(200, 200, 200)';
-            canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
-
-            const barWidth = (canvas.width / bufferLength) * 2.5;
-            let x = 0;
-
-            for (let i = 0; i < bufferLength; i++) {
-                const barHeight = dataArray[i] / 2;
-
-                canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
-                canvasCtx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
-
-                x += barWidth + 1;
-            }
-        }
-
-        draw();
-    }
-</script>
-<style>
-    #stt-container > button {
-        padding: 10px 15px;
-        margin: 5px;
-        font-size: 16px;
-        cursor: pointer;
-    }
-    #audioVisualizer {
-        width: 100%;
-        height: 100px;
-        background-color: #f0f0f0;
-        margin: 20px 0;
-    }
-    #status {
-        margin-top: 20px;
-        font-style: italic;
-        color: #666;
-    }
-</style>

src/pages/web-tools/image-labeling.astro

@@ -1,8 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
-import ImageLabelings from "../../components/Tools/ImageLabeling";
----
-
-<Layout title="">
-    <ImageLabelings client:load />
-</Layout>

src/pages/web-tools/speech-to-text.astro

@@ -1,128 +0,0 @@
----
-import Layout from "../../layouts/Layout.astro";
-import AudioToText from "../../components/Tools/AudioToText"
----
-
-<Layout title="Whisper CPP Light">
-    <AudioToText client:load />
-</Layout>
-<!-- <div class="container mx-auto px-4" id="stt-container">
-    <h1 class="text-2xl font-bold mb-4">Audio File to STT</h1>
-    
-    <div class="mb-6">
-        <label class="block text-sm font-medium text-gray-700 mb-2" for="audioFile">
-            Upload Audio File (WAV format recommended)
-        </label>
-        <input 
-            type="file" 
-            id="audioFile" 
-            accept="audio/*,.wav"
-            class="block w-full text-sm text-gray-500
-                file:mr-4 file:py-2 file:px-4
-                file:rounded-md file:border-0
-                file:text-sm file:font-semibold
-                file:bg-blue-50 file:text-blue-700
-                hover:file:bg-blue-100"
-        >
-        <p class="mt-1 text-sm text-gray-500">Supported formats: WAV, MP3, OGG, etc.</p>
-    </div>
-
-    <button 
-        id="sendBtn" 
-        disabled
-        class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed"
-    >
-        Send to STT API
-    </button>
-
-    <div class="mt-6">
-        <h2 class="text-xl font-semibold mb-2">API Response</h2>
-        <div id="responseContainer" class="p-4 bg-gray-100 rounded-md min-h-20">
-            <p id="statusMessage" class="text-gray-600">No file uploaded yet</p>
-            <pre id="apiResponse" class="hidden mt-2 p-2 bg-white rounded overflow-auto"></pre>
-        </div>
-    </div>
-</div> -->
-<!-- <script is:inline>
-    document.addEventListener('DOMContentLoaded', () => {
-        const audioFileInput = document.getElementById('audioFile');
-        const sendBtn = document.getElementById('sendBtn');
-        const statusMessage = document.getElementById('statusMessage');
-        const apiResponse = document.getElementById('apiResponse');
-        const responseContainer = document.getElementById('responseContainer');
-
-        // Enable send button when a file is selected
-        audioFileInput.addEventListener('change', () => {
-            if (audioFileInput.files.length > 0) {
-                sendBtn.disabled = false;
-                statusMessage.textContent = `File selected: ${audioFileInput.files[0].name}`;
-            } else {
-                sendBtn.disabled = true;
-                statusMessage.textContent = 'No file selected';
-            }
-            apiResponse.classList.add('hidden');
-        });
-
-        // Handle sending to STT API
-        sendBtn.addEventListener('click', async () => {
-            if (audioFileInput.files.length === 0) return;
-
-            const file = audioFileInput.files[0];
-            
-            try {
-                // Show loading state
-                sendBtn.disabled = true;
-                sendBtn.textContent = 'Processing...';
-                statusMessage.textContent = `Sending ${file.name} to STT API...`;
-                apiResponse.classList.add('hidden');
-                responseContainer.classList.remove('bg-red-50', 'bg-green-50');
-                responseContainer.classList.add('bg-blue-50');
-
-                // Create FormData and append the file
-                const formData = new FormData();
-                formData.append('audio', file);
-
-                // Send to STT API
-                const response = await fetch('https://stt-41.siliconpin.com/stt', {
-                    method: 'POST',
-                    body: formData
-                });
-
-                if (!response.ok) {
-                    throw new Error(`HTTP error! status: ${response.status}`);
-                }
-
-                const result = await response.json();
-
-                // Display results
-                apiResponse.textContent = JSON.stringify(result, null, 2);
-                apiResponse.classList.remove('hidden');
-                statusMessage.textContent = 'STT API Response:';
-                responseContainer.classList.remove('bg-blue-50');
-                responseContainer.classList.add('bg-green-50');
-
-            } catch (error) {
-                console.error('Error:', error);
-                statusMessage.textContent = `Error: ${error.message}`;
-                responseContainer.classList.remove('bg-blue-50');
-                responseContainer.classList.add('bg-red-50');
-            } finally {
-                sendBtn.disabled = false;
-                sendBtn.textContent = 'Send to STT API';
-            }
-        });
-    });
-</script>
-
-<style>
-    /* Additional styling if needed */
-    #stt-container {
-        max-width: 800px;
-        margin: 0 auto;
-        padding: 2rem;
-    }
-    
-    #apiResponse {
-        max-height: 300px;
-    }
-</style> -->

src/pages/web-tools/stt2.html

@@ -1,300 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>WAV Recorder (16-bit Mono 16kHz)</title>
-    <meta charset="UTF-8">
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            max-width: 600px;
-            margin: 0 auto;
-            padding: 20px;
-        }
-        button {
-            padding: 10px 15px;
-            margin: 5px;
-            font-size: 16px;
-            cursor: pointer;
-        }
-        #audioVisualizer {
-            width: 100%;
-            height: 100px;
-            background-color: #f0f0f0;
-            margin: 20px 0;
-        }
-        #status {
-            margin-top: 20px;
-            font-style: italic;
-            color: #666;
-        }
-    </style>
-</head>
-<body>
-    <h1>WAV Recorder (16-bit Mono 16kHz)</h1>
-
-    <div id="audioVisualizer"></div>
-
-    <button id="startBtn">Start Recording</button>
-    <button id="stopBtn" disabled>Stop Recording</button>
-    <button id="playBtn" disabled>Play Recording</button>
-    <button id="downloadBtn" disabled>Download WAV</button>
-
-    <div id="status">Ready to record</div>
-
-    <script>
-        // DOM elements
-        const startBtn = document.getElementById('startBtn');
-        const stopBtn = document.getElementById('stopBtn');
-        const playBtn = document.getElementById('playBtn');
-        const downloadBtn = document.getElementById('downloadBtn');
-        const audioVisualizer = document.getElementById('audioVisualizer');
-        const statusDisplay = document.getElementById('status');
-
-        // Audio variables
-        let audioContext;
-        let mediaStream;
-        let processor;
-        let recording = false;
-        let audioChunks = [];
-        let audioBlob;
-        let audioUrl;
-
-        // Configuration
-        const config = {
-            sampleRate: 16000,  // 16kHz sample rate
-            numChannels: 1,     // Mono
-            bitDepth: 16        // 16-bit
-        };
-
-        // Start recording
-        startBtn.addEventListener('click', async () => {
-            try {
-                statusDisplay.textContent = "Requesting microphone access...";
-
-                // Get microphone access
-                mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
-
-                // Create audio context with our desired sample rate
-                audioContext = new (window.AudioContext || window.webkitAudioContext)({
-                    sampleRate: config.sampleRate
-                });
-
-                // Create a script processor node to process the audio
-                processor = audioContext.createScriptProcessor(4096, 1, 1);
-                processor.onaudioprocess = processAudio;
-
-                // Create a media stream source
-                const source = audioContext.createMediaStreamSource(mediaStream);
-
-                // Connect the source to the processor and to the destination
-                source.connect(processor);
-                processor.connect(audioContext.destination);
-
-                // Setup visualization
-                setupVisualizer(source);
-
-                // Start recording
-                recording = true;
-                audioChunks = [];
-
-                // Update UI
-                startBtn.disabled = true;
-                stopBtn.disabled = false;
-                statusDisplay.textContent = "Recording...";
-
-                console.log('Recording started at ' + config.sampleRate + 'Hz');
-            } catch (error) {
-                console.error('Error:', error);
-                statusDisplay.textContent = "Error: " + error.message;
-            }
-        });
-
-        // Process audio data
-        function processAudio(event) {
-            if (!recording) return;
-
-            // Get audio data (already mono because we set numChannels to 1)
-            const inputData = event.inputBuffer.getChannelData(0);
-
-            // Convert float32 to 16-bit PCM
-            const buffer = new ArrayBuffer(inputData.length * 2);
-            const view = new DataView(buffer);
-
-            for (let i = 0, offset = 0; i < inputData.length; i++, offset += 2) {
-                const s = Math.max(-1, Math.min(1, inputData[i]));
-                view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
-            }
-
-            // Store the chunk
-            audioChunks.push(new Uint8Array(buffer));
-        }
-
-        // Stop recording
-        stopBtn.addEventListener('click', () => {
-            if (!recording) return;
-
-            // Stop recording
-            recording = false;
-
-            // Disconnect processor
-            if (processor) {
-                processor.disconnect();
-                processor = null;
-            }
-
-            // Stop media stream tracks
-            if (mediaStream) {
-                mediaStream.getTracks().forEach(track => track.stop());
-            }
-
-            // Create WAV file from collected chunks
-            createWavFile();
-
-            // Update UI
-            startBtn.disabled = false;
-            stopBtn.disabled = true;
-            playBtn.disabled = false;
-            downloadBtn.disabled = false;
-            statusDisplay.textContent = "Recording stopped. Ready to play or download.";
-        });
-
-        // Create WAV file from collected PCM data
-        function createWavFile() {
-            // Combine all chunks into a single buffer
-            const length = audioChunks.reduce((acc, chunk) => acc + chunk.length, 0);
-            const result = new Uint8Array(length);
-            let offset = 0;
-
-            audioChunks.forEach(chunk => {
-                result.set(chunk, offset);
-                offset += chunk.length;
-            });
-
-            // Create WAV header
-            const wavHeader = createWaveHeader(result.length, config);
-
-            // Combine header and PCM data
-            const wavData = new Uint8Array(wavHeader.length + result.length);
-            wavData.set(wavHeader, 0);
-            wavData.set(result, wavHeader.length);
-
-            // Create blob
-            audioBlob = new Blob([wavData], { type: 'audio/wav' });
-            audioUrl = URL.createObjectURL(audioBlob);
-        }
-
-        // Create WAV header
-        function createWaveHeader(dataLength, config) {
-            const byteRate = config.sampleRate * config.numChannels * (config.bitDepth / 8);
-            const blockAlign = config.numChannels * (config.bitDepth / 8);
-
-            const buffer = new ArrayBuffer(44);
-            const view = new DataView(buffer);
-
-            // RIFF identifier
-            writeString(view, 0, 'RIFF');
-            // RIFF chunk length
-            view.setUint32(4, 36 + dataLength, true);
-            // RIFF type
-            writeString(view, 8, 'WAVE');
-            // Format chunk identifier
-            writeString(view, 12, 'fmt ');
-            // Format chunk length
-            view.setUint32(16, 16, true);
-            // Sample format (raw)
-            view.setUint16(20, 1, true);
-            // Channel count
-            view.setUint16(22, config.numChannels, true);
-            // Sample rate
-            view.setUint32(24, config.sampleRate, true);
-            // Byte rate (sample rate * block align)
-            view.setUint32(28, byteRate, true);
-            // Block align (channel count * bytes per sample)
-            view.setUint16(32, blockAlign, true);
-            // Bits per sample
-            view.setUint16(34, config.bitDepth, true);
-            // Data chunk identifier
-            writeString(view, 36, 'data');
-            // Data chunk length
-            view.setUint32(40, dataLength, true);
-
-            return new Uint8Array(buffer);
-        }
-
-        // Helper to write strings to DataView
-        function writeString(view, offset, string) {
-            for (let i = 0; i < string.length; i++) {
-                view.setUint8(offset + i, string.charCodeAt(i));
-            }
-        }
-
-        // Play recorded audio
-        playBtn.addEventListener('click', () => {
-            if (!audioUrl) return;
-
-            const audio = new Audio(audioUrl);
-            audio.play();
-            statusDisplay.textContent = "Playing recording...";
-
-            audio.onended = () => {
-                statusDisplay.textContent = "Playback finished";
-            };
-        });
-
-        // Download recorded audio as WAV file
-        downloadBtn.addEventListener('click', () => {
-            if (!audioBlob) return;
-
-            const a = document.createElement('a');
-            a.href = audioUrl;
-            a.download = `recording_${config.sampleRate}Hz_${config.bitDepth}bit.wav`;
-            document.body.appendChild(a);
-            a.click();
-            document.body.removeChild(a);
-
-            statusDisplay.textContent = "Download started";
-        });
-
-        // Setup audio visualization
-        function setupVisualizer(source) {
-            const analyser = audioContext.createAnalyser();
-            analyser.fftSize = 64;
-            source.connect(analyser);
-
-            const bufferLength = analyser.frequencyBinCount;
-            const dataArray = new Uint8Array(bufferLength);
-
-            const canvas = document.createElement('canvas');
-            canvas.width = audioVisualizer.offsetWidth;
-            canvas.height = audioVisualizer.offsetHeight;
-            audioVisualizer.innerHTML = '';
-            audioVisualizer.appendChild(canvas);
-
-            const canvasCtx = canvas.getContext('2d');
-
-            function draw() {
-                requestAnimationFrame(draw);
-
-                analyser.getByteFrequencyData(dataArray);
-
-                canvasCtx.fillStyle = 'rgb(200, 200, 200)';
-                canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
-
-                const barWidth = (canvas.width / bufferLength) * 2.5;
-                let x = 0;
-
-                for (let i = 0; i < bufferLength; i++) {
-                    const barHeight = dataArray[i] / 2;
-
-                    canvasCtx.fillStyle = `rgb(${barHeight + 100}, 50, 50)`;
-                    canvasCtx.fillRect(x, canvas.height - barHeight, barWidth, barHeight);
-
-                    x += barWidth + 1;
-                }
-            }
-
-            draw();
-        }
-    </script>
-</body>
-</html>

yarn.lock

@@ -1340,11 +1340,6 @@
     "@types/babel__core" "^7.20.5"
     react-refresh "^0.14.2"
 
-"@zeit/schemas@2.36.0":
-  version "2.36.0"
-  resolved "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz"
-  integrity sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==
-
 "@zxing/text-encoding@0.9.0":
   version "0.9.0"
   resolved "https://registry.npmjs.org/@zxing/text-encoding/-/text-encoding-0.9.0.tgz"
@@ -1355,14 +1350,6 @@ abs-svg-path@^0.1.1:
   resolved "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz"
   integrity sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==
 
-accepts@~1.3.5:
-  version "1.3.8"
-  resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
 acorn@^8.14.1:
   version "8.14.1"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz"
@@ -1383,16 +1370,6 @@ agent-base@^7.0.2:
   resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz"
   integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
 
-ajv@8.12.0:
-  version "8.12.0"
-  resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
-  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    json-schema-traverse "^1.0.0"
-    require-from-string "^2.0.2"
-    uri-js "^4.2.2"
-
 ansi-align@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz"
@@ -1424,13 +1401,6 @@ ansi-styles@^4.0.0:
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
 ansi-styles@^6.1.0, ansi-styles@^6.2.1:
   version "6.2.1"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz"
@@ -1449,12 +1419,7 @@ anymatch@^3.1.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-arch@^2.2.0:
+arg@^5.0.2:
-  version "2.2.0"
-  resolved "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz"
-  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
-
-arg@^5.0.2, arg@5.0.2:
   version "5.0.2"
   resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
   integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
@@ -1651,20 +1616,6 @@ boolean@^3.0.1:
   resolved "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz"
   integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
 
-boxen@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz"
-  integrity sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==
-  dependencies:
-    ansi-align "^3.0.1"
-    camelcase "^7.0.0"
-    chalk "^5.0.1"
-    cli-boxes "^3.0.0"
-    string-width "^5.1.2"
-    type-fest "^2.13.0"
-    widest-line "^4.0.1"
-    wrap-ansi "^8.0.1"
-
 boxen@8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/boxen/-/boxen-8.0.1.tgz"
@@ -1679,14 +1630,6 @@ boxen@8.0.1:
     widest-line "^5.0.0"
     wrap-ansi "^9.0.0"
 
-brace-expansion@^1.1.7:
-  version "1.1.12"
-  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz"
-  integrity sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
 brace-expansion@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
@@ -1748,11 +1691,6 @@ buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
 cacheable-lookup@^5.0.3:
   version "5.0.4"
   resolved "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz"
@@ -1807,11 +1745,6 @@ camelcase-css@^2.0.1:
   resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
   integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
 
-camelcase@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz"
-  integrity sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==
-
 camelcase@^8.0.0:
   version "8.0.0"
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-8.0.0.tgz"
@@ -1835,31 +1768,11 @@ cfb@~1.2.1:
     adler-32 "~1.3.0"
     crc-32 "~1.2.0"
 
-chalk-template@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz"
-  integrity sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==
-  dependencies:
-    chalk "^4.1.2"
-
-chalk@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
 chalk@^5.0.0, chalk@5.2.0:
   version "5.2.0"
   resolved "https://registry.npmjs.org/chalk/-/chalk-5.2.0.tgz"
   integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
 
-chalk@^5.0.1, chalk@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz"
-  integrity sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==
-
 chalk@^5.3.0:
   version "5.4.1"
   resolved "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz"
@@ -1941,15 +1854,6 @@ cli-width@^4.1.0:
   resolved "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz"
   integrity sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==
 
-clipboardy@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz"
-  integrity sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==
-  dependencies:
-    arch "^2.2.0"
-    execa "^5.1.1"
-    is-wsl "^2.2.0"
-
 cliui@^8.0.1:
   version "8.0.1"
   resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
@@ -2051,36 +1955,6 @@ common-ancestor-path@^1.0.1:
   resolved "https://registry.npmjs.org/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz"
   integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
 
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@1.7.4:
-  version "1.7.4"
-  resolved "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
-  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
-
-content-disposition@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz"
-  integrity sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==
-
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz"
@@ -2174,13 +2048,6 @@ debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.7, debug@^4.4
   dependencies:
     ms "^2.1.3"
 
-debug@2.6.9:
-  version "2.6.9"
-  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
-
 decode-named-character-reference@^1.0.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.1.0.tgz"
@@ -2200,11 +2067,6 @@ decompress-response@^6.0.0:
   dependencies:
     mimic-response "^3.1.0"
 
-deep-extend@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
 deepmerge@^4.3.1:
   version "4.3.1"
   resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
@@ -2512,21 +2374,6 @@ events@^3.3.0:
   resolved "https://registry.npmjs.org/events/-/events-3.3.0.tgz"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
 execa@^7.0.0:
   version "7.2.0"
   resolved "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz"
@@ -2558,7 +2405,7 @@ extract-zip@^2.0.1:
   optionalDependencies:
     "@types/yauzl" "^2.9.1"
 
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
@@ -2672,15 +2519,6 @@ fraction.js@^4.3.7:
   resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
-framer-motion@^12.18.1:
-  version "12.18.1"
-  resolved "https://registry.npmjs.org/framer-motion/-/framer-motion-12.18.1.tgz"
-  integrity sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==
-  dependencies:
-    motion-dom "^12.18.1"
-    motion-utils "^12.18.1"
-    tslib "^2.4.0"
-
 fs-extra@^11.1.0:
   version "11.3.0"
   resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz"
@@ -2760,7 +2598,7 @@ get-stream@^5.1.0:
   dependencies:
     pump "^3.0.0"
 
-get-stream@^6.0.0, get-stream@^6.0.1:
+get-stream@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
@@ -2875,11 +2713,6 @@ h3@^1.15.0:
     ufo "^1.5.4"
     uncrypto "^0.1.3"
 
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
 has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz"
@@ -3288,11 +3121,6 @@ https-proxy-agent@^6.2.0:
     agent-base "^7.0.2"
     debug "4"
 
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
 human-signals@^4.3.0:
   version "4.3.1"
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz"
@@ -3331,11 +3159,6 @@ inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-ini@~1.3.0:
-  version "1.3.8"
-  resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
 inline-style-parser@0.1.1:
   version "0.1.1"
   resolved "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz"
@@ -3416,11 +3239,6 @@ is-decimal@^2.0.0:
   resolved "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz"
   integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
 
-is-docker@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
 is-docker@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz"
@@ -3490,11 +3308,6 @@ is-plain-obj@^4.0.0:
   resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz"
   integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==
 
-is-port-reachable@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz"
-  integrity sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==
-
 is-regex@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz"
@@ -3510,11 +3323,6 @@ is-regexp@^3.1.0:
   resolved "https://registry.npmjs.org/is-regexp/-/is-regexp-3.1.0.tgz"
   integrity sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==
 
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
 is-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz"
@@ -3537,13 +3345,6 @@ is-url@^1.2.4:
   resolved "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz"
   integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
 is-wsl@^3.1.0:
   version "3.1.0"
   resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz"
@@ -3577,11 +3378,6 @@ jiti@^1.21.6, jiti@>=1.21.0:
   resolved "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz"
   integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
 
-js-cookie@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz"
-  integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
@@ -3609,11 +3405,6 @@ json-parse-even-better-errors@^2.3.0:
   resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
-json-schema-traverse@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz"
-  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
-
 json-stringify-safe@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
@@ -4682,30 +4473,18 @@ micromatch@^4.0.8:
     braces "^3.0.3"
     picomatch "^2.3.1"
 
-"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-db@~1.33.0:
+mime-types@^2.1.35:
-  version "1.33.0"
-  resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz"
-  integrity sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==
-
-mime-types@^2.1.35, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime-types@2.1.18:
-  version "2.1.18"
-  resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz"
-  integrity sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==
-  dependencies:
-    mime-db "~1.33.0"
-
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
@@ -4740,14 +4519,7 @@ minimatch@^9.0.4:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@3.1.2:
+minimist@^1.2.6:
-  version "3.1.2"
-  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimist@^1.2.0, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -4782,18 +4554,6 @@ mkdirp@^2.1.6:
   resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-2.1.6.tgz"
   integrity sha512-+hEnITedc8LAtIP9u3HJDFIdcLV2vXP33sqLLIzkv1Db1zO/1OxbvYf0Y1OC/S/Qo5dxHXepofhmxL02PsKe+A==
 
-motion-dom@^12.18.1:
-  version "12.18.1"
-  resolved "https://registry.npmjs.org/motion-dom/-/motion-dom-12.18.1.tgz"
-  integrity sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==
-  dependencies:
-    motion-utils "^12.18.1"
-
-motion-utils@^12.18.1:
-  version "12.18.1"
-  resolved "https://registry.npmjs.org/motion-utils/-/motion-utils-12.18.1.tgz"
-  integrity sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==
-
 mri@^1.1.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz"
@@ -4809,11 +4569,6 @@ ms@^2.1.3:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
-  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
-
 msw@^2.7.1:
   version "2.7.6"
   resolved "https://registry.npmjs.org/msw/-/msw-2.7.6.tgz"
@@ -4857,11 +4612,6 @@ nanoid@^3.3.8:
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.10.tgz"
   integrity sha512-vSJJTG+t/dIKAUhUDw/dLdZ9s//5OxcHqLaDWWrW4Cdq7o6tdLIczUkMXt2MBNmk6sJRZBZRXVixs7URY1CmIg==
 
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
 neotraverse@^0.6.18:
   version "0.6.18"
   resolved "https://registry.npmjs.org/neotraverse/-/neotraverse-0.6.18.tgz"
@@ -4930,13 +4680,6 @@ not@^0.1.0:
   resolved "https://registry.npmjs.org/not/-/not-0.1.0.tgz"
   integrity sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==
 
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
 npm-run-path@^5.1.0:
   version "5.3.0"
   resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz"
@@ -4975,11 +4718,6 @@ ofetch@^1.4.1:
     node-fetch-native "^1.6.4"
     ufo "^1.5.4"
 
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
 once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
@@ -4994,13 +4732,6 @@ onetime@^5.1.0:
   dependencies:
     mimic-fn "^2.1.0"
 
-onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
 onetime@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz"
@@ -5151,12 +4882,7 @@ path-browserify@^1.0.1:
   resolved "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz"
   integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
 
-path-is-inside@1.0.2:
+path-key@^3.1.0:
-  version "1.0.2"
-  resolved "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz"
-  integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
-
-path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
@@ -5184,11 +4910,6 @@ path-to-regexp@^6.3.0:
   resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz"
   integrity sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==
 
-path-to-regexp@3.3.0:
-  version "3.3.0"
-  resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz"
-  integrity sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
@@ -5349,7 +5070,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
+punycode@^2.1.1, punycode@^2.3.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
@@ -5396,22 +5117,7 @@ radix3@^1.1.2:
   resolved "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz"
   integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
 
-range-parser@1.2.0:
+"react-dom@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom@^17.0.2 || ^18.0.0 || ^19.0.0", react-dom@>=16.8.0, react-dom@>=16.8.2, react-dom@>=18:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz"
-  integrity sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==
-
-rc@^1.0.1, rc@^1.1.6:
-  version "1.2.8"
-  resolved "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz"
-  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
-  dependencies:
-    deep-extend "^0.6.0"
-    ini "~1.3.0"
-    minimist "^1.2.0"
-    strip-json-comments "~2.0.1"
-
-"react-dom@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom@^17.0.2 || ^18.0.0 || ^19.0.0", "react-dom@^18.0.0 || ^19.0.0", react-dom@>=16.8.0, react-dom@>=16.8.2, react-dom@>=18:
   version "19.0.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz"
   integrity sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==
@@ -5539,7 +5245,7 @@ react-to-print@^3.0.5:
   resolved "https://registry.npmjs.org/react-to-print/-/react-to-print-3.0.5.tgz"
   integrity sha512-Z15MwMOzYCHWi26CZeFNwflAg7Nr8uWD6FTj+EkfIOjYyjr0MXGbI0c7rF4Fgrbj3XG9hFndb1ourxpPz2RAiA==
 
-react@*, "react@^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ~19", "react@^17.0.2 || ^18.0.0 || ^19.0.0", "react@^18.0.0 || ^19.0.0", react@^19.0.0, react@>=16, react@>=16.8.0, react@>=16.8.2, react@>=18:
+react@*, "react@^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ~19", "react@^17.0.2 || ^18.0.0 || ^19.0.0", react@^19.0.0, react@>=16, react@>=16.8.0, react@>=16.8.2, react@>=18:
   version "19.0.0"
   resolved "https://registry.npmjs.org/react/-/react-19.0.0.tgz"
   integrity sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==
@@ -5618,21 +5324,6 @@ regex@^5.1.1:
   dependencies:
     regex-utilities "^2.3.0"
 
-registry-auth-token@3.3.2:
-  version "3.3.2"
-  resolved "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz"
-  integrity sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==
-  dependencies:
-    rc "^1.1.6"
-    safe-buffer "^5.0.1"
-
-registry-url@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz"
-  integrity sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==
-  dependencies:
-    rc "^1.0.1"
-
 rehype-attr@~2.1.0:
   version "2.1.4"
   resolved "https://registry.npmjs.org/rehype-attr/-/rehype-attr-2.1.4.tgz"
@@ -6012,16 +5703,11 @@ sade@^1.7.3:
   dependencies:
     mri "^1.1.0"
 
-safe-buffer@^5.0.1, safe-buffer@~5.2.0:
+safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-buffer@5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
 safe-regex-test@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz"
@@ -6078,36 +5764,6 @@ serialize-error@^7.0.1:
   dependencies:
     type-fest "^0.13.1"
 
-serve-handler@6.1.6:
-  version "6.1.6"
-  resolved "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz"
-  integrity sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==
-  dependencies:
-    bytes "3.0.0"
-    content-disposition "0.5.2"
-    mime-types "2.1.18"
-    minimatch "3.1.2"
-    path-is-inside "1.0.2"
-    path-to-regexp "3.3.0"
-    range-parser "1.2.0"
-
-serve@^14.2.4:
-  version "14.2.4"
-  resolved "https://registry.npmjs.org/serve/-/serve-14.2.4.tgz"
-  integrity sha512-qy1S34PJ/fcY8gjVGszDB3EXiPSk5FKhUa7tQe0UPRddxRidc2V6cNHPNewbE1D7MAkgLuWEt3Vw56vYy73tzQ==
-  dependencies:
-    "@zeit/schemas" "2.36.0"
-    ajv "8.12.0"
-    arg "5.0.2"
-    boxen "7.0.0"
-    chalk "5.0.1"
-    chalk-template "0.4.0"
-    clipboardy "3.0.0"
-    compression "1.7.4"
-    is-port-reachable "4.0.0"
-    serve-handler "6.1.6"
-    update-check "1.5.4"
-
 set-cookie-parser@^2.6.0:
   version "2.7.1"
   resolved "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz"
@@ -6209,7 +5865,7 @@ shiki@^1.29.2:
     "@shikijs/vscode-textmate" "^10.0.1"
     "@types/hast" "^3.0.4"
 
-signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
+signal-exit@^3.0.2, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -6411,21 +6067,11 @@ strip-bom@^3.0.0:
   resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
 strip-final-newline@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz"
   integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
 
-strip-json-comments@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz"
-  integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
-
 strnum@^1.1.1:
   version "1.1.2"
   resolved "https://registry.npmjs.org/strnum/-/strnum-1.1.2.tgz"
@@ -6472,13 +6118,6 @@ sumchecker@^3.0.1:
   dependencies:
     debug "^4.1.0"
 
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
@@ -6625,7 +6264,7 @@ tsconfig-paths@^4.2.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.8.0:
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.8.0:
   version "2.8.1"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -6645,11 +6284,6 @@ type-fest@^0.21.3:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-type-fest@^2.13.0:
-  version "2.19.0"
-  resolved "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz"
-  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
-
 type-fest@^4.21.0, type-fest@^4.26.1:
   version "4.37.0"
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-4.37.0.tgz"
@@ -6906,21 +6540,6 @@ update-browserslist-db@^1.1.1:
     escalade "^3.2.0"
     picocolors "^1.1.1"
 
-update-check@1.5.4:
-  version "1.5.4"
-  resolved "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz"
-  integrity sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==
-  dependencies:
-    registry-auth-token "3.3.2"
-    registry-url "3.1.0"
-
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
 url-parse@^1.5.3:
   version "1.5.10"
   resolved "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz"
@@ -6970,11 +6589,6 @@ uvu@^0.5.0:
     kleur "^4.0.3"
     sade "^1.7.3"
 
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
 vfile-location@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/vfile-location/-/vfile-location-4.1.0.tgz"
@@ -7101,13 +6715,6 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-widest-line@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz"
-  integrity sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==
-  dependencies:
-    string-width "^5.0.1"
-
 widest-line@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz"
@@ -7152,15 +6759,6 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^8.0.1:
-  version "8.1.0"
-  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz"