Spaces:

lbl
/

redaction

Sleeping

gni commited on Mar 21

Commit

15f5e73

1 Parent(s): d4f8d42

feat: Initial release of Redac - PII moderation MVP

- Consolidated project structure (API + UI).
- Removed redundant CLI tools.
- Updated Docker configuration for dev/prod environments.
- Added MIT License and updated documentation.
- Renamed project to Redac.

Files changed (15) hide show

.gitignore +0 -2
LICENSE +21 -0
README.md +1 -17
api/Dockerfile +2 -3
cli-ts/Dockerfile +0 -16
cli-ts/index.ts +0 -66
cli-ts/package-lock.json +0 -560
cli-ts/package.json +0 -24
cli-ts/tsconfig.json +0 -14
cli/Dockerfile +0 -13
cli/pii_mod.py +0 -57
docker-compose.yml +0 -25
ui/index.html +3 -0
ui/src/App.tsx +116 -92
ui/src/index.css +14 -36

.gitignore CHANGED Viewed

@@ -33,14 +33,12 @@ coverage.xml
 # --- Node.js ---
 node_modules/
 ui/node_modules/
-cli-ts/node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
 .npm
 ui/dist/
-cli-ts/dist/
 .vite/
 # --- Docker ---

 # --- Node.js ---
 node_modules/
 ui/node_modules/
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
 .npm
 ui/dist/
 .vite/
 # --- Docker ---

LICENSE ADDED Viewed

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

+MIT License
+Copyright (c) 2026 Redac_Scan Contributors
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md CHANGED Viewed

@@ -1,4 +1,4 @@
-# 🛡️ Redac_Scan
 A lightweight PII (Personally Identifiable Information) moderation MVP designed to sanitize sensitive data before it reaches LLM APIs.
@@ -10,7 +10,6 @@ A lightweight PII (Personally Identifiable Information) moderation MVP designed
 - **Balanced Anonymization**: Preserves job titles and document structure to keep texts readable.
 - **Minimal Dashboard**: React-based UI with Risk Assessment visualization.
 - **Custom Theme UI**: Switch between **Premium**, **Minimal Light**, and **Deep Midnight** modes.
-- **Dual CLI**: Tooling available in both **Python** and **TypeScript**.
 ---
@@ -18,9 +17,6 @@ A lightweight PII (Personally Identifiable Information) moderation MVP designed
 1.  **Core API (`/api`)**: FastAPI server powered by **Microsoft Presidio**.
 2.  **Web Dashboard (`/ui`)**: React + Vite + Tailwind CSS.
-3.  **CLI Tools**:
-    - **Python (`/cli`)**
-    - **TypeScript (`/cli-ts`)**
 ---
@@ -33,18 +29,6 @@ docker compose up --build
 - **API**: `http://localhost:8000`
 - **UI Dashboard**: `http://localhost:5173`
-### Usage Examples:
-**CLI (Python):**
-```bash
-docker compose run cli redact "Hello, my name is John Doe"
-```
-**CLI (TypeScript):**
-```bash
-docker compose run cli-ts redact "Contact me at 06 12 34 56 78"
-```
 ---
 ## 🧪 Quality Assurance

+# 🛡️ Redac
 A lightweight PII (Personally Identifiable Information) moderation MVP designed to sanitize sensitive data before it reaches LLM APIs.
 - **Balanced Anonymization**: Preserves job titles and document structure to keep texts readable.
 - **Minimal Dashboard**: React-based UI with Risk Assessment visualization.
 - **Custom Theme UI**: Switch between **Premium**, **Minimal Light**, and **Deep Midnight** modes.
 ---
 1.  **Core API (`/api`)**: FastAPI server powered by **Microsoft Presidio**.
 2.  **Web Dashboard (`/ui`)**: React + Vite + Tailwind CSS.
 ---
 - **API**: `http://localhost:8000`
 - **UI Dashboard**: `http://localhost:5173`
 ---
 ## 🧪 Quality Assurance

api/Dockerfile CHANGED Viewed

@@ -13,9 +13,8 @@ RUN apt-get update && apt-get install -y \
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
-# Copy logic and setup script
-COPY main.py .
-COPY setup_models.py .
 EXPOSE 8000

 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
+# Copy all project files
+COPY . .
 EXPOSE 8000

cli-ts/Dockerfile DELETED Viewed

@@ -1,16 +0,0 @@
-# CLI TS Dockerfile
-FROM node:25-slim
-WORKDIR /app
-COPY package*.json ./
-RUN npm install
-COPY . .
-RUN npm run build
-# Set executable permissions
-RUN chmod +x dist/index.js
-# Remove ENTRYPOINT to allow docker-compose command to run sh
-CMD ["node", "--no-warnings", "dist/index.js"]

cli-ts/index.ts DELETED Viewed

@@ -1,66 +0,0 @@
-import { Command } from 'commander';
-import axios from 'axios';
-import chalk from 'chalk';
-import * as fs from 'fs';
-const program = new Command();
-const API_URL = process.env.API_URL || 'http://localhost:8000';
-program
-  .name('pii-ts')
-  .description('TypeScript PII Moderator CLI')
-  .version('1.0.0');
-program
-  .command('redact')
-  .description('Redact PII from a string')
-  .argument('<text>', 'The text to redact')
-  .action(async (text: string) => {
-    try {
-      const response = await axios.post(`${API_URL}/redact`, { text });
-      const { original_text, redacted_text, detected_entities } = response.data;
-      console.log(chalk.cyan('\nOriginal:'));
-      console.log(original_text);
-      console.log(chalk.green('\nRedacted:'));
-      console.log(redacted_text);
-      if (detected_entities && detected_entities.length > 0) {
-        console.log(chalk.yellow('\nDetected Entities:'));
-        detected_entities.forEach((ent: any) => {
-          console.log(`- ${ent.entity_type} (Score: ${ent.score.toFixed(2)})`);
-        });
-      }
-    } catch (error: any) {
-      console.error(chalk.red(`Error: ${error.message}`));
-      process.exit(1);
-    }
-  });
-program
-  .command('redact-file')
-  .description('Redact PII from a file')
-  .argument('<path>', 'Path to the file')
-  .action(async (path: string) => {
-    try {
-      if (!fs.existsSync(path)) {
-        console.error(chalk.red(`Error: File not found at ${path}`));
-        process.exit(1);
-      }
-      const content = fs.readFileSync(path, 'utf-8');
-      const response = await axios.post(`${API_URL}/redact`, { text: content });
-      console.log(response.data.redacted_text);
-    } catch (error: any) {
-      console.error(chalk.red(`Error: ${error.message}`));
-      process.exit(1);
-    }
-  });
-// Handle empty args without error
-if (process.argv.length <= 2) {
-  program.outputHelp();
-  process.exit(0);
-}
-program.parse(process.argv);

cli-ts/package-lock.json DELETED Viewed

@@ -1,560 +0,0 @@
-{
-  "name": "cli-ts",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "cli-ts",
-      "version": "1.0.0",
-      "license": "ISC",
-      "dependencies": {
-        "axios": "^1.13.6",
-        "chalk": "^5.6.2",
-        "commander": "^14.0.3"
-      },
-      "devDependencies": {
-        "@types/axios": "^0.9.36",
-        "@types/commander": "^2.12.0",
-        "@types/node": "^25.5.0",
-        "ts-node": "^10.9.2",
-        "typescript": "^5.9.3"
-      }
-    },
-    "node_modules/@cspotcode/source-map-support": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
-      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "0.3.9"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
-      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
-      }
-    },
-    "node_modules/@tsconfig/node10": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
-      "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node12": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
-      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node14": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
-      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node16": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
-      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/axios": {
-      "version": "0.9.36",
-      "resolved": "https://registry.npmjs.org/@types/axios/-/axios-0.9.36.tgz",
-      "integrity": "sha512-NLOpedx9o+rxo/X5ChbdiX6mS1atE4WHmEEIcR9NLenRVa5HoVjAvjafwU3FPTqnZEstpoqCaW7fagqSoTDNeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/commander": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/@types/commander/-/commander-2.12.0.tgz",
-      "integrity": "sha512-DDmRkovH7jPjnx7HcbSnqKg2JeNANyxNZeUvB0iE+qKBLN+vzN5iSIwt+J2PFSmBuYEut4mgQvI/fTX9YQH/vw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "commander": "*"
-      }
-    },
-    "node_modules/@types/node": {
-      "version": "25.5.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.0.tgz",
-      "integrity": "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~7.18.0"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
-      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/arg": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
-      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
-    },
-    "node_modules/axios": {
-      "version": "1.13.6",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
-      "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.15.11",
-        "form-data": "^4.0.5",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "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==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/commander": {
-      "version": "14.0.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
-      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/create-require": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/diff": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.4.tgz",
-      "integrity": "sha512-X07nttJQkwkfKfvTPG/KSnE2OMdcUCao6+eXF3wmnIQRn2aPAHH3VxDbDOdegkd6JbPsXqShpvEOHfAT+nCNwQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.3.1"
-      }
-    },
-    "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==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.11",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
-      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/form-data": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/make-error": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "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==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.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==",
-      "license": "MIT",
-      "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==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "license": "MIT"
-    },
-    "node_modules/ts-node": {
-      "version": "10.9.2",
-      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
-      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@cspotcode/source-map-support": "^0.8.0",
-        "@tsconfig/node10": "^1.0.7",
-        "@tsconfig/node12": "^1.0.7",
-        "@tsconfig/node14": "^1.0.0",
-        "@tsconfig/node16": "^1.0.2",
-        "acorn": "^8.4.1",
-        "acorn-walk": "^8.1.1",
-        "arg": "^4.1.0",
-        "create-require": "^1.1.0",
-        "diff": "^4.0.1",
-        "make-error": "^1.1.1",
-        "v8-compile-cache-lib": "^3.0.1",
-        "yn": "3.1.1"
-      },
-      "bin": {
-        "ts-node": "dist/bin.js",
-        "ts-node-cwd": "dist/bin-cwd.js",
-        "ts-node-esm": "dist/bin-esm.js",
-        "ts-node-script": "dist/bin-script.js",
-        "ts-node-transpile-only": "dist/bin-transpile.js",
-        "ts-script": "dist/bin-script-deprecated.js"
-      },
-      "peerDependencies": {
-        "@swc/core": ">=1.2.50",
-        "@swc/wasm": ">=1.2.50",
-        "@types/node": "*",
-        "typescript": ">=2.7"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "@swc/wasm": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "7.18.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
-      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/v8-compile-cache-lib": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
-      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/yn": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
-      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    }
-  }
-}

cli-ts/package.json DELETED Viewed

@@ -1,24 +0,0 @@
-{
-  "name": "pii-ts-cli",
-  "version": "1.0.0",
-  "description": "TypeScript PII Moderator CLI",
-  "type": "module",
-  "bin": {
-    "pii-ts": "./dist/index.js"
-  },
-  "scripts": {
-    "build": "tsc",
-    "start": "node --no-warnings dist/index.js",
-    "dev": "ts-node --no-warnings index.ts"
-  },
-  "dependencies": {
-    "axios": "^1.8.1",
-    "chalk": "^5.4.1",
-    "commander": "^13.1.0"
-  },
-  "devDependencies": {
-    "@types/node": "^24.12.0",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.8.2"
-  }
-}

cli-ts/tsconfig.json DELETED Viewed

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "outDir": "./dist",
-    "rootDir": "./",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true
-  },
-  "include": ["index.ts"]
-}

cli/Dockerfile DELETED Viewed

@@ -1,13 +0,0 @@
-# CLI Dockerfile
-FROM python:3.12-slim
-WORKDIR /app
-# Install dependencies
-RUN pip install --no-cache-dir click requests
-# Copy CLI script
-COPY pii_mod.py .
-# Use CMD instead of ENTRYPOINT to allow docker-compose command
-CMD ["python", "pii_mod.py"]

cli/pii_mod.py DELETED Viewed

@@ -1,57 +0,0 @@
-import click
-import requests
-import json
-import sys
-API_URL = "http://localhost:8000"
-@click.group()
-def cli():
-    """PII Moderator CLI - Protect your data before sending it to LLMs."""
-    pass
-@cli.command()
-@click.argument('text')
-@click.option('--entities', '-e', multiple=True, help="Specific entities to redact (e.g. -e PERSON -e EMAIL_ADDRESS)")
-def redact(text, entities):
-    """Redact PII from a given string."""
-    try:
-        payload = {"text": text}
-        if entities:
-            payload["entities"] = list(entities)
-        response = requests.post(f"{API_URL}/redact", json=payload)
-        response.raise_for_status()
-        result = response.json()
-        click.echo(click.style("\nOriginal:", fg="cyan"))
-        click.echo(result["original_text"])
-        click.echo(click.style("\nRedacted:", fg="green"))
-        click.echo(result["redacted_text"])
-        if result["detected_entities"]:
-            click.echo(click.style("\nDetected Entities:", fg="yellow"))
-            for ent in result["detected_entities"]:
-                click.echo(f"- {ent['entity_type']} (Score: {ent['score']:.2f})")
-    except Exception as e:
-        click.echo(click.style(f"Error: {e}", fg="red"), err=True)
-        sys.exit(1)
-@cli.command()
-@click.argument('file', type=click.File('r'))
-def redact_file(file):
-    """Redact PII from a file."""
-    content = file.read()
-    try:
-        payload = {"text": content}
-        response = requests.post(f"{API_URL}/redact", json=payload)
-        response.raise_for_status()
-        result = response.json()
-        click.echo(result["redacted_text"])
-    except Exception as e:
-        click.echo(click.style(f"Error: {e}", fg="red"), err=True)
-        sys.exit(1)
-if __name__ == "__main__":
-    cli()

docker-compose.yml CHANGED Viewed

@@ -29,30 +29,5 @@ services:
       - VITE_API_URL=http://localhost:8000
     command: sh -c "npm install && npm run dev -- --host"
-  cli:
-    build:
-      context: ./cli
-      dockerfile: Dockerfile
-    volumes:
-      - ./cli:/app
-    environment:
-      - API_URL=http://api:8000
-    depends_on:
-      - api
-  cli-ts:
-    build:
-      context: ./cli-ts
-      dockerfile: Dockerfile
-    volumes:
-      - ./cli-ts:/app
-      - /app/node_modules
-      - /app/dist
-    environment:
-      - API_URL=http://api:8000
-    depends_on:
-      - api
-    command: sh -c "npm run build && node --no-warnings dist/index.js"
 volumes:
   spacy_data: # Ce volume conservera les modèles et les librairies installées

       - VITE_API_URL=http://localhost:8000
     command: sh -c "npm install && npm run dev -- --host"
 volumes:
   spacy_data: # Ce volume conservera les modèles et les librairies installées

ui/index.html CHANGED Viewed

@@ -3,6 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Redac_Scan</title>
   </head>

   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Redac_Scan</title>
   </head>

ui/src/App.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import {
   Shield, Eye, Lock, CheckCircle2, Copy,
   Database, Languages, Fingerprint, Zap, Activity,
   Palette, ChevronDown, Check, Radio, Target, Terminal,
-  Upload, Trash2, AlertTriangle
 } from 'lucide-react';
 interface EntityMeta {
@@ -25,8 +25,8 @@ interface RedactResponse {
 type Theme = 'premium' | 'light' | 'dark';
 const EXAMPLES = [
-  { id: "PV-01", label: "FR - Procès Verbal", lang: "fr", text: `PROCÈS-VERBAL DE RÉUNION DE CHANTIER - RÉNOVATION COMPLEXE HÔTELIER\n\nDate : 20 Mars 2026\nLieu : 142 Avenue des Champs-Élysées, 75008 Paris.\n\nPRÉSENTS :\n- M. Alexandre de La Rochefoucauld (Directeur de projet, Groupe Immobilier "Lux-Horizon" - SIRET 321 654 987 00054).\n- Mme Valérie Marchand (Architecte, Cabinet "Marchand & Associés").\n- M. Thomas Dubois (Ingénieur sécurité, joignable au 06.45.12.89.33).\n\nORDRE DU JOUR ET DÉCISIONS :\n1. Validation des acomptes : La facture n°2026-04 d'un montant de 45 000€ a été réglée par virement sur le compte IBAN FR76 3000 1000 2000 3000 4000 500.` },
-  { id: "MED-02", label: "EN - Clinical", lang: "en", text: `CLINICAL DISCHARGE SUMMARY - PATIENT ID: #XP-99021\n\nPATIENT INFORMATION:\nName: Sarah-Jane Montgomery\nDOB: 12/05/1982\nAddress: 1244 North Oak Street, San Francisco, CA 94102\nEmergency Contact: Robert Montgomery (Husband) - Phone: (415) 555-0198\n\nADMISSION DIAGNOSIS:\nAcute respiratory distress. SSN: 123-45-6789.` }
 ];
 function App() {
@@ -71,56 +71,84 @@ function App() {
       const response = await axios.post(`${API_URL}/redact`, { text, language });
       setResult(response.data);
     } catch (err: any) { console.error(err); }
-    finally { setTimeout(() => setLoading(false), 500); }
   };
   const themeClasses = {
-    premium: { body: 'bg-[#050a15]', card: 'bg-slate-950/50 border-white/10', text: 'text-cyan-400', inputBg: 'bg-transparent', inputText: 'text-white' },
-    light: { body: 'bg-white', card: 'bg-white border-black', text: 'text-black', inputBg: 'bg-white', inputText: 'text-black font-semibold' },
-    dark: { body: 'bg-[#020617]', card: 'bg-slate-950 border-slate-800', text: 'text-cyan-500', inputBg: 'bg-transparent', inputText: 'text-slate-200' }
-  };
-  const cur = themeClasses[theme];
   return (
-    <div className={`h-screen flex flex-col transition-all duration-500 font-mono ${cur.body} ${cur.text} overflow-hidden`}>
-      {theme !== 'light' && <div className="absolute inset-0 bg-grid pointer-events-none opacity-20" />}
       {/* HEADER */}
-      <header className={`flex-none flex items-center justify-between px-6 py-3 border-b ${theme === 'light' ? 'border-black' : 'border-cyan-500/20'} z-50 bg-inherit shadow-sm`}>
-        <div className="flex items-center gap-4">
-          <div className={`border-2 ${theme === 'light' ? 'border-black' : 'border-cyan-500'} p-1.5 rounded-lg shadow-[0_0_10px_rgba(0,242,255,0.2)]`}><Shield className="w-5 h-5" /></div>
-          <h1 className={`text-xl font-black italic tracking-tighter uppercase ${theme === 'light' ? 'text-black' : 'text-white'}`}>REDAC<span className="text-cyan-500">_SCAN</span></h1>
-          <div className="hidden md:flex items-center gap-2 ml-6 px-3 py-1 bg-black/20 rounded-full border border-white/5">
-            <Radio className={`w-2.5 h-2.5 ${apiStatus === 'online' ? 'text-emerald-500' : 'text-rose-500'}`} />
-            <span className="text-[7px] font-black tracking-widest opacity-70 uppercase">UPLINK_{apiStatus}</span>
           </div>
         </div>
-        <div className="flex items-center gap-2">
-          {/* Theme Dropdown */}
           <div className="relative" ref={themeRef}>
-            <button onClick={() => setIsThemeOpen(!isThemeOpen)} className={`flex items-center gap-2 px-3 py-1.5 border ${cur.card} rounded-lg text-[9px] font-black uppercase tracking-widest hover:border-cyan-500 transition-all`}>
-              <Palette className="w-3 h-3" /> <span>{theme}</span>
             </button>
             {isThemeOpen && (
-              <div className={`absolute right-0 mt-2 w-48 ${theme === 'light' ? 'bg-white border-black' : 'bg-slate-900 border-cyan-500/50'} border rounded-lg shadow-2xl z-[100] overflow-hidden`}>
                 {['premium', 'light', 'dark'].map((t) => (
-                  <button key={t} onClick={() => { setTheme(t as Theme); setIsThemeOpen(false); }} className={`w-full text-left px-4 py-2.5 text-[9px] font-bold uppercase tracking-widest hover:bg-cyan-500/10 ${theme === t ? 'text-cyan-500' : 'text-slate-500'}`}>{t}</button>
                 ))}
               </div>
             )}
           </div>
-          {/* Lang Dropdown */}
           <div className="relative" ref={langRef}>
-            <button onClick={() => setIsLangOpen(!isLangOpen)} className={`flex items-center gap-2 px-3 py-1.5 border ${cur.card} rounded-lg text-[9px] font-black uppercase tracking-widest hover:border-cyan-500 transition-all`}>
-              <Languages className="w-3 h-3" /> <span>{language}</span>
             </button>
             {isLangOpen && (
-              <div className={`absolute right-0 mt-2 w-48 ${theme === 'light' ? 'bg-white border-black' : 'bg-slate-900 border-cyan-500/50'} border rounded-lg shadow-2xl z-[100] overflow-hidden`}>
                 {['auto', 'en', 'fr'].map((l) => (
-                  <button key={l} onClick={() => { setLanguage(l); setIsLangOpen(false); }} className={`w-full text-left px-4 py-2.5 text-[9px] font-bold uppercase tracking-widest hover:bg-cyan-500/10 ${language === l ? 'text-cyan-500' : 'text-slate-500'}`}>{l}</button>
                 ))}
               </div>
             )}
@@ -128,82 +156,78 @@ function App() {
         </div>
       </header>
-      {/* COMPACT PRESETS BAR */}
-      <div className={`flex-none flex items-center gap-4 px-6 py-2 bg-black/5 border-b ${theme === 'light' ? 'border-black' : 'border-cyan-500/10'}`}>
-        <span className="text-[8px] font-black uppercase tracking-[0.3em] opacity-40">Load_Protocol:</span>
-        <div className="flex gap-2">
-          {EXAMPLES.map((ex, i) => (
-            <button key={i} onClick={() => { setText(ex.text); setLanguage(ex.lang); setResult(null); }} className={`px-3 py-1 border ${theme === 'light' ? 'border-black hover:bg-black hover:text-white' : 'border-cyan-500/20 hover:border-cyan-500'} rounded text-[9px] font-bold transition-all uppercase`}>{ex.label}</button>
-          ))}
-        </div>
-      </div>
-      {/* MAIN WORKSPACE - TRIPLE COLUMN HUD */}
       <main className="flex-grow flex overflow-hidden">
-        {/* COLUMN 1: INGEST */}
-        <div className={`w-1/3 flex flex-col border-r ${theme === 'light' ? 'border-black' : 'border-cyan-500/20'}`}>
-          <div className="flex-none flex items-center justify-between px-6 py-3 border-b border-inherit bg-black/5">
-            <div className="flex items-center gap-3 font-black text-[10px] uppercase tracking-widest text-inherit"><Database className="w-4 h-4 text-cyan-500" /> Ingest_Station</div>
-            <div className="flex gap-2">
-              <button onClick={() => fileInputRef.current?.click()} className="p-1.5 hover:text-cyan-500 transition-colors" title="Import File"><Upload className="w-4 h-4" /></button>
-              <button onClick={() => {setText(''); setResult(null);}} className="p-1.5 hover:text-rose-500 transition-colors" title="Clear Stream"><Trash2 className="w-4 h-4" /></button>
-              <input type="file" ref={fileInputRef} onChange={(e) => { const f = e.target.files?.[0]; if(f){const r=new FileReader(); r.onload=(ev)=>setText(ev.target?.result as string); r.readAsText(f);}}} className="hidden" />
             </div>
           </div>
-          <textarea
-            className={`flex-grow w-full ${cur.inputBg} ${cur.inputText} p-8 border-none outline-none text-sm leading-relaxed resize-none custom-scrollbar`}
-            placeholder="AWAITING SECURE DATA INPUT..."
-            value={text}
-            onChange={(e) => setText(e.target.value)}
-          />
-          <div className="flex-none p-6 border-t border-inherit bg-black/5">
-            <button onClick={handleRedact} disabled={loading || !text.trim()} className={`w-full py-4 rounded-xl font-black text-xs tracking-[0.5em] uppercase transition-all ${loading || !text.trim() ? 'bg-slate-200 text-slate-400' : 'bg-cyan-500 text-black hover:bg-cyan-400 shadow-xl shadow-cyan-500/20 active:scale-95'}`}>
-              {loading ? 'ANALYZING_STREAM...' : 'EXECUTE_SCRUB'}
-            </button>
           </div>
-        </div>
-        {/* COLUMN 2: SECURED OUTPUT */}
-        <div className={`w-1/3 flex flex-col border-r ${theme === 'light' ? 'border-black' : 'border-cyan-500/20'} bg-black/10`}>
-          <div className="flex-none flex items-center justify-between px-6 py-3 border-b border-inherit bg-black/20">
-            <div className="flex items-center gap-3 font-black text-[10px] uppercase tracking-widest text-emerald-500"><Terminal className="w-4 h-4" /> Secured_Stream</div>
-            {result && <button onClick={() => {navigator.clipboard.writeText(result.redacted_text); setCopied(true); setTimeout(()=>setCopied(false), 2000)}} className="text-[9px] font-black underline decoration-emerald-500/50 underline-offset-4">{copied ? 'COPIED' : 'COPY_OUTPUT'}</button>}
-          </div>
-          <div className={`flex-grow p-8 ${theme === 'light' ? 'text-black' : 'text-emerald-400'} text-[13px] leading-relaxed whitespace-pre-wrap overflow-y-auto custom-scrollbar italic font-medium`}>
-            {!result ? <div className="h-full flex flex-col items-center justify-center opacity-10"><Lock className="w-12 h-12 mb-4" /><p className="text-[9px] font-black tracking-[0.2em]">LINK_STBY</p></div> : result.redacted_text}
           </div>
         </div>
-        {/* COLUMN 3: RISK MATRIX */}
-        <div className="w-1/3 flex flex-col bg-black/30">
-          <div className="flex-none flex items-center gap-3 px-6 py-3 border-b ${theme === 'light' ? 'border-black' : 'border-cyan-500/20'} bg-black/40">
-            <Fingerprint className="w-4 h-4 text-cyan-500" />
-            <span className="text-[10px] font-black uppercase tracking-widest">Risk_Matrix_Analysis</span>
           </div>
-          <div className="flex-grow p-6 overflow-y-auto custom-scrollbar space-y-3">
             {!result ? (
-              <div className="h-full flex items-center justify-center opacity-10 text-[9px] uppercase tracking-widest">Waiting for detection...</div>
-            ) : result.entities.length === 0 ? (
-              <div className="p-4 border border-emerald-500/20 bg-emerald-500/5 rounded-xl text-center"><p className="text-[10px] font-bold text-emerald-500 uppercase">Clear Environment: No PII Detected</p></div>
             ) : (
-              result.entities.map((ent, idx) => (
-                <div key={idx} className={`p-4 rounded-xl border ${theme === 'light' ? 'border-black' : 'border-white/10 bg-white/5 shadow-lg'} flex flex-col gap-2 hover:border-cyan-500/50 transition-all`}>
-                  <div className="flex items-center justify-between">
-                    <span className="text-[8px] font-black text-cyan-500 uppercase">{ent.type}</span>
-                    <span className="text-[10px] font-black text-cyan-500">{ent.score}%</span>
-                  </div>
-                  <p className={`text-[11px] font-bold truncate ${theme === 'light' ? 'text-black' : 'text-white'}`}>"{ent.text}"</p>
-                  <div className={`w-full h-1 ${theme === 'dark' ? 'bg-slate-800' : 'bg-slate-100'} rounded-full overflow-hidden`}><div className="h-full bg-cyan-500 shadow-[0_0_10px_#00f2ff]" style={{ width: `${ent.score}%` }} /></div>
-                </div>
-              ))
             )}
           </div>
           {result && (
-            <div className="flex-none p-4 border-t border-white/5 bg-black/40">
-              <div className="flex items-center justify-between px-2 text-[9px] font-black text-slate-500 uppercase">
-                <span>Threats: {result.entities.length}</span>
-                <span>Lang: {result.detected_language}</span>
               </div>
             </div>
           )}

   Shield, Eye, Lock, CheckCircle2, Copy,
   Database, Languages, Fingerprint, Zap, Activity,
   Palette, ChevronDown, Check, Radio, Target, Terminal,
+  Upload, Trash2
 } from 'lucide-react';
 interface EntityMeta {
 type Theme = 'premium' | 'light' | 'dark';
 const EXAMPLES = [
+  { id: "PRO-01", label: "Procès Verbal", lang: "fr", text: `PROCÈS-VERBAL DE RÉUNION DE CHANTIER - RÉNOVATION COMPLEXE HÔTELIER\n\nDate : 20 Mars 2026\nLieu : 142 Avenue des Champs-Élysées, 75008 Paris.\n\nPRÉSENTS :\n- M. Alexandre de La Rochefoucauld (Directeur de projet, Groupe Immobilier "Lux-Horizon" - SIRET 321 654 987 00054).\n- Mme Valérie Marchand (Architecte, Cabinet "Marchand & Associés").\n- M. Thomas Dubois (Ingénieur sécurité, joignable au 06.45.12.89.33).\n\nORDRE DU JOUR :\nValidation des acomptes sur l'IBAN FR76 3000 1000 2000 3000 4000 500.` },
+  { id: "MED-02", label: "Medical Record", lang: "en", text: `CLINICAL DISCHARGE SUMMARY - PATIENT ID: #XP-99021\n\nPATIENT INFORMATION:\nName: Sarah-Jane Montgomery\nDOB: 12/05/1982\nAddress: 1244 North Oak Street, San Francisco, CA 94102\nSSN : 123-45-6789. Email: sj.montgomery@provider.net.` }
 ];
 function App() {
       const response = await axios.post(`${API_URL}/redact`, { text, language });
       setResult(response.data);
     } catch (err: any) { console.error(err); }
+    finally { setTimeout(() => setLoading(false), 400); }
   };
   const themeClasses = {
+    premium: {
+      body: 'bg-slate-50',
+      header: 'bg-white border-slate-200 text-slate-900',
+      panel: 'bg-white border-slate-200',
+      panelHeader: 'bg-slate-50 text-slate-500',
+      input: 'bg-white text-slate-900 placeholder-slate-300',
+      output: 'bg-slate-50 text-slate-800',
+      tag: 'bg-blue-600 text-white shadow-sm',
+      footer: 'bg-slate-100/50 border-slate-200',
+      btn: 'bg-slate-900 hover:bg-black text-white'
+    },
+    light: {
+      body: 'bg-white',
+      header: 'bg-white border-black text-black',
+      panel: 'bg-white border-black',
+      panelHeader: 'bg-white border-b-black text-black',
+      input: 'bg-white text-black placeholder-gray-300',
+      output: 'bg-white text-black',
+      tag: 'bg-black text-white rounded-none border border-white',
+      footer: 'bg-white border-black',
+      btn: 'bg-black hover:bg-zinc-800 text-white'
+    },
+    dark: {
+      body: 'bg-[#020617]',
+      header: 'bg-slate-900/50 border-slate-800 text-white',
+      panel: 'bg-slate-900/30 border-slate-800',
+      panelHeader: 'bg-slate-900/50 text-slate-400',
+      input: 'bg-transparent text-white placeholder-slate-700',
+      output: 'bg-black/20 text-blue-400',
+      tag: 'bg-blue-500 text-black font-black',
+      footer: 'bg-black/40 border-slate-800',
+      btn: 'bg-blue-600 hover:bg-blue-500 text-white shadow-blue-500/20'
+    }
+  }[theme];
   return (
+    <div className={`h-screen flex flex-col font-sans transition-colors duration-300 ${themeClasses.body} ${themeClasses.header.split(' ')[2]} overflow-hidden`}>
       {/* HEADER */}
+      <header className={`flex-none flex items-center justify-between px-8 py-4 border-b ${themeClasses.header} z-50`}>
+        <div className="flex items-center gap-6">
+          <div className="flex items-center gap-3">
+            <div className={`p-2 rounded-xl ${theme === 'dark' ? 'bg-blue-600' : 'bg-black'} text-white shadow-lg`}>
+              <Shield className="w-5 h-5" />
+            </div>
+            <h1 className="text-xl font-bold tracking-tight">RedacScan</h1>
+          </div>
+          <div className="hidden sm:flex items-center gap-2 ml-4 opacity-50">
+            <div className={`w-2 h-2 rounded-full ${apiStatus === 'online' ? 'bg-emerald-500' : 'bg-rose-500'}`} />
+            <span className="text-[10px] font-bold uppercase tracking-widest">{apiStatus}</span>
           </div>
         </div>
+        <div className="flex items-center gap-3">
           <div className="relative" ref={themeRef}>
+            <button onClick={() => setIsThemeOpen(!isThemeOpen)} className={`flex items-center gap-2 px-4 py-2 border rounded-full text-xs font-semibold transition-all ${themeClasses.panel} hover:border-blue-500`}>
+              <Palette className="w-4 h-4" /> <span>{theme}</span>
             </button>
             {isThemeOpen && (
+              <div className={`absolute right-0 mt-2 w-48 p-2 rounded-2xl shadow-2xl z-[100] border ${themeClasses.panel} ${theme === 'dark' ? 'bg-slate-900' : 'bg-white'}`}>
                 {['premium', 'light', 'dark'].map((t) => (
+                  <button key={t} onClick={() => { setTheme(t as Theme); setIsThemeOpen(false); }} className={`w-full text-left px-4 py-2.5 text-xs font-medium rounded-xl transition-colors ${theme === t ? 'bg-blue-600 text-white' : 'hover:bg-slate-100 dark:hover:bg-slate-800'}`}>{t}</button>
                 ))}
               </div>
             )}
           </div>
           <div className="relative" ref={langRef}>
+            <button onClick={() => setIsLangOpen(!isLangOpen)} className={`flex items-center gap-2 px-4 py-2 border rounded-full text-xs font-semibold transition-all ${themeClasses.panel} hover:border-blue-500`}>
+              <Languages className="w-4 h-4" /> <span>{language}</span>
             </button>
             {isLangOpen && (
+              <div className={`absolute right-0 mt-2 w-48 p-2 rounded-2xl shadow-2xl z-[100] border ${themeClasses.panel} ${theme === 'dark' ? 'bg-slate-900' : 'bg-white'}`}>
                 {['auto', 'en', 'fr'].map((l) => (
+                  <button key={l} onClick={() => { setLanguage(l); setIsLangOpen(false); }} className={`w-full text-left px-4 py-2.5 text-xs font-medium rounded-xl transition-colors ${language === l ? 'bg-blue-600 text-white' : 'hover:bg-slate-100 dark:hover:bg-slate-800'}`}>{l}</button>
                 ))}
               </div>
             )}
         </div>
       </header>
+      {/* MAIN WORKSPACE */}
       <main className="flex-grow flex overflow-hidden">
+        {/* PANEL 1: SOURCE */}
+        <div className={`w-1/2 flex flex-col border-r ${themeClasses.panel.split(' ')[1]}`}>
+          <div className={`flex-none flex items-center justify-between px-8 py-4 border-b ${themeClasses.panelHeader}`}>
+            <div className="flex items-center gap-3 text-xs font-bold uppercase tracking-widest"><Database className="w-4 h-4 text-blue-600" /> Source Document</div>
+            <div className="flex gap-3">
+              <button onClick={() => fileInputRef.current?.click()} className="p-1.5 rounded-lg hover:bg-black/10 transition-colors"><Upload className="w-4 h-4" /></button>
+              <button onClick={() => {setText(''); setResult(null);}} className="p-1.5 rounded-lg hover:bg-black/10 transition-colors text-rose-500"><Trash2 className="w-4 h-4" /></button>
+              <input type="file" ref={fileInputRef} onChange={(e) => {const f=e.target.files?.[0]; if(f){const r=new FileReader(); r.onload=(ev)=>setText(ev.target?.result as string); r.readAsText(f);}}} className="hidden" />
             </div>
           </div>
+          <div className="flex-grow relative overflow-hidden bg-inherit">
+            {loading && <div className="loading-progress"><div className="loading-progress-bar" /></div>}
+            <textarea
+              className={`w-full h-full p-10 bg-transparent border-none outline-none text-[16px] leading-[1.8] resize-none font-sans custom-scrollbar ${themeClasses.input}`}
+              placeholder="Enter your document content here..."
+              value={text}
+              onChange={(e) => setText(e.target.value)}
+            />
           </div>
+          <div className={`flex-none p-8 border-t ${themeClasses.footer}`}>
+            <div className="flex gap-4 mb-4 overflow-x-auto pb-2 scrollbar-hide">
+              {EXAMPLES.map((ex, i) => (
+                <button key={i} onClick={() => { setText(ex.text); setLanguage(ex.lang); setResult(null); }} className={`px-4 py-2 border rounded-xl text-xs font-bold transition-all whitespace-nowrap ${theme === 'light' ? 'border-black hover:bg-black hover:text-white' : 'border-slate-200/20 hover:border-slate-400 bg-white/5'}`}>{ex.label}</button>
+              ))}
+            </div>
+            <button onClick={handleRedact} disabled={loading || !text.trim()} className={`w-full py-5 rounded-2xl font-bold text-sm tracking-widest uppercase transition-all flex items-center justify-center gap-4 ${loading || !text.trim() ? 'bg-slate-200 text-slate-400 cursor-not-allowed' : `${themeClasses.btn} shadow-xl active:scale-[0.98]`}`}>
+              {loading ? 'ANALYZING DOCUMENT...' : <><Zap className="w-4 h-4 fill-white" /> SANITIZE CONTENT</>}
+            </button>
           </div>
         </div>
+        {/* PANEL 2: RESULT */}
+        <div className={`w-1/2 flex flex-col ${themeClasses.output.split(' ')[0]}`}>
+          <div className={`flex-none flex items-center justify-between px-8 py-4 border-b ${themeClasses.panelHeader}`}>
+            <div className="flex items-center gap-3 text-xs font-bold uppercase tracking-widest text-blue-600"><CheckCircle2 className="w-4 h-4" /> Secured View</div>
+            {result && <button onClick={() => {navigator.clipboard.writeText(result.redacted_text); setCopied(true); setTimeout(()=>setCopied(false), 2000)}} className={`px-4 py-1.5 rounded-full ${themeClasses.btn} text-[10px] font-bold transition-all`}>{copied ? 'COPIED' : 'COPY RESULT'}</button>}
           </div>
+          <div className={`flex-grow p-10 font-sans text-[16px] leading-[1.8] whitespace-pre-wrap overflow-y-auto custom-scrollbar ${themeClasses.output.split(' ')[1]}`}>
             {!result ? (
+              <div className="h-full flex flex-col items-center justify-center opacity-20">
+                <Lock className="w-16 h-16 mb-4 stroke-1" />
+                <p className="font-bold tracking-widest uppercase text-xs">Waiting for Sanitization</p>
+              </div>
             ) : (
+              <div className="animate-in fade-in duration-500">
+                {result.redacted_text.split(/(<[^>]+>)/g).map((part, i) => (
+                  part.startsWith('<') && part.endsWith('>') ? (
+                    <span key={i} className={`inline-block px-2 py-0.5 mx-1 rounded font-bold text-[12px] uppercase tracking-tighter ${themeClasses.tag}`}>{part}</span>
+                  ) : part
+                ))}
+              </div>
             )}
           </div>
+          {/* RISK LIST FOOTER */}
           {result && (
+            <div className={`flex-none h-48 border-t p-6 overflow-y-auto custom-scrollbar ${themeClasses.footer}`}>
+              <div className="flex items-center gap-3 mb-4 opacity-60 font-bold text-[10px] uppercase tracking-widest"><Fingerprint className="w-4 h-4" /> Detected Information</div>
+              <div className="flex flex-wrap gap-2">
+                {result.entities.map((ent, idx) => (
+                  <div key={idx} className={`px-3 py-2 rounded-xl border flex items-center gap-3 bg-white shadow-sm border-slate-200 dark:bg-slate-900 dark:border-slate-800`}>
+                    <span className="text-[9px] font-black text-blue-600 uppercase">{ent.type}</span>
+                    <span className={`text-xs font-bold truncate max-w-[120px] ${theme === 'dark' ? 'text-white' : 'text-black'}`}>"{ent.text}"</span>
+                    <span className="text-[10px] font-bold text-slate-400">{ent.score}%</span>
+                  </div>
+                ))}
               </div>
             </div>
           )}

ui/src/index.css CHANGED Viewed

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @theme {
   --color-cyber-blue: #00f2ff;
   --color-cyber-pink: #ff00e5;
   --color-cyber-dark: #050a15;
@@ -8,20 +10,19 @@
 @layer base {
   body {
-    @apply bg-cyber-dark text-slate-200 antialiased overflow-x-hidden;
   }
 }
-/* Grille futuriste en arrière-plan */
 .bg-grid {
   background-image:
     linear-gradient(to right, rgba(0, 242, 255, 0.05) 1px, transparent 1px),
     linear-gradient(to bottom, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
   background-size: 40px 40px;
-  mask-image: radial-gradient(circle at center, black, transparent 80%);
 }
-/* Animation de scan laser */
 @keyframes scan {
   0% { transform: translateY(-100%); opacity: 0; }
   50% { opacity: 1; }
@@ -30,38 +31,12 @@
 .scanner-line {
   height: 2px;
-  background: linear-gradient(90deg, transparent, var(--color-cyber-blue), transparent);
-  box-shadow: 0 0 15px var(--color-cyber-blue);
-  animation: scan 3s linear infinite;
-  display: none;
 }
-.is-scanning .scanner-line {
-  display: block;
-}
-/* Glassmorphism */
-.glass-panel {
-  background: rgba(15, 23, 42, 0.6);
-  backdrop-filter: blur(12px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.neon-border {
-  position: relative;
-}
-.neon-border::after {
-  content: '';
-  position: absolute;
-  inset: -1px;
-  background: linear-gradient(45deg, var(--color-cyber-blue), transparent, var(--color-cyber-pink));
-  z-index: -1;
-  border-radius: inherit;
-  opacity: 0.3;
-}
-/* Custom Scrollbar futuriste */
 ::-webkit-scrollbar {
   width: 4px;
 }
@@ -69,7 +44,10 @@
   background: transparent;
 }
 ::-webkit-scrollbar-thumb {
-  background: var(--color-cyber-blue);
   border-radius: 10px;
-  box-shadow: 0 0 10px var(--color-cyber-blue);
 }

 @import "tailwindcss";
 @theme {
+  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
   --color-cyber-blue: #00f2ff;
   --color-cyber-pink: #ff00e5;
   --color-cyber-dark: #050a15;
 @layer base {
   body {
+    @apply antialiased overflow-hidden h-screen;
   }
 }
+/* Grille Cyber */
 .bg-grid {
   background-image:
     linear-gradient(to right, rgba(0, 242, 255, 0.05) 1px, transparent 1px),
     linear-gradient(to bottom, rgba(0, 242, 255, 0.05) 1px, transparent 1px);
   background-size: 40px 40px;
 }
+/* Scanner Laser */
 @keyframes scan {
   0% { transform: translateY(-100%); opacity: 0; }
   50% { opacity: 1; }
 .scanner-line {
   height: 2px;
+  background: linear-gradient(90deg, transparent, #00f2ff, transparent);
+  box-shadow: 0 0 15px #00f2ff;
+  animation: scan 2.5s linear infinite;
 }
+/* Scrollbar Style */
 ::-webkit-scrollbar {
   width: 4px;
 }
   background: transparent;
 }
 ::-webkit-scrollbar-thumb {
+  background: #00f2ff;
   border-radius: 10px;
+}
+.custom-scrollbar-light::-webkit-scrollbar-thumb {
+  background: #000000;
 }