feat(O): UI-Vollständigkeit + v3-Workflows + OCC-Kantenanalyse

Backend:
- Phase I: notification_configs router (GET/PUT/{event}/{channel}/POST reset)
  war bereits in notifications.py — add-alias endpoint in uploads.py ergänzt
- OutputType schema: workflow_definition_id + workflow_name fields;
  PATCH unterstützt Workflow-Zuweisung; _enrich_workflow_names() batch query
- Dispatch-Integration: orders.py dispatch_renders() → dispatch_render_with_workflow()
  mit Legacy-Fallback; neues Logging
- uploads.py: POST /validations/{id}/add-alias für Material-Lücken

Pipeline:
- step_processor.py: extract_mesh_edge_data() via OCC — berechnet Dihedralwinkel
  aller Kanten, liefert suggested_smooth_angle + sharp_edge_midpoints
  Integriert in extract_cad_metadata() und process_cad_file()
- domains/rendering/tasks.py: apply_asset_library_materials_task (K3),
  export_gltf_for_order_line_task → Blender export_gltf.py (K4),
  export_blend_for_order_line_task → export_blend.py fix (K5)
- render-worker/scripts/still_render.py: _mark_sharp_and_seams() mit
  OCC midpoint KD-tree matching + UV-Seam-Markierung
- render-worker/scripts/blender_render.py: identische Funktion + mesh_attributes parsing

Frontend:
- Layout.tsx: Upload-Link in Sidebar (alle User); Asset Libraries Link (admin/PM)
- App.tsx: /asset-libraries Route
- AssetLibrary.tsx: neue Seite (Upload, Catalog-Anzeige, Refresh, Toggle, Delete)
- OutputTypeTable.tsx: Workflow-Dropdown + Legacy/Workflow Badge
- ProductDetail.tsx: Geometry-Karte (Volumen, Surface, BBox, Sharp-Winkel)
- api/outputTypes.ts + api/products.ts: neue Felder
- api/imports.ts: ImportValidation API

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-06 23:20:55 +01:00
parent f15b035b88
commit 382a18fd02
18 changed files with 1222 additions and 355 deletions
@@ -8,6 +8,8 @@ import {
import type { OutputType } from '../../api/outputTypes'
import { listPricingTiers } from '../../api/pricing'
import type { PricingTier } from '../../api/pricing'
import { getWorkflows } from '../../api/workflows'
import type { WorkflowDefinition } from '../../api/workflows'
const RENDERERS = ['blender', 'pillow']
const FORMATS = ['png', 'jpg', 'gltf', 'stl', 'mp4', 'webm']
@@ -39,6 +41,22 @@ export default function OutputTypeTable() {
queryFn: listPricingTiers,
})
const { data: workflows } = useQuery({
queryKey: ['workflows'],
queryFn: getWorkflows,
})
const updateWorkflowMut = useMutation({
mutationFn: ({ id, workflow_definition_id }: { id: string; workflow_definition_id: string | null }) =>
updateOutputType(id, { workflow_definition_id }),
onSuccess: () => {
toast.success('Workflow updated')
qc.invalidateQueries({ queryKey: ['output-types-admin'] })
qc.invalidateQueries({ queryKey: ['output-types'] })
},
onError: (e: any) => toast.error(e.response?.data?.detail || 'Failed to update workflow'),
})
const createMut = useMutation({
mutationFn: () => {
const rs: Record<string, unknown> = {}
@@ -184,6 +202,7 @@ export default function OutputTypeTable() {
<th className="px-4 py-2 font-medium text-content-secondary" title="Compatible product categories — empty means compatible with all categories">Categories</th>
<th className="px-4 py-2 font-medium text-content-secondary" title="Output resolution in pixels (width × height); leave empty to use global default">Resolution</th>
<th className="px-4 py-2 font-medium text-content-secondary" title="Pricing tier used to calculate the per-item cost for this output type">Pricing</th>
<th className="px-4 py-2 font-medium text-content-secondary" title="Workflow definition assigned to this output type">Workflow</th>
<th className="px-4 py-2 font-medium text-content-secondary" title="Sort order — lower numbers appear first in the wizard output-type picker">Sort</th>
<th className="px-4 py-2 font-medium text-content-secondary" title="Active — inactive types are hidden from the order wizard">Active</th>
<th className="px-4 py-2 font-medium text-content-secondary">Actions</th>
@@ -192,7 +211,7 @@ export default function OutputTypeTable() {
<tbody>
{isLoading && (
<tr>
<td colSpan={16} className="px-4 py-4 text-center text-content-muted">Loading</td>
<td colSpan={17} className="px-4 py-4 text-center text-content-muted">Loading</td>
</tr>
)}
{types?.map((ot) => (
@@ -475,6 +494,18 @@ export default function OutputTypeTable() {
))}
</select>
</td>
<td className="px-4 py-2">
<select
className="input-sm"
value={editDraft.workflow_definition_id ?? ot.workflow_definition_id ?? ''}
onChange={(e) => setEditDraft({ ...editDraft, workflow_definition_id: e.target.value || null })}
>
<option value=""> Legacy </option>
{workflows?.filter((w) => w.is_active).map((w) => (
<option key={w.id} value={w.id}>{w.name}</option>
))}
</select>
</td>
<td className="px-4 py-2">
<input
type="number"
@@ -648,6 +679,20 @@ export default function OutputTypeTable() {
<span className="text-xs text-content-muted">Category default</span>
)}
</td>
<td className="px-4 py-2">
{(() => {
const wf = workflows?.find((w) => w.id === ot.workflow_definition_id)
return wf ? (
<span className="text-xs px-2 py-0.5 rounded-full bg-status-success-bg text-status-success-text font-medium">
{wf.name}
</span>
) : (
<span className="text-xs px-2 py-0.5 rounded-full bg-surface-muted text-content-muted">
Legacy
</span>
)
})()}
</td>
<td className="px-4 py-2 text-content-muted">{ot.sort_order}</td>
<td className="px-4 py-2">
<span className={`text-xs px-2 py-0.5 rounded-full font-medium ${
@@ -949,6 +994,7 @@ export default function OutputTypeTable() {
))}
</select>
</td>
<td className="px-4 py-2 text-content-muted"></td>
<td className="px-4 py-2">
<input
type="number"
+18 -1
View File
@@ -1,5 +1,5 @@
import { Outlet, NavLink, useNavigate, Link } from 'react-router-dom'
import { LayoutDashboard, Package, Settings, LogOut, FlaskConical, Activity, Library, Plus, SlidersHorizontal, Building2, GitBranch, Image, BellRing, Receipt, Server } from 'lucide-react'
import { LayoutDashboard, Package, Settings, LogOut, FlaskConical, Activity, Library, Plus, SlidersHorizontal, Building2, GitBranch, Image, BellRing, Receipt, Server, Upload } from 'lucide-react'
import { useAuthStore } from '../../store/auth'
import { clsx } from 'clsx'
import { useQuery } from '@tanstack/react-query'
@@ -14,6 +14,7 @@ const nav = [
{ to: '/materials', icon: FlaskConical, label: 'Materials' },
{ to: '/activity', icon: Activity, label: 'Activity' },
{ to: '/preferences', icon: SlidersHorizontal, label: 'Preferences' },
{ to: '/upload', icon: Upload, label: 'Upload' },
]
export default function Layout() {
@@ -184,6 +185,22 @@ export default function Layout() {
Workflows
</NavLink>
)}
{(user?.role === 'admin' || user?.role === 'project_manager') && (
<NavLink
to="/asset-libraries"
className={({ isActive }) =>
clsx(
'flex items-center gap-3 px-3 py-2 rounded-md text-sm font-medium transition-colors',
isActive
? 'bg-accent-light text-accent'
: 'text-content-secondary hover:bg-surface-hover',
)
}
>
<Library size={18} />
Asset Libraries
</NavLink>
)}
{user?.role === 'admin' && (
<NavLink
to="/notification-settings"