From fe66734e015760623c1a705a2fb39b577461145d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=AAsufian=20nasser=E2=80=AC=E2=80=8F?= <166199800+sufyanaser@users.noreply.github.com> Date: Mon, 20 Jul 2026 18:10:49 +0300 Subject: [PATCH 1/4] Redesign Song Brief as compact preset grid --- index.html | 26 ++++++++++++++++++++++---- 1 file changed, 22 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 0d5e547..fc19893 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,30 @@

NASMIX

مشاريع التوزيع الموسيقي

جاري تحميل البيانات…
-
+
01 Song Brief02 Structure03 Track Plan04 Suno Reference05 Generate06 Review07 Cubase08 Mix09 Export
التقدم0 / 9

أدخل بيانات الأغنية لفتح المشروع

تهيئة المشروع…

-
- -
+
+ + + + + + + + + + + + + + +
+ + + + +
القرار المقترح

—

برومبت Suno الكامل

احفظه داخل مشروع الأغنية من مرحلة التوليد.

الوصف الموسيقي

عقد العزل

🔒

Exclude

CategoryCustom
Weirdness10%
Style Influence100%
Audio Influence0%

From 93adb500281cad04de7bc69129ecdf826d25bcfb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=AAsufian=20nasser=E2=80=AC=E2=80=8F?= <166199800+sufyanaser@users.noreply.github.com> Date: Mon, 20 Jul 2026 18:11:13 +0300 Subject: [PATCH 2/4] Add compact Song Brief grid styles --- ui/compact-brief.css | 98 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 ui/compact-brief.css diff --git a/ui/compact-brief.css b/ui/compact-brief.css new file mode 100644 index 0000000..9672a0a --- /dev/null +++ b/ui/compact-brief.css @@ -0,0 +1,98 @@ +.compact-brief { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 8px; + padding-top: 12px; + border-top: 1px solid var(--line); + align-items: end; +} + +.compact-brief .brief-field { + grid-column: span 3; + min-width: 0; + gap: 5px; + padding: 8px; + border: 1px solid var(--line); + border-radius: 12px; + background: var(--input); +} + +.compact-brief .brief-field-wide { grid-column: span 6; } +.compact-brief .brief-field-xs { grid-column: span 2; } + +.compact-brief .brief-field > span { + color: var(--muted); + font-size: 11px; + line-height: 1; +} + +.compact-brief input, +.compact-brief select { + min-height: 34px; + padding: 6px 8px; + border-radius: 8px; + background: var(--panel); + font-size: 12px; +} + +.compact-brief input[type="number"], +.compact-brief #briefDuration, +.compact-brief #briefKey, +.compact-brief #briefTimeSignature { + direction: ltr; + text-align: center; +} + +.project-panel { + padding: 12px; +} + +.project-toolbar { + align-items: center; +} + +.project-selector-group label { + gap: 4px; + font-size: 11px; +} + +.project-selector-group input, +.project-selector-group select { + min-height: 36px; + padding: 7px 9px; +} + +.project-actions button, +.project-actions .file-button { + min-height: 36px; + padding: 7px 11px; + font-size: 12px; +} + +.stage-strip { + padding: 10px 0 8px; +} + +.project-summary { + padding: 7px 0 9px; +} + +@media (max-width: 1000px) { + .compact-brief .brief-field { grid-column: span 4; } + .compact-brief .brief-field-wide { grid-column: span 8; } + .compact-brief .brief-field-xs { grid-column: span 2; } +} + +@media (max-width: 760px) { + .compact-brief { grid-template-columns: repeat(6, minmax(0, 1fr)); } + .compact-brief .brief-field { grid-column: span 3; } + .compact-brief .brief-field-wide { grid-column: span 6; } + .compact-brief .brief-field-xs { grid-column: span 2; } +} + +@media (max-width: 520px) { + .compact-brief { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .compact-brief .brief-field, + .compact-brief .brief-field-wide { grid-column: span 2; } + .compact-brief .brief-field-xs { grid-column: span 1; } +} From b4ac9dd4b8ec7d9e6b2d4d1a583d4e89bcd772f3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=AAsufian=20nasser=E2=80=AC=E2=80=8F?= <166199800+sufyanaser@users.noreply.github.com> Date: Mon, 20 Jul 2026 18:11:44 +0300 Subject: [PATCH 3/4] Load compact Song Brief styles --- ui/prompt-safety.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/ui/prompt-safety.css b/ui/prompt-safety.css index 4b34e94..37e73e5 100644 --- a/ui/prompt-safety.css +++ b/ui/prompt-safety.css @@ -1,3 +1,5 @@ +@import url("compact-brief.css"); + .full-prompt-card { border-color: color-mix(in srgb, var(--ok) 55%, var(--line)); box-shadow: 0 0 0 1px var(--ok-soft); @@ -46,4 +48,4 @@ .full-prompt-card textarea { min-height: 260px; } -} +} \ No newline at end of file From ead4188adf8f980f7a28d3a95282ccd5e9b86f99 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=AAsufian=20nasser=E2=80=AC=E2=80=8F?= <166199800+sufyanaser@users.noreply.github.com> Date: Mon, 20 Jul 2026 18:12:04 +0300 Subject: [PATCH 4/4] Cache compact Song Brief stylesheet --- sw.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sw.js b/sw.js index c97e9ad..cb23d56 100644 --- a/sw.js +++ b/sw.js @@ -1,6 +1,6 @@ -const CACHE_NAME = "nasmix-shell-v6"; +const CACHE_NAME = "nasmix-shell-v7"; const APP_SHELL = [ - "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/app.js", + "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/compact-brief.css","./ui/app.js", "./ui/project-store.js","./ui/song-brief.js","./ui/project-workspace.js","./ui/project-bootstrap.js", "./data/catalog.json","./data/presets-acoustic.json","./data/presets-modern.json","./data/project-schema.json", "./data/knowledge/manifest.json","./data/knowledge/reliability.json","./data/knowledge/evidence-registry.json",