@drax/ai-vue 3.16.0

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@drax/ai-vue",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "3.16.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "types": "./src/index.ts",
+  "files": [
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@drax/ai-front": "^3.16.0",
+    "@drax/crud-vue": "^3.15.0"
+  },
+  "peerDependencies": {
+    "pinia": "^3.0.4",
+    "vue": "^3.5.28",
+    "vue-i18n": "^11.2.8",
+    "vuetify": "^3.11.8"
+  },
+  "devDependencies": {
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^25.2.3",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "typescript": "5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.28",
+    "vue-tsc": "^3.2.4",
+    "vuetify": "^3.11.8"
+  },
+  "gitHead": "5254c8b1b2b59de46654f135122f38bd29ae5452"
+}

package/src/comboboxes/AILogCombobox.vue

@@ -0,0 +1,79 @@
+
+<script setup lang="ts">
+import AILogCrud from '../cruds/AILogCrud'
+import {CrudAutocomplete} from "@drax/crud-vue";
+import {IEntityCrudField} from "@drax/crud-share";
+import {defineProps} from "vue";
+import type {PropType} from "vue";
+
+
+const valueModel = defineModel<any>({type: String})
+
+const entityName = AILogCrud.instance.name
+
+const {name, label} = defineProps({
+  name: {type: String as PropType<string>, required: false},
+  label: {type: String as PropType<string>, required: false},
+  itemTitle: {type: [String], default: 'name'},
+  itemValue: {type: [String], default: '_id'},
+  prependIcon: {type: String},
+  prependInnerIcon: {type: String},
+  appendIcon: {type: String},
+  appendInnerIcon: {type: String},
+  multiple: {type: Boolean, default: false},
+  chips: {type: Boolean, default: false},
+  closableChips: {type: Boolean, default: true},
+  readonly: {type: Boolean, default: false},
+  clearable: {type: Boolean, default: true},
+  hint: {type: String},
+  persistentHint: {type: Boolean, default: false},
+  rules: {type: Array as PropType<any>, default: () => []},
+  errorMessages: {type: Array as PropType<string[]>, default: () => []},
+  hideDetails: {type: Boolean, default: false},
+  singleLine: {type: Boolean, default: false},
+  addOnTheFly: {type: Boolean, default: false},
+  density: {type: String as PropType<'comfortable' | 'compact' | 'default'>, default: 'default'},
+  variant: {type: String as PropType<'underlined' | 'outlined' | 'filled' | 'solo' | 'solo-inverted' | 'solo-filled' | 'plain'>, default: 'filled'},
+})
+
+
+const field: IEntityCrudField = {
+  default: undefined,
+  label: label || entityName,
+  name: name || entityName,
+  type: 'ref'
+}
+
+
+</script>
+
+<template>
+
+  <crud-autocomplete
+    v-model="valueModel"
+    :field="field"
+    :entity="AILogCrud.instance"
+    :hint="hint"
+    :persistent-hint="persistentHint"
+    :error-messages="errorMessages"
+    :rules="rules"
+    :density="density"
+    :variant="variant"
+    :readonly="readonly"
+    :clearable="clearable"
+    :hide-details="hideDetails"
+    :single-line="singleLine"
+    :prepend-icon="prependIcon"
+    :append-icon="appendIcon"
+    :prepend-inner-icon="prependInnerIcon"
+    :append-inner-icon="appendInnerIcon"
+    :add-on-the-fly="addOnTheFly"
+  ></crud-autocomplete>
+
+</template>
+
+<style scoped>
+
+</style>
+
+

package/src/components/cruds/AILogCrud.vue

@@ -0,0 +1,21 @@
+
+<script setup lang="ts">
+import AILogCrud from '../../cruds/AILogCrud'
+import {Crud} from "@drax/crud-vue";
+import {formatDate} from "@drax/common-front"
+
+</script>
+
+<template>
+  <crud :entity="AILogCrud.instance">
+    <template v-slot:item.startedAt="{value}">{{formatDate(value)}}</template>
+    <template v-slot:item.endedAt="{value}">{{formatDate(value)}}</template>
+    <template v-slot:item.tenant="{value}">{{value?.name}}</template>
+    <template v-slot:item.user="{value}">{{value?.username}}</template>
+  </crud>
+</template>
+
+<style scoped>
+
+</style>
+

package/src/cruds/AILogCrud.ts

@@ -0,0 +1,215 @@
+
+import {EntityCrud} from "@drax/crud-vue";
+import type{
+  IDraxCrudProvider,
+  IEntityCrud,
+  IEntityCrudField,
+  IEntityCrudFilter,
+  IEntityCrudHeader,
+  IEntityCrudPermissions,
+  IEntityCrudRefs,
+  IEntityCrudRules
+} from "@drax/crud-share";
+import {AILogProvider} from "@drax/ai-front";
+
+//Import EntityCrud Refs
+import {TenantCrud} from "@drax/identity-vue"
+import {UserCrud} from "@drax/identity-vue"
+
+class AILogCrud extends EntityCrud implements IEntityCrud {
+
+  static singleton: AILogCrud
+
+  constructor() {
+    super();
+    this.name = 'AILog'
+  }
+
+  static get instance(): AILogCrud {
+    if(!AILogCrud.singleton){
+      AILogCrud.singleton = new AILogCrud()
+    }
+    return AILogCrud.singleton
+  }
+
+  get permissions(): IEntityCrudPermissions{
+    return {
+      manage: 'ailog:manage',
+      view: 'ailog:view',
+      create: 'ailog:create',
+      update: 'ailog:update',
+      delete: 'ailog:delete'
+    }
+  }
+
+  get headers(): IEntityCrudHeader[] {
+    return [
+        {title: 'provider',key:'provider', align: 'start'},
+{title: 'model',key:'model', align: 'start'},
+{title: 'operationTitle',key:'operationTitle', align: 'start'},
+{title: 'operationGroup',key:'operationGroup', align: 'start'},
+{title: 'inputTokens',key:'inputTokens', align: 'start'},
+{title: 'outputTokens',key:'outputTokens', align: 'start'},
+{title: 'tokens',key:'tokens', align: 'start'},
+{title: 'startedAt',key:'startedAt', align: 'start'},
+{title: 'endedAt',key:'endedAt', align: 'start'},
+{title: 'responseTime',key:'responseTime', align: 'start'},
+{title: 'success',key:'success', align: 'start'},
+{title: 'statusCode',key:'statusCode', align: 'start'},
+{title: 'tenant',key:'tenant', align: 'start'},
+{title: 'user',key:'user', align: 'start'}
+    ]
+  }
+
+  get selectedHeaders(): string[] {
+    return this.headers.map(header => header.key)
+  }
+
+  get actionHeaders():IEntityCrudHeader[]{
+    return [
+      {
+        title: 'action.actions',
+        key: 'actions',
+        sortable: false,
+        align: 'center',
+        minWidth: '190px',
+        fixed: 'end'
+      },
+    ]
+  }
+
+  get provider(): IDraxCrudProvider<any, any, any>{
+    return AILogProvider.instance
+  }
+
+  get refs(): IEntityCrudRefs{
+    return {
+      Tenant: TenantCrud.instance ,
+User: UserCrud.instance
+    }
+  }
+
+  get rules():IEntityCrudRules{
+    return {
+      inputImages: [],
+inputFiles: []
+    }
+  }
+
+  get fields(): IEntityCrudField[]{
+    return [
+        {name:'provider',type:'string',label:'provider',default:'',groupTab: 'REQUEST'},
+{name:'model',type:'string',label:'model',default:'',groupTab: 'REQUEST'},
+{name:'operationTitle',type:'string',label:'operationTitle',default:'',groupTab: 'REQUEST'},
+{name:'operationGroup',type:'string',label:'operationGroup',default:'',groupTab: 'REQUEST'},
+{name:'ip',type:'string',label:'ip',default:'',groupTab: 'REQUEST'},
+{name:'userAgent',type:'longString',label:'userAgent',default:'',groupTab: 'REQUEST'},
+{name:'input',type:'longString',label:'input',default:'',groupTab: 'REQUEST'},
+{name:'inputImages',type:'array.object',label:'inputImages',default:[],groupTab: 'FILES',objectFields: [{name:'filename',type:'string',label:'filename',default:''},
+{name:'filepath',type:'string',label:'filepath',default:''},
+{name:'size',type:'number',label:'size',default:null},
+{name:'mimetype',type:'string',label:'mimetype',default:''},
+{name:'url',type:'string',label:'url',default:''}]},
+{name:'inputFiles',type:'array.object',label:'inputFiles',default:[],groupTab: 'FILES',objectFields: [{name:'filename',type:'string',label:'filename',default:''},
+{name:'filepath',type:'string',label:'filepath',default:''},
+{name:'size',type:'number',label:'size',default:null},
+{name:'mimetype',type:'string',label:'mimetype',default:''},
+{name:'url',type:'string',label:'url',default:''}]},
+{name:'inputTokens',type:'number',label:'inputTokens',default:null,groupTab: 'USAGE'},
+{name:'outputTokens',type:'number',label:'outputTokens',default:null,groupTab: 'USAGE'},
+{name:'tokens',type:'number',label:'tokens',default:null,groupTab: 'USAGE'},
+{name:'startedAt',type:'date',label:'startedAt',default:null,groupTab: 'USAGE'},
+{name:'endedAt',type:'date',label:'endedAt',default:null,groupTab: 'USAGE'},
+{name:'responseTime',type:'string',label:'responseTime',default:'',groupTab: 'USAGE'},
+{name:'output',type:'longString',label:'output',default:'',groupTab: 'RESULT'},
+{name:'success',type:'boolean',label:'success',default:false,groupTab: 'RESULT'},
+{name:'statusCode',type:'number',label:'statusCode',default:null,groupTab: 'RESULT'},
+{name:'errorMessage',type:'longString',label:'errorMessage',default:'',groupTab: 'RESULT'},
+{name:'tenant',type:'ref',label:'tenant',default:null,groupTab: 'MANAGE',ref: 'Tenant',refDisplay: 'name'},
+{name:'user',type:'ref',label:'user',default:null,groupTab: 'MANAGE',ref: 'User',refDisplay: 'username'}
+    ]
+  }
+
+  get filters():IEntityCrudFilter[]{
+    return [
+      //{name: '_id', type: 'string', label: 'ID', default: '', operator: 'eq' },
+    ]
+  }
+
+  get isViewable(){
+    return true
+  }
+
+  get isEditable(){
+    return true
+  }
+
+  get isCreatable(){
+    return true
+  }
+
+  get isDeletable(){
+    return true
+  }
+
+  get isExportable(){
+    return true
+  }
+
+  get exportFormats(){
+    return ['CSV', 'JSON']
+  }
+
+  get exportHeaders(){
+    return ['_id']
+  }
+
+  get isImportable(){
+    return false
+  }
+
+  get isColumnSelectable() {
+    return true
+  }
+
+  get isGroupable() {
+    return true
+  }
+
+  get importFormats(){
+    return ['CSV', 'JSON']
+  }
+
+  get dialogFullscreen(){
+    return false
+  }
+
+  get tabs() {
+    return [
+     'REQUEST', 'FILES', 'USAGE', 'RESULT', 'MANAGE'
+    ]
+  }
+
+  get menus() {
+    return [
+
+    ]
+  }
+
+  get searchEnable() {
+    return true
+  }
+
+   get filtersEnable(){
+    return true
+  }
+
+  get dynamicFiltersEnable(){
+    return true
+  }
+
+
+}
+
+export default AILogCrud
+

package/src/index.ts

@@ -0,0 +1,16 @@
+import AiRoutes from './routes/index'
+import AILogCrudPage from './pages/crud/AILogCrudPage.vue'
+import AILogCrud from './components/cruds/AILogCrud.vue'
+import AILogEntityCrud from './cruds/AILogCrud'
+
+
+export {
+    //ROUTES
+    AiRoutes,
+    //PAGES
+    AILogCrudPage,
+    //COMPONENTS
+    AILogCrud,
+    //CRUD
+    AILogEntityCrud,
+}

package/src/interfaces/IAILog.ts

@@ -0,0 +1,82 @@
+
+interface IAILogBase {
+    provider?: string
+    model?: string
+    operationTitle?: string
+    operationGroup?: string
+    ip?: string
+    userAgent?: string
+    input?: string
+    inputImages?: Array<{
+    filename?: string
+    filepath?: string
+    size?: number
+    mimetype?: string
+    url?: string
+    }>
+    inputFiles?: Array<{
+    filename?: string
+    filepath?: string
+    size?: number
+    mimetype?: string
+    url?: string
+    }>
+    inputTokens?: number
+    outputTokens?: number
+    tokens?: number
+    startedAt?: Date
+    endedAt?: Date
+    responseTime?: string
+    output?: string
+    success?: boolean
+    statusCode?: number
+    errorMessage?: string
+    tenant?: any
+    user?: any
+    createdAt?: Date
+    updatedAt?: Date
+}
+
+interface IAILog {
+    _id: string
+    provider?: string
+    model?: string
+    operationTitle?: string
+    operationGroup?: string
+    ip?: string
+    userAgent?: string
+    input?: string
+    inputImages?: Array<{
+    filename?: string
+    filepath?: string
+    size?: number
+    mimetype?: string
+    url?: string
+    }>
+    inputFiles?: Array<{
+    filename?: string
+    filepath?: string
+    size?: number
+    mimetype?: string
+    url?: string
+    }>
+    inputTokens?: number
+    outputTokens?: number
+    tokens?: number
+    startedAt?: Date
+    endedAt?: Date
+    responseTime?: string
+    output?: string
+    success?: boolean
+    statusCode?: number
+    errorMessage?: string
+    tenant?: any
+    user?: any
+    createdAt?: Date
+    updatedAt?: Date
+}
+
+export type {
+IAILogBase, 
+IAILog
+}

package/src/pages/crud/AILogCrudPage.vue

@@ -0,0 +1,14 @@
+
+<script setup lang="ts">
+import AILogCrud from '../../components/cruds/AILogCrud.vue'
+
+</script>
+
+<template>
+  <AILogCrud />
+</template>
+
+<style scoped>
+
+</style>
+

package/src/routes/AILogCrudRoute.ts

@@ -0,0 +1,18 @@
+
+import AILogCrudPage from "../pages/crud/AILogCrudPage.vue";
+
+
+const AILogCrudRoute = [
+  {
+    name: 'AILogCrudPage',
+    path: '/crud/ailog',
+    component: AILogCrudPage,
+    meta: {
+      auth: true,
+      permission: 'ailog:manage',
+    }
+  },
+]
+
+export default AILogCrudRoute
+export { AILogCrudRoute }

package/src/routes/index.ts

@@ -0,0 +1,8 @@
+
+import AILogCrudRoute from "./AILogCrudRoute"
+
+export const routes = [
+    ...AILogCrudRoute
+]
+
+export default routes