feat(#160): promote Ingest to 4th Studio mode after Prepare
Add Ingest as a dedicated mode tab in the Studio pipeline (Configure → Verify → Prepare → Ingest). Create IngestPanel component in features/ingestion/ui/ with summary, stepper, and action button. Remove orphan Ingest button and inline stepper from StudioPage. Remove auto-ingest on analysis complete. Closes #160
This commit is contained in:
Pier-Jean Malandrino
parent
bae00e4025
commit
9961d1e080
4 changed files with 387 additions and 164 deletions
|
|
@ -1 +1,2 @@
|
||||||
export { useIngestionStore } from './store'
|
export { useIngestionStore } from './store'
|
||||||
|
export { default as IngestPanel } from './ui/IngestPanel.vue'
|
||||||
|
|
|
||||||
346
frontend/src/features/ingestion/ui/IngestPanel.vue
Normal file
346
frontend/src/features/ingestion/ui/IngestPanel.vue
Normal file
|
|
@ -0,0 +1,346 @@
|
||||||
|
<template>
|
||||||
|
<div class="ingest-panel" data-e2e="ingest-panel">
|
||||||
|
<!-- Unavailable state -->
|
||||||
|
<div v-if="!ingestionStore.available" class="ingest-empty">
|
||||||
|
<svg class="empty-icon" viewBox="0 0 20 20" fill="currentColor">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<p class="empty-text">{{ t('ingestion.unavailable') }}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Ready to ingest -->
|
||||||
|
<template v-else>
|
||||||
|
<!-- Summary -->
|
||||||
|
<div class="ingest-summary">
|
||||||
|
<div class="summary-row">
|
||||||
|
<span class="summary-label">{{ t('ingestion.document') }}</span>
|
||||||
|
<span class="summary-value">{{ documentName }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="summary-row">
|
||||||
|
<span class="summary-label">{{ t('ingestion.chunkCount') }}</span>
|
||||||
|
<span class="summary-value summary-mono">{{ chunkCount }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Stepper -->
|
||||||
|
<div v-if="ingestionStore.currentStep" class="ingestion-stepper">
|
||||||
|
<div
|
||||||
|
class="step"
|
||||||
|
:class="{
|
||||||
|
active: ingestionStore.currentStep === 'embedding',
|
||||||
|
done:
|
||||||
|
ingestionStore.currentStep === 'indexing' || ingestionStore.currentStep === 'done',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<span class="step-dot" />
|
||||||
|
<span class="step-label">{{ t('ingestion.stepEmbedding') }}</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="step-line"
|
||||||
|
:class="{
|
||||||
|
done:
|
||||||
|
ingestionStore.currentStep === 'indexing' || ingestionStore.currentStep === 'done',
|
||||||
|
}"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="step"
|
||||||
|
:class="{
|
||||||
|
active: ingestionStore.currentStep === 'indexing',
|
||||||
|
done: ingestionStore.currentStep === 'done',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<span class="step-dot" />
|
||||||
|
<span class="step-label">{{ t('ingestion.stepIndexing') }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="step-line" :class="{ done: ingestionStore.currentStep === 'done' }" />
|
||||||
|
<div
|
||||||
|
class="step"
|
||||||
|
:class="{
|
||||||
|
active: ingestionStore.currentStep === 'done',
|
||||||
|
done: ingestionStore.currentStep === 'done',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<span class="step-dot" />
|
||||||
|
<span class="step-label">{{ t('ingestion.stepDone') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Error -->
|
||||||
|
<div v-if="ingestionStore.error" class="ingest-error">
|
||||||
|
{{ ingestionStore.error }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Success -->
|
||||||
|
<div v-if="ingestionStore.currentStep === 'done'" class="ingest-success">
|
||||||
|
<svg class="success-icon" viewBox="0 0 20 20" fill="currentColor">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span>{{ t('ingestion.successMessage') }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Action -->
|
||||||
|
<button
|
||||||
|
class="ingest-btn"
|
||||||
|
data-e2e="ingest-btn"
|
||||||
|
:disabled="ingestionStore.ingesting || !analysisId"
|
||||||
|
@click="runIngestion"
|
||||||
|
>
|
||||||
|
<div v-if="ingestionStore.ingesting" class="spinner-sm" />
|
||||||
|
<svg v-else viewBox="0 0 20 20" fill="currentColor" class="btn-icon">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{{ ingestionStore.ingesting ? t('ingestion.ingesting') : t('ingestion.ingest') }}
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { useIngestionStore } from '../store'
|
||||||
|
import { useI18n } from '../../../shared/i18n'
|
||||||
|
|
||||||
|
const props = defineProps<{
|
||||||
|
analysisId: string | null
|
||||||
|
documentName: string
|
||||||
|
chunkCount: number
|
||||||
|
}>()
|
||||||
|
|
||||||
|
const ingestionStore = useIngestionStore()
|
||||||
|
const { t } = useI18n()
|
||||||
|
|
||||||
|
async function runIngestion() {
|
||||||
|
if (!props.analysisId) return
|
||||||
|
await ingestionStore.ingest(props.analysisId)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.ingest-panel {
|
||||||
|
padding: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ingest-empty {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 40px 20px;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-icon {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-text {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Summary */
|
||||||
|
.ingest-summary {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 12px 16px;
|
||||||
|
background: var(--bg-surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-label {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-value {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--text);
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: right;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-mono {
|
||||||
|
font-family: 'IBM Plex Mono', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stepper */
|
||||||
|
.ingestion-stepper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 0;
|
||||||
|
padding: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-dot {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--border);
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step.active .step-dot {
|
||||||
|
background: var(--accent);
|
||||||
|
box-shadow: 0 0 6px var(--accent);
|
||||||
|
animation: pulse-dot 1s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step.done .step-dot {
|
||||||
|
background: var(--success, #22c55e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-label {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step.active .step-label {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.step.done .step-label {
|
||||||
|
color: var(--success, #22c55e);
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-line {
|
||||||
|
width: 40px;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--border);
|
||||||
|
transition: background 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-line.done {
|
||||||
|
background: var(--success, #22c55e);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-dot {
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
transform: scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.3);
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Error */
|
||||||
|
.ingest-error {
|
||||||
|
padding: 10px 14px;
|
||||||
|
background: rgba(239, 68, 68, 0.1);
|
||||||
|
border: 1px solid rgba(239, 68, 68, 0.3);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
color: var(--error);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Success */
|
||||||
|
.ingest-success {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 10px 14px;
|
||||||
|
background: rgba(34, 197, 94, 0.1);
|
||||||
|
border: 1px solid rgba(34, 197, 94, 0.3);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
color: var(--success, #22c55e);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success-icon {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Action button */
|
||||||
|
.ingest-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
background: var(--success, #22c55e);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ingest-btn:hover:not(:disabled) {
|
||||||
|
filter: brightness(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ingest-btn:disabled {
|
||||||
|
opacity: 0.6;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ingest-btn .btn-icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinner-sm {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
border: 2px solid rgba(255, 255, 255, 0.3);
|
||||||
|
border-top-color: white;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.6s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -66,6 +66,24 @@
|
||||||
</svg>
|
</svg>
|
||||||
{{ t('studio.prepare') }}
|
{{ t('studio.prepare') }}
|
||||||
</button>
|
</button>
|
||||||
|
<button
|
||||||
|
v-if="chunkingEnabled && ingestionStore.available"
|
||||||
|
class="toggle-btn"
|
||||||
|
data-e2e="toggle-btn"
|
||||||
|
:class="{ active: mode === 'ingest' }"
|
||||||
|
@click="mode = 'ingest'"
|
||||||
|
:disabled="!canIngest"
|
||||||
|
:title="!canIngest ? t('ingestion.unavailable') : ''"
|
||||||
|
>
|
||||||
|
<svg class="toggle-icon" viewBox="0 0 20 20" fill="currentColor">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{{ t('studio.ingest') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="topbar-actions">
|
<div class="topbar-actions">
|
||||||
|
|
@ -94,64 +112,6 @@
|
||||||
</svg>
|
</svg>
|
||||||
{{ analysisStore.running ? t('studio.analyzing') : t('studio.run') }}
|
{{ analysisStore.running ? t('studio.analyzing') : t('studio.run') }}
|
||||||
</button>
|
</button>
|
||||||
<button
|
|
||||||
v-if="canIngest"
|
|
||||||
class="topbar-btn ingest"
|
|
||||||
data-e2e="ingest-btn"
|
|
||||||
:disabled="ingestionStore.ingesting"
|
|
||||||
@click="runIngestion"
|
|
||||||
>
|
|
||||||
<div v-if="ingestionStore.ingesting" class="spinner-sm" />
|
|
||||||
<svg v-else viewBox="0 0 20 20" fill="currentColor" class="btn-icon">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
{{ ingestionStore.ingesting ? t('ingestion.ingesting') : t('ingestion.ingest') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Ingestion progress stepper -->
|
|
||||||
<div v-if="ingestionStore.currentStep" class="ingestion-stepper">
|
|
||||||
<div
|
|
||||||
class="step"
|
|
||||||
:class="{
|
|
||||||
active: ingestionStore.currentStep === 'embedding',
|
|
||||||
done: ingestionStore.currentStep === 'indexing' || ingestionStore.currentStep === 'done',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="step-dot" />
|
|
||||||
<span class="step-label">{{ t('ingestion.stepEmbedding') }}</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="step-line"
|
|
||||||
:class="{
|
|
||||||
done: ingestionStore.currentStep === 'indexing' || ingestionStore.currentStep === 'done',
|
|
||||||
}"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="step"
|
|
||||||
:class="{
|
|
||||||
active: ingestionStore.currentStep === 'indexing',
|
|
||||||
done: ingestionStore.currentStep === 'done',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="step-dot" />
|
|
||||||
<span class="step-label">{{ t('ingestion.stepIndexing') }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="step-line" :class="{ done: ingestionStore.currentStep === 'done' }" />
|
|
||||||
<div
|
|
||||||
class="step"
|
|
||||||
:class="{
|
|
||||||
active: ingestionStore.currentStep === 'done',
|
|
||||||
done: ingestionStore.currentStep === 'done',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="step-dot" />
|
|
||||||
<span class="step-label">{{ t('ingestion.stepDone') }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -507,6 +467,15 @@
|
||||||
@rechunked="onRechunked"
|
@rechunked="onRechunked"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- INGEST MODE -->
|
||||||
|
<div v-if="mode === 'ingest'" class="ingest-panel-wrapper">
|
||||||
|
<IngestPanel
|
||||||
|
:analysis-id="analysisStore.currentAnalysis?.id ?? null"
|
||||||
|
:document-name="selectedDoc?.filename ?? ''"
|
||||||
|
:chunk-count="analysisStore.currentChunks?.length ?? 0"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -522,6 +491,7 @@ import { DocumentUpload, DocumentList } from '../features/document/index'
|
||||||
import { ResultTabs } from '../features/analysis/index'
|
import { ResultTabs } from '../features/analysis/index'
|
||||||
import BboxOverlay from '../features/analysis/ui/BboxOverlay.vue'
|
import BboxOverlay from '../features/analysis/ui/BboxOverlay.vue'
|
||||||
import { ChunkPanel } from '../features/chunking'
|
import { ChunkPanel } from '../features/chunking'
|
||||||
|
import { IngestPanel } from '../features/ingestion'
|
||||||
import { useFeatureFlag } from '../features/feature-flags'
|
import { useFeatureFlag } from '../features/feature-flags'
|
||||||
import { getPreviewUrl } from '../features/document/api'
|
import { getPreviewUrl } from '../features/document/api'
|
||||||
import { useI18n } from '../shared/i18n'
|
import { useI18n } from '../shared/i18n'
|
||||||
|
|
@ -632,11 +602,6 @@ async function runAnalysis() {
|
||||||
await analysisStore.run(documentStore.selectedId, { ...pipelineOptions })
|
await analysisStore.run(documentStore.selectedId, { ...pipelineOptions })
|
||||||
}
|
}
|
||||||
|
|
||||||
async function runIngestion() {
|
|
||||||
if (!analysisStore.currentAnalysis?.id) return
|
|
||||||
await ingestionStore.ingest(analysisStore.currentAnalysis.id)
|
|
||||||
}
|
|
||||||
|
|
||||||
function addMore() {
|
function addMore() {
|
||||||
documentStore.selectedId = null
|
documentStore.selectedId = null
|
||||||
}
|
}
|
||||||
|
|
@ -658,22 +623,12 @@ watch(currentPage, () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
// Auto-switch to verify when analysis completes + refresh document data (pageCount)
|
// Auto-switch to verify when analysis completes + refresh document data (pageCount)
|
||||||
// Auto-trigger ingestion if pipeline is available (#81)
|
|
||||||
watch(
|
watch(
|
||||||
() => analysisStore.currentAnalysis?.status,
|
() => analysisStore.currentAnalysis?.status,
|
||||||
async (status) => {
|
(status) => {
|
||||||
if (status === 'COMPLETED') {
|
if (status === 'COMPLETED') {
|
||||||
mode.value = 'verify'
|
mode.value = 'verify'
|
||||||
documentStore.load()
|
documentStore.load()
|
||||||
|
|
||||||
// Auto-ingest if chunks are available and pipeline is configured
|
|
||||||
if (
|
|
||||||
ingestionStore.available &&
|
|
||||||
analysisStore.currentAnalysis?.chunksJson &&
|
|
||||||
analysisStore.currentAnalysis?.id
|
|
||||||
) {
|
|
||||||
await ingestionStore.ingest(analysisStore.currentAnalysis.id)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
|
|
@ -895,21 +850,6 @@ onBeforeUnmount(() => {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar-btn.ingest {
|
|
||||||
background: var(--success);
|
|
||||||
border-color: var(--success);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topbar-btn.ingest:hover:not(:disabled) {
|
|
||||||
filter: brightness(1.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.topbar-btn.ingest:disabled {
|
|
||||||
opacity: 0.6;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topbar-btn .btn-icon {
|
.topbar-btn .btn-icon {
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
|
@ -924,79 +864,6 @@ onBeforeUnmount(() => {
|
||||||
animation: spin 0.6s linear infinite;
|
animation: spin 0.6s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ingestion stepper */
|
|
||||||
.ingestion-stepper {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 0;
|
|
||||||
padding: 8px 20px;
|
|
||||||
background: var(--bg-surface);
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.step {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
padding: 0 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-dot {
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: var(--border);
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step.active .step-dot {
|
|
||||||
background: var(--accent);
|
|
||||||
box-shadow: 0 0 6px var(--accent);
|
|
||||||
animation: pulse-dot 1s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step.done .step-dot {
|
|
||||||
background: var(--success, #22c55e);
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-label {
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--text-muted);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step.active .step-label {
|
|
||||||
color: var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.step.done .step-label {
|
|
||||||
color: var(--success, #22c55e);
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-line {
|
|
||||||
width: 40px;
|
|
||||||
height: 2px;
|
|
||||||
background: var(--border);
|
|
||||||
transition: background 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-line.done {
|
|
||||||
background: var(--success, #22c55e);
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes pulse-dot {
|
|
||||||
0%,
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
transform: scale(1.3);
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Doc info bar */
|
/* Doc info bar */
|
||||||
.doc-infobar {
|
.doc-infobar {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1541,9 +1408,10 @@ onBeforeUnmount(() => {
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Verify panel */
|
/* Verify / Prepare / Ingest panels */
|
||||||
.verify-panel,
|
.verify-panel,
|
||||||
.prepare-panel {
|
.prepare-panel,
|
||||||
|
.ingest-panel-wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -109,6 +109,7 @@ const messages: Messages = {
|
||||||
|
|
||||||
// Chunking
|
// Chunking
|
||||||
'studio.prepare': 'Préparer',
|
'studio.prepare': 'Préparer',
|
||||||
|
'studio.ingest': 'Ingérer',
|
||||||
'chunking.settings': 'Chunking',
|
'chunking.settings': 'Chunking',
|
||||||
'chunking.chunkerType': 'Type de chunker',
|
'chunking.chunkerType': 'Type de chunker',
|
||||||
'chunking.maxTokens': 'Tokens max',
|
'chunking.maxTokens': 'Tokens max',
|
||||||
|
|
@ -137,6 +138,9 @@ const messages: Messages = {
|
||||||
|
|
||||||
// Ingestion / My Documents
|
// Ingestion / My Documents
|
||||||
'ingestion.ingest': 'Ingérer',
|
'ingestion.ingest': 'Ingérer',
|
||||||
|
'ingestion.document': 'Document',
|
||||||
|
'ingestion.chunkCount': 'Chunks prêts',
|
||||||
|
'ingestion.successMessage': 'Indexation terminée avec succès !',
|
||||||
'ingestion.ingesting': 'Ingestion...',
|
'ingestion.ingesting': 'Ingestion...',
|
||||||
'ingestion.reindex': 'Ré-indexer',
|
'ingestion.reindex': 'Ré-indexer',
|
||||||
'ingestion.indexed': 'Indexé',
|
'ingestion.indexed': 'Indexé',
|
||||||
|
|
@ -274,6 +278,7 @@ const messages: Messages = {
|
||||||
'history.open': 'Open',
|
'history.open': 'Open',
|
||||||
|
|
||||||
'studio.prepare': 'Prepare',
|
'studio.prepare': 'Prepare',
|
||||||
|
'studio.ingest': 'Ingest',
|
||||||
'chunking.settings': 'Chunking',
|
'chunking.settings': 'Chunking',
|
||||||
'chunking.chunkerType': 'Chunker type',
|
'chunking.chunkerType': 'Chunker type',
|
||||||
'chunking.maxTokens': 'Max tokens',
|
'chunking.maxTokens': 'Max tokens',
|
||||||
|
|
@ -300,6 +305,9 @@ const messages: Messages = {
|
||||||
'search.hint': 'Enter a term to search through indexed chunks.',
|
'search.hint': 'Enter a term to search through indexed chunks.',
|
||||||
|
|
||||||
'ingestion.ingest': 'Ingest',
|
'ingestion.ingest': 'Ingest',
|
||||||
|
'ingestion.document': 'Document',
|
||||||
|
'ingestion.chunkCount': 'Chunks ready',
|
||||||
|
'ingestion.successMessage': 'Indexing completed successfully!',
|
||||||
'ingestion.ingesting': 'Ingesting...',
|
'ingestion.ingesting': 'Ingesting...',
|
||||||
'ingestion.reindex': 'Re-index',
|
'ingestion.reindex': 'Re-index',
|
||||||
'ingestion.indexed': 'Indexed',
|
'ingestion.indexed': 'Indexed',
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue