Upload 12 files

.env.local

@@ -0,0 +1 @@
+GEMINI_API_KEY=PLACEHOLDER_API_KEY

.gitignore

@@ -1,16 +1,24 @@
-# Python-generated files
-__pycache__/
-*.py[oc]
-build/
-dist/
-wheels/
-*.egg-info
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# Virtual environments
-.venv
-
-.env
+node_modules
+dist
+dist-ssr
+*.local
 
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
-
-.python-version
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

App.tsx

@@ -0,0 +1,59 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+*/
+
+import React, { useState } from 'react';
+import LoginScreen from './components/LoginScreen';
+import AppLayout from './components/AppLayout';
+import DoctorRegistration from './components/DoctorRegistration';
+import { users as mockUsers } from './data/mockData';
+import type { User } from './types';
+
+// In a real app, this would be managed in a global state (Context, Redux, etc.)
+let users = [...mockUsers];
+
+const App: React.FC = () => {
+  const [currentUser, setCurrentUser] = useState<User | null>(null);
+  const [isCompletingDoctorProfile, setIsCompletingDoctorProfile] = useState(false);
+
+  const handleLoginSuccess = (user: User) => {
+    setCurrentUser(user);
+    if (user.role === 'doctor') {
+      // This is a simplification. In a real app, you'd check if their profile is complete.
+      // For the demo, we assume if they log in, their profile is complete.
+      setIsCompletingDoctorProfile(false);
+    }
+  };
+
+  const handleLogout = () => {
+    setCurrentUser(null);
+    setIsCompletingDoctorProfile(false);
+  };
+
+  const handleRegisterSuccess = (newUser: User) => {
+    // In a real app, you would add the user to the database.
+    // Here, we'll just log them in directly.
+    users.push(newUser); // Simulate adding to DB
+    setCurrentUser(newUser);
+    if (newUser.role === 'doctor') {
+      setIsCompletingDoctorProfile(true);
+    }
+  };
+
+  const handleDoctorRegistrationComplete = () => {
+    setIsCompletingDoctorProfile(false);
+  };
+
+  if (currentUser && currentUser.role === 'doctor' && isCompletingDoctorProfile) {
+    return <DoctorRegistration user={currentUser} onRegistrationComplete={handleDoctorRegistrationComplete} />;
+  }
+
+  if (!currentUser) {
+    return <LoginScreen onLoginSuccess={handleLoginSuccess} onRegisterSuccess={handleRegisterSuccess} />;
+  }
+
+  return <AppLayout currentUser={currentUser} onLogout={handleLogout} />;
+};
+
+export default App;

README.md

@@ -1,86 +1,20 @@
----
-title: Rag Mcp Server
-emoji: 🏢
-colorFrom: indigo
-colorTo: pink
-sdk: gradio
-sdk_version: 5.31.0
-app_file: app.py
-pinned: false
-short_description: 'This space defines a RAG MCP server '
----
+<div align="center">
+<img width="1200" height="475" alt="GHBanner" src="https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6" />
+</div>
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Run and deploy your AI Studio app
 
-# Rag MCP server
+This contains everything you need to run your app locally.
 
-This is a simple gradio server that allows you to run a RAG (Retrieval-Augmented Generation) model using the
-MCP (Model Control Protocol) interface.
+View your app in AI Studio: https://ai.studio/apps/drive/19IkjTQRuXNjcLCE75qSjPELo7PorJbli
 
-# Requirements
+## Run Locally
 
-- UV: The python package manager. Visit https://github.com/astral-sh/uv
+**Prerequisites:**  Node.js
 
-Since the server uses SERPER API, you will need to set the `SERPER_API_KEY` environment variable to
-enable the search functionality. You can export it in your shell:
 
-```bash
-export SERPER_API_KEY=your_serper_api_key
-```
-
-# Installation
-
-```bash
-uv sync
-```
-
-# Usage
-
-Just run the gradio application:
-
-```bash
-uv run gradio app.py
-```
-
-# Access the server
-
-Open your browser and go to `http://localhost:7860` to access the RAG MCP server.
-
-You can see the [gradio docs](https://www.gradio.app/guides/building-mcp-server-with-gradio) for more information on how
-to use the interface.
-
-# Using the MCP server with a mpc client
-
-You can use the tiny-agents client to interact with the MCP server. To do this, you need to install the huggingface_hub
-package:
-
-```bash
-pip install huggingface_hub
-```
-
-Then, you can use the following code to interact with the MCP server:
-
-```bash
-export HF_TOKEN=your_huggingface_token
-
-tiny_agents run agent.json
-```
-
-The `agent.json` file contains the configuration for the MCP client. Here is an example of how to create this file:
-
-```json
-{
-  "model": "meta-llama/Llama-3.3-70B-Instruct",
-  "provider": "cerebras",
-  "servers": [
-    {
-      "type": "sse",
-      "config": {
-        "url": "https://frascuchon-rag-mcp-server.hf.space/gradio_api/mcp/sse"
-      }
-    }
-  ]
-}
-```
-
-You can change the server URL to point to your own MCP server if you are running it locally or on a different host.
+1. Install dependencies:
+   `npm install`
+2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+3. Run the app:
+   `npm run dev`

index.css

@@ -0,0 +1,20 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer utilities {
+  .animate-fade-in {
+    animation: fadeIn 0.5s ease-in-out;
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+}

index.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mostasheer</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+  <script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@19.0.0-rc-6230622a1a-20240610",
+    "react-dom/client": "https://esm.sh/react-dom@19.0.0-rc-6230622a1a-20240610/client",
+    "@google/genai": "https://esm.sh/@google/genai@^0.14.0",
+    "react/": "https://aistudiocdn.com/react@^19.1.1/",
+    "react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
+    "typeorm": "https://aistudiocdn.com/typeorm@^0.3.26",
+    "@nestjs/common": "https://aistudiocdn.com/@nestjs/common@^11.1.6",
+    "@nestjs/typeorm": "https://aistudiocdn.com/@nestjs/typeorm@^11.0.0"
+  }
+}
+</script>
+<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&display=swap" rel="stylesheet">
+<style>
+body {
+    font-family: 'Inter', sans-serif;
+    background-color: #f4f7f6;
+    color: #1a202c;
+}
+/* For custom scrollbars */
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background: #e0e0e0;
+}
+::-webkit-scrollbar-thumb {
+  background: #a0a0a0;
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #808080;
+}
+</style>
+  <link rel="stylesheet" href="/index.css">
+</head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/index.tsx"></script>
+  </body>
+</html>

index.tsx

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+*/
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const rootElement = document.getElementById('root');
+if (!rootElement) {
+  throw new Error("Could not find root element to mount to");
+}
+
+const root = ReactDOM.createRoot(rootElement);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

metadata.json

@@ -0,0 +1,6 @@
+{
+  "name": "Mostasheer",
+  "description": "An online clinic application featuring secure patient and doctor login, personalized dashboards, appointment management, financial tracking, medical history, an AI Health Assistant, and tools for doctor registration and clinic management.",
+  "requestFramePermissions": [],
+  "prompt": ""
+}

package.json

@@ -0,0 +1,24 @@
+{
+  "name": "mostasheer",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^19.1.1",
+    "@google/genai": "^0.14.0",
+    "react-dom": "^19.1.1",
+    "typeorm": "^0.3.26",
+    "@nestjs/common": "^11.1.6",
+    "@nestjs/typeorm": "^11.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "typescript": "~5.8.2",
+    "vite": "^6.2.0"
+  }
+}

tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "types": [
+      "node"
+    ],
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  }
+}

types.ts

@@ -0,0 +1,200 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+*/
+
+// --- CORE & ACCESS ---
+
+export type View = 'dashboard' | 'appointments' | 'find-doctor' | 'health-assistant' | 'accounting' | 'doctor-registration' | 'clinic-management' | 'medical-history';
+
+export type Role = 'owner' | 'doctor' | 'staff' | 'patient';
+
+// New types for clinic settings
+export interface OperatingHours {
+  monday: { active: boolean; start: string; end: string };
+  tuesday: { active: boolean; start: string; end: string };
+  wednesday: { active: boolean; start: string; end: string };
+  thursday: { active: boolean; start: string; end: string };
+  friday: { active: boolean; start: string; end: string };
+  saturday: { active: boolean; start: string; end: string };
+  sunday: { active: boolean; start: string; end: string };
+}
+
+export interface ClinicSettingsData {
+  operating_hours: OperatingHours;
+  online_booking: {
+    enabled: boolean;
+    auto_confirm: boolean;
+    min_booking_notice_hours: number;
+    cancellation_policy_hours: number;
+  };
+  financial: {
+    currency: string;
+    tax_rate_percent: number;
+    invoice_footer: string;
+  };
+}
+
+
+export interface Clinic {
+  id: string; // UUID
+  name: string;
+  owner_id?: string; // UUID of the owner user
+  created_at: string; // ISO 8601
+  // Add new detailed profile fields
+  address?: string;
+  contact_phone?: string;
+  contact_email?: string;
+  website?: string;
+  settings?: ClinicSettingsData;
+}
+
+export interface User {
+  id: string; // UUID
+  clinic_id: string; // Foreign Key to Clinic
+  email: string;
+  password_hash: string;
+  role: Role;
+  created_at: string; // ISO 8601
+  schedule_id?: string; // FK to Schedule
+}
+
+// --- CLINIC OPERATIONS ---
+
+export interface Patient {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  name: string;
+  dob?: string; // YYYY-MM-DD
+  gender?: string;
+  contact_info?: Record<string, string>; // JSONB
+  created_at: string; // ISO 8601
+}
+
+export interface Doctor {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  name: string;
+  specialty?: string;
+  created_at: string; // ISO 8601
+  // Denormalized for UI convenience
+  photo?: string;
+}
+
+export interface Service {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  name: string;
+  price: number;
+  duration_minutes: number;
+  currency?: string;
+}
+
+export type AppointmentStatus = 'scheduled' | 'completed' | 'canceled';
+
+export interface Appointment {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  patient_id: string; // FK to Patient
+  doctor_id: string; // FK to Doctor
+  service_id?: string; // FK to Service
+  start_time: string; // ISO 8601
+  status: AppointmentStatus;
+}
+
+
+// --- MEDICAL (EMR) ---
+
+export interface Encounter {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  patient_id: string; // FK to Patient
+  doctor_id: string; // FK to Doctor
+  appointment_id?: string; // FK to Appointment
+  notes?: string;
+  vitals?: Record<string, any>; // JSONB
+  created_at: string; // ISO 8601
+}
+
+export interface Problem {
+    encounter_id: string; // UUID
+    description: string;
+}
+
+export interface Allergy {
+    patient_id: string;
+    substance: string;
+    reaction?: string;
+}
+
+export interface Medication {
+    encounter_id: string; // UUID
+    drug_name: string;
+    dosage?: string;
+    instructions?: string;
+}
+
+
+// --- FINANCIALS ---
+
+export type InvoiceStatus = 'draft' | 'issued' | 'paid' | 'canceled';
+
+export interface InvoiceLine {
+    id: string; // UUID
+    invoice_id: string;
+    service_id?: string;
+    quantity: number;
+    price: number;
+}
+
+export interface Invoice {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  patient_id: string; // FK to Patient
+  total: number;
+  status: InvoiceStatus;
+  issued_at: string; // ISO 8601
+  invoice_lines: InvoiceLine[]; // Denormalized for UI
+}
+
+export interface Payment {
+  id: string; // UUID
+  invoice_id: string; // FK to Invoice
+  amount: number;
+  method?: string;
+  paid_at: string; // ISO 8601
+}
+
+// --- UI SPECIFIC ---
+
+// For doctor registration flow
+export interface DoctorRegistrationData {
+  user: Partial<User>;
+  doctor: Partial<Doctor>;
+}
+
+// New type for schedule overrides
+export interface DayOverride {
+  date: string; // YYYY-MM-DD
+  active: boolean;
+  start?: string; // HH:mm, required if active
+  end?: string; // HH:mm, required if active
+}
+
+// FIX: Define Schedule type for doctor schedule feature.
+export interface Schedule {
+  id: string; // UUID
+  clinic_id: string; // FK to Clinic
+  appointment_length_minutes: number;
+  buffer_time_minutes: number;
+  overrides: DayOverride[]; // Replaces holidays for more flexibility
+  weekdays: {
+    monday: { active: boolean; start: string; end: string };
+    tuesday: { active: boolean; start: string; end: string };
+    wednesday: { active: boolean; start: string; end: string };
+    thursday: { active: boolean; start: string; end: string };
+    friday: { active: boolean; start: string; end: string };
+    saturday: { active: boolean; start: string; end: string };
+    sunday: { active: boolean; start: string; end: string };
+  };
+}

vite.config.ts

@@ -0,0 +1,17 @@
+import path from 'path';
+import { defineConfig, loadEnv } from 'vite';
+
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, '.', '');
+    return {
+      define: {
+        'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
+        'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
+      },
+      resolve: {
+        alias: {
+          '@': path.resolve(__dirname, '.'),
+        }
+      }
+    };
+});