@norskvideo/norsk-studio 1.27.0-2025-04-07-8f68de69 → 1.27.0-2025-04-09-a7944f8c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norskvideo/norsk-studio",
-  "version": "1.27.0-2025-04-07-8f68de69",
+  "version": "1.27.0-2025-04-09-a7944f8c",
   "description": "",
   "scripts": {
     "postinstall": "rm -f node_modules/hls-parser/*.ts",
@@ -40,10 +40,12 @@
   ],
   "license": "See EULA at https://norsk.video/eula",
   "dependencies": {
-    "@norskvideo/norsk-sdk": "^1.0.401-2025-04-07-fe87a679",
+    "@norskvideo/norsk-sdk": "^1.0.401-2025-04-09-b3850791",
     "@norskvideo/webrtc-client": "^0.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@uiw/react-json-view": "^2.0.0-alpha.27",
     "class-variance-authority": "^0.7.1",

package/static/style.css

@@ -1235,6 +1235,10 @@ input[type="range"]::-ms-fill-lower {
   right: 0.25rem;
 }
 
+.right-2 {
+  right: 0.5rem;
+}
+
 .right-4 {
   right: 1rem;
 }
@@ -1732,6 +1736,10 @@ input[type="range"]::-ms-fill-lower {
   height: 24rem;
 }
 
+.h-\[1\.15rem\] {
+  height: 1.15rem;
+}
+
 .h-\[18px\] {
   height: 18px;
 }
@@ -1760,6 +1768,10 @@ input[type="range"]::-ms-fill-lower {
   height: 64px;
 }
 
+.h-\[var\(--radix-select-trigger-height\)\] {
+  height: var(--radix-select-trigger-height);
+}
+
 .h-auto {
   height: auto;
 }
@@ -1939,6 +1951,10 @@ input[type="range"]::-ms-fill-lower {
   min-width: 8rem;
 }
 
+.min-w-\[var\(--radix-select-trigger-width\)\] {
+  min-width: var(--radix-select-trigger-width);
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -2196,6 +2212,11 @@ input[type="range"]::-ms-fill-lower {
   scroll-snap-align: center;
 }
 
+.scroll-my-1 {
+  scroll-margin-top: 0.25rem;
+  scroll-margin-bottom: 0.25rem;
+}
+
 .list-inside {
   list-style-position: inside;
 }
@@ -3126,6 +3147,11 @@ input[type="range"]::-ms-fill-lower {
   background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
 }
 
+.bg-neutral-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
+}
+
 .bg-neutral-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
@@ -3146,6 +3172,11 @@ input[type="range"]::-ms-fill-lower {
   background-color: rgb(214 31 105 / var(--tw-bg-opacity, 1));
 }
 
+.bg-primary-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+
 .bg-primary-700 {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -3684,6 +3715,10 @@ input[type="range"]::-ms-fill-lower {
   padding-left: 4rem;
 }
 
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
 .pl-2\.5 {
   padding-left: 0.625rem;
 }
@@ -3728,6 +3763,10 @@ input[type="range"]::-ms-fill-lower {
   padding-right: 1.5rem;
 }
 
+.pr-8 {
+  padding-right: 2rem;
+}
+
 .ps-5 {
   padding-inline-start: 1.25rem;
 }
@@ -4312,14 +4351,14 @@ input[type="range"]::-ms-fill-lower {
   opacity: 0;
 }
 
-.opacity-10 {
-  opacity: 0.1;
-}
-
 .opacity-100 {
   opacity: 1;
 }
 
+.opacity-20 {
+  opacity: 0.2;
+}
+
 .opacity-50 {
   opacity: 0.5;
 }
@@ -5718,6 +5757,25 @@ input[type="file"]:focus {
   --tw-ring-color: rgb(194 120 3 / var(--tw-ring-opacity, 1));
 }
 
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus-visible\:border-gray-800:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 37 48 / var(--tw-border-opacity, 1));
+}
+
+.focus-visible\:ring-\[3px\]:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-visible\:ring-gray-800\/50:focus-visible {
+  --tw-ring-color: rgb(30 37 48 / 0.5);
+}
+
 .active\:cursor-grabbing:active {
   cursor: grabbing;
 }
@@ -6110,6 +6168,54 @@ input[type="file"]:focus {
   pointer-events: none;
 }
 
+.data-\[size\=default\]\:h-9[data-size="default"] {
+  height: 2.25rem;
+}
+
+.data-\[size\=sm\]\:h-8[data-size="sm"] {
+  height: 2rem;
+}
+
+.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+  --tw-translate-x: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[side\=right\]\:translate-x-1[data-side="right"] {
+  --tw-translate-x: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+  --tw-translate-y: -0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
+  --tw-translate-x: calc(100% - 2px);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[state\=checked\]\:bg-primary-700[data-state="checked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
+}
+
+.data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
 .data-\[inset\]\:pl-8[data-inset] {
   padding-left: 2rem;
 }
@@ -6498,6 +6604,11 @@ input[type="file"]:focus {
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:bg-neutral-800:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
+}
+
 .dark\:bg-neutral-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
@@ -7410,6 +7521,15 @@ input[type="file"]:focus {
   --tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity, 1));
 }
 
+.dark\:focus-visible\:border-gray-300:focus-visible:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
+
+.dark\:focus-visible\:ring-gray-300\/50:focus-visible:is(.dark *) {
+  --tw-ring-color: rgb(209 213 219 / 0.5);
+}
+
 .dark\:enabled\:hover\:border-cyan-700:hover:enabled:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
@@ -7633,6 +7753,26 @@ input[type="file"]:focus {
   color: rgb(63 131 248 / var(--tw-text-opacity, 1));
 }
 
+.dark\:data-\[state\=checked\]\:bg-primary-500[data-state="checked"]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:data-\[state\=checked\]\:bg-white[data-state="checked"]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:data-\[state\=unchecked\]\:bg-gray-600[data-state="unchecked"]:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
+}
+
 @media (min-width: 300px) {
   .xs\:mt-0 {
     margin-top: 0px;
@@ -7640,10 +7780,6 @@ input[type="file"]:focus {
 }
 
 @media (min-width: 640px) {
-  .sm\:col-span-2 {
-    grid-column: span 2 / span 2;
-  }
-
   .sm\:mx-auto {
     margin-left: auto;
     margin-right: auto;
@@ -7661,10 +7797,6 @@ input[type="file"]:focus {
     margin-right: 0.25rem;
   }
 
-  .sm\:mt-0 {
-    margin-top: 0px;
-  }
-
   .sm\:flex {
     display: flex;
   }
@@ -7673,10 +7805,6 @@ input[type="file"]:focus {
     display: inline-flex;
   }
 
-  .sm\:grid {
-    display: grid;
-  }
-
   .sm\:h-10 {
     height: 2.5rem;
   }
@@ -7705,23 +7833,10 @@ input[type="file"]:focus {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .sm\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .sm\:gap-4 {
-    gap: 1rem;
-  }
-
   .sm\:gap-6 {
     gap: 1.5rem;
   }
 
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
   .sm\:px-4 {
     padding-left: 1rem;
     padding-right: 1rem;

package/tailwind-theme.js

@@ -17,6 +17,11 @@ module.exports = {
           "noData": "#E61818",
           "hasData": "#0B65FF",
         },
+        node: {
+          "error": "#FF4A4A",
+          "warning": "#FF7700",
+          "active": "#20FFA6",
+        },
         success: "#00993D",
         error: "#FF4A4A",
       },

package/ui/index.html

@@ -71,28 +71,7 @@
           <select id="documents"
             class="bg-gray-50 border border-gray-300 text-gray-900 disabled:text-gray-500 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white disabled:dark:text-gray-400 dark:focus:ring-primary-500 dark:focus:border-primary-500">
           </select>
-
-          <button id="btn-upload" type="button"
-            class="disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-600 dark:disabled:text-gray-600 ml-2 text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm p-2.5 text-center inline-flex items-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-              stroke="currentColor" class="w-6 h-6">
-              <path stroke-linecap="round" stroke-linejoin="round"
-                d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"></path>
-            </svg>
-            <span class="sr-only">Upload</span>
-          </button>
-
-          <button id="btn-save" type="button"
-            class="disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-600 dark:disabled:text-gray-600 ml-2 text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm p-2.5 text-center inline-flex items-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-              stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6">
-              <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
-              <polyline points="17 21 17 13 7 13 7 21" />
-              <polyline points="7 3 7 8 15 8" />
-            </svg>
-            <span class="sr-only">Save</span>
-          </button>
-
+          
           <div id="settings"></div>
         </form>
       </div>