anentrypoint-design 0.0.181 → 0.0.183

package/dist/247420.css

@@ -4713,6 +4713,71 @@
    resolved from colors_and_type.css: --panel-{0..3}, --panel-text(-2/-3),
    --accent, --accent-fg, --rule, --rule-strong, --r-1/-2, --ff-mono. */
 
+/* ---------------------------------------------------------------
+   Docked panel — the engine-editor idiom: flush, square, dense,
+   full-height. Unlike the dashboard .panel card (rounded, margined,
+   shadowed) this docks edge-to-edge with a 1px --rule seam. Use for
+   inspector / hierarchy / apps / events columns inside an editor.
+   --------------------------------------------------------------- */
+.ds-247420 .ds-ep-panel {
+    display: flex; flex-direction: column;
+    min-height: 0; height: 100%;
+    margin: 0; border-radius: 0; box-shadow: none;
+    background: var(--panel-1);
+    color: var(--panel-text);
+    font: var(--fs-tiny, 12px)/var(--lh-base, 1.4) var(--ff-mono, monospace);
+    overflow: hidden;
+}
+.ds-247420 .ds-ep-panel-head {
+    flex-shrink: 0;
+    display: flex; align-items: center; justify-content: space-between; gap: 8px;
+    padding: 6px 10px;
+    border-bottom: 1px solid var(--rule);
+    font-size: var(--fs-micro, 11px); font-weight: 600;
+    text-transform: uppercase; letter-spacing: 0.1em;
+    color: var(--panel-text-3);
+    white-space: nowrap;
+}
+.ds-247420 .ds-ep-panel-head > :last-child {
+    font-weight: 500; letter-spacing: 0;
+    color: var(--panel-text-2);
+    overflow: hidden; text-overflow: ellipsis;
+}
+.ds-247420 .ds-ep-panel-body {
+    flex: 1; min-height: 0; overflow: auto;
+    padding: 6px 8px;
+}
+.ds-247420 .ds-ep-panel-body.flush { padding: 0; }
+/* A sub-section divider inside a docked panel (e.g. app-prop mount). Only
+   shows its top seam when it actually has content — an empty section is
+   collapsed so no stray dashed rule floats over an empty inspector. */
+.ds-247420 .ds-ep-panel-section {
+    flex-shrink: 0;
+    border-top: 1px solid var(--rule);
+    overflow: auto;
+}
+.ds-247420 .ds-ep-panel-section:empty { display: none; border-top: 0; }
+
+/* Dense status strip for editor chrome — thin, flush, bordered top. */
+.ds-247420 .ds-ep-statusbar {
+    flex-shrink: 0;
+    display: flex; align-items: center; justify-content: space-between; gap: 8px;
+    min-height: 0; height: 26px;
+    padding: 0 10px;
+    border-top: 1px solid var(--rule);
+    background: var(--panel-1);
+    color: var(--panel-text-2);
+    font: var(--fs-micro, 11px)/1 var(--ff-mono, monospace);
+}
+.ds-247420 .ds-ep-statusbar-left, .ds-247420 .ds-ep-statusbar-right { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.ds-247420 .ds-ep-statusbar-left { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* Buttons inside the dense strip shrink to fit the 26px band. */
+.ds-247420 .ds-ep-statusbar button {
+    min-height: 0; height: 20px; padding: 0 8px;
+    border-radius: var(--r-1, 4px);
+    font: var(--fs-micro, 11px)/1 var(--ff-mono, monospace);
+}
+
 /* Toolbar */
 .ds-247420 .ds-ep-toolbar {
     display: flex; align-items: center; gap: 6px;
@@ -4750,7 +4815,24 @@
     color: var(--accent);
     border-bottom-color: var(--accent);
 }
-.ds-247420 .ds-ep-tabs-body { flex: 1; min-height: 0; overflow: auto; }
+/* Flex column so a full-height docked child (e.g. an inspector panel) fills
+   the tab body instead of collapsing under a block container. */
+.ds-247420 .ds-ep-tabs-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; }
+
+/* EventLog — dense console-style log rows (one event per line). */
+.ds-247420 .ds-ep-eventlog {
+    display: flex; flex-direction: column;
+    font: var(--fs-tiny, 12px)/1.4 var(--ff-mono, monospace);
+    color: var(--panel-text);
+}
+.ds-247420 .ds-ep-eventrow {
+    display: flex; align-items: baseline; gap: 8px;
+    padding: 3px 8px;
+    border-bottom: 1px solid color-mix(in oklab, var(--rule) 50%, transparent);
+}
+.ds-247420 .ds-ep-eventrow:hover { background: color-mix(in oklab, var(--accent) 6%, transparent); }
+.ds-247420 .ds-ep-eventrow-type { color: var(--panel-text); font-weight: 600; flex-shrink: 0; }
+.ds-247420 .ds-ep-eventrow-sub { color: var(--panel-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 /* TreeView / TreeItem */
 .ds-247420 .ds-ep-tree {
@@ -4838,6 +4920,69 @@
     font-size: 0.8em;
     color: var(--panel-text-3);
 }
+/* x/y/z packed on one row, each field equal width, no horizontal overflow. */
+.ds-247420 .ds-ep-vec3 {
+    display: flex; gap: 4px; width: 100%; min-width: 0;
+}
+.ds-247420 .ds-ep-vec3 > * { flex: 1 1 0; min-width: 0; }
+/* Dense numeric inputs in the inspector — compact, tight radius, mono. */
+.ds-247420 .ds-ep-propfield-value input,
+.ds-247420 .ds-ep-propfield-value .ds-input-bare {
+    padding: 2px 6px;
+    border-radius: var(--r-1, 4px);
+    font: var(--fs-tiny, 12px)/1.3 var(--ff-mono, monospace);
+}
+.ds-247420 .ds-input-bare {
+    appearance: none;
+    background: var(--panel-2);
+    color: var(--panel-text);
+    border: 1px solid var(--rule);
+    border-radius: var(--r-1, 4px);
+    padding: 2px 6px;
+    font: var(--fs-tiny, 12px)/1.3 var(--ff-mono, monospace);
+    min-width: 0;
+}
+.ds-247420 .ds-input-bare:focus { outline: none; border-color: var(--accent); }
+/* A property field whose control spans the full panel width (label above,
+   control below) — used for wide segmented controls that would clip in the
+   narrow value column. */
+.ds-247420 .ds-ep-propfield.block {
+    display: flex; flex-direction: column; align-items: stretch; gap: 4px;
+}
+.ds-247420 .ds-ep-propfield.block > .ds-ep-propfield-value { width: 100%; }
+.ds-247420 .ds-ep-propfield.block .ds-ep-btngrp { width: 100%; }
+.ds-247420 .ds-ep-propfield.block .ds-ep-btngrp-btn { flex: 1 1 0; text-align: center; }
+
+/* Flush dense action bar docked at a panel bottom (inspector Edit/Delete etc.).
+   Compact buttons, square-ish, bordered top — not big floating pills. */
+.ds-247420 .ds-ep-actionbar {
+    flex-shrink: 0;
+    display: flex; align-items: center; gap: 6px;
+    padding: 6px 8px;
+    border-top: 1px solid var(--rule);
+    background: var(--panel-1);
+}
+.ds-247420 .ds-ep-actionbar > * { flex: 1 1 0; }
+.ds-247420 .ds-ep-actionbar button {
+    width: 100%;
+    min-height: 28px; height: 28px; padding: 0 10px;
+    border-radius: var(--r-1, 4px);
+    font: var(--fs-tiny, 12px)/1 var(--ff-mono, monospace);
+}
+
+/* Inline buttons inside a tree row (e.g. app-list Place) and the editor toolbars
+   are compact — small, square-ish, not big pills. Excludes the segmented
+   IconButtonGroup which manages its own sizing. */
+.ds-247420 .ds-ep-tree-row button:not(.ds-ep-btngrp-btn),
+.ds-247420 .ds-ep-toolbar button:not(.ds-ep-btngrp-btn) {
+    min-height: 24px; height: 24px; padding: 0 8px;
+    border-radius: var(--r-1, 4px);
+    font: var(--fs-tiny, 12px)/1 var(--ff-mono, monospace);
+}
+@media (pointer: coarse) {
+    .ds-247420 .ds-ep-tree-row button:not(.ds-ep-btngrp-btn),
+    .ds-247420 .ds-ep-toolbar button:not(.ds-ep-btngrp-btn) { min-height: 36px; height: 36px; }
+}
 
 /* Dock — 3x3 grid for in-engine overlay (canvas pass-through center) */
 .ds-247420 .ds-ep-dock {