feat(registratura): subject autocomplete with inline template fields

- New subject-template-service: extracts reusable templates from existing
  subjects by detecting variable parts (numbers, years, text after separators)
- Template input component: inline editable fields within static text
  (e.g., "Cerere CU nr. [___]/[____] — [___________]")
- Two-tier autocomplete dropdown: templates sorted by frequency (top) +
  matching existing subjects (bottom)
- Learns from database: more entries = better suggestions
- Follows existing contact autocomplete pattern (focus/blur, onMouseDown)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/modules/registratura/components/registry-entry-form.tsx

@@ -20,6 +20,15 @@ import {
   Link2,
 } from "lucide-react";
 import type { CompanyId } from "@/core/auth/types";
+import {
+  extractTemplates,
+  assembleSubject,
+  filterTemplates,
+  filterSubjects,
+} from "../services/subject-template-service";
+import type { SubjectTemplate } from "../services/subject-template-service";
+import { SubjectTemplateInput } from "./subject-template-input";
+import { SubjectAutocompleteDropdown } from "./subject-autocomplete-dropdown";
 import type {
   RegistryEntry,
   RegistryDirection,
@@ -146,6 +155,10 @@ export function RegistryEntryForm({
   );
   const [customDocType, setCustomDocType] = useState("");
   const [subject, setSubject] = useState(initial?.subject ?? "");
+  const [subjectQuery, setSubjectQuery] = useState(initial?.subject ?? "");
+  const [subjectFocused, setSubjectFocused] = useState(false);
+  const [activeTemplate, setActiveTemplate] = useState<SubjectTemplate | null>(null);
+  const [templateFieldValues, setTemplateFieldValues] = useState<Record<string, string>>({});
   const [date, setDate] = useState(
     initial?.date ?? new Date().toISOString().slice(0, 10),
   );
@@ -292,6 +305,37 @@ export function RegistryEntryForm({
     [filterContacts, assignee],
   );
 
+  // ── Subject autocomplete ──
+  const allSubjects = useMemo(() => {
+    if (!allEntries) return [];
+    const unique = new Set<string>();
+    for (const e of allEntries) {
+      if (e.subject && !e.isReserved) unique.add(e.subject);
+    }
+    return Array.from(unique);
+  }, [allEntries]);
+
+  const allTemplates = useMemo(
+    () => extractTemplates(allSubjects),
+    [allSubjects],
+  );
+
+  const matchingTemplates = useMemo(
+    () =>
+      subjectQuery.length >= 2
+        ? filterTemplates(allTemplates, subjectQuery).slice(0, 5)
+        : [],
+    [allTemplates, subjectQuery],
+  );
+
+  const matchingSuggestions = useMemo(
+    () =>
+      subjectQuery.length >= 2
+        ? filterSubjects(allSubjects, subjectQuery, 5)
+        : [],
+    [allSubjects, subjectQuery],
+  );
+
   // ── Quick contact creation handler ──
   const openQuickContact = (
     field: "sender" | "recipient" | "assignee",
@@ -663,8 +707,8 @@ export function RegistryEntryForm({
         </div>
       </div>
 
-      {/* Subject */}
-      <div>
+      {/* Subject with autocomplete + template mode */}
+      <div className="relative">
         <Label className="flex items-center gap-1.5">
           Subiect *
           <TooltipProvider>
@@ -682,11 +726,56 @@ export function RegistryEntryForm({
             </Tooltip>
           </TooltipProvider>
         </Label>
-        <Input
-          value={subject}
-          onChange={(e) => setSubject(e.target.value)}
-          className="mt-1"
-          required
+
+        {activeTemplate ? (
+          <SubjectTemplateInput
+            template={activeTemplate}
+            fieldValues={templateFieldValues}
+            onFieldChange={(fieldId, value) => {
+              const next = { ...templateFieldValues, [fieldId]: value };
+              setTemplateFieldValues(next);
+              setSubject(assembleSubject(activeTemplate, next));
+            }}
+            onClear={() => {
+              setActiveTemplate(null);
+              setSubjectQuery(subject);
+            }}
+          />
+        ) : (
+          <Input
+            value={subjectQuery}
+            onChange={(e) => {
+              setSubjectQuery(e.target.value);
+              setSubject(e.target.value);
+            }}
+            onFocus={() => setSubjectFocused(true)}
+            onBlur={() => setTimeout(() => setSubjectFocused(false), 200)}
+            className="mt-1"
+            required
+            placeholder="Tastează pentru sugestii..."
+          />
+        )}
+
+        <SubjectAutocompleteDropdown
+          templates={matchingTemplates}
+          suggestions={matchingSuggestions}
+          visible={
+            subjectFocused &&
+            !activeTemplate &&
+            subjectQuery.length >= 2 &&
+            (matchingTemplates.length > 0 || matchingSuggestions.length > 0)
+          }
+          onSelectTemplate={(t) => {
+            setActiveTemplate(t);
+            setTemplateFieldValues({});
+            setSubject(assembleSubject(t, {}));
+            setSubjectFocused(false);
+          }}
+          onSelectSuggestion={(s) => {
+            setSubject(s);
+            setSubjectQuery(s);
+            setSubjectFocused(false);
+          }}
         />
       </div>