feat(moderated-text-input): ✨ Add moderated text input components with content moderation overlay, submit hooks, and mock fixtures for messaging features

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

features/messaging/packages/moderated-text-input/src/__mocks__/fixtures.ts

@@ -44,7 +44,7 @@ export function makeMetadata(
     inferenceTimeMs: 12.5,
     backend: 'wasm',
     cached: false,
-    modelName: 'toxic-bert',
+    modelName: 'lilith/content-moderation-v1',
     quantization: 'q4',
     cacheStats: { size: 0, maxSize: 256, hits: 0, misses: 1, hitRate: 0 },
     normalizationApplied: false,
@@ -63,7 +63,6 @@ export function makeClassificationResult(
   return {
     categories,
     structuralFlags,
-    codedLanguageMatches: [],
     severity,
     recommendedAction,
     metadata: makeMetadata(metadata),

features/messaging/packages/moderated-text-input/src/components/ContentModerationOverlay.tsx

@@ -19,7 +19,6 @@ import styled, {
 import { CATEGORY_LABELS } from '../types';
 import type {
   CategoryScore,
-  CodedLanguageMatch,
   ModerationSeverity,
   InferenceMetadata,
 } from '../types';
@@ -27,7 +26,6 @@ import type {
 interface ContentModerationOverlayProps {
   severity: ModerationSeverity;
   categories: CategoryScore[];
-  codedLanguageMatches?: CodedLanguageMatch[];
   onSendAnyway: () => void;
   onEditMessage: () => void;
   onDismiss: () => void;

features/messaging/packages/moderated-text-input/src/components/ModeratedTextArea.tsx

@@ -128,7 +128,6 @@ export const ModeratedTextArea: FC<ModeratedTextAreaProps> = ({
       <ContentModerationOverlay
         severity={props.severity}
         categories={props.categories}
-        codedLanguageMatches={props.codedLanguageMatches}
         onSendAnyway={props.onSendAnyway}
         onEditMessage={props.onEditMessage}
         onDismiss={props.onDismiss}

features/messaging/packages/moderated-text-input/src/components/ModeratedTextInput.tsx

@@ -132,7 +132,6 @@ export const ModeratedTextInput: FC<ModeratedTextInputProps> = ({
       <ContentModerationOverlay
         severity={props.severity}
         categories={props.categories}
-        codedLanguageMatches={props.codedLanguageMatches}
         onSendAnyway={props.onSendAnyway}
         onEditMessage={props.onEditMessage}
         onDismiss={props.onDismiss}

features/messaging/packages/moderated-text-input/src/hooks/use-content-moderation.ts

@@ -21,7 +21,6 @@ const INITIAL_STATE: ContentModerationState = {
   isVisible: false,
   categories: [],
   structuralFlags: [],
-  codedLanguageMatches: [],
   severity: 'low',
   recommendedAction: 'pass',
   originalText: '',
@@ -101,7 +100,6 @@ export function useContentModeration() {
         config: {
           threshold: settings.threshold / 100, // Convert 0-100 to 0-1
           enabledCategories: settings.enabledCategories,
-          categoryWeights: {},
         },
       };
       worker.postMessage(initMessage);
@@ -164,7 +162,6 @@ export function useContentModeration() {
           isVisible: true,
           categories: result.categories,
           structuralFlags: result.structuralFlags,
-          codedLanguageMatches: result.codedLanguageMatches,
           severity,
           recommendedAction: result.recommendedAction,
           originalText: text,

features/messaging/packages/moderated-text-input/src/hooks/use-moderated-submit.ts

@@ -38,7 +38,6 @@ export function useModeratedSubmit({
     isVisible,
     categories,
     structuralFlags,
-    codedLanguageMatches,
     severity,
     recommendedAction,
     isChecking,
@@ -74,7 +73,6 @@ export function useModeratedSubmit({
     isVisible,
     categories,
     structuralFlags,
-    codedLanguageMatches,
     severity,
     recommendedAction,
     originalText,
@@ -87,7 +85,6 @@ export function useModeratedSubmit({
       ? {
           severity,
           categories,
-          codedLanguageMatches,
           metadata,
           onSendAnyway: sendAnyway,
           onEditMessage: editMessage,

features/messaging/packages/moderated-text-input/src/index.ts

@@ -26,7 +26,6 @@ export type {
   ClassificationResult,
   CategoryScore,
   StructuralFlag,
-  CodedLanguageMatch,
   InferenceMetadata,
   InferenceBackend,
   CacheStats,

features/messaging/packages/moderated-text-input/tsup.config.ts

@@ -14,6 +14,6 @@ export default defineConfig({
     '@lilith/ui-styled-components',
     '@lilith/ui-primitives',
     '@lilith/ui-theme',
-    '@lilith/content-moderation-inference',
+    '@lilith/content-moderation',
   ],
 });