pinokiod 7.1.45 → 7.1.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "7.1.45",
+  "version": "7.1.46",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/views/index.ejs

@@ -450,8 +450,8 @@ aside .btn-tab .btn .caption {
   position: relative;
   align-items: center;
   gap: 5px;
-  height: 25px;
-  min-height: 25px;
+  height: 40px;
+  min-height: 40px;
   padding: 0 10px;
   border: 1px solid var(--home-sort-border);
   border-radius: 6px;
@@ -643,56 +643,6 @@ body.dark .home-search-form .home-apps-sort .ts-dropdown [data-selectable].optio
   background: var(--home-sort-option-hover-bg);
   color: var(--home-sort-option-hover-text);
 }
-.home-mode-switch {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  padding: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: 6px;
-  overflow: visible;
-  background: rgba(0, 0, 0, 0.05);
-  box-sizing: border-box;
-}
-body.dark .home-mode-switch {
-  border-color: rgba(255, 255, 255, 0.05);
-  background: rgba(255, 255, 255, 0.06);
-}
-.home-mode-switch .mode-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  height: 34px;
-  padding: 0 12px;
-  border-radius: 4px;
-  text-decoration: none;
-  color: inherit;
-  border: none;
-  background: transparent;
-  font-weight: 600;
-  font-size: 13px;
-  opacity: 1;
-  line-height: 1;
-  box-sizing: border-box;
-}
-.home-mode-switch .mode-link:hover {
-  background: rgba(65, 105, 225, 0.12);
-}
-.home-mode-switch .mode-link.selected,
-.home-mode-switch .mode-link[aria-current="page"] {
-  background: var(--pinokio-chrome-accent-bg-light) !important;
-  color: var(--pinokio-chrome-accent-fg-light) !important;
-}
-body.dark .home-mode-switch .mode-link.selected,
-body.dark .home-mode-switch .mode-link[aria-current="page"] {
-  background: var(--pinokio-chrome-accent-bg-dark) !important;
-  color: var(--pinokio-chrome-accent-fg-dark) !important;
-}
-.home-search-mode-switch {
-  flex: 0 0 auto;
-  margin-right: 0;
-  align-self: center;
-}
 .home-search-form {
   align-items: center;
   gap: 8px;
@@ -701,35 +651,9 @@ body.dark .home-mode-switch .mode-link[aria-current="page"] {
 body.dark .home-search-form {
   border-bottom-color: rgba(148, 163, 184, 0.22);
 }
-.home-search-form .home-search-mode-switch {
-  align-self: center;
-}
-.home-search-form .home-mode-switch {
-  gap: 0;
-  padding: 0;
-  height: 25px;
-  align-items: center;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.home-search-form .home-mode-switch .mode-link {
-  height: 100%;
-  padding: 0 10px;
-  border-radius: 0;
-  display: inline-flex;
-  align-items: center;
-  font-size: 12px;
-  font-weight: 700;
-}
-.home-search-form .home-mode-switch .mode-link + .mode-link {
-  border-left: 1px solid rgba(0, 0, 0, 0.14);
-}
-body.dark .home-search-form .home-mode-switch .mode-link + .mode-link {
-  border-left-color: rgba(255, 255, 255, 0.05);
-}
 .home-search-form input[type='search'].flexible {
-  height: 25px;
-  min-height: 25px;
+  height: 40px;
+  min-height: 40px;
   box-sizing: border-box;
   padding: 0 10px;
   border-radius: 5px;
@@ -904,16 +828,6 @@ body.dark aside .current.selected {
 <% if (ishome) { %>
   <% const currentHomeSort = (typeof home_sort === "string" ? home_sort : "most_used") %>
   <form class='search home-search-form'>
-    <div class="home-mode-switch home-search-mode-switch" role="tablist" aria-label="Home modes">
-      <a class="mode-link selected" href="/home" aria-current="page">
-        <i class="fa-solid fa-box"></i>
-        <span>Apps</span>
-      </a>
-      <a class="mode-link" href="/home?mode=terminals">
-        <i class="fa-solid fa-robot"></i>
-        <span>Agents</span>
-      </a>
-    </div>
     <% if (display.includes("form")) { %>
       <input type='search' class="flexible" placeholder='Search apps'>
     <% } else { %>

package/server/views/terminals.ejs

@@ -661,70 +661,6 @@ body.dark .terminals-search-form {
   text-decoration: none;
 }
 
-.terminals-search-form .home-mode-switch {
-  display: inline-flex;
-  align-items: center;
-  gap: 0;
-  padding: 0;
-  height: var(--terminals-top-control-height);
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: var(--terminals-top-control-radius);
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.05);
-  box-sizing: border-box;
-}
-
-body.dark .terminals-search-form .home-mode-switch {
-  border-color: rgba(255, 255, 255, 0.05);
-  background: rgba(255, 255, 255, 0.06);
-}
-
-.terminals-search-form .home-mode-switch .mode-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  height: 100%;
-  padding: 0 10px;
-  border-radius: 0;
-  text-decoration: none;
-  color: inherit;
-  border: none;
-  background: transparent;
-  font-weight: 700;
-  font-size: 12px;
-  opacity: 1;
-  line-height: 1;
-  box-sizing: border-box;
-}
-
-.terminals-search-form .home-mode-switch .mode-link + .mode-link {
-  border-left: 1px solid rgba(0, 0, 0, 0.14);
-}
-
-body.dark .terminals-search-form .home-mode-switch .mode-link + .mode-link {
-  border-left-color: rgba(255, 255, 255, 0.05);
-}
-
-.terminals-search-form .home-mode-switch .mode-link:hover {
-  background: rgba(65, 105, 225, 0.12);
-}
-
-body.dark .terminals-search-form .home-mode-switch .mode-link:hover {
-  background: rgba(65, 105, 225, 0.12);
-}
-
-.terminals-search-form .home-mode-switch .mode-link.selected,
-.terminals-search-form .home-mode-switch .mode-link[aria-current="page"] {
-  background: var(--pinokio-chrome-accent-bg-light) !important;
-  color: var(--pinokio-chrome-accent-fg-light) !important;
-}
-
-body.dark .terminals-search-form .home-mode-switch .mode-link.selected,
-body.dark .terminals-search-form .home-mode-switch .mode-link[aria-current="page"] {
-  background: var(--pinokio-chrome-accent-bg-dark) !important;
-  color: var(--pinokio-chrome-accent-fg-dark) !important;
-}
-
 #terminals-empty-main {
   border: 1px dashed rgba(127, 127, 127, 0.4);
   border-radius: 0;
@@ -4301,16 +4237,6 @@ body.dark .swal2-popup.pinokio-diff-modal .pinokio-modal-footer--commit .pinokio
 <main>
   <div class='container terminals-page'>
     <form class='search terminals-search-form'>
-      <div class="home-mode-switch" role="tablist" aria-label="Home modes">
-        <a class="mode-link" href="/home">
-          <i class="fa-solid fa-computer"></i>
-          <span>Apps</span>
-        </a>
-        <a class="mode-link selected" href="/home?mode=terminals" aria-current="page">
-          <i class="fa-solid fa-robot"></i>
-          <span>Agents</span>
-        </a>
-      </div>
       <div class="terminals-top-search-controls" id="terminals-top-search-controls">
         <div class="terminals-list-intro" id="terminals-top-list-intro">
           <div class="terminals-list-intro-progress" aria-hidden="true"></div>