oceanhelm 0.0.15 → 0.0.16

package/src/components/Reports.vue

@@ -41,9 +41,11 @@
                     <button class="btn btn-outline-secondary" @click="openReportForm('manual')">
                         <i class="bi bi-file-earmark-plus"></i> Manual Report
                     </button>
+                    <!--
                     <button class="btn btn-primary" @click="showNewFolderModal = true">
                         <i class="bi bi-folder-plus"></i> New Folder
                     </button>
+                    -->
                 </div>
             </div>
         </div>
@@ -272,8 +274,9 @@
                                 </span>
                             </div>
                             <div class="af-actions">
-                                <button class="rc-btn" style="color:#6f42c1;" @click.stop="selectFolder(folder)"
-                                    title="Add Files">
+                                <!-- FIX: opens manual report modal pre-linked to this folder -->
+                                <button class="rc-btn" style="color:#6f42c1;"
+                                    @click.stop="openManualReportForFolder(folder)" title="Add Report / Files">
                                     <i class="bi bi-file-earmark-plus"></i>
                                 </button>
                                 <button class="rc-btn rc-btn--danger"
@@ -304,8 +307,10 @@
 
                                 <div class="ffi-empty" v-if="folder.files.length === 0">
                                     <i class="bi bi-inbox me-1"></i>Empty folder
-                                    <button class="btn btn-sm btn-outline-secondary ms-2" @click="selectFolder(folder)">
-                                        <i class="bi bi-file-earmark-plus me-1"></i>Add Files
+                                    <!-- FIX: opens manual report modal instead of raw file picker -->
+                                    <button class="btn btn-sm btn-outline-secondary ms-2"
+                                        @click="openManualReportForFolder(folder)">
+                                        <i class="bi bi-file-earmark-plus me-1"></i>Add Report
                                     </button>
                                 </div>
                             </div>
@@ -362,8 +367,12 @@
                             <i
                                 :class="reportForm.report_type === 'manual' ? 'bi bi-file-earmark-text me-2' : 'bi bi-shield-check me-2'"></i>
                             {{ reportForm.report_type === 'manual' ? 'New Manual Report' : 'Submit QHSE Report' }}
+                            <!-- Show folder context badge when opened from a folder -->
+                            <span v-if="reportForm.folderName" class="folder-context-badge">
+                                <i class="bi bi-folder-fill me-1"></i>{{ reportForm.folderName }}
+                            </span>
                         </h5>
-                        <div class="modal-type-toggle" v-if="!pendingContext">
+                        <div class="modal-type-toggle" v-if="!pendingContext && !reportForm.folderId">
                             <button :class="['type-toggle-btn', { active: reportForm.report_type === 'qhse' }]"
                                 @click="reportForm.report_type = 'qhse'">
                                 <i class="bi bi-shield-check me-1"></i>QHSE
@@ -689,7 +698,7 @@
             </div>
         </div>
 
-        <!-- Hidden file input for user folders -->
+        <!-- Hidden file input for user folders (kept for legacy, no longer primary path) -->
         <input ref="fileInput" type="file" multiple style="display:none;" @change="handleFileSelection" />
     </div>
 </template>
@@ -785,7 +794,6 @@ export default {
                     this.reportForm.entity_subtype = ctx.entity_subtype;
                     this.reportForm.entity_duration = ctx.entity_duration;
                     this.reportForm.entity_participants = ctx.entity_participants;
-                    // Pre-fill findings with the entity objective for incidents
                     if (ctx.entity_type === 'incident' && ctx.entity_objectives) {
                         this.reportForm.findings = ctx.entity_objectives;
                     }
@@ -816,7 +824,7 @@ export default {
         emptyForm() {
             return {
                 report_type: 'qhse', manual_category: 'General', manual_ref: '',
-                title: '', submittedBy: '', vessel: '', folderId: '',
+                title: '', submittedBy: '', vessel: '', folderId: '', folderName: '',
                 date: new Date().toISOString().split('T')[0],
                 findings: '', correctiveActions: '', files: [],
                 entity_type: '', entity_id: '', entity_ref: '', entity_label: '',
@@ -824,7 +832,6 @@ export default {
                 entity_duration: '', entity_participants: null,
                 selectedMissing: '',
                 drillChecklist: [true, true, true, true, true],
-                // incident-specific structured fields
                 inc_consequences: '',
                 inc_factors: '',
                 inc_immediate_action: '',
@@ -899,6 +906,15 @@ export default {
             this.showReportModal = true;
         },
 
+        // ─── FIX: Open manual report modal pre-linked to a custom folder ─────────
+        openManualReportForFolder(folder) {
+            this.reportForm = this.emptyForm();
+            this.reportForm.report_type = 'manual';
+            this.reportForm.folderId = folder.id;
+            this.reportForm.folderName = folder.name;
+            this.showReportModal = true;
+        },
+
         closeReportForm() { this.showReportModal = false; },
 
         clearEntityLink() {
@@ -929,37 +945,49 @@ export default {
 
         requestSubmitReport() {
             if (!this.reportForm.title || !this.reportForm.submittedBy || !this.reportForm.findings) return;
-            this.$emit('report-submit-requested', {
-                entity_type: this.reportForm.report_type === 'manual' ? 'manual' : this.reportForm.entity_type,
-                entity_id: this.reportForm.entity_id || null,
-                entity_ref: this.reportForm.report_type === 'manual'
-                    ? (this.reportForm.manual_ref || null)
-                    : this.reportForm.entity_ref,
-                title: this.reportForm.title,
-                submittedBy: this.reportForm.submittedBy,
-                vessel: this.reportForm.vessel || null,
-                date: this.reportForm.date,
-                findings: this.reportForm.findings,
-                correctiveActions: this.reportForm.correctiveActions || null,
-                folderId: null,
-                folderName: null,
-                manual_category: this.reportForm.report_type === 'manual' ? this.reportForm.manual_category : null,
-                files: this.reportForm.files,
-                // drill / incident enrichment fields
-                entity_subtype: this.reportForm.entity_subtype || null,
-                entity_creator: this.reportForm.entity_creator || null,
-                entity_objectives: this.reportForm.entity_objectives || null,
-                entity_duration: this.reportForm.entity_duration || null,
+
+            const isManual = this.reportForm.report_type === 'manual';
+
+            // ── FIX: never send entity_id for manual reports ──────────────────────
+            // The DB column has gen_random_uuid() as default, so omitting it
+            // (or sending undefined) lets Postgres generate it automatically.
+            // Sending null explicitly triggers the NOT NULL constraint violation.
+            const payload = {
+                entity_type:         isManual ? 'manual' : (this.reportForm.entity_type || null),
+                entity_ref:          isManual
+                                         ? (this.reportForm.manual_ref || null)
+                                         : (this.reportForm.entity_ref || null),
+                title:               this.reportForm.title,
+                submittedBy:         this.reportForm.submittedBy,
+                vessel:              this.reportForm.vessel || null,
+                date:                this.reportForm.date,
+                findings:            this.reportForm.findings,
+                correctiveActions:   this.reportForm.correctiveActions || null,
+                folderId:            this.reportForm.folderId || null,
+                folderName:          this.reportForm.folderName || null,
+                manual_category:     isManual ? this.reportForm.manual_category : null,
+                files:               this.reportForm.files,
+                entity_subtype:      this.reportForm.entity_subtype || null,
+                entity_creator:      this.reportForm.entity_creator || null,
+                entity_objectives:   this.reportForm.entity_objectives || null,
+                entity_duration:     this.reportForm.entity_duration || null,
                 entity_participants: this.reportForm.entity_participants || null,
-                drill_checklist: [...this.reportForm.drillChecklist],
-                // incident structured fields
-                inc_consequences: this.reportForm.inc_consequences || null,
-                inc_factors: this.reportForm.inc_factors || null,
-                inc_immediate_action: this.reportForm.inc_immediate_action || null,
-                inc_direct_cause: this.reportForm.inc_direct_cause || null,
-                inc_root_cause: this.reportForm.inc_root_cause || null,
-                inc_remarks: this.reportForm.inc_remarks || null,
-            });
+                drill_checklist:     [...this.reportForm.drillChecklist],
+                inc_consequences:    this.reportForm.inc_consequences || null,
+                inc_factors:         this.reportForm.inc_factors || null,
+                inc_immediate_action:this.reportForm.inc_immediate_action || null,
+                inc_direct_cause:    this.reportForm.inc_direct_cause || null,
+                inc_root_cause:      this.reportForm.inc_root_cause || null,
+                inc_remarks:         this.reportForm.inc_remarks || null,
+            };
+
+            // Only include entity_id when it's a real linked entity (drill/incident)
+            // For manual reports we omit the key entirely so the DB default fires
+            if (!isManual && this.reportForm.entity_id) {
+                payload.entity_id = this.reportForm.entity_id;
+            }
+
+            this.$emit('report-submit-requested', payload);
         },
 
         resetForm() { this.reportForm = this.emptyForm(); },
@@ -983,7 +1011,6 @@ export default {
             this.viewingReport = null;
         },
 
-        // Closes the modal immediately, then emits so ReportsView can confirm + delete
         requestDeleteReport(reportId) {
             this.closeViewer();
             this.$emit('report-delete-requested', reportId);
@@ -1117,7 +1144,6 @@ export default {
             doc.text('Quality, Health, Safety & Environment Management System', pageW / 2, 17, { align: 'center' });
             y = 30;
 
-            // Ref badge
             if (report.entityRef) {
                 doc.setFillColor(240, 245, 255);
                 doc.roundedRect(pageW - margin - 44, 26, 44, 8, 2, 2, 'F');
@@ -1135,19 +1161,16 @@ export default {
             doc.line(margin + contentW / 2, y, margin + contentW / 2, y + 28);
             doc.line(margin, y + 14, margin + contentW / 2, y + 14);
 
-            // Vessel name
             doc.setFontSize(8); doc.setFont('helvetica', 'bold'); doc.setTextColor(80, 90, 110);
             doc.text('VESSEL:', margin + 3, y + 6);
             doc.setFont('helvetica', 'bold'); doc.setTextColor(20, 20, 20); doc.setFontSize(10);
             doc.text(String(report.vessel || '—').toUpperCase(), margin + 22, y + 6);
 
-            // Date / place
             doc.setFontSize(8); doc.setFont('helvetica', 'bold'); doc.setTextColor(80, 90, 110);
             doc.text('DATE / PLACE:', margin + 3, y + 20);
             doc.setFont('helvetica', 'normal'); doc.setTextColor(20, 20, 20);
             doc.text(`${report.date || '—'}  /  ${report.vessel || '—'}`, margin + 33, y + 20);
 
-            // Kind of drill
             const hx = margin + contentW / 2 + 3;
             doc.setFontSize(8); doc.setFont('helvetica', 'bold'); doc.setTextColor(80, 90, 110);
             doc.text('KIND OF DRILL:', hx, y + 6);
@@ -1171,15 +1194,12 @@ export default {
             const participantCount = report.entity_participants || 0;
             sectionHeading(`Crew Participation  —  ${participantCount} member${participantCount !== 1 ? 's' : ''} participated`);
 
-            // Parse crew from findings if prefixed with CREW:
             const crewLines = (() => {
                 const raw = (report.findings || '').trim();
                 if (/^CREW:/i.test(raw)) {
-                    // Everything up to first blank line after CREW: is the crew list
                     const crewSection = raw.replace(/^CREW:\s*/i, '').split(/\n\n/)[0];
                     return crewSection.split(/[\n,]+/).map(s => s.trim()).filter(Boolean);
                 }
-                // Fallback: show drill master + submitter
                 const list = [];
                 if (report.entity_creator) list.push(`${report.entity_creator} (Drill Master)`);
                 if (report.submittedBy && report.submittedBy !== report.entity_creator)
@@ -1187,7 +1207,6 @@ export default {
                 return list;
             })();
 
-            // Table header
             checkPage(14);
             const colNr = margin, wNr = 12;
             const colName = margin + wNr, wName = contentW - wNr;
@@ -1222,7 +1241,7 @@ export default {
             }
             y += 4;
 
-            // ── Comments checklist — driven by report.drill_checklist ─────────────
+            // ── Comments checklist ────────────────────────────────────────────────
             sectionHeading('Comments');
             const checkQuestions = [
                 'Is the reaction of crew members satisfactory?',
@@ -1231,7 +1250,6 @@ export default {
                 'Was debriefing conducted on completion of drill?',
                 'Is time log of various activities marked on checklist?',
             ];
-            // Parse stored answers (array of booleans). Fall back to all-true if absent.
             const checkAnswers = (() => {
                 const raw = report.drill_checklist || report.drillChecklist;
                 if (Array.isArray(raw)) return raw;
@@ -1239,7 +1257,7 @@ export default {
             })();
             checkQuestions.forEach((q, idx) => {
                 checkPage(9);
-                const yes = checkAnswers[idx] !== false; // undefined → true
+                const yes = checkAnswers[idx] !== false;
                 doc.setFontSize(8.5); doc.setFont('helvetica', 'normal'); doc.setTextColor(30, 30, 30);
                 doc.text(`${idx + 1}.  ${q}`, margin + 3, y + 5);
                 if (yes) {
@@ -1258,11 +1276,9 @@ export default {
             y += 3;
 
             // ── Drill scenario / findings ─────────────────────────────────────────
-            // Strip the CREW: block from findings before printing
             const scenarioText = (() => {
                 const raw = (report.findings || '').trim();
                 if (/^CREW:/i.test(raw)) {
-                    // Remove everything up to the first blank line
                     const parts = raw.split(/\n\n+/);
                     return parts.slice(1).join('\n\n').trim();
                 }
@@ -1282,7 +1298,7 @@ export default {
                 y += 4;
             }
 
-            // ── Suggestions / corrective actions ─────────────────────────────────
+            // ── Corrective actions ────────────────────────────────────────────────
             if (report.correctiveActions) {
                 sectionHeading('Suggestions for Improvement & Corrective Actions');
                 checkPage(10);
@@ -1323,9 +1339,6 @@ export default {
                 } catch (e) { console.warn('Could not embed image', imgFile.name, e); }
             }
 
-            // ── Signature block ───────────────────────────────────────────────────
-            
-
             // ── Footer ────────────────────────────────────────────────────────────
             const totalPages = doc.getNumberOfPages();
             for (let p = 1; p <= totalPages; p++) {
@@ -1352,12 +1365,6 @@ export default {
                 if (y + needed > 275) { doc.addPage(); y = 20; }
             };
 
-            /**
-             * Bordered labelled box — mirrors the Near Miss Report form style.
-             * label      — small-caps field label shown inside the top of the box
-             * text       — content (may be null/empty — leaves a blank writable area)
-             * minHeight  — minimum box height in mm
-             */
             const labelledBox = (label, text, minHeight = 18) => {
                 const bodyText = text ? doc.splitTextToSize(String(text), contentW - 6) : [];
                 const textH = bodyText.length * 5.5;
@@ -1368,13 +1375,11 @@ export default {
                 doc.setLineWidth(0.35);
                 doc.rect(margin, y, contentW, boxH, 'S');
 
-                // Label
                 doc.setFontSize(7.5); doc.setFont('helvetica', 'bold'); doc.setTextColor(70, 80, 100);
                 const labelLines = doc.splitTextToSize(label.toUpperCase(), contentW - 6);
                 labelLines.forEach((ll, i) => doc.text(ll, margin + 3, y + 5 + i * 4));
                 const labelH = labelLines.length * 4 + 2;
 
-                // Thin rule under label
                 doc.setDrawColor(200, 208, 220); doc.setLineWidth(0.2);
                 doc.line(margin + 1, y + labelH + 2, margin + contentW - 1, y + labelH + 2);
 
@@ -1399,7 +1404,6 @@ export default {
             doc.text(`Date: ${report.date || '—'}`, pageW - margin, 13, { align: 'right' });
             y = 20;
 
-            // Form number + submitted by row
             doc.setFontSize(8); doc.setFont('helvetica', 'bold'); doc.setTextColor(80, 90, 110);
             doc.text('FORM NUMBER:', margin, y + 4);
             doc.setFont('helvetica', 'normal'); doc.setTextColor(20, 20, 20);
@@ -1410,7 +1414,6 @@ export default {
             doc.text(report.submittedBy || '—', pageW / 2 + 28, y + 4);
             y += 10;
 
-            // ── 2-col meta: vessel | severity/type ───────────────────────────────
             const halfW = (contentW - 2) / 2;
             doc.setDrawColor(140, 150, 165); doc.setLineWidth(0.35);
             doc.rect(margin, y, halfW, 14, 'S');
@@ -1427,7 +1430,6 @@ export default {
             );
             y += 18;
 
-            // Management office + date
             doc.setDrawColor(140, 150, 165); doc.setLineWidth(0.35);
             doc.rect(margin, y, halfW, 10, 'S');
             doc.rect(margin + halfW + 2, y, halfW, 10, 'S');
@@ -1439,38 +1441,25 @@ export default {
             doc.text(report.date || '—', margin + halfW + 5, y + 9);
             y += 14;
 
-            // ── Labelled content boxes ────────────────────────────────────────────
-
             labelledBox('Description of Event', report.findings, 24);
-
             labelledBox(
                 'Possible Consequences\n(e.g. Personal injury, damage, collision, grounding, fire, pollution etc.)',
-                report.inc_consequences || null,
-                18
+                report.inc_consequences || null, 18
             );
-
             labelledBox(
                 'Relevant Factors / Conditions Surrounding the Event\n(e.g. weather, lighting etc.)',
-                report.inc_factors || null,
-                18
+                report.inc_factors || null, 18
             );
-
             labelledBox('Immediate Action Taken', report.inc_immediate_action || null, 16);
-
             labelledBox(
                 'Direct Cause\n(e.g. failure to follow procedures, inadequate or defective equipment etc.)',
-                report.inc_direct_cause || null,
-                18
+                report.inc_direct_cause || null, 18
             );
-
             labelledBox(
                 'Root Cause\n(e.g. lack of training, personal factors, job factors, control management factors, instructions not clear etc.)',
-                report.inc_root_cause || null,
-                18
+                report.inc_root_cause || null, 18
             );
-
             labelledBox('Action Taken on Board to Avoid Re-occurrence', report.correctiveActions || null, 18);
-
             labelledBox('Any Other Remarks', report.inc_remarks || null, 16);
 
             // ── Embedded images ───────────────────────────────────────────────────
@@ -1495,14 +1484,12 @@ export default {
                 } catch (e) { console.warn('Could not embed image', imgFile.name, e); }
             }
 
-            // ── Closed-out note ───────────────────────────────────────────────────
             checkPage(14);
             y += 4;
             doc.setFontSize(8.5); doc.setFont('helvetica', 'italic'); doc.setTextColor(100, 110, 130);
             doc.text('Closed out on board  /  Office support required  (delete as applicable)', margin, y);
             y += 8;
 
-            // ── Footer ────────────────────────────────────────────────────────────
             const totalPages = doc.getNumberOfPages();
             for (let p = 1; p <= totalPages; p++) {
                 doc.setPage(p);
@@ -1682,6 +1669,7 @@ export default {
             this.activeTab = 'folders';
         },
 
+        // Legacy raw file picker — kept in case parent still uses files-add-requested directly
         selectFolder(folder) { this.selectedFolder = folder; this.$refs.fileInput.click(); },
 
         handleFileSelection(event) {
@@ -1921,15 +1909,8 @@ export default {
 }
 
 @keyframes flash-highlight {
-
-    0%,
-    100% {
-        background: #fffbf0
-    }
-
-    50% {
-        background: #fff3cd
-    }
+    0%, 100% { background: #fffbf0 }
+    50% { background: #fff3cd }
 }
 
 .rc-type-bar {
@@ -1940,17 +1921,9 @@ export default {
     width: 4px;
 }
 
-.rc-type-bar.drill {
-    background: #17a2b8;
-}
-
-.rc-type-bar.incident {
-    background: #dc3545;
-}
-
-.rc-type-bar.manual {
-    background: #6f42c1;
-}
+.rc-type-bar.drill { background: #17a2b8; }
+.rc-type-bar.incident { background: #dc3545; }
+.rc-type-bar.manual { background: #6f42c1; }
 
 .rc-badge {
     font-size: 9px;
@@ -1962,20 +1935,9 @@ export default {
     flex-shrink: 0;
 }
 
-.rc-badge.drill {
-    background: #d1ecf1;
-    color: #0c5460;
-}
-
-.rc-badge.incident {
-    background: #f8d7da;
-    color: #721c24;
-}
-
-.rc-badge.manual {
-    background: #ede9f6;
-    color: #383d72;
-}
+.rc-badge.drill { background: #d1ecf1; color: #0c5460; }
+.rc-badge.incident { background: #f8d7da; color: #721c24; }
+.rc-badge.manual { background: #ede9f6; color: #383d72; }
 
 .rc-body {
     display: flex;
@@ -2032,27 +1994,10 @@ export default {
     text-overflow: ellipsis;
 }
 
-.rc-folder-pill.drill {
-    background: #e8f7fa;
-    border-color: #17a2b8;
-    color: #0c5460;
-}
-
-.rc-folder-pill.incident {
-    background: #fce8ea;
-    border-color: #dc3545;
-    color: #721c24;
-}
-
-.rc-folder-pill.manual {
-    background: #f0ebfa;
-    border-color: #6f42c1;
-    color: #383d72;
-}
-
-.rc-folder-pill:hover {
-    filter: brightness(.92);
-}
+.rc-folder-pill.drill { background: #e8f7fa; border-color: #17a2b8; color: #0c5460; }
+.rc-folder-pill.incident { background: #fce8ea; border-color: #dc3545; color: #721c24; }
+.rc-folder-pill.manual { background: #f0ebfa; border-color: #6f42c1; color: #383d72; }
+.rc-folder-pill:hover { filter: brightness(.92); }
 
 .rc-actions {
     display: flex;
@@ -2076,35 +2021,25 @@ export default {
     color: #495057;
 }
 
-.rc-btn:disabled {
-    opacity: .5;
-    cursor: not-allowed;
-}
-
-.rc-btn--view:hover:not(:disabled) {
-    background: #2a5298;
-    color: #fff;
-    border-color: #2a5298;
-}
-
-.rc-btn--download {
-    color: #28a745;
-}
-
-.rc-btn--download:hover:not(:disabled) {
-    background: #28a745;
-    color: #fff;
-    border-color: #28a745;
-}
+.rc-btn:disabled { opacity: .5; cursor: not-allowed; }
+.rc-btn--view:hover:not(:disabled) { background: #2a5298; color: #fff; border-color: #2a5298; }
+.rc-btn--download { color: #28a745; }
+.rc-btn--download:hover:not(:disabled) { background: #28a745; color: #fff; border-color: #28a745; }
+.rc-btn--danger { color: #dc3545; }
+.rc-btn--danger:hover:not(:disabled) { background: #dc3545; color: #fff; border-color: #dc3545; }
 
-.rc-btn--danger {
-    color: #dc3545;
-}
-
-.rc-btn--danger:hover:not(:disabled) {
-    background: #dc3545;
-    color: #fff;
-    border-color: #dc3545;
+/* ─── Folder context badge in modal header ─── */
+.folder-context-badge {
+    display: inline-flex;
+    align-items: center;
+    font-size: 11px;
+    font-weight: 600;
+    background: rgba(255, 255, 255, .2);
+    border: 1px solid rgba(255, 255, 255, .35);
+    border-radius: 12px;
+    padding: 2px 10px;
+    margin-left: 10px;
+    color: rgba(255, 255, 255, .9);
 }
 
 /* ─── Crew hint ─── */
@@ -2171,22 +2106,12 @@ export default {
     transition: border-color .18s;
 }
 
-.auto-folder-card.drill {
-    border-left: 4px solid #17a2b8;
-}
-
-.auto-folder-card.incident {
-    border-left: 4px solid #dc3545;
-}
-
-.auto-folder-card.manual {
-    border-left: 4px solid #6f42c1;
-}
+.auto-folder-card.drill { border-left: 4px solid #17a2b8; }
+.auto-folder-card.incident { border-left: 4px solid #dc3545; }
+.auto-folder-card.manual { border-left: 4px solid #6f42c1; }
 
 .auto-folder-card:hover,
-.auto-folder-card.is-open {
-    border-color: #adb5bd;
-}
+.auto-folder-card.is-open { border-color: #adb5bd; }
 
 .user-folder-card {
     border: 1.5px solid #e9ecef;
@@ -2198,9 +2123,7 @@ export default {
 }
 
 .user-folder-card:hover,
-.user-folder-card.is-open {
-    border-color: #adb5bd;
-}
+.user-folder-card.is-open { border-color: #adb5bd; }
 
 .af-header {
     display: flex;
@@ -2212,34 +2135,19 @@ export default {
     transition: background .15s;
 }
 
-.af-header:hover {
-    background: #f8f9fa;
-}
+.af-header:hover { background: #f8f9fa; }
 
 .af-icon-wrap {
     position: relative;
     flex-shrink: 0;
 }
 
-.af-folder-icon {
-    font-size: 2.1rem;
-}
-
-.color--drill {
-    color: #17a2b8;
-}
-
-.color--incident {
-    color: #dc3545;
-}
+.af-folder-icon { font-size: 2.1rem; }
 
-.color--manual {
-    color: #6f42c1;
-}
-
-.color--user {
-    color: #f0ad4e;
-}
+.color--drill { color: #17a2b8; }
+.color--incident { color: #dc3545; }
+.color--manual { color: #6f42c1; }
+.color--user { color: #f0ad4e; }
 
 .af-count-badge {
     position: absolute;
@@ -2333,9 +2241,7 @@ export default {
     transition: border-color .15s;
 }
 
-.ffi:hover {
-    border-color: #adb5bd;
-}
+.ffi:hover { border-color: #adb5bd; }
 
 .ffi--report {
     border-color: #c5d0ee;
@@ -2343,9 +2249,7 @@ export default {
     cursor: pointer;
 }
 
-.ffi--report:hover {
-    border-color: #2a5298;
-}
+.ffi--report:hover { border-color: #2a5298; }
 
 .ffi-icon {
     width: 34px;
@@ -2358,20 +2262,9 @@ export default {
     flex-shrink: 0;
 }
 
-.ffi-icon--pdf {
-    background: #ffeaea;
-    color: #dc3545;
-}
-
-.ffi-icon--img {
-    background: #e8f5e9;
-    color: #28a745;
-}
-
-.ffi-icon--generic {
-    background: #e9ecef;
-    color: #6c757d;
-}
+.ffi-icon--pdf { background: #ffeaea; color: #dc3545; }
+.ffi-icon--img { background: #e8f5e9; color: #28a745; }
+.ffi-icon--generic { background: #e9ecef; color: #6c757d; }
 
 .ffi-meta {
     flex: 1;
@@ -2390,10 +2283,7 @@ export default {
     text-overflow: ellipsis;
 }
 
-.ffi-sub {
-    font-size: 11px;
-    color: #6c757d;
-}
+.ffi-sub { font-size: 11px; color: #6c757d; }
 
 .ffi-acts {
     display: flex;
@@ -2433,20 +2323,9 @@ export default {
     flex-shrink: 0;
 }
 
-.mini-badge.drill {
-    background: #d1ecf1;
-    color: #0c5460;
-}
-
-.mini-badge.incident {
-    background: #f8d7da;
-    color: #721c24;
-}
-
-.mini-badge.manual {
-    background: #ede9f6;
-    color: #383d72;
-}
+.mini-badge.drill { background: #d1ecf1; color: #0c5460; }
+.mini-badge.incident { background: #f8d7da; color: #721c24; }
+.mini-badge.manual { background: #ede9f6; color: #383d72; }
 
 /* ─── Modals ─── */
 .modal {
@@ -2459,9 +2338,7 @@ export default {
     justify-content: center;
 }
 
-.modal.show {
-    display: flex;
-}
+.modal.show { display: flex; }
 
 .modal-dialog {
     max-width: 500px;
@@ -2469,9 +2346,7 @@ export default {
     margin: 1.5rem auto;
 }
 
-.modal-dialog.modal-lg {
-    max-width: 780px;
-}
+.modal-dialog.modal-lg { max-width: 780px; }
 
 .modal-content {
     background: #fff;
@@ -2531,15 +2406,8 @@ export default {
     transition: all .2s;
 }
 
-.type-toggle-btn.active {
-    background: #fff;
-    color: #2a5298;
-}
-
-.type-toggle-btn:hover:not(.active) {
-    color: #fff;
-    background: rgba(255, 255, 255, .2);
-}
+.type-toggle-btn.active { background: #fff; color: #2a5298; }
+.type-toggle-btn:hover:not(.active) { color: #fff; background: rgba(255, 255, 255, .2); }
 
 .btn-close {
     background: transparent;
@@ -2550,9 +2418,7 @@ export default {
     color: inherit;
 }
 
-.btn-close:hover {
-    opacity: 1;
-}
+.btn-close:hover { opacity: 1; }
 
 /* ─── Report Form ─── */
 .rpt-entity-box {
@@ -2579,20 +2445,9 @@ export default {
     flex-shrink: 0;
 }
 
-.entity-chip.drill {
-    background: #d1ecf1;
-    color: #0c5460;
-}
-
-.entity-chip.incident {
-    background: #f8d7da;
-    color: #721c24;
-}
-
-.entity-chip.manual {
-    background: #ede9f6;
-    color: #383d72;
-}
+.entity-chip.drill { background: #d1ecf1; color: #0c5460; }
+.entity-chip.incident { background: #f8d7da; color: #721c24; }
+.entity-chip.manual { background: #ede9f6; color: #383d72; }
 
 .input-row {
     display: grid;
@@ -2636,14 +2491,8 @@ export default {
     box-shadow: 0 0 0 3px rgba(42, 82, 152, .1);
 }
 
-textarea.form-control {
-    resize: vertical;
-    min-height: 80px;
-}
-
-select.form-control {
-    cursor: pointer;
-}
+textarea.form-control { resize: vertical; min-height: 80px; }
+select.form-control { cursor: pointer; }
 
 .file-drop-zone {
     border: 2px dashed #ced4da;
@@ -2655,9 +2504,7 @@ select.form-control {
     min-height: 80px;
 }
 
-.file-drop-zone:hover {
-    border-color: #2a5298;
-}
+.file-drop-zone:hover { border-color: #2a5298; }
 
 .attached-files {
     display: flex;
@@ -2685,9 +2532,7 @@ select.form-control {
     transition: background .15s;
 }
 
-.attached-chip--link:hover {
-    background: #dce4f8;
-}
+.attached-chip--link:hover { background: #dce4f8; }
 
 .attached-chip button {
     background: none;
@@ -2718,11 +2563,7 @@ select.form-control {
     margin-bottom: 20px;
 }
 
-.view-item {
-    display: flex;
-    flex-direction: column;
-    gap: 3px;
-}
+.view-item { display: flex; flex-direction: column; gap: 3px; }
 
 .view-item label {
     font-size: 11px;
@@ -2732,10 +2573,7 @@ select.form-control {
     color: #6c757d;
 }
 
-.view-item span {
-    font-size: 14px;
-    color: #212529;
-}
+.view-item span { font-size: 14px; color: #212529; }
 
 .ref-mono {
     font-family: monospace;
@@ -2744,9 +2582,7 @@ select.form-control {
     font-weight: 700;
 }
 
-.view-section {
-    margin-bottom: 18px;
-}
+.view-section { margin-bottom: 18px; }
 
 .view-section label {
     font-size: 12px;
@@ -2782,99 +2618,26 @@ select.form-control {
     gap: 6px;
 }
 
-.btn:disabled {
-    opacity: .6;
-    cursor: not-allowed;
-}
-
-.btn-primary {
-    background: #2a5298;
-    color: #fff;
-}
-
-.btn-primary:hover:not(:disabled) {
-    background: #1e3c72;
-}
-
-.btn-success {
-    background: #28a745;
-    color: #fff;
-}
-
-.btn-success:hover:not(:disabled) {
-    background: #218838;
-}
-
-.btn-secondary {
-    background: #6c757d;
-    color: #fff;
-}
-
-.btn-secondary:hover:not(:disabled) {
-    background: #5a6268;
-}
-
-.btn-danger {
-    background: #dc3545;
-    color: #fff;
-}
-
-.btn-danger:hover:not(:disabled) {
-    background: #c82333;
-}
-
-.btn-warning {
-    background: #f0ad4e;
-    color: #664d03;
-}
-
-.btn-warning:hover {
-    background: #e0972e;
-}
-
-.btn-outline-primary {
-    background: transparent;
-    border: 1.5px solid #2a5298;
-    color: #2a5298;
-}
-
-.btn-outline-primary:hover:not(:disabled) {
-    background: #2a5298;
-    color: #fff;
-}
-
-.btn-outline-secondary {
-    background: transparent;
-    border: 1.5px solid #6c757d;
-    color: #6c757d;
-}
-
-.btn-outline-secondary:hover:not(:disabled) {
-    background: #6c757d;
-    color: #fff;
-}
-
-.btn-link {
-    background: none;
-    border: none;
-    padding: 0;
-    font-size: 13px;
-    text-decoration: none;
-    cursor: pointer;
-}
-
-.btn-sm {
-    padding: 5px 12px;
-    font-size: 12px;
-}
+.btn:disabled { opacity: .6; cursor: not-allowed; }
+.btn-primary { background: #2a5298; color: #fff; }
+.btn-primary:hover:not(:disabled) { background: #1e3c72; }
+.btn-success { background: #28a745; color: #fff; }
+.btn-success:hover:not(:disabled) { background: #218838; }
+.btn-secondary { background: #6c757d; color: #fff; }
+.btn-secondary:hover:not(:disabled) { background: #5a6268; }
+.btn-danger { background: #dc3545; color: #fff; }
+.btn-danger:hover:not(:disabled) { background: #c82333; }
+.btn-warning { background: #f0ad4e; color: #664d03; }
+.btn-warning:hover { background: #e0972e; }
+.btn-outline-primary { background: transparent; border: 1.5px solid #2a5298; color: #2a5298; }
+.btn-outline-primary:hover:not(:disabled) { background: #2a5298; color: #fff; }
+.btn-outline-secondary { background: transparent; border: 1.5px solid #6c757d; color: #6c757d; }
+.btn-outline-secondary:hover:not(:disabled) { background: #6c757d; color: #fff; }
+.btn-link { background: none; border: none; padding: 0; font-size: 13px; text-decoration: none; cursor: pointer; }
+.btn-sm { padding: 5px 12px; font-size: 12px; }
 
 /* ─── Loading / Spinners ─── */
-.loading-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 40px 20px;
-}
+.loading-container { display: flex; flex-direction: column; align-items: center; padding: 40px 20px; }
 
 .spinner {
     border: 4px solid #f3f3f3;
@@ -2906,96 +2669,30 @@ select.form-control {
     animation: spin .7s linear infinite;
 }
 
-@keyframes spin {
-    to {
-        transform: rotate(360deg);
-    }
-}
+@keyframes spin { to { transform: rotate(360deg); } }
 
 /* ─── Utilities ─── */
-.fw-bold {
-    font-weight: 700;
-}
-
-.fw-semibold {
-    font-weight: 600;
-}
-
-.me-1 {
-    margin-right: 4px;
-}
-
-.me-2 {
-    margin-right: 8px;
-}
-
-.me-auto {
-    margin-right: auto;
-}
-
-.ms-1 {
-    margin-left: 4px;
-}
-
-.ms-2 {
-    margin-left: 8px;
-}
-
-.mt-2 {
-    margin-top: 8px;
-}
-
-.mt-3 {
-    margin-top: 16px;
-}
-
-.mt-4 {
-    margin-top: 24px;
-}
-
-.mb-0 {
-    margin-bottom: 0;
-}
-
-.text-muted {
-    color: #6c757d !important;
-}
-
-.text-danger {
-    color: #dc3545 !important;
-}
-
-.text-success {
-    color: #28a745 !important;
-}
-
-.text-primary {
-    color: #2a5298 !important;
-}
-
-.text-warning {
-    color: #f0ad4e !important;
-}
-
-.d-flex {
-    display: flex;
-}
-
-.gap-2 {
-    gap: 8px;
-}
-
-.justify-content-between {
-    justify-content: space-between;
-}
-
-.text-center {
-    text-align: center;
-}
-
-.empty-state {
-    padding: 60px 20px;
-}
+.fw-bold { font-weight: 700; }
+.fw-semibold { font-weight: 600; }
+.me-1 { margin-right: 4px; }
+.me-2 { margin-right: 8px; }
+.me-auto { margin-right: auto; }
+.ms-1 { margin-left: 4px; }
+.ms-2 { margin-left: 8px; }
+.mt-2 { margin-top: 8px; }
+.mt-3 { margin-top: 16px; }
+.mt-4 { margin-top: 24px; }
+.mb-0 { margin-bottom: 0; }
+.text-muted { color: #6c757d !important; }
+.text-danger { color: #dc3545 !important; }
+.text-success { color: #28a745 !important; }
+.text-primary { color: #2a5298 !important; }
+.text-warning { color: #f0ad4e !important; }
+.d-flex { display: flex; }
+.gap-2 { gap: 8px; }
+.justify-content-between { justify-content: space-between; }
+.text-center { text-align: center; }
+.empty-state { padding: 60px 20px; }
 
 /* ─── Incident Fields Box ─── */
 .incident-fields-box {
@@ -3019,12 +2716,7 @@ select.form-control {
     gap: 6px;
 }
 
-.field-hint {
-    font-size: 11px;
-    color: #adb5bd;
-    margin-bottom: 4px;
-    margin-top: -2px;
-}
+.field-hint { font-size: 11px; color: #adb5bd; margin-bottom: 4px; margin-top: -2px; }
 
 /* ─── Drill Checklist ─── */
 .drill-checklist-box {
@@ -3045,18 +2737,9 @@ select.form-control {
     gap: 6px;
 }
 
-.checklist-hint {
-    font-size: 11px;
-    font-weight: 400;
-    color: #adb5bd;
-    margin-left: 4px;
-}
+.checklist-hint { font-size: 11px; font-weight: 400; color: #adb5bd; margin-left: 4px; }
 
-.checklist-grid {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-}
+.checklist-grid { display: flex; flex-direction: column; gap: 6px; }
 
 .checklist-item {
     display: flex;
@@ -3071,19 +2754,10 @@ select.form-control {
     user-select: none;
 }
 
-.checklist-item:hover {
-    border-color: #2a5298;
-    background: #f5f8ff;
-}
+.checklist-item:hover { border-color: #2a5298; background: #f5f8ff; }
+.checklist-item.checked { border-color: #28a745; background: #f0fff4; }
 
-.checklist-item.checked {
-    border-color: #28a745;
-    background: #f0fff4;
-}
-
-.checklist-checkbox input[type="checkbox"] {
-    display: none;
-}
+.checklist-checkbox input[type="checkbox"] { display: none; }
 
 .custom-check {
     width: 22px;
@@ -3098,23 +2772,10 @@ select.form-control {
     transition: all .18s;
 }
 
-.checklist-item.checked .custom-check {
-    background: #28a745;
-    border-color: #28a745;
-    color: #fff;
-}
+.checklist-item.checked .custom-check { background: #28a745; border-color: #28a745; color: #fff; }
+.checklist-item:not(.checked) .custom-check { background: #fff8f8; border-color: #dc3545; color: #dc3545; }
 
-.checklist-item:not(.checked) .custom-check {
-    background: #fff8f8;
-    border-color: #dc3545;
-    color: #dc3545;
-}
-
-.checklist-q {
-    flex: 1;
-    font-size: 13px;
-    color: #212529;
-}
+.checklist-q { flex: 1; font-size: 13px; color: #212529; }
 
 .checklist-answer {
     font-size: 10px;
@@ -3124,46 +2785,16 @@ select.form-control {
     flex-shrink: 0;
 }
 
-.answer-yes {
-    background: #d4edda;
-    color: #155724;
-}
-
-.answer-no {
-    background: #f8d7da;
-    color: #721c24;
-}
+.answer-yes { background: #d4edda; color: #155724; }
+.answer-no { background: #f8d7da; color: #721c24; }
 
 @media (max-width: 640px) {
-    .input-row {
-        grid-template-columns: 1fr;
-    }
-
-    .btn-group-split {
-        gap: 5px;
-    }
-
-    .btn {
-        padding: 8px 12px;
-        font-size: 12px;
-    }
-
-    .tab-btn {
-        padding: 8px 10px;
-        font-size: 12px;
-    }
-
-    .modal-type-toggle {
-        display: none;
-    }
-
-    .rc-folder-pill {
-        display: none;
-    }
-
-    .af-header {
-        padding: 12px 14px;
-        gap: 10px;
-    }
+    .input-row { grid-template-columns: 1fr; }
+    .btn-group-split { gap: 5px; }
+    .btn { padding: 8px 12px; font-size: 12px; }
+    .tab-btn { padding: 8px 10px; font-size: 12px; }
+    .modal-type-toggle { display: none; }
+    .rc-folder-pill { display: none; }
+    .af-header { padding: 12px 14px; gap: 10px; }
 }
 </style>