Spaces:

Tataaicoltd
/

api

Running

App Files Files Community

Tataaicoltd commited on Jul 16

Commit

30a3fac

verified ·

1 Parent(s): 1eab2e3

deploy: taboard API (overwrite)

Browse files

Files changed (16) hide show

Dockerfile +11 -8
README.md +18 -7
package-lock.json +984 -0
package.json +21 -0
public/css/styles.css +253 -0
public/index.html +65 -0
public/js/api.js +94 -0
public/js/app.js +28 -0
public/js/projects.js +128 -0
public/js/tickets.js +336 -0
server.js +34 -0
src/routes/flow.js +68 -0
src/routes/projects.js +85 -0
src/routes/tickets.js +206 -0
src/status.js +6 -0
src/supabase.js +18 -0

Dockerfile CHANGED Viewed

@@ -1,15 +1,18 @@
-FROM python:3.11-slim
 WORKDIR /app
-# Copy backend only (no admin frontend)
-COPY backend/ ./backend/
-# Install dependencies
-RUN pip install --no-cache-dir -r backend/requirements.txt
 EXPOSE 7860
-# Run from backend dir so relative imports resolve correctly
-WORKDIR /app/backend
-CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

+FROM node:20-slim
 WORKDIR /app
+# Install dependencies first (better layer caching)
+COPY package.json package-lock.json ./
+RUN npm ci --omit=dev
+# Copy application source
+COPY server.js ./
+COPY src/ ./src/
+COPY public/ ./public/
+# HF Spaces routes traffic to port 7860 by default
+ENV PORT=7860
 EXPOSE 7860
+CMD ["node", "server.js"]

README.md CHANGED Viewed

@@ -1,12 +1,23 @@
 ---
-title: Api
-emoji: ⚡
-colorFrom: green
-colorTo: gray
 sdk: docker
 pinned: false
-license: apache-2.0
-short_description: API
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Taboard API
+emoji: 🗂️
+colorFrom: blue
+colorTo: indigo
 sdk: docker
+app_port: 7860
 pinned: false
 ---
+# Taboard
+Jira-style admin board + API backed by Supabase.
+## Required secrets
+Set these in the Space **Settings → Variables and secrets**:
+- `SUPABASE_URL` — your Supabase project URL
+- `SUPABASE_KEY` — Supabase service-role key (server-side only)
+- `STORAGE_BUCKET` — storage bucket name (default: `ticket-images`)
+`PORT` is provided automatically by the Space (7860).

package-lock.json ADDED Viewed

	@@ -0,0 +1,984 @@

+{
+  "name": "taboard",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "taboard",
+      "version": "1.0.0",
+      "dependencies": {
+        "@supabase/supabase-js": "^2.45.0",
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "express": "^4.19.2",
+        "multer": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@supabase/auth-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.110.6.tgz",
+      "integrity": "sha512-20v99wV4dodllbDOsD8AUVkQ7Ie+vwcgPeORY9YlC9YyJSmVgWff9gRTdgmyfE6GJHoSMJuQ4HZokSLHA/7YUg==",
+      "dependencies": {
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@supabase/functions-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.110.6.tgz",
+      "integrity": "sha512-Ih/I766vc579WfNzXSv1ERssCHKzaPj9rpST/j9wsMuUv+AfmRteKrJn3sVmrJIwQU5qJya2+aWTlvhf4WoMsg==",
+      "dependencies": {
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@supabase/phoenix": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@supabase/phoenix/-/phoenix-0.4.4.tgz",
+      "integrity": "sha512-Gt0pqoXuIqX/8dvG0OKp/wMCobXNH3klNbUPBNyOfN0YA1IswrM3HyWFMOPk1Jy+BRaIyDPcFx4jLBwHNmlyfQ=="
+    },
+    "node_modules/@supabase/postgrest-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.110.6.tgz",
+      "integrity": "sha512-kDNKncLtYBI/QT8HuVGSui/F3KrC3iWy7KM5M3EvWbEujf1cL+fdwMr2eeA8PEZUIPBeNbDxRzdFZo5t86iqUQ==",
+      "dependencies": {
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@supabase/realtime-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.110.6.tgz",
+      "integrity": "sha512-F2BhRmbC1dJlNA6cdjtbIWQJNV112TYbzEc0/0UFZYvKL52mL0PR0ZrlpIPEludV85WEmjA1RpjW2H5tNQka9g==",
+      "dependencies": {
+        "@supabase/phoenix": "0.4.4",
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@supabase/storage-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.110.6.tgz",
+      "integrity": "sha512-DHS7Jy8MCu2sltDBjANu6oGjeUBUY+bowBnga6CySwtAF2BBKCTJGULnt7wyKPSLSXsoiCyzTwyU1r3SAx++Rg==",
+      "dependencies": {
+        "iceberg-js": "^0.8.1",
+        "tslib": "2.8.1"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@supabase/supabase-js": {
+      "version": "2.110.6",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.110.6.tgz",
+      "integrity": "sha512-UJTAz1NUiSRI2mQYhUPvNMwqfkSucV1iSCcMJz8jgsSUTOfic9C3D6LGNOrH6KTvYUhxRvnf3ktq2Sd3IXIQzQ==",
+      "dependencies": {
+        "@supabase/auth-js": "2.110.6",
+        "@supabase/functions-js": "2.110.6",
+        "@supabase/postgrest-js": "2.110.6",
+        "@supabase/realtime-js": "2.110.6",
+        "@supabase/storage-js": "2.110.6"
+      },
+      "engines": {
+        "node": ">=22.0.0"
+      }
+    },
+    "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==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw=="
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz",
+      "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.15.1",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "engines": [
+        "node >= 6.0"
+      ],
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA=="
+    },
+    "node_modules/cors": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+      "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/debug": {
+      "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"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
+      "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.5",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.15.1",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/iceberg-js": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.1.tgz",
+      "integrity": "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA==",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "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"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/multer": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-2.2.0.tgz",
+      "integrity": "sha512-6rdyFg2kLrMh9Jee7/BMPuV9lEAd7lLW2YUpF9/YxR7njyoUwwQ0ZPh3TaIY50Sw6vlyD2HW3wGOkTS4P79xrQ==",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.6.0",
+        "concat-stream": "^2.0.0",
+        "type-is": "^1.6.18"
+      },
+      "engines": {
+        "node": ">= 10.16.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA=="
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
+      "dependencies": {
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "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==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    }
+  }
+}

package.json ADDED Viewed

	@@ -0,0 +1,21 @@

+{
+  "name": "taboard",
+  "version": "1.0.0",
+  "description": "Jira-style admin board + API backed by Supabase",
+  "type": "module",
+  "main": "server.js",
+  "scripts": {
+    "start": "node server.js",
+    "dev": "node --watch server.js"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@supabase/supabase-js": "^2.45.0",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "express": "^4.19.2",
+    "multer": "^2.0.1"
+  }
+}

public/css/styles.css ADDED Viewed

	@@ -0,0 +1,253 @@

+:root {
+  /* Atlassian design tokens */
+  --ds-blue: #0052cc;
+  --ds-blue-hover: #0065ff;
+  --ds-blue-dark: #0747a6;
+  --ds-nav-bg: #ffffff;
+  --ds-sidebar-bg: #f4f5f7;
+  --ds-page-bg: #ffffff;
+  --ds-border: #dfe1e6;
+  --ds-border-strong: #c1c7d0;
+  --ds-text: #172b4d;
+  --ds-subtle: #6b778c;
+  --ds-subtlest: #97a0af;
+  --ds-hover: #ebecf0;
+  --ds-selected: #e6effc;
+  --ds-danger: #de350b;
+  --ds-danger-hover: #bf2600;
+  --ds-green: #00875a;
+  --ds-radius: 3px;
+  --topnav-h: 56px;
+  --sidebar-w: 240px;
+}
+* { box-sizing: border-box; }
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  color: var(--ds-text);
+  background: var(--ds-page-bg);
+  font-size: 14px;
+}
+/* ============ Top nav ============ */
+.topnav {
+  height: var(--topnav-h);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  background: var(--ds-nav-bg);
+  border-bottom: 1px solid var(--ds-border);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+.topnav-left { display: flex; align-items: center; gap: 8px; }
+.app-switcher {
+  display: flex; flex-direction: column; gap: 3px;
+  background: transparent; border: none; cursor: pointer;
+  padding: 8px; border-radius: var(--ds-radius);
+}
+.app-switcher:hover { background: var(--ds-hover); }
+.app-switcher span { width: 4px; height: 4px; border-radius: 50%; background: var(--ds-subtle); }
+.brand { display: flex; align-items: center; gap: 8px; }
+.brand-logo {
+  width: 28px; height: 28px; border-radius: 6px;
+  background: var(--ds-blue); color: #fff;
+  display: grid; place-items: center; font-weight: 700;
+}
+.brand-name { font-weight: 700; font-size: 16px; }
+.topnav-center { flex: 1; display: flex; justify-content: center; }
+.global-search {
+  width: 100%; max-width: 420px;
+  padding: 6px 12px;
+  border: 1px solid var(--ds-border-strong);
+  border-radius: var(--ds-radius);
+  background: #fafbfc;
+  font-size: 14px;
+}
+.global-search:focus { outline: none; border-color: var(--ds-blue); background: #fff; }
+.avatar {
+  width: 32px; height: 32px; border-radius: 50%;
+  background: var(--ds-blue-dark); color: #fff;
+  display: grid; place-items: center; font-weight: 600; cursor: pointer;
+}
+/* ============ Layout ============ */
+.layout { display: flex; height: calc(100vh - var(--topnav-h)); }
+.sidebar {
+  width: var(--sidebar-w);
+  background: var(--ds-sidebar-bg);
+  border-right: 1px solid var(--ds-border);
+  padding: 12px 8px;
+  flex-shrink: 0;
+}
+.side-menu { display: flex; flex-direction: column; gap: 2px; }
+.side-item {
+  display: flex; align-items: center; gap: 10px;
+  padding: 8px 12px; border-radius: var(--ds-radius);
+  color: var(--ds-text); text-decoration: none; font-weight: 500;
+}
+.side-item:hover { background: var(--ds-hover); }
+.side-item.active { background: var(--ds-selected); color: var(--ds-blue); }
+.side-icon { width: 18px; text-align: center; color: var(--ds-subtle); }
+.side-item.active .side-icon { color: var(--ds-blue); }
+.content { flex: 1; overflow-y: auto; padding: 24px 32px; }
+/* ============ Page header ============ */
+.page-head {
+  display: flex; align-items: center; justify-content: space-between;
+  margin-bottom: 20px;
+}
+.page-title { font-size: 24px; font-weight: 600; margin: 0; }
+.page-sub { color: var(--ds-subtle); font-size: 13px; margin-top: 2px; }
+/* ============ Buttons ============ */
+.btn {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 6px 12px; border-radius: var(--ds-radius);
+  border: none; cursor: pointer; font-size: 14px; font-weight: 500;
+  font-family: inherit;
+}
+.btn-primary { background: var(--ds-blue); color: #fff; }
+.btn-primary:hover { background: var(--ds-blue-hover); }
+.btn-subtle { background: transparent; color: var(--ds-text); }
+.btn-subtle:hover { background: var(--ds-hover); }
+.btn-default { background: #f4f5f7; color: var(--ds-text); }
+.btn-default:hover { background: var(--ds-hover); }
+.btn-danger { background: transparent; color: var(--ds-danger); }
+.btn-danger:hover { background: #ffebe6; }
+.btn-sm { padding: 3px 8px; font-size: 13px; }
+/* ============ Table ============ */
+.table-wrap { border: 1px solid var(--ds-border); border-radius: var(--ds-radius); overflow: hidden; }
+table.data { width: 100%; border-collapse: collapse; background: #fff; }
+table.data th {
+  text-align: left; font-size: 12px; text-transform: uppercase;
+  letter-spacing: .04em; color: var(--ds-subtle); font-weight: 600;
+  padding: 10px 14px; border-bottom: 2px solid var(--ds-border); background: #fafbfc;
+}
+table.data td { padding: 10px 14px; border-bottom: 1px solid var(--ds-border); vertical-align: middle; }
+table.data tr:last-child td { border-bottom: none; }
+table.data tbody tr:hover { background: #fafbfc; }
+.row-actions { display: flex; gap: 4px; justify-content: flex-end; }
+.muted { color: var(--ds-subtle); }
+.mono { font-family: 'SFMono-Regular', Consolas, monospace; font-size: 12px; }
+/* ============ Badges ============ */
+.badge {
+  display: inline-flex; align-items: center;
+  padding: 2px 8px; border-radius: 3px;
+  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
+}
+/* status */
+.st-open { background: #dfe1e6; color: #42526e; }
+.st-queued { background: #deebff; color: #0747a6; }
+.st-processing { background: #fffae6; color: #974f0c; }
+.st-done { background: #e3fcef; color: #006644; }
+.st-failed { background: #ffebe6; color: #bf2600; }
+.st-close { background: #eae6ff; color: #403294; }
+/* type */
+.ty-backend { background: #eae6ff; color: #403294; }
+.ty-api { background: #e6fcff; color: #206a83; }
+.ty-frontend { background: #e3fcef; color: #006644; }
+.ty-ui { background: #fff0f6; color: #943d73; }
+/* ============ Modal ============ */
+.modal-overlay {
+  position: fixed; inset: 0; background: rgba(9,30,66,.54);
+  display: grid; place-items: start center; z-index: 200; padding: 48px 16px; overflow-y: auto;
+}
+.modal {
+  background: #fff; border-radius: 6px; width: 100%; max-width: 640px;
+  box-shadow: 0 8px 24px rgba(9,30,66,.25); padding: 24px;
+}
+.modal.wide { max-width: 900px; }
+.modal-title { font-size: 20px; font-weight: 600; margin: 0 0 16px; }
+.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
+/* ============ Forms ============ */
+.field { margin-bottom: 14px; }
+.field label { display: block; font-size: 12px; font-weight: 600; color: var(--ds-subtle); margin-bottom: 4px; }
+.field input[type=text],
+.field input[type=number],
+.field select,
+.field textarea {
+  width: 100%; padding: 8px 10px;
+  border: 1px solid var(--ds-border-strong); border-radius: var(--ds-radius);
+  font-size: 14px; font-family: inherit; background: #fafbfc; color: var(--ds-text);
+}
+.field input:focus, .field select:focus, .field textarea:focus {
+  outline: none; border-color: var(--ds-blue); background: #fff;
+}
+.field textarea { resize: vertical; min-height: 80px; }
+.field-row { display: flex; gap: 12px; }
+.field-row .field { flex: 1; }
+/* ============ Ticket tree ============ */
+.ticket-row td.title-cell { display: flex; align-items: center; gap: 6px; }
+.tree-toggle {
+  width: 18px; height: 18px; display: inline-grid; place-items: center;
+  cursor: pointer; border-radius: 3px; color: var(--ds-subtle); user-select: none;
+}
+.tree-toggle:hover { background: var(--ds-hover); }
+.tree-toggle.empty { visibility: hidden; }
+.child-indent { display: inline-block; width: 24px; }
+.ticket-key { color: var(--ds-subtle); font-size: 12px; margin-right: 6px; }
+/* ============ Detail panel ============ */
+.detail-grid { display: grid; grid-template-columns: 1fr 300px; gap: 24px; }
+.detail-main {}
+.detail-side { border-left: 1px solid var(--ds-border); padding-left: 20px; }
+.detail-side .field label { text-transform: uppercase; letter-spacing: .04em; }
+.log-box {
+  background: #172b4d; color: #c7d1e0; font-family: 'SFMono-Regular', Consolas, monospace;
+  font-size: 12px; padding: 12px; border-radius: var(--ds-radius);
+  white-space: pre-wrap; max-height: 220px; overflow-y: auto;
+}
+.msg-box {
+  background: #f4f5f7; border-left: 3px solid var(--ds-blue);
+  padding: 10px 12px; border-radius: var(--ds-radius); font-size: 13px; white-space: pre-wrap;
+}
+/* ============ Screenshots ============ */
+.shots { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
+.shot {
+  position: relative; width: 120px; height: 90px; border-radius: var(--ds-radius);
+  overflow: hidden; border: 1px solid var(--ds-border); background: #fafbfc;
+}
+.shot img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
+.shot .shot-del {
+  position: absolute; top: 2px; right: 2px;
+  background: rgba(9,30,66,.7); color: #fff; border: none;
+  width: 20px; height: 20px; border-radius: 3px; cursor: pointer; font-size: 12px; line-height: 1;
+}
+.upload-drop {
+  border: 2px dashed var(--ds-border-strong); border-radius: var(--ds-radius);
+  padding: 16px; text-align: center; color: var(--ds-subtle); cursor: pointer; margin-top: 8px;
+}
+.upload-drop:hover { border-color: var(--ds-blue); color: var(--ds-blue); }
+/* ============ Misc ============ */
+.empty-state { text-align: center; padding: 60px 20px; color: var(--ds-subtle); }
+.empty-state h3 { color: var(--ds-text); }
+.toast {
+  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
+  background: #172b4d; color: #fff; padding: 10px 18px; border-radius: var(--ds-radius);
+  z-index: 300; box-shadow: 0 4px 12px rgba(9,30,66,.3); font-size: 14px;
+}
+.toast.error { background: var(--ds-danger); }
+.lightbox {
+  position: fixed; inset: 0; background: rgba(9,30,66,.8);
+  display: grid; place-items: center; z-index: 400; cursor: zoom-out;
+}
+.lightbox img { max-width: 90vw; max-height: 90vh; border-radius: 4px; }
+.spinner { padding: 40px; text-align: center; color: var(--ds-subtle); }
+.link { color: var(--ds-blue); cursor: pointer; text-decoration: none; }
+.link:hover { text-decoration: underline; }
+[hidden] { display: none !important; }

public/index.html ADDED Viewed

	@@ -0,0 +1,65 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Taboard</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="css/styles.css" />
+</head>
+<body>
+  <!-- Top navigation -->
+  <header class="topnav">
+    <div class="topnav-left">
+      <button class="app-switcher" title="Menu">
+        <span></span><span></span><span></span>
+      </button>
+      <div class="brand">
+        <span class="brand-logo">T</span>
+        <span class="brand-name">Taboard</span>
+      </div>
+    </div>
+    <div class="topnav-center">
+      <input id="global-search" class="global-search" type="text" placeholder="Search" />
+    </div>
+    <div class="topnav-right">
+      <div class="avatar" title="admin">A</div>
+    </div>
+  </header>
+  <div class="layout">
+    <!-- Sidebar -->
+    <aside class="sidebar">
+      <nav class="side-menu">
+        <a href="#/projects" class="side-item" data-view="projects">
+          <span class="side-icon">▦</span>
+          <span>Projects</span>
+        </a>
+        <a href="#/tickets" class="side-item" data-view="tickets">
+          <span class="side-icon">✔</span>
+          <span>Tickets</span>
+        </a>
+      </nav>
+    </aside>
+    <!-- Main content -->
+    <main class="content" id="app">
+      <!-- Views render here -->
+    </main>
+  </div>
+  <!-- Modal container -->
+  <div class="modal-overlay" id="modal-overlay" hidden>
+    <div class="modal" id="modal"></div>
+  </div>
+  <!-- Toast -->
+  <div class="toast" id="toast" hidden></div>
+  <script src="js/api.js"></script>
+  <script src="js/projects.js"></script>
+  <script src="js/tickets.js"></script>
+  <script src="js/app.js"></script>
+</body>
+</html>

public/js/api.js ADDED Viewed

	@@ -0,0 +1,94 @@

+// Thin fetch wrapper around the backend API + shared UI helpers.
+const API = {
+  base: '/api',
+  async request(method, path, body) {
+    const opts = { method, headers: {} };
+    if (body !== undefined) {
+      opts.headers['Content-Type'] = 'application/json';
+      opts.body = JSON.stringify(body);
+    }
+    const res = await fetch(this.base + path, opts);
+    if (res.status === 204) return null;
+    const data = await res.json().catch(() => ({}));
+    if (!res.ok) throw new Error(data.error || `Request failed (${res.status})`);
+    return data;
+  },
+  // Projects
+  listProjects() { return this.request('GET', '/projects'); },
+  getProject(id) { return this.request('GET', `/projects/${id}`); },
+  createProject(p) { return this.request('POST', '/projects', p); },
+  updateProject(id, p) { return this.request('PUT', `/projects/${id}`, p); },
+  deleteProject(id) { return this.request('DELETE', `/projects/${id}`); },
+  // Tickets
+  listTickets(params = {}) {
+    const qs = new URLSearchParams(params).toString();
+    return this.request('GET', `/tickets${qs ? '?' + qs : ''}`);
+  },
+  getTicket(id) { return this.request('GET', `/tickets/${id}`); },
+  createTicket(t) { return this.request('POST', '/tickets', t); },
+  updateTicket(id, t) { return this.request('PUT', `/tickets/${id}`, t); },
+  deleteTicket(id) { return this.request('DELETE', `/tickets/${id}`); },
+  deleteTicketImage(id, url) { return this.request('DELETE', `/tickets/${id}/images`, { url }); },
+  async uploadImages(id, files) {
+    const fd = new FormData();
+    for (const f of files) fd.append('images', f);
+    const res = await fetch(`${this.base}/tickets/${id}/images`, { method: 'POST', body: fd });
+    const data = await res.json().catch(() => ({}));
+    if (!res.ok) throw new Error(data.error || 'Upload failed');
+    return data;
+  }
+};
+// ---------- UI helpers ----------
+const UI = {
+  el(html) {
+    const t = document.createElement('template');
+    t.innerHTML = html.trim();
+    return t.content.firstElementChild;
+  },
+  esc(s) {
+    return String(s ?? '').replace(/[&<>"']/g, (c) => ({
+      '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
+    })[c]);
+  },
+  fmtDate(v) {
+    if (!v) return '—';
+    const d = new Date(v);
+    if (isNaN(d)) return UI.esc(v);
+    return d.toLocaleString();
+  },
+  toast(msg, isError = false) {
+    const t = document.getElementById('toast');
+    t.textContent = msg;
+    t.className = 'toast' + (isError ? ' error' : '');
+    t.hidden = false;
+    clearTimeout(this._toastTimer);
+    this._toastTimer = setTimeout(() => (t.hidden = true), 2600);
+  },
+  openModal(html, wide = false) {
+    const overlay = document.getElementById('modal-overlay');
+    const modal = document.getElementById('modal');
+    modal.className = 'modal' + (wide ? ' wide' : '');
+    modal.innerHTML = '';
+    modal.appendChild(typeof html === 'string' ? UI.el(html) : html);
+    overlay.hidden = false;
+    return modal;
+  },
+  closeModal() {
+    document.getElementById('modal-overlay').hidden = true;
+  },
+  lightbox(url) {
+    const lb = UI.el(`<div class="lightbox"><img src="${UI.esc(url)}" alt="screenshot" /></div>`);
+    lb.addEventListener('click', () => lb.remove());
+    document.body.appendChild(lb);
+  }
+};
+// Close modal on overlay click
+document.addEventListener('click', (e) => {
+  if (e.target.id === 'modal-overlay') UI.closeModal();
+});

public/js/app.js ADDED Viewed

	@@ -0,0 +1,28 @@

+// Simple hash router + sidebar highlighting.
+const App = {
+  routes: {
+    projects: ProjectsView,
+    tickets: TicketsView
+  },
+  start() {
+    window.addEventListener('hashchange', () => this.route());
+    this.route();
+  },
+  currentView() {
+    const hash = location.hash.replace(/^#\//, '') || 'projects';
+    return this.routes[hash] ? hash : 'projects';
+  },
+  route() {
+    const view = this.currentView();
+    document.querySelectorAll('.side-item').forEach((a) =>
+      a.classList.toggle('active', a.dataset.view === view)
+    );
+    const app = document.getElementById('app');
+    this.routes[view].render(app);
+  }
+};
+document.addEventListener('DOMContentLoaded', () => App.start());

public/js/projects.js ADDED Viewed

	@@ -0,0 +1,128 @@

+// Projects view — CRUD list styled like a Jira projects page.
+const ProjectsView = {
+  async render(container) {
+    container.innerHTML = `
+      <div class="page-head">
+        <div>
+          <h1 class="page-title">Projects</h1>
+          <div class="page-sub">Manage your projects and their structure</div>
+        </div>
+        <button class="btn btn-primary" id="new-project">+ Create project</button>
+      </div>
+      <div id="projects-body"><div class="spinner">Loading…</div></div>
+    `;
+    container.querySelector('#new-project').addEventListener('click', () => this.openForm());
+    await this.load();
+  },
+  async load() {
+    const body = document.getElementById('projects-body');
+    try {
+      const projects = await API.listProjects();
+      if (!projects.length) {
+        body.innerHTML = `
+          <div class="empty-state">
+            <h3>No projects yet</h3>
+            <p>Create your first project to get started.</p>
+          </div>`;
+        return;
+      }
+      body.innerHTML = `
+        <div class="table-wrap">
+          <table class="data">
+            <thead>
+              <tr>
+                <th style="width:60px">ID</th>
+                <th>Name</th>
+                <th>Note</th>
+                <th>Created</th>
+                <th style="width:140px;text-align:right">Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              ${projects.map((p) => this.row(p)).join('')}
+            </tbody>
+          </table>
+        </div>`;
+      body.querySelectorAll('[data-edit]').forEach((b) =>
+        b.addEventListener('click', () => this.openForm(Number(b.dataset.edit)))
+      );
+      body.querySelectorAll('[data-del]').forEach((b) =>
+        b.addEventListener('click', () => this.remove(Number(b.dataset.del)))
+      );
+    } catch (e) {
+      body.innerHTML = `<div class="empty-state"><h3>Failed to load</h3><p>${UI.esc(e.message)}</p></div>`;
+    }
+  },
+  row(p) {
+    return `
+      <tr>
+        <td class="muted mono">${p.id}</td>
+        <td><strong>${UI.esc(p.name)}</strong></td>
+        <td class="muted">${UI.esc(p.note || '—')}</td>
+        <td class="muted">${UI.fmtDate(p.creatid)}</td>
+        <td>
+          <div class="row-actions">
+            <button class="btn btn-subtle btn-sm" data-edit="${p.id}">Edit</button>
+            <button class="btn btn-danger btn-sm" data-del="${p.id}">Delete</button>
+          </div>
+        </td>
+      </tr>`;
+  },
+  async openForm(id) {
+    let p = { name: '', note: '', struc: {} };
+    if (id) {
+      try { p = await API.getProject(id); } catch (e) { return UI.toast(e.message, true); }
+    }
+    const strucText = typeof p.struc === 'object' ? JSON.stringify(p.struc ?? {}, null, 2) : (p.struc || '');
+    const modal = UI.openModal(`
+      <div>
+        <h2 class="modal-title">${id ? 'Edit project' : 'Create project'}</h2>
+        <div class="field">
+          <label>Name *</label>
+          <input type="text" id="f-name" value="${UI.esc(p.name)}" placeholder="Project name" />
+        </div>
+        <div class="field">
+          <label>Note</label>
+          <textarea id="f-note" placeholder="Short description">${UI.esc(p.note || '')}</textarea>
+        </div>
+        <div class="field">
+          <label>Structure (JSON)</label>
+          <textarea id="f-struc" class="mono" placeholder='{ "columns": ["todo","doing","done"] }'>${UI.esc(strucText)}</textarea>
+        </div>
+        <div class="modal-actions">
+          <button class="btn btn-subtle" id="f-cancel">Cancel</button>
+          <button class="btn btn-primary" id="f-save">${id ? 'Save' : 'Create'}</button>
+        </div>
+      </div>
+    `);
+    modal.querySelector('#f-cancel').addEventListener('click', UI.closeModal);
+    modal.querySelector('#f-save').addEventListener('click', async () => {
+      const name = modal.querySelector('#f-name').value.trim();
+      if (!name) return UI.toast('Name is required', true);
+      const payload = {
+        name,
+        note: modal.querySelector('#f-note').value.trim(),
+        struc: modal.querySelector('#f-struc').value.trim()
+      };
+      try {
+        if (id) await API.updateProject(id, payload);
+        else await API.createProject(payload);
+        UI.closeModal();
+        UI.toast(id ? 'Project updated' : 'Project created');
+        this.load();
+      } catch (e) { UI.toast(e.message, true); }
+    });
+  },
+  async remove(id) {
+    if (!confirm('Delete this project? Tickets linked to it will be unlinked.')) return;
+    try {
+      await API.deleteProject(id);
+      UI.toast('Project deleted');
+      this.load();
+    } catch (e) { UI.toast(e.message, true); }
+  }
+};

public/js/tickets.js ADDED Viewed

	@@ -0,0 +1,336 @@

+// Tickets view — Jira-like list with sub-ticket tree, detail panel, image upload.
+const TYPES = ['backend', 'api', 'frontend', 'ui'];
+const STATUSES = ['open', 'queued', 'processing', 'done', 'failed', 'close'];
+const TicketsView = {
+  expanded: new Set(),
+  projects: [],
+  async render(container) {
+    container.innerHTML = `
+      <div class="page-head">
+        <div>
+          <h1 class="page-title">Tickets</h1>
+          <div class="page-sub">Track work items and their sub-tasks</div>
+        </div>
+        <button class="btn btn-primary" id="new-ticket">+ Create ticket</button>
+      </div>
+      <div id="tickets-body"><div class="spinner">Loading…</div></div>
+    `;
+    container.querySelector('#new-ticket').addEventListener('click', () => this.openForm());
+    await this.load();
+  },
+  async load() {
+    const body = document.getElementById('tickets-body');
+    try {
+      const [tickets, projects] = await Promise.all([API.listTickets(), API.listProjects()]);
+      this.projects = projects;
+      this.all = tickets;
+      if (!tickets.length) {
+        body.innerHTML = `
+          <div class="empty-state">
+            <h3>No tickets yet</h3>
+            <p>Create your first ticket to get started.</p>
+          </div>`;
+        return;
+      }
+      body.innerHTML = `
+        <div class="table-wrap">
+          <table class="data">
+            <thead>
+              <tr>
+                <th>Title</th>
+                <th style="width:110px">Type</th>
+                <th style="width:120px">Status</th>
+                <th style="width:70px">Sort</th>
+                <th style="width:170px;text-align:right">Actions</th>
+              </tr>
+            </thead>
+            <tbody id="ticket-rows"></tbody>
+          </table>
+        </div>`;
+      this.renderRows();
+    } catch (e) {
+      body.innerHTML = `<div class="empty-state"><h3>Failed to load</h3><p>${UI.esc(e.message)}</p></div>`;
+    }
+  },
+  renderRows() {
+    const tbody = document.getElementById('ticket-rows');
+    const byParent = new Map();
+    for (const t of this.all) {
+      const key = t.subtic || 0;
+      if (!byParent.has(key)) byParent.set(key, []);
+      byParent.get(key).push(t);
+    }
+    const rows = [];
+    const walk = (parentId, depth) => {
+      const children = byParent.get(parentId) || [];
+      for (const t of children) {
+        rows.push(this.row(t, depth, byParent.has(t.id)));
+        if (this.expanded.has(t.id)) walk(t.id, depth + 1);
+      }
+    };
+    walk(0, 0);
+    tbody.innerHTML = rows.join('');
+    tbody.querySelectorAll('[data-toggle]').forEach((b) =>
+      b.addEventListener('click', () => {
+        const id = Number(b.dataset.toggle);
+        if (this.expanded.has(id)) this.expanded.delete(id);
+        else this.expanded.add(id);
+        this.renderRows();
+      })
+    );
+    tbody.querySelectorAll('[data-open]').forEach((b) =>
+      b.addEventListener('click', () => this.openDetail(Number(b.dataset.open)))
+    );
+    tbody.querySelectorAll('[data-sub]').forEach((b) =>
+      b.addEventListener('click', () => this.openForm(null, Number(b.dataset.sub)))
+    );
+    tbody.querySelectorAll('[data-del]').forEach((b) =>
+      b.addEventListener('click', () => this.remove(Number(b.dataset.del)))
+    );
+  },
+  row(t, depth, hasChildren) {
+    const indent = Array(depth).fill('<span class="child-indent"></span>').join('');
+    const toggle = hasChildren
+      ? `<span class="tree-toggle" data-toggle="${t.id}">${this.expanded.has(t.id) ? '▾' : '▸'}</span>`
+      : `<span class="tree-toggle empty">▸</span>`;
+    return `
+      <tr class="ticket-row">
+        <td>
+          <div class="title-cell">
+            ${indent}${toggle}
+            <span class="ticket-key mono">TIC-${t.id}</span>
+            <a class="link" data-open="${t.id}">${UI.esc(t.title)}</a>
+          </div>
+        </td>
+        <td><span class="badge ty-${t.type}">${t.type}</span></td>
+        <td><span class="badge st-${t.status}">${t.status}</span></td>
+        <td class="muted mono">${t.sort ?? 0}</td>
+        <td>
+          <div class="row-actions">
+            <button class="btn btn-subtle btn-sm" data-sub="${t.id}" title="Add sub-ticket">+ Sub</button>
+            <button class="btn btn-subtle btn-sm" data-open="${t.id}">Open</button>
+            <button class="btn btn-danger btn-sm" data-del="${t.id}">Delete</button>
+          </div>
+        </td>
+      </tr>`;
+  },
+  projectOptions(selected) {
+    const opts = ['<option value="">— None —</option>'];
+    for (const p of this.projects) {
+      opts.push(`<option value="${p.id}" ${p.id === selected ? 'selected' : ''}>${UI.esc(p.name)}</option>`);
+    }
+    return opts.join('');
+  },
+  parentOptions(selected, excludeId) {
+    const opts = ['<option value="">— None (top-level) —</option>'];
+    for (const t of this.all || []) {
+      if (t.id === excludeId) continue;
+      opts.push(`<option value="${t.id}" ${t.id === selected ? 'selected' : ''}>TIC-${t.id} · ${UI.esc(t.title)}</option>`);
+    }
+    return opts.join('');
+  },
+  // Create / edit form
+  async openForm(id, parentId) {
+    let t = {
+      title: '', detail: '', type: 'backend', status: 'open',
+      message: '', logs: '', sort: 0, subtic: parentId || '', projectid: ''
+    };
+    if (id) {
+      try { t = await API.getTicket(id); } catch (e) { return UI.toast(e.message, true); }
+    }
+    const modal = UI.openModal(`
+      <div>
+        <h2 class="modal-title">${id ? 'Edit ticket' : (parentId ? 'Create sub-ticket' : 'Create ticket')}</h2>
+        <div class="field">
+          <label>Title *</label>
+          <input type="text" id="f-title" value="${UI.esc(t.title)}" placeholder="Ticket title" />
+        </div>
+        <div class="field">
+          <label>Detail</label>
+          <textarea id="f-detail" placeholder="Describe the work…">${UI.esc(t.detail || '')}</textarea>
+        </div>
+        <div class="field-row">
+          <div class="field">
+            <label>Type</label>
+            <select id="f-type">${TYPES.map((v) => `<option value="${v}" ${t.type === v ? 'selected' : ''}>${v}</option>`).join('')}</select>
+          </div>
+          <div class="field">
+            <label>Status</label>
+            <select id="f-status">${STATUSES.map((v) => `<option value="${v}" ${t.status === v ? 'selected' : ''}>${v}</option>`).join('')}</select>
+          </div>
+          <div class="field">
+            <label>Sort</label>
+            <input type="number" id="f-sort" value="${t.sort ?? 0}" />
+          </div>
+        </div>
+        <div class="field-row">
+          <div class="field">
+            <label>Project</label>
+            <select id="f-project">${this.projectOptions(t.projectid)}</select>
+          </div>
+          <div class="field">
+            <label>Parent ticket (subtic)</label>
+            <select id="f-parent">${this.parentOptions(t.subtic ? Number(t.subtic) : '', id)}</select>
+          </div>
+        </div>
+        <div class="modal-actions">
+          <button class="btn btn-subtle" id="f-cancel">Cancel</button>
+          <button class="btn btn-primary" id="f-save">${id ? 'Save' : 'Create'}</button>
+        </div>
+      </div>
+    `);
+    modal.querySelector('#f-cancel').addEventListener('click', UI.closeModal);
+    modal.querySelector('#f-save').addEventListener('click', async () => {
+      const title = modal.querySelector('#f-title').value.trim();
+      if (!title) return UI.toast('Title is required', true);
+      const payload = {
+        title,
+        detail: modal.querySelector('#f-detail').value,
+        type: modal.querySelector('#f-type').value,
+        status: modal.querySelector('#f-status').value,
+        sort: Number(modal.querySelector('#f-sort').value) || 0,
+        projectid: modal.querySelector('#f-project').value || null,
+        subtic: modal.querySelector('#f-parent').value || null
+      };
+      try {
+        if (id) await API.updateTicket(id, payload);
+        else await API.createTicket(payload);
+        UI.closeModal();
+        UI.toast(id ? 'Ticket updated' : 'Ticket created');
+        if (payload.subtic) this.expanded.add(Number(payload.subtic));
+        this.load();
+      } catch (e) { UI.toast(e.message, true); }
+    });
+  },
+  // Detail panel with message, logs, screenshots
+  async openDetail(id) {
+    let t;
+    try { t = await API.getTicket(id); } catch (e) { return UI.toast(e.message, true); }
+    const project = this.projects.find((p) => p.id === t.projectid);
+    const images = Array.isArray(t.images) ? t.images : [];
+    const modal = UI.openModal(`
+      <div>
+        <h2 class="modal-title">
+          <span class="ticket-key mono">TIC-${t.id}</span> ${UI.esc(t.title)}
+        </h2>
+        <div class="detail-grid">
+          <div class="detail-main">
+            <div class="field">
+              <label>Detail</label>
+              <div class="msg-box">${UI.esc(t.detail || '—')}</div>
+            </div>
+            <div class="field">
+              <label>Last message from agent</label>
+              <div class="msg-box">${UI.esc(t.message || '—')}</div>
+            </div>
+            <div class="field">
+              <label>Logs</label>
+              <div class="log-box">${UI.esc(t.logs || '(no logs)')}</div>
+            </div>
+            <div class="field">
+              <label>Screenshots</label>
+              <div class="shots" id="shots">
+                ${images.map((u) => this.shot(u)).join('') || '<span class="muted">No screenshots</span>'}
+              </div>
+              <div class="upload-drop" id="drop">Click or drop images to upload</div>
+              <input type="file" id="file-input" accept="image/*" multiple hidden />
+            </div>
+          </div>
+          <div class="detail-side">
+            <div class="field"><label>Status</label><div><span class="badge st-${t.status}">${t.status}</span></div></div>
+            <div class="field"><label>Type</label><div><span class="badge ty-${t.type}">${t.type}</span></div></div>
+            <div class="field"><label>Project</label><div>${project ? UI.esc(project.name) : '<span class="muted">—</span>'}</div></div>
+            <div class="field"><label>Parent</label><div>${t.subtic ? `TIC-${t.subtic}` : '<span class="muted">—</span>'}</div></div>
+            <div class="field"><label>Sort</label><div class="mono">${t.sort ?? 0}</div></div>
+            <div class="field"><label>Created</label><div>${UI.fmtDate(t.creatid)}</div></div>
+          </div>
+        </div>
+        <div class="modal-actions">
+          <button class="btn btn-subtle" id="d-close">Close</button>
+          <button class="btn btn-default" id="d-sub">+ Sub-ticket</button>
+          <button class="btn btn-primary" id="d-edit">Edit</button>
+        </div>
+      </div>
+    `, true);
+    modal.querySelector('#d-close').addEventListener('click', UI.closeModal);
+    modal.querySelector('#d-edit').addEventListener('click', () => this.openForm(id));
+    modal.querySelector('#d-sub').addEventListener('click', () => this.openForm(null, id));
+    // screenshots interactions
+    const bindShots = () => {
+      modal.querySelectorAll('#shots img').forEach((img) =>
+        img.addEventListener('click', () => UI.lightbox(img.src))
+      );
+      modal.querySelectorAll('#shots [data-delimg]').forEach((b) =>
+        b.addEventListener('click', async () => {
+          if (!confirm('Remove this screenshot?')) return;
+          try {
+            const updated = await API.deleteTicketImage(id, b.dataset.delimg);
+            this.refreshShots(modal, id, updated.images || []);
+          } catch (e) { UI.toast(e.message, true); }
+        })
+      );
+    };
+    bindShots();
+    // upload
+    const input = modal.querySelector('#file-input');
+    const drop = modal.querySelector('#drop');
+    drop.addEventListener('click', () => input.click());
+    input.addEventListener('change', () => this.doUpload(modal, id, input.files));
+    drop.addEventListener('dragover', (e) => { e.preventDefault(); drop.style.borderColor = 'var(--ds-blue)'; });
+    drop.addEventListener('dragleave', () => { drop.style.borderColor = ''; });
+    drop.addEventListener('drop', (e) => {
+      e.preventDefault();
+      drop.style.borderColor = '';
+      if (e.dataTransfer.files.length) this.doUpload(modal, id, e.dataTransfer.files);
+    });
+    this._bindShots = bindShots;
+  },
+  shot(url) {
+    return `
+      <div class="shot">
+        <img src="${UI.esc(url)}" alt="screenshot" />
+        <button class="shot-del" data-delimg="${UI.esc(url)}" title="Remove">✕</button>
+      </div>`;
+  },
+  refreshShots(modal, id, images) {
+    const shots = modal.querySelector('#shots');
+    shots.innerHTML = images.length ? images.map((u) => this.shot(u)).join('') : '<span class="muted">No screenshots</span>';
+    this._bindShots && this._bindShots();
+    this.load();
+  },
+  async doUpload(modal, id, files) {
+    if (!files || !files.length) return;
+    UI.toast('Uploading…');
+    try {
+      const updated = await API.uploadImages(id, files);
+      this.refreshShots(modal, id, updated.images || []);
+      UI.toast('Uploaded');
+    } catch (e) { UI.toast(e.message, true); }
+  },
+  async remove(id) {
+    if (!confirm('Delete this ticket? Its sub-tickets will also be deleted.')) return;
+    try {
+      await API.deleteTicket(id);
+      UI.toast('Ticket deleted');
+      this.load();
+    } catch (e) { UI.toast(e.message, true); }
+  }
+};

server.js ADDED Viewed

	@@ -0,0 +1,34 @@

+import express from 'express';
+import cors from 'cors';
+import { fileURLToPath } from 'url';
+import path from 'path';
+import dotenv from 'dotenv';
+import projectsRouter from './src/routes/projects.js';
+import ticketsRouter from './src/routes/tickets.js';
+import flowRouter from './src/routes/flow.js';
+dotenv.config();
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const app = express();
+const PORT = process.env.PORT || 3000;
+app.use(cors());
+app.use(express.json({ limit: '5mb' }));
+// API routes
+app.use('/api/projects', projectsRouter);
+app.use('/api/tickets', ticketsRouter);
+app.use('/flow/tickets', flowRouter);
+app.get('/api/health', (req, res) => res.json({ ok: true }));
+// Static frontend
+app.use(express.static(path.join(__dirname, 'public')));
+app.listen(PORT, () => {
+  console.log(`Taboard running at http://localhost:${PORT}`);
+});

src/routes/flow.js ADDED Viewed

	@@ -0,0 +1,68 @@

+import { Router } from 'express';
+import { supabase } from '../supabase.js';
+import { STATUSES, statusToInt, intToStatus } from '../status.js';
+// Lightweight "flow" API for agents. Mounted at /flow/tickets.
+const router = Router();
+const TABLE = 'ztickets';
+// GET /flow/tickets -> [{ id, title, status }]
+router.get('/', async (req, res) => {
+  const { data, error } = await supabase
+    .from(TABLE)
+    .select('id, title, status')
+    .order('sort', { ascending: true })
+    .order('id', { ascending: true });
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(data.map((t) => ({ id: t.id, title: t.title, status: intToStatus(t.status) })));
+});
+// GET /flow/tickets/:id -> { id, title, detail, status, message }
+router.get('/:id', async (req, res) => {
+  const { data, error } = await supabase
+    .from(TABLE)
+    .select('id, title, detail, status, message')
+    .eq('id', req.params.id)
+    .single();
+  if (error) return res.status(404).json({ error: error.message });
+  res.json({
+    id: data.id,
+    title: data.title,
+    detail: data.detail,
+    status: intToStatus(data.status),
+    message: data.message
+  });
+});
+// PUT /flow/tickets  body: { id, status?, message?, detail? } -> updated ticket
+router.put('/', async (req, res) => {
+  const { id, status, message, detail } = req.body;
+  if (id === undefined || id === null || id === '') {
+    return res.status(400).json({ error: 'id is required' });
+  }
+  const payload = {};
+  if (status !== undefined) {
+    if (!STATUSES.includes(status)) {
+      return res.status(400).json({ error: `status must be one of ${STATUSES.join(', ')}` });
+    }
+    payload.status = statusToInt(status);
+  }
+  if (message !== undefined) payload.message = message;
+  if (detail !== undefined) payload.detail = detail;
+  if (Object.keys(payload).length === 0) {
+    return res.status(400).json({ error: 'nothing to update (provide status, message or detail)' });
+  }
+  const { data, error } = await supabase
+    .from(TABLE)
+    .update(payload)
+    .eq('id', id)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.json({ ...data, status: intToStatus(data.status) });
+});
+export default router;

src/routes/projects.js ADDED Viewed

	@@ -0,0 +1,85 @@

+import { Router } from 'express';
+import { supabase } from '../supabase.js';
+const router = Router();
+const TABLE = 'zprojects';
+// List all projects
+router.get('/', async (req, res) => {
+  const { data, error } = await supabase
+    .from(TABLE)
+    .select('*')
+    .order('id', { ascending: true });
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(data);
+});
+// Get one project
+router.get('/:id', async (req, res) => {
+  const { data, error } = await supabase
+    .from(TABLE)
+    .select('*')
+    .eq('id', req.params.id)
+    .single();
+  if (error) return res.status(404).json({ error: error.message });
+  res.json(data);
+});
+// Create project
+router.post('/', async (req, res) => {
+  const { name, note, struc } = req.body;
+  if (!name) return res.status(400).json({ error: 'name is required' });
+  const payload = {
+    name,
+    note: note ?? null,
+    struc: normalizeStruc(struc)
+  };
+  const { data, error } = await supabase
+    .from(TABLE)
+    .insert(payload)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.status(201).json(data);
+});
+// Update project
+router.put('/:id', async (req, res) => {
+  const { name, note, struc } = req.body;
+  const payload = {};
+  if (name !== undefined) payload.name = name;
+  if (note !== undefined) payload.note = note;
+  if (struc !== undefined) payload.struc = normalizeStruc(struc);
+  const { data, error } = await supabase
+    .from(TABLE)
+    .update(payload)
+    .eq('id', req.params.id)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(data);
+});
+// Delete project
+router.delete('/:id', async (req, res) => {
+  const { error } = await supabase.from(TABLE).delete().eq('id', req.params.id);
+  if (error) return res.status(500).json({ error: error.message });
+  res.status(204).end();
+});
+// struc may arrive as a JSON string from a textarea; store it as an object.
+function normalizeStruc(struc) {
+  if (struc === undefined || struc === null || struc === '') return {};
+  if (typeof struc === 'object') return struc;
+  try {
+    return JSON.parse(struc);
+  } catch {
+    // Keep raw text under a key rather than failing the request.
+    return { raw: String(struc) };
+  }
+}
+export default router;

src/routes/tickets.js ADDED Viewed

	@@ -0,0 +1,206 @@

+import { Router } from 'express';
+import multer from 'multer';
+import { supabase, STORAGE_BUCKET } from '../supabase.js';
+import { STATUSES, statusToInt, intToStatus } from '../status.js';
+const router = Router();
+const TABLE = 'ztickets';
+const upload = multer({
+  storage: multer.memoryStorage(),
+  limits: { fileSize: 10 * 1024 * 1024 } // 10 MB
+});
+const TYPES = ['backend', 'api', 'frontend', 'ui'];
+// DB stores images as text (JSON array of URLs). Expose as an array to the client.
+function parseImages(v) {
+  if (!v) return [];
+  if (Array.isArray(v)) return v;
+  try {
+    const a = JSON.parse(v);
+    return Array.isArray(a) ? a : [];
+  } catch {
+    return String(v).split(/[\n,]+/).map((s) => s.trim()).filter(Boolean);
+  }
+}
+const serializeImages = (arr) => JSON.stringify(arr || []);
+// Convert a DB row into the shape the frontend expects.
+function toApi(row) {
+  if (!row) return row;
+  return { ...row, status: intToStatus(row.status), images: parseImages(row.images) };
+}
+// List tickets. Optional filters: ?subtic=<id> (children), ?subtic=null (top-level),
+// ?projectid=<id>
+router.get('/', async (req, res) => {
+  let query = supabase.from(TABLE).select('*');
+  if (req.query.subtic === 'null') {
+    query = query.is('subtic', null);
+  } else if (req.query.subtic !== undefined) {
+    query = query.eq('subtic', req.query.subtic);
+  }
+  if (req.query.projectid !== undefined) {
+    query = query.eq('projectid', req.query.projectid);
+  }
+  query = query.order('sort', { ascending: true }).order('id', { ascending: true });
+  const { data, error } = await query;
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(data.map(toApi));
+});
+// Get one ticket
+router.get('/:id', async (req, res) => {
+  const { data, error } = await supabase
+    .from(TABLE)
+    .select('*')
+    .eq('id', req.params.id)
+    .single();
+  if (error) return res.status(404).json({ error: error.message });
+  res.json(toApi(data));
+});
+// Create ticket
+router.post('/', async (req, res) => {
+  const { title } = req.body;
+  if (!title) return res.status(400).json({ error: 'title is required' });
+  const payload = buildPayload(req.body, true);
+  const bad = validate(req.body);
+  if (bad) return res.status(400).json({ error: bad });
+  const { data, error } = await supabase
+    .from(TABLE)
+    .insert(payload)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.status(201).json(toApi(data));
+});
+// Update ticket
+router.put('/:id', async (req, res) => {
+  const payload = buildPayload(req.body, false);
+  const bad = validate(req.body);
+  if (bad) return res.status(400).json({ error: bad });
+  const { data, error } = await supabase
+    .from(TABLE)
+    .update(payload)
+    .eq('id', req.params.id)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(toApi(data));
+});
+// Delete ticket (sub-tickets cascade via FK)
+router.delete('/:id', async (req, res) => {
+  const { error } = await supabase.from(TABLE).delete().eq('id', req.params.id);
+  if (error) return res.status(500).json({ error: error.message });
+  res.status(204).end();
+});
+// Upload one or more images for a ticket -> Supabase Storage, append URLs to images[]
+router.post('/:id/images', upload.array('images', 10), async (req, res) => {
+  const id = req.params.id;
+  if (!req.files || req.files.length === 0) {
+    return res.status(400).json({ error: 'no files uploaded' });
+  }
+  // Load current images
+  const { data: ticket, error: getErr } = await supabase
+    .from(TABLE)
+    .select('images')
+    .eq('id', id)
+    .single();
+  if (getErr) return res.status(404).json({ error: getErr.message });
+  const urls = parseImages(ticket.images);
+  for (const file of req.files) {
+    const ext = (file.originalname.split('.').pop() || 'png').toLowerCase();
+    const path = `ticket-${id}/${Date.now()}-${Math.random().toString(36).slice(2)}.${ext}`;
+    const { error: upErr } = await supabase.storage
+      .from(STORAGE_BUCKET)
+      .upload(path, file.buffer, { contentType: file.mimetype, upsert: false });
+    if (upErr) return res.status(500).json({ error: upErr.message });
+    const { data: pub } = supabase.storage.from(STORAGE_BUCKET).getPublicUrl(path);
+    urls.push(pub.publicUrl);
+  }
+  const { data, error } = await supabase
+    .from(TABLE)
+    .update({ images: serializeImages(urls) })
+    .eq('id', id)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.status(201).json(toApi(data));
+});
+// Remove one image URL from a ticket
+router.delete('/:id/images', async (req, res) => {
+  const { url } = req.body;
+  if (!url) return res.status(400).json({ error: 'url is required' });
+  const { data: ticket, error: getErr } = await supabase
+    .from(TABLE)
+    .select('images')
+    .eq('id', req.params.id)
+    .single();
+  if (getErr) return res.status(404).json({ error: getErr.message });
+  const urls = parseImages(ticket.images).filter((u) => u !== url);
+  const { data, error } = await supabase
+    .from(TABLE)
+    .update({ images: serializeImages(urls) })
+    .eq('id', req.params.id)
+    .select()
+    .single();
+  if (error) return res.status(500).json({ error: error.message });
+  res.json(toApi(data));
+});
+function buildPayload(body, isCreate) {
+  const {
+    title, detail, type, status, message, logs,
+    sort, subtic, projectid
+  } = body;
+  const payload = {};
+  if (title !== undefined) payload.title = title;
+  if (detail !== undefined) payload.detail = detail;
+  if (type !== undefined) payload.type = type;
+  if (status !== undefined) payload.status = statusToInt(status);
+  if (message !== undefined) payload.message = message;
+  if (logs !== undefined) payload.logs = logs;
+  if (sort !== undefined) payload.sort = Number(sort) || 0;
+  if (subtic !== undefined) payload.subtic = subtic === '' || subtic === null ? null : Number(subtic);
+  if (projectid !== undefined) payload.projectid = projectid === '' || projectid === null ? null : Number(projectid);
+  if (isCreate) {
+    if (payload.type === undefined) payload.type = 'backend';
+    if (payload.status === undefined) payload.status = 0;
+    if (payload.sort === undefined) payload.sort = 0;
+  }
+  return payload;
+}
+function validate(body) {
+  if (body.type !== undefined && !TYPES.includes(body.type)) {
+    return `type must be one of ${TYPES.join(', ')}`;
+  }
+  if (body.status !== undefined && !STATUSES.includes(body.status)) {
+    return `status must be one of ${STATUSES.join(', ')}`;
+  }
+  return null;
+}
+export default router;

src/status.js ADDED Viewed

	@@ -0,0 +1,6 @@

+// Shared ticket status mapping. DB stores status as an int; APIs use labels.
+// Index in STATUSES = the stored integer value.
+export const STATUSES = ['open', 'queued', 'processing', 'done', 'failed', 'close'];
+export const statusToInt = (label) => STATUSES.indexOf(label);
+export const intToStatus = (n) => STATUSES[n] ?? 'open';

src/supabase.js ADDED Viewed

	@@ -0,0 +1,18 @@

+import { createClient } from '@supabase/supabase-js';
+import dotenv from 'dotenv';
+dotenv.config();
+const { SUPABASE_URL, SUPABASE_KEY } = process.env;
+if (!SUPABASE_URL || !SUPABASE_KEY) {
+  console.error('Missing SUPABASE_URL or SUPABASE_KEY in environment (.env).');
+  process.exit(1);
+}
+// Service-role client — server-side only. Never expose the key to the browser.
+export const supabase = createClient(SUPABASE_URL, SUPABASE_KEY, {
+  auth: { persistSession: false }
+});
+export const STORAGE_BUCKET = process.env.STORAGE_BUCKET || 'ticket-images';