feat: port translate_from UI (PR morpheus65535#3335) and score/provider/status columns (PR morpheus65535#3337) to LavX

- Add translate_from field to Language.ProfileItem type
- Add TranslateFromCell selector in ProfileEditForm
- Add min_source_score Number control in Translator settings
- Add history prop + Score/Provider/Status columns to Movies/Details/table
- Preserve all LavX-specific SubtitleToolsMenu and navigation code

Author: davidgut1982

frontend/src/components/forms/ProfileEditForm.tsx

@@ -35,6 +35,8 @@ const defaultCutoffOptions: SelectorOption<Language.ProfileItem>[] = [
       forced: "False",
       hi: "False",
       language: "any",
+      // eslint-disable-next-line camelcase
+      translate_from: null,
     },
   },
 ];
@@ -165,6 +167,8 @@ const ProfileEditForm: FunctionComponent<Props> = ({
         audio_only_include: "False",
         hi: "False",
         forced: "False",
+        // eslint-disable-next-line camelcase
+        translate_from: null,
       };
 
       const list = [...form.values.items, item];
@@ -260,6 +264,48 @@ const ProfileEditForm: FunctionComponent<Props> = ({
     },
   );
 
+  const TranslateFromCell = React.memo(
+    ({ item, index }: { item: Language.ProfileItem; index: number }) => {
+      // Exclude the item's own language from the source list (can't translate
+      // a language to itself). Treat undefined translate_from as null for
+      // backward compatibility with profile rows persisted before this field.
+      const translateFromValue = item.translate_from ?? null;
+
+      const filteredOptions = useMemo(
+        () =>
+          languageOptions.options.filter(
+            (l) => l.value.code2 !== item.language,
+          ),
+        [item.language],
+      );
+
+      const selected = useMemo(
+        () =>
+          filteredOptions.find((l) => l.value.code2 === translateFromValue)
+            ?.value ?? null,
+        [filteredOptions, translateFromValue],
+      );
+
+      return (
+        <Selector
+          {...languageOptions}
+          options={filteredOptions}
+          className="table-select"
+          clearable
+          placeholder="None"
+          value={selected}
+          onChange={(value) => {
+            action.mutate(index, {
+              ...item,
+              // eslint-disable-next-line camelcase
+              translate_from: value?.code2 ?? null,
+            });
+          }}
+        ></Selector>
+      );
+    },
+  );
+
   const columns = useMemo<ColumnDef<Language.ProfileItem>[]>(
     () => [
       {
@@ -287,6 +333,13 @@ const ProfileEditForm: FunctionComponent<Props> = ({
           return <InclusionCell item={item} index={index} />;
         },
       },
+      {
+        header: "Translate From",
+        accessorKey: "translate_from",
+        cell: ({ row: { original: item, index } }) => {
+          return <TranslateFromCell item={item} index={index} />;
+        },
+      },
       {
         id: "action",
         cell: ({ row }) => {
@@ -301,7 +354,7 @@ const ProfileEditForm: FunctionComponent<Props> = ({
         },
       },
     ],
-    [action, LanguageCell, SubtitleTypeCell, InclusionCell],
+    [action, LanguageCell, SubtitleTypeCell, InclusionCell, TranslateFromCell],
   );
 
   return (

frontend/src/pages/Movies/Details/index.tsx

@@ -33,6 +33,7 @@ import {
 import {
   useMovieAction,
   useMovieById,
+  useMovieHistory,
   useMovieModification,
 } from "@/apis/hooks/movies";
 import { useInstanceName } from "@/apis/hooks/site";
@@ -54,6 +55,7 @@ const MovieDetailView: FunctionComponent = () => {
   const id = Number.parseInt(param.id ?? "");
   const movieQuery = useMovieById(id);
   const { data: movie, isFetched } = movieQuery;
+  const { data: movieHistory } = useMovieHistory(movie?.radarrId);
 
   const profile = useLanguageProfileBy(movie?.profileId);
 
@@ -272,6 +274,7 @@ const MovieDetailView: FunctionComponent = () => {
             movie={movie ?? null}
             profile={profile}
             disabled={hasTask}
+            history={movieHistory}
           ></Table>
         </Stack>
       </QueryOverlay>

frontend/src/pages/Movies/Details/table.tsx

@@ -1,12 +1,13 @@
 import React, { FunctionComponent, useMemo } from "react";
 import { useNavigate } from "react-router";
-import { Badge, Text, TextProps } from "@mantine/core";
+import { Badge, Group, Text, TextProps } from "@mantine/core";
 import { faEllipsis } from "@fortawesome/free-solid-svg-icons";
 import { ColumnDef } from "@tanstack/react-table";
 import { isString } from "lodash";
 import { useMovieSubtitleModification } from "@/apis/hooks";
 import { useShowOnlyDesired } from "@/apis/hooks/site";
 import { Action } from "@/components";
+import { HistoryIcon } from "@/components/bazarr";
 import Language from "@/components/bazarr/Language";
 import SubtitleToolsMenu from "@/components/SubtitleToolsMenu";
 import SimpleTable from "@/components/tables/SimpleTable";
@@ -19,8 +20,28 @@ interface Props {
   movie: Item.Movie | null;
   disabled?: boolean;
   profile?: Language.Profile;
+  history?: History.Movie[];
 }
 
+const ScoreBadge: React.FC<{ score?: string | number | null }> = ({
+  score,
+}) => {
+  if (score === undefined || score === null || score === "") {
+    return (
+      <Text c="dimmed" size="xs">
+        —
+      </Text>
+    );
+  }
+  const pct = typeof score === "string" ? parseFloat(score) : score;
+  const color = pct >= 90 ? "green" : pct >= 70 ? "yellow" : "red";
+  return (
+    <Badge color={color} size="sm" variant="light">
+      {typeof score === "number" ? `${score}%` : score}
+    </Badge>
+  );
+};
+
 function isSubtitleTrack(path: string | undefined | null) {
   return !isString(path) || path.length === 0;
 }
@@ -36,7 +57,7 @@ function buildLanguageKey(sub: Subtitle): string {
   return key;
 }
 
-const Table: FunctionComponent<Props> = ({ movie, profile }) => {
+const Table: FunctionComponent<Props> = ({ movie, profile, history }) => {
   const onlyDesired = useShowOnlyDesired();
 
   const profileItems = useProfileItemsToLanguages(profile);
@@ -52,6 +73,29 @@ const Table: FunctionComponent<Props> = ({ movie, profile }) => {
     [movie?.subtitles],
   );
 
+  const historyMap = useMemo(() => {
+    const map = new Map<string, History.Movie>();
+    history?.forEach((h) => {
+      if (!h.subtitles_path) return;
+      if ([1, 2, 3].includes(h.action)) {
+        if (!map.has(h.subtitles_path)) map.set(h.subtitles_path, h);
+      }
+    });
+    return map;
+  }, [history]);
+
+  const statusMap = useMemo(() => {
+    const map = new Map<string, Set<number>>();
+    history?.forEach((h) => {
+      if (!h.subtitles_path) return;
+      if ([5, 6].includes(h.action)) {
+        if (!map.has(h.subtitles_path)) map.set(h.subtitles_path, new Set());
+        map.get(h.subtitles_path)!.add(h.action);
+      }
+    });
+    return map;
+  }, [history]);
+
   const navigate = useNavigate();
 
   const CodeCell = React.memo(({ item }: { item: Subtitle }) => {
@@ -192,14 +236,56 @@ const Table: FunctionComponent<Props> = ({ movie, profile }) => {
           }
         },
       },
+      {
+        id: "score",
+        header: "Score",
+        cell: ({ row: { original } }) => {
+          const record = historyMap.get(original.path ?? "");
+          return <ScoreBadge score={record?.score} />;
+        },
+      },
+      {
+        id: "provider",
+        header: "Provider",
+        cell: ({ row: { original } }) => {
+          const record = historyMap.get(original.path ?? "");
+          if (!record?.provider)
+            return (
+              <Text c="dimmed" size="xs">
+                —
+              </Text>
+            );
+          return <Text size="xs">{record.provider}</Text>;
+        },
+      },
+      {
+        id: "status",
+        header: "Status",
+        cell: ({ row: { original } }) => {
+          const actions = statusMap.get(original.path ?? "");
+          if (!actions?.size)
+            return (
+              <Text c="dimmed" size="xs">
+                —
+              </Text>
+            );
+          return (
+            <Group gap={4}>
+              {Array.from(actions).map((action) => (
+                <HistoryIcon key={action} action={action} />
+              ))}
+            </Group>
+          );
+        },
+      },
       {
         id: "code2",
         cell: ({ row: { original } }) => {
           return <CodeCell item={original} />;
         },
       },
     ],
-    [CodeCell],
+    [CodeCell, historyMap, statusMap],
   );
 
   const data: Subtitle[] = useMemo(() => {

frontend/src/pages/Settings/Translator/index.tsx

@@ -291,6 +291,34 @@ const SettingsTranslatorView: FunctionComponent = () => {
               </MantineText>
             </Tooltip>
           </Group>
+          <Group gap="xs" align="center">
+            <MantineText size="sm" c="var(--bz-text-tertiary)">
+              Min Source Score
+            </MantineText>
+            <Number
+              settingKey="settings-translator-min_source_score"
+              min={0}
+              max={100}
+              step={1}
+              w={70}
+              size="xs"
+            />
+            <Tooltip
+              label="Minimum quality score (0-100) a source subtitle must reach before auto-translation triggers via a language profile's 'Translate From' setting. Lower-scoring sources are likely badly synced or poorly matched."
+              multiline
+              w={280}
+              withArrow
+            >
+              <MantineText
+                size="xs"
+                c="var(--bz-text-tertiary)"
+                style={{ cursor: "help" }}
+                component="span"
+              >
+                <FontAwesomeIcon icon={faCircleInfo} />
+              </MantineText>
+            </Tooltip>
+          </Group>
           <Group gap="xs" align="center">
             <Check
               label="Translation credit"

frontend/src/types/api.d.ts

@@ -31,6 +31,7 @@ declare namespace Language {
     forced: PythonBoolean;
     hi: PythonBoolean;
     language: CodeType;
+    translate_from: CodeType | null;
   }
 
   interface Profile {