merge: #2954

2954: new attributes panel! r=theoephraim a=theoephraim very sexy new attributes panel. Much more to do, and we'll keep polishing but this is a huge improvement already :) <img width="478" alt="image" src="https://github.com/systeminit/si/assets/1158956/4fad7f2c-60f7-47e8-876a-fd3a671c4da4"> Co-authored-by: Theo Ephraim <[email protected]>
systeminit · Nov 17, 2023 · 2e67702 · 2e67702
2 parents 88dd3df + 42df1c5
commit 2e67702
Show file tree

Hide file tree

Showing 35 changed files with 2,095 additions and 1,993 deletions.
diff --git a/app/auth-portal/package.json b/app/auth-portal/package.json
@@ -42,7 +42,7 @@
     "netlify-cli": "^13.2.2",
     "rollup-plugin-visualizer": "^5.9.0",
     "typescript": "^4.9.5",
-    "unplugin-icons": "^0.14.14",
+    "unplugin-icons": "^0.17.1",
     "vite": "^4.1.4",
     "vite-plugin-checker": "^0.5.6",
     "vite-plugin-markdown": "^2.2.0-2",

diff --git a/app/auth-portal/src/pages/WorkspaceDetailsPage.vue b/app/auth-portal/src/pages/WorkspaceDetailsPage.vue
@@ -158,8 +158,7 @@
                 v-model="newMember.email"
                 type="email"
                 label="User Email to Grant Workspace Access"
-                submitFormOnEnter
-                @submit="inviteButtonHandler"
+                @enterPressed="inviteButtonHandler"
               />
               <VButton
                 class="flex-none"

diff --git a/app/web/package.json b/app/web/package.json
@@ -65,6 +65,7 @@
     "libsodium-wrappers": "^0.7.13",
     "local-storage-fallback": "^4.1.2",
     "lodash-es": "^4.17.21",
+    "mitt": "^3.0.1",
     "pinia": "^2.1.3",
     "plur": "^5.1.0",
     "posthog-js": "^1.76.0",
@@ -84,7 +85,7 @@
     "yjs": "^13.6.8"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.131",
+    "@iconify/json": "^2.2.135",
     "@si/eslint-config": "workspace:*",
     "@si/tsconfig": "workspace:*",
     "@types/codemirror": "^5.60.5",
@@ -100,7 +101,7 @@
     "cypress": "^9.6.0",
     "eslint": "^8.36.0",
     "faker": "^6.6.6",
-    "unplugin-icons": "^0.14.14",
+    "unplugin-icons": "^0.17.1",
     "vite": "^4.4.9",
     "vite-plugin-checker": "^0.6.1",
     "vite-svg-loader": "^3.4.0",

diff --git a/app/web/src/App.vue b/app/web/src/App.vue
@@ -93,7 +93,7 @@ const selectedWorkspace = computed(() => workspacesStore.selectedWorkspace);
 const realtimeStore = useRealtimeStore();
 </script>
 
-<style>
+<style lang="less">
 .v-popper__arrow-container {
   display: none;
 }
@@ -127,4 +127,20 @@ const realtimeStore = useRealtimeStore();
     #333 20px
   );
 }
+
+/* some global css vars to be used in a few places... */
+body.light {
+  --input-border-color: @colors-neutral-400;
+  --input-bg-color: @colors-neutral-100;
+  --input-focus-bg-color: @colors-white;
+  --input-focus-border-color: @colors-action-400;
+  --panel-bg-color: @colors-white;
+}
+body.dark {
+  --input-border-color: @colors-neutral-600;
+  --input-bg-color: @colors-neutral-900;
+  --input-focus-bg-color: @colors-black;
+  --input-focus-border-color: @colors-action-300;
+  --panel-bg-color: @colors-neutral-800;
+}
 </style>
diff --git a/app/web/src/components/ApplyChangeSetButton.vue b/app/web/src/components/ApplyChangeSetButton.vue
@@ -111,7 +111,8 @@ import { usePresenceStore } from "@/store/presence.store";
 import { UserInfo } from "@/components/layout/navbar/Collaborators.vue";
 import UserIcon from "@/components/layout/navbar/UserIcon.vue";
 
-const createModalRef = ref<InstanceType<typeof Modal> | null>(null);
+const createModalRef = ref<InstanceType<typeof Modal>>();
+
 const presenceStore = usePresenceStore();
 
 const hasActions = computed(() => actionsStore.proposedActions.length > 0);

diff --git a/app/web/src/components/AttributeViewer.vue b/app/web/src/components/AttributeViewer.vue