pressship 0.1.14 → 0.2.0

package/assets/web/style.css

@@ -75,6 +75,16 @@
   vertical-align: middle;
 }
 
+.dashicons.ps-icon-rocket::before {
+  content: "";
+  display: block;
+  width: 18px;
+  height: 18px;
+  background: currentColor;
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9-.8-.8-2.1-.8-2.9-.1Z'/%3E%3Cpath d='m12 15-3-3c.6-1.8 1.5-3.5 2.7-5 2.2-2.8 5.3-4.4 9.3-4-.4 4-2 7.1-4.8 9.3-1.5 1.2-3.2 2.1-5 2.7Z'/%3E%3Cpath d='M9 12H4l2.5-3.5c.8-1.1 2-1.7 3.4-1.7h1.8'/%3E%3Cpath d='M12 15v5l3.5-2.5c1.1-.8 1.7-2 1.7-3.4v-1.8'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9-.8-.8-2.1-.8-2.9-.1Z'/%3E%3Cpath d='m12 15-3-3c.6-1.8 1.5-3.5 2.7-5 2.2-2.8 5.3-4.4 9.3-4-.4 4-2 7.1-4.8 9.3-1.5 1.2-3.2 2.1-5 2.7Z'/%3E%3Cpath d='M9 12H4l2.5-3.5c.8-1.1 2-1.7 3.4-1.7h1.8'/%3E%3Cpath d='M12 15v5l3.5-2.5c1.1-.8 1.7-2 1.7-3.4v-1.8'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
+}
+
 .ps-harness-icon {
   display: block;
   width: 18px;
@@ -3005,6 +3015,32 @@ body[data-active-view="studio"] #notice-stack {
   min-width: 0;
 }
 
+.studio-toolbar-group {
+  align-items: center;
+  display: inline-flex;
+  gap: 1px;
+  min-width: 0;
+  height: 28px;
+  padding: 1px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  background: transparent;
+}
+
+.studio-toolbar-layout,
+.studio-toolbar-actions {
+  border-color: #30343a;
+  background: #1f2023;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.studio-toolbar-run {
+  gap: 4px;
+  padding: 0;
+  border-color: transparent;
+  background: transparent;
+}
+
 .studio-action-button,
 .studio-icon-button {
   align-items: center;
@@ -3021,6 +3057,58 @@ body[data-active-view="studio"] #notice-stack {
   text-decoration: none;
 }
 
+.studio-title-actions .studio-action-button,
+.studio-title-actions .studio-icon-button {
+  width: 28px;
+  min-width: 28px;
+  height: 24px;
+  justify-content: center;
+  gap: 0;
+  border-color: transparent;
+  border-radius: 3px;
+  background: transparent;
+  padding: 0;
+}
+
+.studio-title-actions .studio-action-button span:not(.dashicons),
+.studio-title-actions .studio-icon-button span:not(.dashicons),
+.studio-title-actions .studio-theme-switch-label {
+  display: none;
+}
+
+.studio-title-actions .studio-package-size-button {
+  width: auto;
+  min-width: 56px;
+  gap: 5px;
+  padding: 0 8px;
+  color: #d7dce2;
+}
+
+.studio-title-actions .studio-package-size-button span:not(.dashicons) {
+  display: inline;
+}
+
+.studio-package-size-button {
+  font-variant-numeric: tabular-nums;
+}
+
+.studio-package-size-button.is-loading .dashicons {
+  animation: ps-spin 1s linear infinite;
+}
+
+.studio-package-size-button.is-over-limit {
+  background: rgba(241, 76, 76, 0.18);
+  color: #ff8a80;
+}
+
+.studio-package-size-button.is-stale:not(.is-over-limit) {
+  color: #f0b849;
+}
+
+.studio-package-size-button.has-error {
+  color: #ff8a80;
+}
+
 .studio-action-button:hover,
 .studio-icon-button:hover,
 .studio-icon-button[aria-pressed="true"] {
@@ -3028,6 +3116,18 @@ body[data-active-view="studio"] #notice-stack {
   color: #ffffff;
 }
 
+.studio-toolbar-actions .studio-action-button:hover,
+.studio-toolbar-actions .studio-action-button:focus-visible,
+.studio-toolbar-actions .studio-icon-button:hover,
+.studio-toolbar-actions .studio-icon-button:focus-visible,
+.studio-toolbar-layout .studio-layout-button:hover,
+.studio-toolbar-layout .studio-layout-button:focus-visible,
+.studio-toolbar-layout .studio-layout-button.is-active {
+  background: #2b3036;
+  color: #ffffff;
+  outline: none;
+}
+
 .studio-action-button.is-primary {
   border-color: #3858e9;
   background: #3858e9;
@@ -3040,25 +3140,26 @@ body[data-active-view="studio"] #notice-stack {
 
 .studio-action-button:disabled,
 .studio-action-button[aria-disabled="true"] {
-  border-color: #303030;
-  background: #222222;
-  color: #6f7378;
+  border-color: transparent;
+  background: transparent;
+  color: #777d86;
   cursor: default;
+  opacity: 0.62;
   pointer-events: none;
 }
 
 .studio-theme-switch {
   align-items: center;
   display: inline-flex;
-  gap: 7px;
-  height: 26px;
-  border: 1px solid #3c3c3c;
-  border-radius: 2px;
-  background: #252526;
+  gap: 5px;
+  height: 24px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  background: transparent;
   color: #cccccc;
   cursor: pointer;
   font-size: 12px;
-  padding: 0 8px;
+  padding: 0 5px;
 }
 
 .studio-theme-switch:hover,
@@ -3069,15 +3170,15 @@ body[data-active-view="studio"] #notice-stack {
 }
 
 .studio-theme-switch > .dashicons {
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
 }
 
 .studio-theme-switch-track {
   position: relative;
-  width: 30px;
-  height: 16px;
+  width: 25px;
+  height: 14px;
   border: 1px solid #4b4b4b;
   border-radius: 999px;
   background: #181818;
@@ -3087,8 +3188,8 @@ body[data-active-view="studio"] #notice-stack {
   position: absolute;
   top: 2px;
   left: 2px;
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
   border-radius: 999px;
   background: #cccccc;
   transition: transform 0.16s ease, background 0.16s ease;
@@ -3096,13 +3197,13 @@ body[data-active-view="studio"] #notice-stack {
 
 .studio-theme-switch[aria-checked="true"] .studio-theme-switch-track span {
   background: #ffffff;
-  transform: translateX(14px);
+  transform: translateX(11px);
 }
 
 .studio-main {
   display: grid;
   grid-template-columns:
-    var(--studio-files-width, 260px)
+    var(--studio-files-width, 220px)
     6px
     minmax(0, 1fr)
     6px
@@ -3396,7 +3497,7 @@ body.is-studio-resizing-v iframe {
 .studio-tree-row {
   align-items: center;
   display: grid;
-  grid-template-columns: 18px 20px minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto auto;
   gap: 6px;
   width: 100%;
   min-height: 28px;
@@ -3409,7 +3510,25 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-tree-file-row {
-  grid-template-columns: 18px 20px minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+}
+
+.studio-tree-main {
+  align-items: center;
+  display: grid;
+  grid-template-columns: 18px 20px minmax(0, 1fr);
+  gap: 6px;
+  min-width: 0;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+
+.studio-tree-main:disabled {
+  cursor: default;
 }
 
 .studio-tree-arrow,
@@ -3434,7 +3553,8 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-tree-row:hover,
-.studio-tree-row:focus-visible {
+.studio-tree-row:focus-visible,
+.studio-tree-row:focus-within {
   background: #f0f6fc;
   color: #0a4b78;
 }
@@ -3458,6 +3578,24 @@ body.is-studio-resizing-v iframe {
   font-weight: 600;
 }
 
+.studio-tree-file-row.is-ignored .studio-tree-main,
+.studio-tree-folder-row.has-ignored .studio-tree-main {
+  opacity: 0.64;
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row {
+  color: #646970;
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-arrow,
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-icon {
+  color: #8c8f94;
+}
+
+.studio-tree-folder-row.is-loading .studio-tree-arrow {
+  animation: ps-spin 0.85s linear infinite;
+}
+
 .studio-tree-folder.has-ai-changes > .studio-tree-folder-row .studio-tree-label,
 .studio-tree-file-row.has-ai-changes .studio-tree-label {
   color: #0a4b78;
@@ -3470,6 +3608,47 @@ body.is-studio-resizing-v iframe {
   justify-self: end;
 }
 
+.studio-tree-action {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--wp-text-muted);
+  cursor: pointer;
+  opacity: 0;
+  padding: 0;
+}
+
+.studio-tree-row:hover .studio-tree-action,
+.studio-tree-row:focus-within .studio-tree-action,
+.studio-tree-action.is-busy {
+  opacity: 1;
+}
+
+.studio-tree-action:hover,
+.studio-tree-action:focus-visible {
+  background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
+  color: var(--wp-admin-theme-color);
+  outline: none;
+}
+
+.studio-tree-action.is-busy .dashicons {
+  animation: ps-spin 0.85s linear infinite;
+}
+
+.studio-tree-action.is-readonly {
+  cursor: default;
+}
+
+.studio-tree-action.is-readonly:hover {
+  background: transparent;
+  color: var(--wp-text-muted);
+}
+
 .studio-tree-ai-badge {
   justify-self: end;
   min-width: 18px;
@@ -3484,6 +3663,26 @@ body.is-studio-resizing-v iframe {
   padding: 0 4px;
 }
 
+.studio-tree-ignored-badge,
+.studio-tree-deferred-badge {
+  justify-self: end;
+  min-width: 18px;
+  height: 18px;
+  border-radius: 3px;
+  background: #f0f0f1;
+  color: #646970;
+  font-size: 9px;
+  font-weight: 700;
+  line-height: 18px;
+  text-align: center;
+  padding: 0 5px;
+}
+
+.studio-tree-deferred-badge {
+  background: #fff8e5;
+  color: #8a5a00;
+}
+
 .studio-tree-check-badge {
   justify-self: end;
   min-width: 18px;
@@ -3597,29 +3796,29 @@ body.is-studio-resizing-v iframe {
   align-items: center;
   display: inline-flex;
   gap: 6px;
-  height: 26px;
-  border: 1px solid #3858e9;
-  border-radius: 2px;
-  background: #3858e9;
+  height: 28px;
+  border: 1px solid #0e639c;
+  border-radius: 6px;
+  background: #0e639c;
   color: #ffffff;
   cursor: pointer;
   font-size: 12px;
   font-weight: 600;
-  padding: 0 10px;
+  padding: 0 11px;
 }
 
 .studio-play-tab-button:hover,
 .studio-play-tab-button:focus-visible {
-  border-color: #2145e6;
-  background: #2145e6;
+  border-color: #1177bb;
+  background: #1177bb;
   color: #ffffff;
   outline: none;
 }
 
 .studio-play-tab-button:disabled {
-  border-color: #3c3c3c;
-  background: #252526;
-  color: #8c8f94;
+  border-color: #30343a;
+  background: #202225;
+  color: #858b94;
   cursor: default;
 }
 
@@ -3631,15 +3830,25 @@ body.is-studio-resizing-v iframe {
   align-items: center;
   display: inline-flex;
   gap: 6px;
+  height: 28px;
   min-width: 0;
+  padding: 0 8px;
+  border: 1px solid #30343a;
+  border-radius: 6px;
+  background: #1f2023;
   color: #9da1a6;
-  font-size: 12px;
+  font-size: 11px;
   white-space: nowrap;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.studio-preview-state em {
+  font-style: normal;
 }
 
 .studio-preview-state > span {
-  width: 7px;
-  height: 7px;
+  width: 6px;
+  height: 6px;
   border-radius: 999px;
   background: #646970;
 }
@@ -4327,6 +4536,10 @@ body.is-studio-resizing-v iframe {
   color: #d4d4d4;
 }
 
+.terminal-command {
+  color: #facc15;
+}
+
 .terminal-success {
   color: #86efac;
 }
@@ -4997,18 +5210,18 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-changes {
   grid-row: 3;
-  max-height: 120px;
+  max-height: 176px;
   min-height: 0;
   overflow: auto;
   border-bottom: 1px solid var(--wp-border);
-  background: var(--wp-info-bg);
+  background: var(--wp-surface-alt);
 }
 
 .studio-ai-changes header {
   align-items: center;
-  display: inline-flex;
+  display: flex;
   gap: 6px;
-  padding: 8px 10px 5px;
+  padding: 8px 10px 6px;
   color: var(--wp-text);
   font-size: 11px;
 }
@@ -5021,38 +5234,39 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-ai-change-list {
-  display: flex;
-  gap: 6px;
-  overflow-x: auto;
+  display: grid;
+  gap: 8px;
   padding: 0 10px 10px;
 }
 
 .studio-ai-change-card {
   display: grid;
-  flex: 0 0 min(220px, 82%);
-  grid-template-columns: minmax(0, 1fr) auto;
-  align-items: stretch;
-  border: 1px solid #b7d9ee;
+  gap: 8px;
+  border: 1px solid var(--wp-border);
   border-radius: var(--wp-radius-s);
   background: var(--wp-surface);
   box-shadow: var(--wp-shadow-sm);
+  padding: 8px;
 }
 
 .studio-ai-change-card.is-selected {
   border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
 }
 
 .studio-ai-change {
-  align-items: center;
-  display: inline-flex;
-  gap: 5px;
+  align-items: start;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 8px;
   min-width: 0;
   border: 0;
+  border-radius: calc(var(--wp-radius-s) - 2px);
   background: transparent;
   color: var(--wp-text);
   cursor: pointer;
-  font-size: 11px;
-  padding: 5px 8px;
+  font-size: 12px;
+  padding: 2px;
   text-align: left;
 }
 
@@ -5063,7 +5277,24 @@ body.is-studio-resizing-v iframe {
   outline: none;
 }
 
-.studio-ai-change span:nth-child(2) {
+.studio-ai-change > .dashicons {
+  margin-top: 1px;
+  color: var(--wp-admin-theme-color);
+  font-size: 16px;
+  height: 16px;
+  width: 16px;
+}
+
+.studio-ai-change-main {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.studio-ai-change-path {
+  color: var(--wp-heading);
+  font-weight: 600;
+  line-height: 1.25;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5071,29 +5302,40 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-change small {
   color: var(--wp-text-muted);
-  font-size: 9px;
+  font-size: 10px;
+  letter-spacing: 0.04em;
   text-transform: uppercase;
 }
 
 .studio-ai-change-actions {
   display: grid;
-  grid-template-columns: 26px 26px;
-  border-left: 1px solid var(--wp-border);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 6px;
 }
 
 .studio-ai-change-action {
-  display: grid;
-  place-items: center;
-  width: 26px;
-  border: 0;
-  border-left: 1px solid var(--wp-border-soft);
+  align-items: center;
+  justify-content: center;
+  display: inline-flex;
+  gap: 5px;
+  min-height: 28px;
+  border: 1px solid var(--wp-border);
+  border-radius: calc(var(--wp-radius-s) - 2px);
   background: transparent;
   color: var(--wp-text-muted);
   cursor: pointer;
+  font-size: 11px;
+  font-weight: 600;
 }
 
-.studio-ai-change-action:first-child {
-  border-left: 0;
+.studio-ai-change-action.is-accept {
+  border-color: rgba(0, 128, 0, 0.32);
+  color: var(--wp-success);
+}
+
+.studio-ai-change-action.is-reject {
+  border-color: rgba(220, 38, 38, 0.32);
+  color: var(--wp-error);
 }
 
 .studio-ai-change-action:hover,
@@ -5105,11 +5347,13 @@ body.is-studio-resizing-v iframe {
 .studio-ai-change-action.is-accept:hover,
 .studio-ai-change-action.is-accept:focus-visible {
   color: var(--wp-success);
+  border-color: var(--wp-success);
 }
 
 .studio-ai-change-action.is-reject:hover,
 .studio-ai-change-action.is-reject:focus-visible {
   color: var(--wp-error);
+  border-color: var(--wp-error);
 }
 
 .studio-ai-composer {
@@ -5348,7 +5592,7 @@ body.is-studio-resizing-v iframe {
 .studio-main {
   grid-template-columns:
     48px
-    var(--studio-files-width, 260px)
+    var(--studio-files-width, 220px)
     6px
     minmax(0, 1fr)
     6px
@@ -5361,7 +5605,7 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
-  grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+  grid-template-columns: 48px var(--studio-files-width, 220px) 6px minmax(0, 1fr);
 }
 
 .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
@@ -5525,7 +5769,8 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-tree-row:hover,
-.studio-tree-row:focus-visible {
+.studio-tree-row:focus-visible,
+.studio-tree-row:focus-within {
   background: #2a2d2e;
   color: var(--studio-vscode-active);
   outline: none;
@@ -5535,8 +5780,21 @@ body.is-studio-resizing-v iframe {
   color: var(--studio-vscode-active);
 }
 
-.studio-tree-file-row.is-current {
-  background: #37373d;
+.studio-tree-folder.is-ignored > .studio-tree-folder-row {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-arrow,
+.studio-tree-folder.is-ignored > .studio-tree-folder-row .studio-tree-icon {
+  color: #858b94;
+}
+
+.studio-tree-folder-row.is-loading .studio-tree-arrow {
+  animation: ps-spin 0.85s linear infinite;
+}
+
+.studio-tree-file-row.is-current {
+  background: #37373d;
   box-shadow: none;
   color: var(--studio-vscode-active);
   font-weight: 500;
@@ -5551,6 +5809,26 @@ body.is-studio-resizing-v iframe {
   color: #9cdcfe;
 }
 
+.studio-tree-action {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-action:hover,
+.studio-tree-action:focus-visible {
+  background: #3c3c3c;
+  color: var(--studio-vscode-active);
+}
+
+.studio-tree-action.is-readonly:hover {
+  background: transparent;
+  color: var(--studio-vscode-muted);
+}
+
+.studio-tree-ignored-badge {
+  background: #2d2d2d;
+  color: #9da1a6;
+}
+
 .studio-workbench {
   background: var(--studio-vscode-bg);
 }
@@ -5693,19 +5971,19 @@ body.is-studio-resizing-v iframe {
 }
 
 .studio-play-tab-button {
-  height: 26px;
-  border-color: var(--studio-vscode-focus);
-  border-radius: 2px;
-  background: var(--studio-vscode-focus);
+  height: 28px;
+  border-color: #0e639c;
+  border-radius: 6px;
+  background: #0e639c;
 }
 
 .studio-title-actions .studio-play-tab-button {
   flex: 0 0 auto;
+  box-shadow: none;
 }
 
 .studio-title-actions .studio-preview-state {
-  height: 26px;
-  padding: 0 2px;
+  height: 28px;
 }
 
 .studio-preview-state,
@@ -5805,7 +6083,15 @@ body.is-studio-resizing-v iframe {
 
 .studio-ai-changes {
   border-bottom-color: var(--studio-vscode-border);
-  background: #1f2937;
+  background: #202020;
+}
+
+.studio-ai-change-path {
+  color: var(--studio-vscode-text);
+}
+
+.studio-ai-change-action {
+  border-color: var(--studio-vscode-border-strong);
 }
 
 .studio-ai-composer textarea {
@@ -5957,7 +6243,7 @@ body.is-studio-resizing-v iframe {
   .studio-main {
     grid-template-columns:
       48px
-      var(--studio-files-width, 260px)
+      var(--studio-files-width, 220px)
       6px
       minmax(0, 1fr)
       6px
@@ -5969,7 +6255,7 @@ body.is-studio-resizing-v iframe {
   }
 
   .studio-root.has-files.is-secondary-sidebar-collapsed .studio-main {
-    grid-template-columns: 48px var(--studio-files-width, 260px) 6px minmax(0, 1fr);
+    grid-template-columns: 48px var(--studio-files-width, 220px) 6px minmax(0, 1fr);
   }
 
   .studio-root.is-files-collapsed.is-secondary-sidebar-collapsed .studio-main {
@@ -6883,6 +7169,42 @@ td code {
   border-bottom-color: var(--wp-border-soft);
 }
 
+.ps-release-step.is-collapsed .ps-release-step-header {
+  border-bottom-color: transparent;
+}
+
+.ps-release-step-toggle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  padding: 0;
+  text-align: left;
+}
+
+.ps-release-step-toggle:focus-visible {
+  outline: 2px solid var(--wp-admin-theme-color);
+  outline-offset: 2px;
+  border-radius: var(--wp-radius-s);
+}
+
+.ps-release-step-toggle .ps-release-step-heading {
+  flex: 1 1 auto;
+}
+
+.ps-release-step-toggle-icon {
+  flex: 0 0 auto;
+  color: var(--wp-text-muted);
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
+
 .ps-release-step-marker {
   display: inline-flex;
   align-items: center;
@@ -7128,9 +7450,10 @@ td code {
 }
 
 .ps-release-tag-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  gap: 6px;
+  gap: 5px 6px;
   padding: 5px 8px;
   border-bottom: 1px solid var(--wp-border-soft);
   min-height: 30px;
@@ -7151,12 +7474,13 @@ td code {
 .ps-release-tag-name {
   display: inline-flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 5px;
   font-weight: 500;
   color: var(--wp-heading);
-  flex: 1 1 auto;
   min-width: 0;
   font-size: 12px;
+  line-height: 1.25;
 }
 
 .ps-release-tag-name .dashicons {
@@ -7203,9 +7527,33 @@ td code {
 
 .ps-release-tag-actions {
   display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
   gap: 4px;
 }
 
+.ps-release-tag-row.is-uncommitted {
+  align-items: start;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-name,
+.ps-release-tag-row.is-uncommitted .ps-release-tag-actions {
+  grid-column: 1 / -1;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-actions {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  padding-left: 20px;
+}
+
+.ps-release-tag-row.is-uncommitted .ps-release-tag-local-note {
+  min-width: 0;
+  white-space: normal;
+  line-height: 1.15;
+}
+
 .ps-release-tag-actions .button.is-confirming,
 .ps-release-confirm-button.is-confirming {
   background: var(--wp-warning);
@@ -7257,6 +7605,102 @@ td code {
   letter-spacing: 0.06em;
 }
 
+.ps-release-ignore-patterns,
+.ps-release-ignored-files {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  gap: 3px;
+}
+
+.ps-release-ignore-patterns li {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 4px;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-surface);
+}
+
+.ps-release-ignore-patterns code {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  padding: 2px 6px;
+  border: 1px solid var(--wp-border-soft);
+  border-radius: var(--wp-radius-s);
+  background: var(--wp-surface-soft);
+  color: var(--wp-heading);
+  font-size: 11px;
+  line-height: 18px;
+}
+
+.ps-release-ignore-patterns .dashicons {
+  font-size: 13px;
+  width: 13px;
+  height: 13px;
+}
+
+.ps-release-ignore-remove.button-small {
+  min-width: 24px;
+  min-height: 24px;
+  width: 24px;
+  padding: 0;
+}
+
+.ps-release-ignore-patterns button[aria-busy="true"] .dashicons {
+  animation: ps-spin 0.85s linear infinite;
+}
+
+.ps-release-ignored-files {
+  gap: 0;
+}
+
+.ps-release-ignored-files li {
+  display: grid;
+  grid-template-columns: 14px minmax(0, 1fr) minmax(72px, 0.45fr);
+  grid-template-areas: "icon path pattern";
+  align-items: center;
+  column-gap: 5px;
+  padding: 3px 0;
+  color: var(--wp-text-muted);
+  font-size: 11px;
+}
+
+.ps-release-ignored-files .dashicons {
+  grid-area: icon;
+  color: var(--wp-text-muted);
+  font-size: 12px;
+  width: 12px;
+  height: 12px;
+}
+
+.ps-release-ignored-files span:not(.dashicons) {
+  grid-area: path;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--wp-text);
+  font-size: 11px;
+}
+
+.ps-release-ignored-files small {
+  grid-area: pattern;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--wp-text-muted);
+  font-size: 10px;
+  text-align: right;
+}
+
 .ps-release-publish-guide {
   display: grid;
   gap: 3px;
@@ -7527,6 +7971,8 @@ td code {
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-muted,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide span,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-copy,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files small,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-spinner,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-empty,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-state,
@@ -7536,7 +7982,8 @@ td code {
 
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-empty .dashicons,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-name .dashicons,
-.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-list .dashicons {
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-list .dashicons,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files .dashicons {
   color: #858585;
 }
 
@@ -7546,6 +7993,8 @@ td code {
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step-grid dd,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide strong,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-option-title,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns code,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files span:not(.dashicons),
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-name,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-summary strong {
   color: var(--studio-vscode-active);
@@ -7559,12 +8008,75 @@ td code {
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-step,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-tag-list,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-validate-list li,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns li,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option {
   border-color: var(--studio-vscode-border-strong);
   background: #1f1f1f;
   box-shadow: none;
 }
 
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state {
+  border-color: var(--studio-vscode-border-strong);
+  background: #1f1f1f;
+  color: var(--studio-vscode-muted);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state strong {
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-release-pane .empty-state .dashicons {
+  color: #8bdcff;
+  opacity: 0.85;
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-ignored-badge,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-deferred-badge {
+  border: 1px solid #3c3c3c;
+  background: #2d2d2d;
+  color: #c8c8c8;
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-deferred-badge {
+  color: #f0b849;
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action {
+  color: var(--studio-vscode-muted);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .studio-tree-action:focus-visible {
+  background: #3c3c3c;
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignored-files li {
+  padding: 3px 0;
+  border: 0;
+  border-radius: 0;
+  background: #252526;
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns code {
+  border-color: var(--studio-vscode-border);
+  background: #252526;
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button {
+  border-color: var(--studio-vscode-border-strong);
+  background: #2d2d2d;
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button:hover,
+.studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-ignore-patterns .button:focus-visible {
+  border-color: var(--studio-vscode-focus);
+  background: #37373d;
+  color: var(--studio-vscode-active);
+}
+
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-guide,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option.is-active,
 .studio-root[data-theme="dark"]:not(.studio-empty-root) .ps-release-publish-option.is-selected {
@@ -7740,6 +8252,31 @@ td code {
   color: var(--studio-vscode-text);
 }
 
+.studio-root[data-theme="light"] .studio-toolbar-group {
+  border-color: transparent;
+  background: transparent;
+}
+
+.studio-root[data-theme="light"] .studio-toolbar-run {
+  border-color: transparent;
+  background: transparent;
+}
+
+.studio-root[data-theme="light"] .studio-toolbar-layout,
+.studio-root[data-theme="light"] .studio-toolbar-actions,
+.studio-root[data-theme="light"] .studio-preview-state {
+  border-color: var(--studio-vscode-border);
+  background: #ffffff;
+  box-shadow: none;
+}
+
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button,
+.studio-root[data-theme="light"] .studio-title-actions .studio-icon-button,
+.studio-root[data-theme="light"] .studio-title-actions .studio-theme-switch {
+  border-color: transparent;
+  background: transparent;
+}
+
 .studio-root[data-theme="light"] .studio-action-button:hover,
 .studio-root[data-theme="light"] .studio-icon-button:hover,
 .studio-root[data-theme="light"] .studio-icon-button[aria-pressed="true"],
@@ -7756,6 +8293,37 @@ td code {
   color: var(--studio-vscode-active);
 }
 
+.studio-root[data-theme="light"] .studio-play-tab-button {
+  border-color: #0969da;
+  background: #0969da;
+  color: #ffffff;
+}
+
+.studio-root[data-theme="light"] .studio-play-tab-button:hover,
+.studio-root[data-theme="light"] .studio-play-tab-button:focus-visible {
+  border-color: #0757b8;
+  background: #0757b8;
+  color: #ffffff;
+}
+
+.studio-root[data-theme="light"] .studio-title-actions .studio-package-size-button {
+  color: var(--studio-vscode-active);
+}
+
+.studio-root[data-theme="light"] .studio-package-size-button.is-over-limit {
+  border-color: rgba(214, 54, 56, 0.36);
+  background: #fff0f0;
+  color: #b42318;
+}
+
+.studio-root[data-theme="light"] .studio-package-size-button.is-stale:not(.is-over-limit) {
+  color: #8a5a00;
+}
+
+.studio-root[data-theme="light"] .studio-package-size-button.has-error {
+  color: #b42318;
+}
+
 .studio-root[data-theme="light"] .studio-action-button:disabled,
 .studio-root[data-theme="light"] .studio-action-button[aria-disabled="true"],
 .studio-root[data-theme="light"] .studio-play-tab-button:disabled {
@@ -7764,6 +8332,13 @@ td code {
   color: #8c959f;
 }
 
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button:disabled,
+.studio-root[data-theme="light"] .studio-title-actions .studio-action-button[aria-disabled="true"] {
+  border-color: transparent;
+  background: transparent;
+  color: #8c959f;
+}
+
 .studio-root[data-theme="light"] .studio-theme-switch-track {
   border-color: #afb8c1;
   background: #d8dee4;
@@ -7791,6 +8366,7 @@ td code {
 
 .studio-root[data-theme="light"] .studio-tree-row:hover,
 .studio-root[data-theme="light"] .studio-tree-row:focus-visible,
+.studio-root[data-theme="light"] .studio-tree-row:focus-within,
 .studio-root[data-theme="light"] .studio-tree-file-row.is-current,
 .studio-root[data-theme="light"] .studio-tree-folder.has-current > .studio-tree-folder-row,
 .studio-root[data-theme="light"] .studio-tab-button:hover,
@@ -7868,6 +8444,14 @@ td code {
   color: var(--studio-vscode-text);
 }
 
+.studio-root[data-theme="light"] .studio-ai-change-path {
+  color: var(--studio-vscode-text);
+}
+
+.studio-root[data-theme="light"] .studio-ai-change-action {
+  border-color: var(--studio-vscode-border);
+}
+
 .studio-root[data-theme="light"] .studio-terminal-output {
   background: #ffffff;
 }