[sync] fix: ai chat UI style detail T1725 T1723 (#1074)

Synced from teableio/teable-ee@8adf65d

Author: teable-bot

apps/nestjs-backend/src/features/attachments/attachments-storage.service.ts

@@ -82,6 +82,9 @@ export class AttachmentsStorageService {
     expiresIn: number = this.urlExpireIn,
     respHeaders?: IRespHeaders
   ) {
+    // Use 50% of URL expiration time for cache TTL to ensure URLs are refreshed
+    // before they expire, preventing stale URLs after deployments
+    const cacheTtl = Math.floor(expiresIn * 0.5);
     const previewCache = await this.cacheService.get(`attachment:preview:${token}`);
     let url = previewCache?.url;
     if (!url) {
@@ -92,7 +95,7 @@ export class AttachmentsStorageService {
           url,
           expiresIn,
         },
-        expiresIn
+        cacheTtl
       );
     }
     return url;

apps/nestjs-backend/src/features/attachments/plugins/local.spec.ts

@@ -333,15 +333,15 @@ describe('LocalStorage', () => {
     });
   });
 
-  describe('getPreviewUrlInner', () => {
+  describe('getPreviewUrl', () => {
     it('should get preview URL', async () => {
       const mockBucket = 'mock-bucket';
       const mockPath = 'mock/file/path';
       const mockExpiresIn = 3600;
 
       vi.spyOn(storage.expireTokenEncryptor, 'encrypt').mockReturnValueOnce('mock-token');
 
-      const result = await storage.getPreviewUrlInner(
+      const result = await storage.getPreviewUrl(
         mockBucket,
         mockPath,
         mockExpiresIn,

apps/nestjs-backend/src/features/attachments/plugins/local.ts

@@ -257,15 +257,6 @@ export class LocalStorage implements StorageAdapter {
     expiresIn: number = second(this.config.urlExpireIn),
     respHeaders?: IRespHeaders
   ): Promise<string> {
-    return this.getPreviewUrlInner(bucket, path, expiresIn, respHeaders);
-  }
-
-  async getPreviewUrlInner(
-    bucket: string,
-    path: string,
-    expiresIn: number,
-    respHeaders?: IRespHeaders
-  ) {
     const url = this.getUrl(bucket, path, {
       expiresDate: Math.floor(Date.now() / 1000) + expiresIn,
       respHeaders,

apps/nestjs-backend/src/features/attachments/plugins/utils.ts

@@ -3,6 +3,9 @@ import { baseConfig } from '../../../configs/base.config';
 import { storageConfig } from '../../../configs/storage';
 import type { ThumbnailSize } from './types';
 
+/**
+ * public bucket storage url path
+ */
 export const getPublicFullStorageUrl = (path: string) => {
   const { storagePrefix } = baseConfig();
   const { provider, publicUrl, publicBucket } = storageConfig();
@@ -16,3 +19,16 @@ export const getPublicFullStorageUrl = (path: string) => {
 export const generateCropImagePath = (path: string, size: ThumbnailSize) => {
   return `${path}_${size}`;
 };
+
+/**
+ * resolve storage url to full url
+ */
+export const resolveStorageUrl = (url: string) => {
+  const { storagePrefix } = baseConfig();
+  const { provider } = storageConfig();
+  if (provider === 'local' && storagePrefix) {
+    return new URL(url, storagePrefix).toString();
+  }
+
+  return url;
+};

apps/nestjs-backend/src/types/i18n.generated.ts

@@ -3298,10 +3298,14 @@ export type I18nTranslations = {
         "baseList": {
             "allBases": string;
             "owner": string;
+            "createdTime": string;
             "lastOpened": string;
             "enter": string;
             "noTables": string;
             "empty": string;
+            "recent": string;
+            "manual": string;
+            "noBasesFound": string;
         };
         "publishBase": {
             "title": string;
@@ -4458,6 +4462,7 @@ export type I18nTranslations = {
                 "generateScriptAndDependencies": string;
                 "analyzingAttachment": string;
                 "locateResource": string;
+                "goTo": string;
                 "operationSuccess": string;
                 "operationFailed": string;
             };
@@ -4594,6 +4599,9 @@ export type I18nTranslations = {
                 "waitedSeconds": string;
                 "waitFailed": string;
             };
+            "expand": string;
+            "history": string;
+            "close": string;
             "dataVisualization": {
                 "error": string;
             };

apps/nextjs-app/package.json

@@ -46,7 +46,7 @@
   "devDependencies": {
     "@next/bundle-analyzer": "16.1.1",
     "@next/env": "16.1.1",
-    "@playwright/test": "1.42.1",
+    "@playwright/test": "1.57.0",
     "@size-limit/file": "11.1.2",
     "@svgr/webpack": "8.1.0",
     "@testing-library/dom": "9.3.4",

apps/nextjs-app/src/features/app/blocks/admin/setting/components/ai-config/AIConfigurationStatus.tsx

@@ -140,9 +140,9 @@ export const AIConfigurationStatus = ({ aiConfig, onNavigate }: IAIConfiguration
         </h3>
         <div
           className={cn(
-            'rounded-full px-2 py-0.5 text-xs font-medium',
+            'rounded-full px-2 py-0.5 text-xs',
             allComplete && !hasWarning
-              ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+              ? 'bg-emerald-100 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-500'
               : hasWarning
                 ? 'bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400'
                 : 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400'

apps/nextjs-app/src/features/app/blocks/admin/setting/components/ai-config/CodingModels.tsx

@@ -193,9 +193,9 @@ export const CodingModels = ({
                   const badge = (
                     <div
                       className={cn(
-                        'flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium transition-colors',
+                        'flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs transition-colors',
                         supported
-                          ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+                          ? 'bg-emerald-100 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-500'
                           : 'bg-muted text-muted-foreground'
                       )}
                     >

apps/nextjs-app/src/features/app/blocks/admin/setting/components/ai-config/LlmproviderManage.tsx

@@ -378,9 +378,9 @@ const ModelRow = ({
                   <div
                     key={abilityType}
                     className={cn(
-                      'flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium transition-colors',
+                      'flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] transition-colors',
                       tested && supported
-                        ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+                        ? 'bg-emerald-100 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-500'
                         : 'bg-muted text-muted-foreground'
                     )}
                   >
@@ -399,9 +399,9 @@ const ModelRow = ({
                 const badge = (
                   <div
                     className={cn(
-                      'flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium transition-colors',
+                      'flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] transition-colors',
                       tested && supported
-                        ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+                        ? 'bg-emerald-100 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-500'
                         : 'bg-muted text-muted-foreground'
                     )}
                   >

apps/nextjs-app/src/features/app/blocks/space-setting/SpaceInnerSettingModal.tsx

@@ -24,6 +24,7 @@ interface ISpaceInnerSettingModalProps {
 export enum SettingTab {
   General = 'general',
   Collaborator = 'collaborator',
+  Plan = 'plan',
 }
 
 export const SpaceInnerSettingModal = (props: ISpaceInnerSettingModalProps) => {