Add plugin package installation UI

2026-10-25 05:59:45 +01:00
parent d458f6b9e4
commit cc5a36c086
2 changed files with 137 additions and 1 deletions
@@ -1009,6 +1009,59 @@ label {
 .command-variable-picker .secondary-action {
  font-family: var(--font-mono);
 }
+.plugin-drop-zone {
+  display: flex;
+  min-height: 150px;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px dashed var(--ui-line-focus);
+  background: var(--ui-surface);
+  color: var(--ed-fg-muted);
+  text-align: center;
+  cursor: pointer;
+}
+.plugin-drop-zone.drop-active,
+.plugin-drop-zone:hover {
+  border-color: var(--ed-accent);
+  background: var(--ui-surface-hi);
+}
+.plugin-drop-zone strong {
+  color: var(--ed-fg);
+  letter-spacing: 0.12em;
+}
+.plugin-file-button {
+  position: relative;
+  display: inline-flex;
+  cursor: pointer;
+}
+.plugin-list {
+  display: grid;
+  gap: 1px;
+  margin-top: 16px;
+  background: var(--ui-divider);
+}
+.plugin-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 12px;
+  background: var(--ui-surface);
+}
+.plugin-row > div:first-child {
+  display: grid;
+  gap: 4px;
+}
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
 .collaboration-state-panel .danger {
  margin-top: auto;
 }