ezekiel-cli 5.8.2

package/gui/v3/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "v3",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "generate-routes": "tsr generate",
+    "watch-routes": "tsr watch",
+    "dev": "vite --port 3200",
+    "start": "vite --port 3200",
+    "build": "npm run generate-routes && vite build && tsc",
+    "serve": "npm run watch-routes & vite --port 3200",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@codemirror/lang-html": "^6.4.9",
+    "@graphiql/plugin-explorer": "^5.1.1",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tailwindcss/vite": "^4.0.6",
+    "@tanstack/react-query": "^5.81.5",
+    "@tanstack/react-router": "^1.121.2",
+    "@tanstack/react-router-devtools": "^1.121.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/router-plugin": "^1.121.2",
+    "@uiw/codemirror-extensions-langs": "^4.24.1",
+    "@uiw/react-codemirror": "^4.24.1",
+    "@uiw/react-json-view": "^2.0.0-alpha.35",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cm6-graphql": "^0.2.1",
+    "date-fns": "^4.1.0",
+    "graphiql": "^5.1.1",
+    "graphql": "^16.11.0",
+    "lucide-react": "^0.476.0",
+    "react": "^19.0.0",
+    "react-day-picker": "^9.8.0",
+    "react-dom": "^19.0.0",
+    "react-resizable-panels": "^3.0.3",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^4.0.6",
+    "tailwindcss-animate": "^1.0.7",
+    "zustand": "^5.0.5"
+  },
+  "devDependencies": {
+    "@tanstack/router-cli": "^1.121.27",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.2.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^26.0.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.1.0",
+    "vite-plugin-monaco-editor": "^1.1.0",
+    "vitest": "^3.0.5",
+    "web-vitals": "^4.2.4"
+  },
+  "overrides": {
+    "@tanstack/react-router": "^1.121.2"
+  }
+}

package/gui/v3/public/assets/icons/search-icon-dark.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.28613 1.75C6.59993 1.75 5.95801 1.87728 5.36035 2.13184C4.7627 2.39746 4.23698 2.75716 3.7832 3.21094C3.34049 3.65365 2.98633 4.17383 2.7207 4.77148C2.46615 5.38021 2.33887 6.02767 2.33887 6.71387C2.33887 7.40007 2.46615 8.04199 2.7207 8.63965C2.98633 9.2373 3.34049 9.76302 3.7832 10.2168C4.23698 10.6595 4.7627 11.0137 5.36035 11.2793C5.95801 11.5339 6.59993 11.6611 7.28613 11.6611C7.97233 11.6611 8.61979 11.5339 9.22852 11.2793C9.82617 11.0137 10.3464 10.6595 10.7891 10.2168C11.2428 9.76302 11.6025 9.2373 11.8682 8.63965C12.1227 8.04199 12.25 7.40007 12.25 6.71387C12.25 6.02767 12.1227 5.38021 11.8682 4.77148C11.6025 4.17383 11.2428 3.65365 10.7891 3.21094C10.3464 2.75716 9.82617 2.39746 9.22852 2.13184C8.61979 1.87728 7.97233 1.75 7.28613 1.75ZM0.911133 6.71387C0.911133 5.82845 1.08268 4.99837 1.42578 4.22363C1.75781 3.44889 2.21159 2.77376 2.78711 2.19824C3.36263 1.62272 4.03776 1.16895 4.8125 0.836914C5.58724 0.504883 6.41178 0.338867 7.28613 0.338867C8.17155 0.338867 9.00163 0.504883 9.77637 0.836914C10.5511 1.16895 11.2262 1.62272 11.8018 2.19824C12.3773 2.77376 12.8311 3.44889 13.1631 4.22363C13.4951 4.99837 13.6611 5.82845 13.6611 6.71387C13.6611 7.58822 13.4951 8.41276 13.1631 9.1875C12.8311 9.96224 12.3773 10.6374 11.8018 11.2129C11.2262 11.7884 10.5511 12.2422 9.77637 12.5742C9.00163 12.9173 8.17155 13.0889 7.28613 13.0889C6.41178 13.0889 5.58724 12.9173 4.8125 12.5742C4.03776 12.2422 3.36263 11.7884 2.78711 11.2129C2.21159 10.6374 1.75781 9.96224 1.42578 9.1875C1.08268 8.41276 0.911133 7.58822 0.911133 6.71387ZM10.7891 10.2168C10.9329 10.0729 11.099 10.001 11.2871 10.001C11.4863 10.001 11.6579 10.0729 11.8018 10.2168L14.873 13.2881C15.0169 13.432 15.0889 13.6035 15.0889 13.8027C15.0889 13.9909 15.0169 14.1569 14.873 14.3008C14.7402 14.4336 14.5742 14.5 14.375 14.5C14.1758 14.5 14.0098 14.4336 13.877 14.3008L10.7891 11.2129C10.6562 11.069 10.5898 10.903 10.5898 10.7148C10.5898 10.5156 10.6562 10.3496 10.7891 10.2168Z" fill="white"/>
+</svg>

package/gui/v3/public/assets/ins-logo-dark.svg

@@ -0,0 +1,35 @@
+<svg width="103" height="48" viewBox="0 0 103 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ins-logo" clip-path="url(#clip0_25727_14417)">
+<g id="Group">
+<path id="Vector" d="M6.30615 0.767971V15.2974C6.30615 15.9043 6.99947 16.2757 7.54083 15.9586L19.9351 8.71205C20.448 8.41313 20.448 7.69753 19.9351 7.3986L7.54083 0.115777C6.99947 -0.201261 6.30615 0.170127 6.30615 0.777029V0.767971Z" fill="url(#paint0_linear_25727_14417)"/>
+<path id="Vector_2" d="M19.294 12.6441C19.7233 12.3957 20.269 12.6869 20.269 13.1665V33.6452C20.269 34.5959 20.1527 35.5124 19.938 36.3946L6.36868 28.4378L0.313012 24.8748C-0.0716164 24.6521 -0.107396 24.1125 0.259343 23.8555L1.87836 22.8963C1.87836 22.8963 1.89625 22.8877 1.9052 22.8791L19.294 12.6441Z" fill="url(#paint1_linear_25727_14417)"/>
+<path id="Vector_3" d="M8.91776 29.9281L6.37742 28.4378V44.831L6.35059 44.8738V47.272C6.35059 47.8458 7.00356 48.197 7.51342 47.8972L14.1326 44.0173C14.2131 43.9659 14.2936 43.9231 14.3741 43.8717C16.3599 42.6726 17.9789 40.9597 19.0076 38.9212C19.419 38.1247 19.7321 37.2768 19.9468 36.3946L8.91776 29.9281Z" fill="url(#paint2_linear_25727_14417)"/>
+</g>
+<g id="Group_2">
+<path id="Vector_4" d="M32.2822 17.9629C32.2822 17.3633 32.4611 16.9094 32.81 16.6182C33.1588 16.327 33.7313 16.1728 34.5095 16.1728C35.2877 16.1728 35.8602 16.327 36.218 16.6268C36.5758 16.9265 36.7547 17.3719 36.7547 17.9629C36.7547 19.1448 36.0033 19.7358 34.5095 19.7358C33.0157 19.7358 32.2822 19.1448 32.2822 17.9629ZM36.5936 32.5232H32.3896V20.8664H36.5936V32.5232Z" fill="white"/>
+<path id="Vector_5" d="M46.6564 32.5232V26.1595C46.6564 25.3801 46.5402 24.7977 46.3076 24.4037C46.075 24.0097 45.6993 23.8127 45.1805 23.8127C44.4739 23.8127 43.9551 24.0868 43.642 24.6264C43.329 25.166 43.1679 26.0995 43.1679 27.4185V32.5232H38.9639V20.8664H42.1303L42.6581 22.3053H42.9085C43.2663 21.7571 43.7673 21.346 44.3934 21.0719C45.0195 20.7979 45.753 20.6608 46.5849 20.6608C47.9356 20.6608 48.9821 21.0377 49.7245 21.7828C50.467 22.528 50.8426 23.5815 50.8426 24.9433V32.5232H46.6386H46.6564Z" fill="white"/>
+<path id="Vector_6" d="M62.5783 28.9431C62.5783 30.1936 62.1311 31.1357 61.2455 31.7695C60.36 32.4033 59.0809 32.7288 57.4171 32.7288C56.5137 32.7288 55.7266 32.6859 55.0646 32.5917C54.4027 32.4975 53.714 32.3262 53.0252 32.0864V28.866C53.6782 29.1401 54.3938 29.3628 55.172 29.5426C55.9502 29.7225 56.6389 29.8081 57.2561 29.8081C58.1685 29.8081 58.6247 29.6111 58.6247 29.2086C58.6247 29.003 58.4995 28.8232 58.2401 28.6604C57.9807 28.4977 57.2472 28.1894 56.0217 27.7183C54.9036 27.2815 54.1254 26.7762 53.6782 26.2194C53.2309 25.6627 53.0073 24.9518 53.0073 24.0953C53.0073 23.0076 53.4456 22.1682 54.3222 21.5601C55.1988 20.952 56.4332 20.6523 58.0343 20.6523C58.8394 20.6523 59.5907 20.7379 60.2974 20.9006C61.004 21.0719 61.7375 21.3117 62.4978 21.6372L61.3618 24.2324C60.8072 23.9926 60.2079 23.787 59.5907 23.6157C58.9646 23.4444 58.4547 23.3673 58.0612 23.3673C57.3724 23.3673 57.0325 23.5301 57.0325 23.847C57.0325 24.044 57.1488 24.2153 57.3903 24.3523C57.6318 24.4893 58.3206 24.7805 59.4745 25.2088C60.3242 25.5428 60.9593 25.8768 61.3797 26.1937C61.8001 26.5106 62.1042 26.8961 62.301 27.3329C62.4978 27.7697 62.5962 28.3007 62.5962 28.9259L62.5783 28.9431Z" fill="white"/>
+<path id="Vector_7" d="M64.269 17.9629C64.269 17.3633 64.4479 16.9094 64.7968 16.6182C65.1456 16.327 65.7181 16.1728 66.4963 16.1728C67.2745 16.1728 67.847 16.327 68.2048 16.6268C68.5626 16.9265 68.7415 17.3719 68.7415 17.9629C68.7415 19.1448 67.9901 19.7358 66.4963 19.7358C65.0025 19.7358 64.269 19.1448 64.269 17.9629ZM68.5805 32.5232H64.3764V20.8664H68.5805V32.5232Z" fill="white"/>
+<path id="Vector_8" d="M76.9258 29.5512C77.4893 29.5512 78.1692 29.4142 78.9563 29.1486V32.0778C78.3928 32.3091 77.8471 32.4804 77.3373 32.5746C76.8274 32.6774 76.2281 32.7202 75.5394 32.7202C74.1261 32.7202 73.1153 32.3862 72.4892 31.7267C71.863 31.0672 71.5589 30.048 71.5589 28.6776V23.8727H70.083V22.2368L71.9525 20.9692L73.0348 18.5196H75.7898V20.8578H78.7774V23.8727H75.7898V28.4121C75.7898 29.1658 76.1655 29.5426 76.9258 29.5426V29.5512Z" fill="white"/>
+<path id="Vector_9" d="M86.4162 32.7288C84.3858 32.7288 82.8115 32.2149 81.6934 31.1785C80.5752 30.1422 80.0117 28.6776 80.0117 26.7676C80.0117 24.8576 80.5305 23.2903 81.5681 22.2368C82.6057 21.1833 84.0906 20.6608 86.0137 20.6608C87.9369 20.6608 89.2607 21.1148 90.2625 22.0312C91.2643 22.9477 91.7653 24.2667 91.7653 25.9882V27.7783H84.2516C84.2784 28.4292 84.5289 28.9431 84.994 29.3114C85.4591 29.6797 86.1032 29.8681 86.9082 29.8681C87.6506 29.8681 88.3215 29.7996 88.9476 29.6711C89.5648 29.5341 90.2357 29.3114 90.9602 28.9859V31.8809C90.2983 32.2063 89.6185 32.429 88.9208 32.5489C88.2231 32.6688 87.3823 32.7373 86.4073 32.7373L86.4162 32.7288ZM86.1658 23.393C85.6738 23.393 85.2534 23.5386 84.9224 23.8384C84.5915 24.1382 84.3947 24.6092 84.3321 25.2431H87.9458C87.9279 24.6778 87.7669 24.2324 87.4449 23.8984C87.1229 23.5643 86.7025 23.393 86.1568 23.393H86.1658Z" fill="white"/>
+<path id="Vector_10" d="M103 28.9431C103 30.1936 102.553 31.1357 101.667 31.7695C100.782 32.4033 99.5028 32.7288 97.839 32.7288C96.9356 32.7288 96.1484 32.6859 95.4865 32.5917C94.8246 32.4975 94.1358 32.3262 93.4471 32.0864V28.866C94.1001 29.1401 94.8157 29.3628 95.5939 29.5426C96.3721 29.7225 97.0608 29.8081 97.678 29.8081C98.5904 29.8081 99.0466 29.6111 99.0466 29.2086C99.0466 29.003 98.9213 28.8232 98.6619 28.6604C98.4025 28.4977 97.6691 28.1894 96.4436 27.7183C95.3255 27.2815 94.5473 26.7762 94.1001 26.2194C93.6528 25.6627 93.4292 24.9518 93.4292 24.0953C93.4292 23.0076 93.8675 22.1682 94.7441 21.5601C95.6207 20.952 96.8551 20.6523 98.4562 20.6523C99.2612 20.6523 100.013 20.7379 100.719 20.9006C101.426 21.0719 102.159 21.3117 102.92 21.6372L101.784 24.2324C101.229 23.9926 100.63 23.787 100.013 23.6157C99.3865 23.4444 98.8766 23.3673 98.483 23.3673C97.7943 23.3673 97.4544 23.5301 97.4544 23.847C97.4544 24.044 97.5707 24.2153 97.8122 24.3523C98.0537 24.4893 98.7424 24.7805 99.8963 25.2088C100.746 25.5428 101.381 25.8768 101.802 26.1937C102.222 26.5106 102.526 26.8961 102.723 27.3329C102.92 27.7697 103.018 28.3007 103.018 28.9259L103 28.9431Z" fill="white"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_25727_14417" x1="14.9869" y1="13.6578" x2="6.34389" y2="2.37007" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3044FF"/>
+<stop offset="1" stop-color="#0095FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_25727_14417" x1="8.64067" y1="33.4568" x2="15.5534" y2="15.6639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3044FF"/>
+<stop offset="1" stop-color="#0095FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_25727_14417" x1="12.6478" y1="34.9899" x2="9.69521" y2="51.4125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#110051"/>
+<stop offset="1" stop-color="#4300C5"/>
+</linearGradient>
+<clipPath id="clip0_25727_14417">
+<rect width="103" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/gui/v3/public/assets/ins-logo-light.svg

@@ -0,0 +1,35 @@
+<svg width="103" height="48" viewBox="0 0 103 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ins-logo" clip-path="url(#clip0_25727_1829)">
+<g id="Group">
+<path id="Vector" d="M6.30609 0.767971V15.2974C6.30609 15.9043 6.99941 16.2757 7.54077 15.9586L19.935 8.71205C20.4479 8.41313 20.4479 7.69753 19.935 7.3986L7.54077 0.115777C6.99941 -0.201261 6.30609 0.170127 6.30609 0.777029V0.767971Z" fill="url(#paint0_linear_25727_1829)"/>
+<path id="Vector_2" d="M19.2941 12.6441C19.7234 12.3957 20.269 12.6869 20.269 13.1665V33.6452C20.269 34.5959 20.1528 35.5124 19.9381 36.3946L6.36874 28.4378L0.313073 24.8748C-0.0715554 24.6521 -0.107335 24.1125 0.259404 23.8555L1.87842 22.8963C1.87842 22.8963 1.89631 22.8877 1.90526 22.8791L19.2941 12.6441Z" fill="url(#paint1_linear_25727_1829)"/>
+<path id="Vector_3" d="M8.918 29.928L6.37766 28.4377V44.831L6.35083 44.8738V47.272C6.35083 47.8458 7.0038 48.197 7.51366 47.8972L14.1329 44.0173C14.2134 43.9659 14.2939 43.9231 14.3744 43.8717C16.3601 42.6726 17.9791 40.9596 19.0078 38.9212C19.4193 38.1247 19.7323 37.2767 19.947 36.3945L8.918 29.928Z" fill="url(#paint2_linear_25727_1829)"/>
+</g>
+<g id="Group_2">
+<path id="Vector_4" d="M32.282 17.9629C32.282 17.3634 32.4609 16.9094 32.8097 16.6182C33.1586 16.327 33.7311 16.1729 34.5093 16.1729C35.2875 16.1729 35.8599 16.327 36.2177 16.6268C36.5755 16.9266 36.7544 17.3719 36.7544 17.9629C36.7544 19.1449 36.003 19.7359 34.5093 19.7359C33.0155 19.7359 32.282 19.1449 32.282 17.9629ZM36.5934 32.5233H32.3893V20.8664H36.5934V32.5233Z" fill="#181818"/>
+<path id="Vector_5" d="M46.6564 32.5233V26.1596C46.6564 25.3802 46.5401 24.7977 46.3075 24.4038C46.075 24.0098 45.6993 23.8128 45.1805 23.8128C44.4738 23.8128 43.955 24.0869 43.642 24.6264C43.3289 25.166 43.1679 26.0996 43.1679 27.4186V32.5233H38.9638V20.8664H42.1303L42.658 22.3054H42.9085C43.2663 21.7572 43.7672 21.3461 44.3933 21.072C45.0195 20.7979 45.753 20.6609 46.5848 20.6609C47.9355 20.6609 48.982 21.0377 49.7245 21.7829C50.4669 22.528 50.8426 23.5815 50.8426 24.9433V32.5233H46.6385H46.6564Z" fill="#181818"/>
+<path id="Vector_6" d="M62.5782 28.9432C62.5782 30.1936 62.131 31.1358 61.2454 31.7696C60.3599 32.4034 59.0808 32.7289 57.417 32.7289C56.5136 32.7289 55.7264 32.686 55.0645 32.5918C54.4026 32.4976 53.7138 32.3263 53.0251 32.0865V28.8661C53.6781 29.1402 54.3937 29.3629 55.1719 29.5427C55.9501 29.7226 56.6388 29.8082 57.256 29.8082C58.1684 29.8082 58.6246 29.6112 58.6246 29.2087C58.6246 29.0031 58.4993 28.8233 58.2399 28.6605C57.9805 28.4978 57.2471 28.1895 56.0216 27.7184C54.9035 27.2816 54.1253 26.7762 53.6781 26.2195C53.2308 25.6628 53.0072 24.9519 53.0072 24.0954C53.0072 23.0077 53.4455 22.1683 54.3221 21.5602C55.1987 20.9521 56.4331 20.6523 58.0342 20.6523C58.8392 20.6523 59.5906 20.738 60.2973 20.9007C61.0039 21.072 61.7374 21.3118 62.4977 21.6373L61.3617 24.2325C60.8071 23.9927 60.2078 23.7871 59.5906 23.6158C58.9645 23.4445 58.4546 23.3674 58.0611 23.3674C57.3723 23.3674 57.0324 23.5302 57.0324 23.8471C57.0324 24.044 57.1487 24.2153 57.3902 24.3524C57.6317 24.4894 58.3204 24.7806 59.4743 25.2089C60.3241 25.5429 60.9592 25.8769 61.3796 26.1938C61.8 26.5107 62.1041 26.8962 62.3009 27.333C62.4977 27.7698 62.5961 28.3008 62.5961 28.926L62.5782 28.9432Z" fill="#181818"/>
+<path id="Vector_7" d="M64.2688 17.9629C64.2688 17.3634 64.4477 16.9094 64.7965 16.6182C65.1454 16.327 65.7179 16.1729 66.4961 16.1729C67.2743 16.1729 67.8467 16.327 68.2045 16.6268C68.5623 16.9266 68.7412 17.3719 68.7412 17.9629C68.7412 19.1449 67.9899 19.7359 66.4961 19.7359C65.0023 19.7359 64.2688 19.1449 64.2688 17.9629ZM68.5802 32.5233H64.3761V20.8664H68.5802V32.5233Z" fill="#181818"/>
+<path id="Vector_8" d="M76.9258 29.5511C77.4893 29.5511 78.1691 29.4141 78.9562 29.1486V32.0778C78.3927 32.309 77.8471 32.4803 77.3372 32.5745C76.8274 32.6773 76.2281 32.7201 75.5393 32.7201C74.126 32.7201 73.1153 32.3861 72.4891 31.7266C71.863 31.0671 71.5588 30.0479 71.5588 28.6775V23.8726H70.0829V22.2367L71.9524 20.9691L73.0348 18.5195H75.7898V20.8578H78.7773V23.8726H75.7898V28.412C75.7898 29.1657 76.1654 29.5426 76.9258 29.5426V29.5511Z" fill="#181818"/>
+<path id="Vector_9" d="M86.4162 32.7288C84.3858 32.7288 82.8115 32.2149 81.6934 31.1786C80.5752 30.1422 80.0117 28.6776 80.0117 26.7677C80.0117 24.8577 80.5305 23.2903 81.5681 22.2368C82.6057 21.1833 84.0906 20.6609 86.0137 20.6609C87.9369 20.6609 89.2607 21.1148 90.2625 22.0313C91.2643 22.9477 91.7653 24.2667 91.7653 25.9883V27.7783H84.2516C84.2784 28.4293 84.5289 28.9432 84.994 29.3114C85.4591 29.6797 86.1032 29.8682 86.9082 29.8682C87.6506 29.8682 88.3215 29.7996 88.9476 29.6712C89.5648 29.5341 90.2357 29.3114 90.9602 28.986V31.8809C90.2983 32.2064 89.6185 32.4291 88.9208 32.549C88.2231 32.6689 87.3823 32.7374 86.4073 32.7374L86.4162 32.7288ZM86.1658 23.3931C85.6738 23.3931 85.2534 23.5387 84.9224 23.8385C84.5915 24.1382 84.3947 24.6093 84.3321 25.2431H87.9458C87.9279 24.6778 87.7669 24.2325 87.4449 23.8984C87.1229 23.5644 86.7025 23.3931 86.1568 23.3931H86.1658Z" fill="#181818"/>
+<path id="Vector_10" d="M103 28.9432C103 30.1936 102.553 31.1358 101.667 31.7696C100.782 32.4034 99.5026 32.7289 97.8388 32.7289C96.9354 32.7289 96.1483 32.686 95.4863 32.5918C94.8244 32.4976 94.1357 32.3263 93.4469 32.0865V28.8661C94.0999 29.1402 94.8155 29.3629 95.5937 29.5427C96.3719 29.7226 97.0606 29.8082 97.6778 29.8082C98.5902 29.8082 99.0464 29.6112 99.0464 29.2087C99.0464 29.0031 98.9212 28.8233 98.6618 28.6605C98.4024 28.4978 97.6689 28.1895 96.4434 27.7184C95.3253 27.2816 94.5471 26.7762 94.0999 26.2195C93.6526 25.6628 93.429 24.9519 93.429 24.0954C93.429 23.0077 93.8673 22.1683 94.7439 21.5602C95.6205 20.9521 96.8549 20.6523 98.456 20.6523C99.2611 20.6523 100.012 20.738 100.719 20.9007C101.426 21.072 102.159 21.3118 102.92 21.6373L101.784 24.2325C101.229 23.9927 100.63 23.7871 100.012 23.6158C99.3863 23.4445 98.8764 23.3674 98.4829 23.3674C97.7941 23.3674 97.4542 23.5302 97.4542 23.8471C97.4542 24.044 97.5705 24.2153 97.812 24.3524C98.0535 24.4894 98.7423 24.7806 99.8961 25.2089C100.746 25.5429 101.381 25.8769 101.801 26.1938C102.222 26.5107 102.526 26.8962 102.723 27.333C102.92 27.7698 103.018 28.3008 103.018 28.926L103 28.9432Z" fill="#181818"/>
+</g>
+</g>
+<defs>
+<linearGradient id="paint0_linear_25727_1829" x1="14.9868" y1="13.6578" x2="6.34383" y2="2.37007" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3044FF"/>
+<stop offset="1" stop-color="#0095FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_25727_1829" x1="8.64073" y1="33.4568" x2="15.5535" y2="15.6639" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3044FF"/>
+<stop offset="1" stop-color="#0095FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_25727_1829" x1="12.648" y1="34.9899" x2="9.69545" y2="51.4125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#110051"/>
+<stop offset="1" stop-color="#4300C5"/>
+</linearGradient>
+<clipPath id="clip0_25727_1829">
+<rect width="103" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/gui/v3/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "Insites CLI",
+  "name": "Insites CLI",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/gui/v3/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/gui/v3/src/components/CodeEditor.tsx

@@ -0,0 +1,100 @@
+import { useCallback, useEffect, useState } from "react";
+
+import CodeMirror from "@uiw/react-codemirror";
+import {
+  loadLanguage,
+  langNames,
+  type LanguageName,
+} from "@uiw/codemirror-extensions-langs";
+import { useTheme } from "@/features/theme/hook";
+import { html } from "@codemirror/lang-html";
+import { Switch } from "./ui/switch";
+
+interface CodeEditorProps {
+  data?: string;
+  onChange?: (val: string) => void;
+  readOnly?: boolean;
+  width?: string;
+  defaultProgrammingLanguage?: LanguageName;
+  showLineNumberDefaultState?: boolean;
+}
+
+export default function CodeEditor({
+  data = "",
+  onChange = (_: string) => {},
+  readOnly = false,
+  width = "auto",
+  defaultProgrammingLanguage = "liquid",
+  showLineNumberDefaultState = false,
+}: CodeEditorProps) {
+  const { theme } = useTheme();
+
+  const [lang, setLang] = useState<LanguageName>(defaultProgrammingLanguage);
+  const [extensions, setExtensions] = useState<any[]>([]);
+  const [showLineNumber, setShowLineNumber] = useState(
+    showLineNumberDefaultState,
+  );
+
+  useEffect(() => {
+    const language = loadLanguage(lang);
+    if (language) {
+      setExtensions([language, html()]);
+    } else {
+      console.error(`Failed to load language: ${lang}`);
+    }
+  }, [lang, setExtensions]);
+
+  const handleOnChange = useCallback((val: string) => {
+    onChange(val);
+  }, []);
+
+  return (
+    <>
+      <CodeMirror
+        className="code-editor border border-color-ui-1 rounded my-2 h-full"
+        readOnly={readOnly}
+        theme={theme}
+        basicSetup={{
+          lineNumbers: showLineNumber,
+          syntaxHighlighting: true,
+          foldGutter: showLineNumber,
+          highlightActiveLine: showLineNumber,
+          allowMultipleSelections: true,
+          autocompletion: true,
+          closeBrackets: true,
+          crosshairCursor: true,
+          highlightActiveLineGutter: true,
+        }}
+        value={data}
+        width={width}
+        extensions={extensions}
+        onChange={handleOnChange}
+      />
+
+      <div className="flex gap-5 justify-between px-2">
+        <div className="flex gap-2 text-xs items-center">
+          <label>Language</label>
+          <select
+            className="background-ui-3"
+            value={lang}
+            onChange={(e) => setLang(e.target.value as LanguageName)}
+          >
+            <option value="graphql">graphql</option>
+            {langNames.map((lang) => (
+              <option key={lang} value={lang}>
+                {lang}
+              </option>
+            ))}
+          </select>
+        </div>
+        <div className="flex gap-2 text-xs items-center">
+          <Switch
+            checked={showLineNumber}
+            onCheckedChange={(checked) => setShowLineNumber(checked)}
+          />
+          <label className="text-xs">Show Line Number</label>
+        </div>
+      </div>
+    </>
+  );
+}

package/gui/v3/src/components/commons/DatePicker.tsx

@@ -0,0 +1,93 @@
+import { CalendarIcon } from "lucide-react";
+import { format, parseISO } from "date-fns";
+
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import { Input } from "@/components/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useEffect, useState } from "react";
+
+function formatDate(date: Date | undefined): string {
+  if (!date) {
+    return "";
+  }
+  return format(date, "MMMM dd, yyyy");
+}
+
+interface DatePickerProps {
+  value: string;
+  onChange: (value: string) => void;
+}
+
+export default function DatePicker({ value, onChange }: DatePickerProps) {
+  const [open, setOpen] = useState(false);
+
+  const [selectedDate, setSelectedDate] = useState<Date | undefined>(
+    value ? parseISO(value) : undefined,
+  );
+
+  const [calendarMonth, setCalendarMonth] = useState<Date | undefined>(
+    selectedDate || new Date(),
+  );
+
+  useEffect(() => {
+    const newDate = value ? parseISO(value) : undefined;
+    setSelectedDate(newDate);
+    if (newDate) {
+      setCalendarMonth(newDate);
+    }
+  }, [value]);
+
+  const displayValue = formatDate(selectedDate);
+
+  const handleDateSelect = (date: Date | undefined) => {
+    setSelectedDate(date);
+    setOpen(false);
+
+    if (date) {
+      onChange(format(date, "yyyy-MM-dd"));
+    } else {
+      onChange("");
+    }
+  };
+
+  return (
+    <div className="relative flex gap-2">
+      <Input
+        id="date-input"
+        value={displayValue}
+        className="bg-background pr-10"
+        readOnly
+        placeholder="Select a date"
+      />
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            id="date-picker-trigger"
+            variant="ghost"
+            className="absolute top-1/2 right-2 size-6 -translate-y-1/2"
+            aria-label="Open date picker"
+          >
+            <CalendarIcon className="size-3.5" />
+            <span className="sr-only">Select date</span>
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-auto overflow-hidden p-0" align="end">
+          <Calendar
+            mode="single"
+            selected={selectedDate}
+            captionLayout="dropdown"
+            month={calendarMonth}
+            onMonthChange={setCalendarMonth}
+            onSelect={handleDateSelect}
+            initialFocus
+          />
+        </PopoverContent>
+      </Popover>
+    </div>
+  );
+}

package/gui/v3/src/components/commons/DateRangeFilter.tsx

@@ -0,0 +1,76 @@
+import { useState, useCallback, useEffect, useId } from "react";
+import DatePicker from "@/components/commons/DatePicker";
+import { debounce, type DebouncedFunction } from "@/lib/utils";
+
+interface DateRangeFilterProps {
+  filterBy: "created_at" | "updated_at";
+  onFilterApply: (filterValue: { from: string; to: string } | {}) => void;
+}
+
+export default function DateRangeFilter({
+  filterBy,
+  onFilterApply,
+}: DateRangeFilterProps) {
+  const [dateFrom, setDateFrom] = useState<Date>(new Date());
+  const [dateTo, setDateTo] = useState<Date>(new Date());
+
+  const fromPickerId = useId();
+  const toPickerId = useId();
+
+  const applyFilter = useCallback(() => {
+    if (dateFrom && dateTo) {
+      onFilterApply({
+        from: dateFrom.toISOString(),
+        to: dateTo.toISOString(),
+      });
+    } else if (!dateFrom && !dateTo) {
+      onFilterApply({});
+    }
+  }, [dateFrom, dateTo, onFilterApply]);
+
+  const debouncedApplyFilter = useCallback(
+    debounce(applyFilter, 500) as DebouncedFunction<typeof applyFilter>,
+    [applyFilter],
+  );
+
+  useEffect(() => {
+    if ((dateFrom && dateTo) || (!dateFrom && !dateTo)) {
+      debouncedApplyFilter();
+    }
+  }, [dateFrom, dateTo, debouncedApplyFilter]);
+
+  useEffect(() => {
+    setDateFrom(new Date());
+    setDateTo(new Date());
+    onFilterApply({});
+  }, [filterBy, onFilterApply]);
+
+  return (
+    <div className="flex-grow w-full grid grid-cols-1 sm:grid-cols-2 gap-3">
+      <div>
+        <label
+          htmlFor={`date-from-${fromPickerId}`}
+          className="text-xs text-muted-foreground block mb-1"
+        >
+          From:
+        </label>
+        <DatePicker
+          value={dateFrom.toISOString()}
+          onChange={(date) => setDateFrom(new Date(date))}
+        />
+      </div>
+      <div>
+        <label
+          htmlFor={`date-to-${toPickerId}`}
+          className="text-xs text-muted-foreground block mb-1"
+        >
+          To:
+        </label>
+        <DatePicker
+          value={dateTo.toISOString()}
+          onChange={(date) => setDateTo(new Date(date))}
+        />
+      </div>
+    </div>
+  );
+}