Add doc to script file

src/components/deviation-list.tsx

@@ -1,3 +1,14 @@
+/**
+ * Deviation List Component
+ *
+ * Tracks and manages deviations from the planned medication schedule.
+ * Supports adding, editing, and deleting deviations with automatic or
+ * manual timestamps. Each deviation can be marked as planned or actual.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { FormTimeInput } from './ui/form-time-input';
 import { FormNumericInput } from './ui/form-numeric-input';

src/components/dose-schedule.tsx

@@ -1,3 +1,13 @@
+/**
+ * Dose Schedule Component
+ *
+ * Manages up to 5 daily dose time slots with time and dose amount inputs.
+ * Provides validation and allows empty entries for flexible scheduling.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { FormTimeInput } from './ui/form-time-input';
 import { FormNumericInput } from './ui/form-numeric-input';

src/components/language-selector.tsx

@@ -1,3 +1,13 @@
+/**
+ * Language Selector Component
+ *
+ * Provides UI for switching between supported languages (English/German).
+ * Uses shadcn/ui Select component.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select';
 import { Label } from './ui/label';

src/components/settings.tsx

@@ -1,3 +1,14 @@
+/**
+ * Settings Component
+ *
+ * Provides configuration for pharmacokinetic parameters (half-lives,
+ * absorption rates) and UI settings (chart view, therapeutic ranges,
+ * x-axis format). Includes data management (import/export/reset).
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { FormNumericInput } from './ui/form-numeric-input';
 import { Card, CardContent, CardHeader, CardTitle } from './ui/card';

src/components/simulation-chart.tsx

@@ -1,3 +1,14 @@
+/**
+ * Simulation Chart Component
+ *
+ * Visualizes pharmacokinetic concentration profiles over time using Recharts.
+ * Displays ideal plan, deviated profile, and corrected profile with
+ * therapeutic range indicators. Supports multiple chart views and x-axis formats.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ReferenceLine, ResponsiveContainer } from 'recharts';
 

src/components/suggestion-panel.tsx

@@ -1,3 +1,13 @@
+/**
+ * Suggestion Panel Component
+ *
+ * Displays dose correction suggestions based on deviations from the plan.
+ * Shows recommended time and dose adjustments with apply button.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import React from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
 import { Button } from './ui/button';

src/components/ui/form-numeric-input.tsx

@@ -1,3 +1,13 @@
+/**
+ * Custom Form Component: Numeric Input with Controls
+ *
+ * A numeric input field with increment/decrement buttons, validation,
+ * and error display. Built on top of shadcn/ui components.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import * as React from "react"
 import { Minus, Plus, X } from "lucide-react"
 import { Button } from "./button"

src/components/ui/form-time-input.tsx

@@ -1,3 +1,13 @@
+/**
+ * Custom Form Component: Time Input with Picker
+ *
+ * A time input field with interactive hour/minute picker, validation,
+ * and error display. Built on top of shadcn/ui components.
+ *
+ * @author Andreas Weyer
+ * @license MIT
+ */
+
 import * as React from "react"
 import { Clock } from "lucide-react"
 import { Button } from "./button"