+
-
-
-
TYP
-
-
FORMAT
-
-
KETTE
-
+
+
+
+
TYP
+
+
FORMAT
+
+
KETTE
+
+
+
-
Mehr erstellen
-
+
+
+
Entwürfe
+
Angefangen, aber noch nicht abgeschlossen – hier weitermachen.
+
+
-
-
Szene (Video)
Video aus Prompt mit Script-Bestätigung – mehrere KI-Modelle parallel.
+
+
Glow Serum – 3er-Kette POST
Prompt gesetzt · 2 / 3 Bildern generiert
+
+
+
+
+
+
+
Rouge No. 5 – Statement-Spot VIDEO
Script bestätigt · Rendern ausstehend
-
-
Modell
Person oder Produkt als festes Brand-Asset – bleibt in jedem Video 1:1 gleich.
+
+
„Mara" v1 MODELL
Entwurf · Referenzbilder fehlen noch
-
-
-
+
Entwürfe werden lokal gehalten, bis du sie abschließt oder verwirfst.
@@ -637,7 +669,7 @@
Szene erstellen
-
+
Anzahl Videos
3
@@ -662,7 +694,7 @@
Dein Script
Aus deinem Prompt + Brand Knowledge erstellt. Lies es, ändere was du willst – generiert wird erst nach deiner Bestätigung.
-
+TEXT-OVERLAY: keins (Brand-Stil: clean)
Erst nach Bestätigung werden die Videos generiert – Kosten entstehen erst dann. Änderungen am Script fließen als Signal in die Knowledge Base.
@@ -764,7 +796,7 @@ TEXT-OVERLAY: keins (Brand-Stil: clean)
Produkt
-
+
[Upload: 3–10 Referenzbilder der gewünschten Person / des Looks]
Rechte-Regel: Gesichter echter Personen nur mit dokumentierter Einwilligung. Rein KI-generierte Gesichter sind der sichere Standard.
@@ -819,7 +851,7 @@ TEXT-OVERLAY: keins (Brand-Stil: clean)
Referenz hochladen
@@ -949,7 +998,7 @@ function go(id){
profile:'n-profile','kb-detail':'n-profile','improve-select':'n-profile','improve-input':'n-profile','improve-results':'n-profile','improve-vote':'n-profile',
create:'n-create',detail:'n-create',tut1:'n-create',tut2:'n-create',onboarding1:'n-create',onboarding2:'n-create',
'scene-create':'n-create','script-confirm':'n-create','scene-results':'n-create','scene-vote':'n-create',publish:'n-create',
- 'model-create':'n-create','model-result':'n-create',
+ 'model-create':'n-create','model-result':'n-create',drafts:'n-create',
devmode:'n-dev'
};
document.querySelectorAll('.nav button').forEach(b=>b.classList.remove('on'));
@@ -1540,13 +1589,42 @@ function renderCreateOpts(){
pills('countRow',[{v:'1',label:'1 Bild'},{v:'3',label:'3er'},{v:'5',label:'5er'}],String(C.count),function(v){C.count=+v; renderCreateOpts(); renderCreateStack();});
}
function toggleOpts(){ C.optOpen=!C.optOpen; renderCreateStack(); }
+var createMenuOpen=false;
+function toggleCreateMenu(e){
+ if(e){ e.stopPropagation(); }
+ createMenuOpen=!createMenuOpen;
+ applyCreateMenu();
+}
+function applyCreateMenu(){
+ var m=document.getElementById('createMenu');
+ m.style.opacity=createMenuOpen?'1':'0';
+ m.style.pointerEvents=createMenuOpen?'auto':'none';
+ m.style.transform='translateX(-50%) translateY('+(createMenuOpen?'0':'10px')+')';
+}
+function pickCreate(target){
+ createMenuOpen=false; applyCreateMenu();
+ go(target);
+}
+document.addEventListener('click',function(e){
+ if(!createMenuOpen) return;
+ var m=document.getElementById('createMenu'), b=document.getElementById('n-create');
+ if((m&&m.contains(e.target))||(b&&b.contains(e.target))) return;
+ createMenuOpen=false; applyCreateMenu();
+},true);
+document.addEventListener('click',function(e){
+ if(!C.optOpen) return;
+ var g=document.getElementById('cSelGroup'), st=document.getElementById('cStack');
+ if(g&&g.contains(e.target)) return;
+ if(st&&st.contains(e.target)) return;
+ C.optOpen=false; renderCreateStack();
+},true);
var DCHIPS={built:false, mounted:false, insts:[]};
var DITHER_ON='#f2f2f2', DITHER_OFF='#555555';
function renderCreateModels(){
var host=document.getElementById('createModels');
if(!DCHIPS.built){
host.innerHTML=C_MODELS.map(function(m,i){
- return '
';
+ return '
';
}).join('');
host.querySelectorAll('.chip').forEach(function(c){
c.onclick=function(){ C.model=+c.dataset.i; renderCreateModels(); };
@@ -1561,8 +1639,8 @@ function renderCreateModels(){
});
}
/* Shader erst mounten, wenn der Create-Screen sichtbar ist (sonst Groesse 0) */
-function initCreateDither(){
- if(DCHIPS.mounted) return;
+function initCreateDither(){ return; /* Chips sind jetzt Liquid Glass – kein Dither-Shader mehr */ }
+function _initCreateDither_old(){
var chips=document.querySelectorAll('#createModels .chip.dither');
if(!chips.length) return;
DCHIPS.mounted=true;
@@ -1571,8 +1649,9 @@ function initCreateDither(){
});
}
/* Prompt-Editing über die Fake-Tastatur (Caret-genau wie im Design) */
+var activeTA=null;
function editPrompt(mutate){
- var ta=document.getElementById('createPrompt');
+ var ta=activeTA||document.getElementById('createPrompt');
var p=ta.value, s=ta.selectionStart, e=ta.selectionEnd;
var r=mutate(p,s,e);
ta.value=r.val;
@@ -1599,12 +1678,23 @@ function insertToken(tok){
function setKb(open){
C.kbOpen=open;
document.getElementById('kbOverlay').classList.toggle('open',open);
- document.getElementById('cScroll').classList.toggle('kb-open',open);
+ document.getElementById('navBar').classList.toggle('hidden',open);
+ var onCreate=document.getElementById('create').classList.contains('active');
+ document.getElementById('cScroll').classList.toggle('kb-open',open&&onCreate);
+ var scr=document.querySelector('.screen.active');
+ if(scr) scr.classList.toggle('kb-pad',open&&!onCreate);
if(open){
C.optOpen=false; renderCreateStack();
- requestAnimationFrame(function(){requestAnimationFrame(function(){
- var el=document.getElementById('cScroll'); el.scrollTop=el.scrollHeight;
- });});
+ if(onCreate){
+ requestAnimationFrame(function(){requestAnimationFrame(function(){
+ var el=document.getElementById('cScroll'); el.scrollTop=el.scrollHeight;
+ });});
+ } else if(activeTA){
+ requestAnimationFrame(function(){
+ var r=activeTA.getBoundingClientRect();
+ window.scrollBy({top:r.top-130, behavior:'smooth'});
+ });
+ }
}
}
function renderKb(){
@@ -1642,21 +1732,24 @@ function renderKb(){
el.addEventListener('mousedown',press);
el.addEventListener('touchstart',press,{passive:false});
});
- function done(e){ e.preventDefault(); document.getElementById('createPrompt').blur(); setKb(false); }
+ function done(e){ e.preventDefault(); if(activeTA) activeTA.blur(); setKb(false); }
document.getElementById('kbDone').addEventListener('mousedown',done);
document.getElementById('kbDone').addEventListener('touchstart',done,{passive:false});
}
(function(){
- var ta=document.getElementById('createPrompt');
- ta.addEventListener('focus',function(){ setKb(true); });
- ta.addEventListener('blur',function(){ setKb(false); });
+ document.querySelectorAll('textarea.pf, #createPrompt').forEach(function(ta){
+ ta.setAttribute('inputmode','none');
+ ta.addEventListener('focus',function(){ activeTA=ta; setKb(true); });
+ ta.addEventListener('blur',function(){ setKb(false); });
+ });
})();
document.getElementById('generateBtn').onclick=function(){
if(C.generating) return;
- var lbl=document.getElementById('generateLabel');
- C.generating=1; lbl.textContent='Generiere '+C.count+' Bilder …';
- setTimeout(function(){ C.generating=2; lbl.textContent='✓ In der Warteschlange'; },1400);
- setTimeout(function(){ C.generating=0; lbl.textContent='Post generieren'; },3200);
+ var ta=document.getElementById('createPrompt');
+ var ph=ta.placeholder;
+ C.generating=1; ta.value=''; ta.placeholder='Generiere '+C.count+' Bilder …';
+ setTimeout(function(){ C.generating=2; ta.placeholder='✓ In der Warteschlange'; },1400);
+ setTimeout(function(){ C.generating=0; ta.placeholder=ph; },3200);
};
/* ---------- Nav-Glas: dynamische Displacement-Map (aus dem Design) ---------- */