-
- {tv.panelHint}
-
+
+
+ {tv.panelHint}
+
+ {variables.length > 0 && (
+
+ )}
+
+
+ {!csvDataset && csvMapping && Object.keys(csvMapping.bindings).length > 0 && (
+ /* Mapping persisted (design.json or localStorage) but no CSV
+ data in this session — reload, Discard CSV, or opening a
+ saved design. Surface it so the saved bindings don't look
+ lost. User re-imports via the File menu's "Import CSV data"
+ to bring values back; the X here drops the mapping entirely. */
+
+
+
+
+ {tv.csvSavedMappingTitle}
+
+
+
+
+ {tv.csvSavedMappingDescFmt
+ .replace('{mapped}', String(Object.keys(csvMapping.bindings).length))
+ .replace('{total}', String(variables.length))}
+
+
+ )}
+
+ {csvDataset && (
+
+ {/* i18n: Phase-2 strings here get locale keys at end-of-branch sweep. */}
+
+
+
+ {csvDataset.source.filename}
+
+
+
+
+
+ {tv.csvBadgeRowsMappedFmt
+ .replace('{rowCount}', String(csvDataset.source.rowCount))
+ .replace('{mapped}', String(mappedCount))
+ .replace('{total}', String(variables.length))}
+
+ {csvDataset.rows.length > 0 && (
+
+
+ {tv.csvBadgeRowLabel}
+ {
+ const n = parseInt(e.target.value, 10);
+ if (!Number.isNaN(n)) setActiveRow(n - 1);
+ }}
+ disabled={csvRenderMode === 'schema'}
+ className="w-10 bg-surface-2 border border-border rounded px-1 py-0 text-[10px] font-mono text-text focus:border-accent focus:outline-none text-center disabled:opacity-30 disabled:cursor-not-allowed"
+ />
+ / {csvDataset.rows.length}
+
+
+ )}
+
+ )}
{variables.length === 0 ? (
@@ -91,25 +253,39 @@ export function VariablesPanel() {
) : (
- {variables.map((entry) => (
-
- tryUpdate(entry.id, { name }, tv.nameInUse)
- }
- onChangeFnNumber={(fnNumber) =>
- tryUpdate(entry.id, { fnNumber }, tv.slotInUse)
- }
- onChangeDefault={(defaultValue) =>
- tryUpdate(entry.id, { defaultValue }, '')
- }
- onRequestDelete={() => setPendingDelete(entry)}
- />
- ))}
+ {variables.map((entry) => {
+ const source = getVariableSource(entry, csvDataset, csvMapping);
+ const boundHeader = csvMapping?.bindings[entry.id];
+ return (
+
+ tryUpdate(entry.id, { name }, tv.nameInUse)
+ }
+ onChangeFnNumber={(fnNumber) =>
+ tryUpdate(entry.id, { fnNumber }, tv.slotInUse)
+ }
+ onChangeDefault={(defaultValue) =>
+ tryUpdate(entry.id, { defaultValue }, '')
+ }
+ onRequestDelete={() => setPendingDelete(entry)}
+ onDirtyChange={() =>
+ setRowError((prev) => {
+ if (!(entry.id in prev)) return prev;
+ const { [entry.id]: _drop, ...rest } = prev;
+ void _drop;
+ return rest;
+ })
+ }
+ />
+ );
+ })}
)}
@@ -143,6 +319,23 @@ export function VariablesPanel() {
onCancel={() => setPendingDelete(null)}
/>
)}
+
+ {pendingCsvDiscard && csvDataset && (
+
{
+ clearCsv();
+ setPendingCsvDiscard(false);
+ }}
+ onCancel={() => setPendingCsvDiscard(false)}
+ />
+ )}