-
{title}
-
{description}
+ {hasIdentity ? <>
+
{icon}
+
+ {eyebrow ? {eyebrow} : null}
+ {title}
+ {description}
+
+ > : <>
+
{title}
+
{description}
+ >}
{status || meta || actions ?
{status ? {status} : null}
diff --git a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
index 358f9d9a..0e97b5a6 100644
--- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
+++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
@@ -26577,3 +26577,176 @@
padding: 5px 9px;
}
}
+
+/*
+ * Semi UI identity convergence.
+ * Give high-value workspaces one shared visual grammar: a semantic Semi
+ * avatar, a quiet eyebrow, a strong task title and supporting context.
+ */
+.v2-workspace-command-bar.has-identity .v2-workspace-command-copy {
+ display: flex;
+ min-width: 0;
+ align-items: center;
+ gap: 10px;
+}
+
+.v2-workspace-command-icon.semi-avatar {
+ width: 36px;
+ height: 36px;
+ flex: 0 0 36px;
+ border: 1px solid rgba(18, 104, 243, .12);
+ border-radius: 10px;
+ background: linear-gradient(145deg, #edf5ff 0%, #e4efff 100%);
+ color: var(--v2-blue);
+ box-shadow: inset 0 1px rgba(255, 255, 255, .86), 0 5px 14px rgba(18, 104, 243, .08);
+}
+
+.v2-workspace-command-stack {
+ display: grid;
+ min-width: 0;
+ gap: 1px;
+}
+
+.v2-workspace-command-eyebrow.semi-typography {
+ overflow: hidden;
+ color: #7d8c9f;
+ font-size: 8px;
+ font-weight: 700;
+ letter-spacing: .08em;
+ line-height: 11px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.v2-workspace-command-stack > .v2-workspace-command-title.semi-typography {
+ overflow: hidden;
+ color: #21374f;
+ font-size: 14px;
+ font-weight: 750;
+ letter-spacing: -.015em;
+ line-height: 18px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.v2-workspace-command-stack > .v2-workspace-command-description.semi-typography {
+ overflow: hidden;
+ color: #7b8a9d;
+ font-size: 9px;
+ font-weight: 450;
+ line-height: 13px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.v2-vehicle-discovery-shell > .v2-vehicle-command-bar.has-identity {
+ min-height: 58px;
+ background:
+ radial-gradient(circle at 88% -80%, rgba(18, 104, 243, .1), transparent 44%),
+ linear-gradient(105deg, #fff 0%, #fbfdff 100%);
+ padding: 8px 10px 8px 12px;
+}
+
+.v2-vehicle-discovery-shell > .v2-vehicle-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
+ border-color: rgba(18, 104, 243, .08);
+ background: #eef5ff;
+ color: #245da8;
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-copy {
+ display: flex;
+ min-height: 94px;
+ align-items: center;
+ align-content: normal;
+ gap: 11px;
+ background:
+ radial-gradient(circle at -8% 0%, rgba(18, 104, 243, .1), transparent 48%),
+ linear-gradient(112deg, #fff 0%, #fbfdff 100%);
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-icon {
+ width: 42px;
+ height: 42px;
+ flex-basis: 42px;
+ border-radius: 12px;
+ font-size: 18px;
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-stack {
+ gap: 3px;
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-eyebrow {
+ color: #6f8095;
+ font-size: 8px;
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-title,
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-description {
+ overflow: visible;
+ line-height: normal;
+ white-space: normal;
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-plate {
+ min-height: 34px;
+ border-color: rgba(18, 104, 243, .16);
+ background: #f2f7ff;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions {
+ background: linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions > .semi-button {
+ border-color: #e3e9f1;
+ background: #fff;
+ box-shadow: 0 2px 7px rgba(34, 53, 78, .035);
+}
+
+.v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-identity-actions > .semi-button-primary {
+ border-color: #c9dcfb;
+ background: #edf4ff;
+ box-shadow: 0 3px 9px rgba(18, 104, 243, .07);
+}
+
+@media (max-width: 680px) {
+ .v2-workspace-command-bar.has-identity .v2-workspace-command-copy {
+ gap: 8px;
+ }
+
+ .v2-workspace-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
+ width: 34px;
+ height: 34px;
+ flex-basis: 34px;
+ border-radius: 9px;
+ }
+
+ .v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-copy {
+ min-height: 70px;
+ padding: 8px 10px;
+ }
+
+ .v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-icon {
+ width: 36px;
+ height: 36px;
+ flex-basis: 36px;
+ border-radius: 10px;
+ font-size: 15px;
+ }
+
+ .v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-workspace-command-eyebrow {
+ line-height: 10px;
+ }
+
+ .v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-plate {
+ min-height: 30px;
+ padding-inline: 8px;
+ font-size: 14px;
+ }
+
+ .v2-vehicle-record-v3 .v2-vehicle-command-header.has-identity .v2-online-label.semi-tag {
+ min-height: 21px;
+ }
+}