@brftech/filex-core 0.7.0 → 0.7.2

package/src/styles/base.css

@@ -4,6 +4,7 @@
   position: relative;
   display: flex;
   flex-direction: column;
+  box-sizing: border-box;
   min-height: 420px;
   height: 100%;
   background: var(--fe-bg);
@@ -3099,7 +3100,12 @@ filex-explorer {
   flex: 1 1 auto;
   min-width: 0;
   overflow-x: auto;
-  scrollbar-width: thin;
+  /* Tab overflow scrolls (wheel / drag / keyboard) but never shows a
+   * scrollbar strip under the tabs — the 30px bar cannot fit one. */
+  scrollbar-width: none;
+}
+.fe-tabs__scroll::-webkit-scrollbar {
+  display: none;
 }
 .fe-tabs__tab {
   display: flex;
@@ -3214,9 +3220,23 @@ filex-explorer {
   display: none;
 }
 
+/* ui-fix — sol panel sarmalı: breadcrumb + durum şeritleri + body bir
+   flex-column. Split olmadan tüm genişlik; split olunca sol yarı (böylece
+   breadcrumb kendi panelini kaplar, SecondaryPane ile simetrik). */
+.fe__primary {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+}
+.fe__primary > .fe__body {
+  min-width: 0;
+}
+
 /* Split layout — equal halves inside fe__main; the inspector (koru:k1)
    keeps its fixed width to the right of both. */
-.fe__main--split > .fe__body {
+.fe__main--split > .fe__primary {
   flex: 1 1 50%;
 }
 .fe-split {
@@ -3230,11 +3250,11 @@ filex-explorer {
   color: var(--fe-text);
 }
 /* Active-panel accent: a thin top line on whichever pane owns the keyboard. */
-.fe__main--split > .fe__body,
+.fe__main--split > .fe__primary,
 .fe-split {
   box-shadow: inset 0 2px 0 transparent;
 }
-.fe__main--split > .fe__body.fe-pane--focus,
+.fe__main--split > .fe__primary.fe-pane--focus,
 .fe-split.fe-pane--focus {
   box-shadow: inset 0 2px 0 var(--fe-primary);
 }
@@ -3708,3 +3728,29 @@ filex-explorer {
   text-decoration: underline;
 }
 /* === /wiring:e2 === */
+
+/* === ui-fix — toolbar tek satır + katlama + ölçüm şeridi ============= */
+.fe:not(.fe--narrow) .fe-toolbar {
+  flex-wrap: nowrap;
+}
+.fe:not(.fe--narrow) .fe-toolbar__primary {
+  flex: 1 1 auto;
+  min-width: 0;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  position: relative;
+}
+.fe-toolbar__measure {
+  position: absolute;
+  visibility: hidden;
+  pointer-events: none;
+  height: 0;
+  overflow: hidden;
+  display: flex;
+  gap: 8px;
+  white-space: nowrap;
+}
+.fe-toolbar__measure .fe-btn {
+  flex: none;
+}
+/* === /ui-fix ========================================================= */

package/src/styles/variables.css

@@ -13,7 +13,7 @@
   --fe-text: #1a1e27;
   --fe-text-muted: #5a6475;
   --fe-text-on-primary: #ffffff;
-  --fe-primary: #3b82f6;
+  --fe-primary: #2f6fe0; /* ui-fix: beyaz metinle WCAG AA (eski #3b82f6 = 3.68) */
   --fe-primary-hover: #2563eb;
   --fe-danger: #dc2626;
   --fe-danger-hover: #b91c1c;
@@ -102,7 +102,7 @@
   --fe-icon-archive: #78716c;
   --fe-icon-code: #4f46e5;
   --fe-icon-text: #64748b;
-  --fe-icon-unknown: #94a3b8;
+  --fe-icon-unknown: #64748b; /* ui-fix: acik temada 3:1 UI kontrasti */
 }
 
 /* Dark values — same selector strategy as the palette blocks above. */