@adminforth/agent 1.16.3 → 1.17.0

package/build.log

@@ -31,5 +31,5 @@ custom/skills/fetch_data/SKILL.md
 custom/skills/mutate_data/
 custom/skills/mutate_data/SKILL.md
 
-sent 184,918 bytes  received 428 bytes  370,692.00 bytes/sec
-total size is 183,164  speedup is 0.99
+sent 185,223 bytes  received 432 bytes  371,310.00 bytes/sec
+total size is 183,434  speedup is 0.99

package/custom/ChatSurface.vue

@@ -193,6 +193,7 @@ const props = defineProps<{
       name: string;
     }>;
     defaultModeName: string | null;
+    stickByDefault: boolean;
   }
 }>();
 
@@ -245,6 +246,7 @@ onMounted(async () => {
   agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
   agentStore.regisrerTextInput(textInput.value);
   textInput.value?.focus();
+  agentStore.setIsTeleportedToBody(props.meta.stickByDefault);
   await agentStore.fetchSessionsList();
 });
 

package/custom/SessionsHistory.vue

@@ -6,10 +6,16 @@
     "
   >
     <h3 :class="h3Style">{{ $t('Chat history') }}</h3>
-    <Button @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" :disabled="agentStore.isResponseInProgress" class="w-[360px] mx-4 my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200">
-      <IconPlusOutline class="w-5 h-5" />
-      {{ $t('New chat') }}
-    </Button>
+    <div class="w-full flex items-center justify-center">
+      <Button 
+        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" 
+        :disabled="agentStore.isResponseInProgress" 
+        class="w-[90%] my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200"
+      >
+        <IconPlusOutline class="w-5 h-5" />
+        {{ $t('New chat') }}
+      </Button>
+    </div>
     <div class="w-full border-b border-gray-200 dark:border-gray-700"/>
     <div class="absolute w-full h-full flex flex-col items-center justify-center bg-gray-100/50 dark:bg-gray-700/50 z-10" v-if="agentStore.isResponseInProgress">
       <Spinner class="w-8 h-8" v-if="agentStore.isResponseInProgress" />
@@ -23,11 +29,12 @@
       <button
         v-for="session in group.sessions"
         :key="session.sessionId"
-        class="flex items-center justify-between w-full px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-200 ease-in-out text-gray-800 dark:text-gray-200"
+        class=" flex items-center justify-between w-full px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-200 ease-in-out text-gray-800 dark:text-gray-200"
         :class="{
           'bg-lightPrimary/20 hover:bg-lightPrimary/20 dark:bg-darkPrimary/20 dark:hover:bg-darkPrimary/20': agentStore.activeSessionId === session.sessionId, 
-          'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress
-        }"
+          'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress,
+          'pl-8': agentStore.isFullScreen
+         }"
         @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false);"
         :disabled="agentStore.isResponseInProgress"
       >

package/custom/ToolRenderer.vue

@@ -25,7 +25,7 @@
       />
     </div>
     <transition name="expand">
-      <div v-show="isInputOutputExpanded" class="max-h-72 space-y-3 overflow-y-auto pr-1">
+      <div v-if="isInputOutputExpanded" v-show="isInputOutputExpanded" class="max-h-72 space-y-3 overflow-y-auto pr-1">
         <section
           v-for="section in toolSections"
           :key="section.label"

package/dist/custom/ChatSurface.vue

@@ -193,6 +193,7 @@ const props = defineProps<{
       name: string;
     }>;
     defaultModeName: string | null;
+    stickByDefault: boolean;
   }
 }>();
 
@@ -245,6 +246,7 @@ onMounted(async () => {
   agentStore.setAvailableModes(props.meta.modes, props.meta.defaultModeName);
   agentStore.regisrerTextInput(textInput.value);
   textInput.value?.focus();
+  agentStore.setIsTeleportedToBody(props.meta.stickByDefault);
   await agentStore.fetchSessionsList();
 });
 

package/dist/custom/SessionsHistory.vue

@@ -6,10 +6,16 @@
     "
   >
     <h3 :class="h3Style">{{ $t('Chat history') }}</h3>
-    <Button @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" :disabled="agentStore.isResponseInProgress" class="w-[360px] mx-4 my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200">
-      <IconPlusOutline class="w-5 h-5" />
-      {{ $t('New chat') }}
-    </Button>
+    <div class="w-full flex items-center justify-center">
+      <Button 
+        @click="agentStore.createPreSession(); agentStore.setSessionHistoryOpen(false); agentStore.focusTextInput();" 
+        :disabled="agentStore.isResponseInProgress" 
+        class="w-[90%] my-2 mb-4 rounded-3xl text-gray-800 dark:text-gray-200"
+      >
+        <IconPlusOutline class="w-5 h-5" />
+        {{ $t('New chat') }}
+      </Button>
+    </div>
     <div class="w-full border-b border-gray-200 dark:border-gray-700"/>
     <div class="absolute w-full h-full flex flex-col items-center justify-center bg-gray-100/50 dark:bg-gray-700/50 z-10" v-if="agentStore.isResponseInProgress">
       <Spinner class="w-8 h-8" v-if="agentStore.isResponseInProgress" />
@@ -23,11 +29,12 @@
       <button
         v-for="session in group.sessions"
         :key="session.sessionId"
-        class="flex items-center justify-between w-full px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-200 ease-in-out text-gray-800 dark:text-gray-200"
+        class=" flex items-center justify-between w-full px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-200 ease-in-out text-gray-800 dark:text-gray-200"
         :class="{
           'bg-lightPrimary/20 hover:bg-lightPrimary/20 dark:bg-darkPrimary/20 dark:hover:bg-darkPrimary/20': agentStore.activeSessionId === session.sessionId, 
-          'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress
-        }"
+          'cursor-default opacity-50 pointer-events-none': agentStore.isResponseInProgress,
+          'pl-8': agentStore.isFullScreen
+         }"
         @click="agentStore.setActiveSession(session.sessionId); agentStore.setSessionHistoryOpen(false);"
         :disabled="agentStore.isResponseInProgress"
       >

package/dist/custom/ToolRenderer.vue

@@ -25,7 +25,7 @@
       />
     </div>
     <transition name="expand">
-      <div v-show="isInputOutputExpanded" class="max-h-72 space-y-3 overflow-y-auto pr-1">
+      <div v-if="isInputOutputExpanded" v-show="isInputOutputExpanded" class="max-h-72 space-y-3 overflow-y-auto pr-1">
         <section
           v-for="section in toolSections"
           :key="section.label"

package/dist/index.js

@@ -100,7 +100,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
             modifyResourceConfig: { get: () => super.modifyResourceConfig }
         });
         return __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _a, _b;
             _super.modifyResourceConfig.call(this, adminforth, resourceConfig);
             if (!((_a = this.options.modes) === null || _a === void 0 ? void 0 : _a.length)) {
                 throw new Error("modes is required for AdminForthAgentPlugin");
@@ -114,6 +114,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
                     pluginInstanceId: this.pluginInstanceId,
                     modes: this.options.modes.map((mode) => ({ name: mode.name })),
                     defaultModeName: this.options.modes[0].name,
+                    stickByDefault: (_b = this.options.stickByDefault) !== null && _b !== void 0 ? _b : false,
                 }
             });
             if (!this.pluginOptions.sessionResource) {

package/index.ts

@@ -130,6 +130,7 @@ export default class AdminForthAgentPlugin extends AdminForthPlugin {
         pluginInstanceId: this.pluginInstanceId,
         modes: this.options.modes.map((mode) => ({ name: mode.name })),
         defaultModeName: this.options.modes[0].name,
+        stickByDefault: this.options.stickByDefault ?? false,
       }
     });
     if (!this.pluginOptions.sessionResource) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/agent",
-  "version": "1.16.3",
+  "version": "1.17.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/types.ts

@@ -70,4 +70,9 @@ export interface PluginOptions extends PluginsCommonOptions {
    * Resource configuration for turns.
    */
   turnResource: ITurnResource;
+
+  /**
+   * Makes chat sticky by default. By default this prop is false
+   */
+  stickByDefault?: boolean;
 }