@lark-base-open/base-database-cli 1.1.1 → 1.3.8

package/templates/database-starter/page/src/components/floating-button/assets/toast-close.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5043 13.5042C13.7646 13.2439 13.7665 12.8237 13.5062 12.5633L8.94298 8.00013L13.5061 3.43697C13.7665 3.17662 13.7646 2.7564 13.5043 2.49605C13.2439 2.2357 12.8237 2.23382 12.5633 2.49416C12.303 2.75451 8.00017 7.05732 8.00017 7.05732L3.43697 2.49413C3.17662 2.23378 2.7564 2.23566 2.49605 2.49601C2.2357 2.75636 2.23381 3.17658 2.49416 3.43693L7.05736 8.00013L2.49413 12.5634C2.23378 12.8237 2.23566 13.2439 2.49601 13.5043C2.75636 13.7646 3.17659 13.7665 3.43693 13.5062L8.00017 8.94294L12.5634 13.5061C12.8237 13.7665 13.2439 13.7646 13.5043 13.5042Z" fill="#646A73"/>
+</svg>

package/templates/database-starter/page/src/components/floating-button/assets/toast-info.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8.00008" cy="8.00033" r="7.33333" fill="#1456F0"/>
+<path d="M8 5.33333C8.36819 5.33333 8.66667 5.03486 8.66667 4.66667C8.66667 4.29848 8.36819 4 8 4C7.63181 4 7.33333 4.29848 7.33333 4.66667C7.33333 5.03486 7.63181 5.33333 8 5.33333Z" fill="white"/>
+<path d="M7.33333 6C6.96514 6 6.66667 6.29848 6.66667 6.66667C6.66667 7.03486 6.96514 7.33333 7.33333 7.33333V10H6.66667C6.29848 10 6 10.2985 6 10.6667C6 11.0349 6.29848 11.3333 6.66667 11.3333H9.33333C9.70152 11.3333 10 11.0349 10 10.6667C10 10.2985 9.70152 10 9.33333 10H8.66667V6.66667C8.66667 6.29848 8.36819 6 8 6H7.33333Z" fill="white"/>
+</svg>

package/templates/database-starter/page/src/components/floating-button/assets/tooltip-caret.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="6" viewBox="0 0 24 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4383 1.99309L11.2526 5.15916C11.6504 5.60668 12.3496 5.60668 12.7474 5.15916L15.5617 1.99309C16.6886 0.725344 18.3038 0 20 0L12 0L4 0C5.69619 0 7.31142 0.725345 8.4383 1.99309Z" fill="#1F2329"/>
+</svg>

package/templates/database-starter/page/src/components/floating-button/index.tsx

@@ -1,84 +1,131 @@
-import { useCallback, useEffect, useState } from 'react'
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from 'react'
+import editDefaultIcon from './assets/edit-default.svg'
+import editActiveIcon from './assets/edit-active.svg'
+import tooltipCaretIcon from './assets/tooltip-caret.svg'
+import toastInfoIcon from './assets/toast-info.svg'
+import toastCloseIcon from './assets/toast-close.svg'
 import { fetchProjectMeta, type ProjectMeta } from './utils/project-meta'
-import { ChatbotEntry, resolveChatbotDisplayName } from './chatbot-entry'
 import {
   getDatabaseContext,
   resolveDatabaseContext,
   siteRuntime,
 } from '../../lib/database-runtime'
-
-export type FloatingButtonLanguage = 'en' | 'zh'
-
-interface FloatingButtonProps {
-  language?: FloatingButtonLanguage
-  showChatbotEntry?: boolean
-}
+import { useUiLanguage, type UiLanguage } from '../../lib/ui-language'
 
 interface FloatingButtonI18n {
   editSite: string
+  hidePanel: string
+  hiddenConfirmation: string
+  dismissNotification: string
+}
+
+interface TooltipPosition {
+  left: number
+  top: number
+  arrowLeft: number
 }
 
 const BASE_DATABASE_OVERVIEW_URL = 'https://feishu.cn/base/site/detail/overview'
-const CHATBOT_SIDEBAR_DEFAULT_WIDTH = 420
 const FLOATING_BUTTON_PAGE_GAP = 24
+const TOOLTIP_VIEWPORT_GAP = 8
+const HIDDEN_CONFIRMATION_MS = 3000
 const EMPTY_PROJECT_META: ProjectMeta = {
   baseBindings: [],
-  chatList: [],
   description: '',
   isOwner: false,
+  allowEdit: false,
   name: '',
   organization: '',
 }
-const FLOATING_BUTTON_I18N: Record<FloatingButtonLanguage, FloatingButtonI18n> =
-  {
-    en: {
-      editSite: 'Edit application',
-    },
-    zh: {
-      editSite: '编辑应用',
-    },
-  }
+const FLOATING_BUTTON_I18N: Record<UiLanguage, FloatingButtonI18n> = {
+  en: {
+    editSite: 'Edit and manage your apps',
+    hidePanel: 'Hide until next visit',
+    hiddenConfirmation: 'Edit button hidden until you reopen the app',
+    dismissNotification: 'Dismiss notification',
+  },
+  zh: {
+    editSite: '编辑与管理应用',
+    hidePanel: '隐藏面板',
+    hiddenConfirmation: '编辑按钮已隐藏，直至下次重新打开应用',
+    dismissNotification: '关闭提示',
+  },
+  ja: {
+    editSite: 'アプリを編集・管理',
+    hidePanel: '次回のアクセスまで非表示',
+    hiddenConfirmation:
+      '編集ボタンを非表示にしました。アプリを再度開くと表示されます',
+    dismissNotification: '通知を閉じる',
+  },
+}
 
-/** 渲染 Base Database 悬浮按钮入口：编辑、Chatbot。
- *
- * 原来这里还有一个「三个点」菜单，承载当前账号 / 组织 / 退出登录。它已经下掉了：
- * 悬浮控件是应用之外的一层浮层，用户不会去那里找账号。身份信息改由应用自己的导航
- * 承载，见 `page/src/components/database-user-menu`。
- *
- * @param props.language 界面语言，支持 en 和 zh，默认 en。
- * @param props.showChatbotEntry 是否显示 Chatbot 入口，默认 true。
- * @returns 悬浮按钮组。
+/** 渲染有管理权限的访问者在正式环境中的编辑入口。
+ * @returns 编辑按钮；Preview 或无管理权限时不显示。
  */
-export function FloatingButton({
-  language = 'en',
-  showChatbotEntry = true,
-}: FloatingButtonProps) {
+export function FloatingButton() {
   const [projectMeta, setProjectMeta] = useState<ProjectMeta | null>(null)
-  const [isFloatingDataLoaded, setIsFloatingDataLoaded] = useState(false)
-  const [isChatbotOpen, setIsChatbotOpen] = useState(false)
-  const [chatbotSidebarWidth, setChatbotSidebarWidth] = useState(
-    CHATBOT_SIDEBAR_DEFAULT_WIDTH,
+  const [isHidden, setIsHidden] = useState(false)
+  const [showHiddenConfirmation, setShowHiddenConfirmation] = useState(false)
+  const [activeTooltip, setActiveTooltip] = useState<'edit' | 'hide' | null>(
+    null,
   )
-  // 编辑只在线上给 owner。Preview 本身就只有 owner 进得来，isOwner 恒为 true，
-  // 靠它永远隐藏不掉，必须显式按产物环境判断。
+  const [tooltipPosition, setTooltipPosition] =
+    useState<TooltipPosition | null>(null)
+  const editButtonRef = useRef<HTMLButtonElement>(null)
+  const hideButtonRef = useRef<HTMLButtonElement>(null)
+  const tooltipRef = useRef<HTMLDivElement>(null)
+  // Preview 不展示返回编辑态入口；按钮显隐不替代宿主点击时的鉴权。
   const shouldShowEditButton =
-    projectMeta?.isOwner === true && getDatabaseContext().env === 'prod'
-  const shouldOffsetForChatbot = showChatbotEntry && isChatbotOpen
-  const shouldShowFloatingControls =
-    shouldShowEditButton || (showChatbotEntry && !isChatbotOpen)
-  const floatingButtonRight = shouldOffsetForChatbot
-    ? chatbotSidebarWidth + FLOATING_BUTTON_PAGE_GAP
-    : FLOATING_BUTTON_PAGE_GAP
-  const i18n = FLOATING_BUTTON_I18N[language]
-  const genericChatbotName = language === 'zh' ? '智能助手' : 'AI assistant'
-  const chatbotFallbackName = resolveChatbotDisplayName(
-    projectMeta?.name ?? '',
-    genericChatbotName,
-  )
+    projectMeta?.allowEdit === true && getDatabaseContext().env === 'prod'
+  const i18n = FLOATING_BUTTON_I18N[useUiLanguage()]
+
+  useLayoutEffect(() => {
+    if (!activeTooltip) return
+
+    const updateTooltipPosition = () => {
+      const trigger =
+        activeTooltip === 'edit' ? editButtonRef.current : hideButtonRef.current
+      const tooltip = tooltipRef.current
+      if (!trigger || !tooltip) return
+
+      const triggerRect = trigger.getBoundingClientRect()
+      const tooltipWidth = tooltip.offsetWidth
+      const left = Math.max(
+        TOOLTIP_VIEWPORT_GAP,
+        Math.min(
+          triggerRect.left + triggerRect.width / 2 - tooltipWidth / 2,
+          window.innerWidth - tooltipWidth - TOOLTIP_VIEWPORT_GAP,
+        ),
+      )
+      setTooltipPosition({
+        left,
+        top: triggerRect.top - tooltip.offsetHeight - 14,
+        arrowLeft: triggerRect.left + triggerRect.width / 2 - left,
+      })
+    }
+
+    updateTooltipPosition()
+    window.addEventListener('resize', updateTooltipPosition)
+    return () => window.removeEventListener('resize', updateTooltipPosition)
+  }, [activeTooltip, i18n])
+
+  useEffect(() => {
+    if (!showHiddenConfirmation) return
+    const timeout = window.setTimeout(
+      () => setShowHiddenConfirmation(false),
+      HIDDEN_CONFIRMATION_MS,
+    )
+    return () => window.clearTimeout(timeout)
+  }, [showHiddenConfirmation])
 
   useEffect(() => {
     let isCurrentRequest = true
-    setIsFloatingDataLoaded(false)
 
     /** 读取悬浮控件所需的项目资源数据。 */
     async function loadFloatingData(): Promise<void> {
@@ -91,7 +138,6 @@ export function FloatingButton({
       }
 
       setProjectMeta(nextProjectMeta)
-      setIsFloatingDataLoaded(true)
     }
 
     void loadFloatingData()
@@ -101,18 +147,6 @@ export function FloatingButton({
     }
   }, [])
 
-  useEffect(() => {
-    if (showChatbotEntry) {
-      return
-    }
-
-    setIsChatbotOpen(false)
-  }, [showChatbotEntry])
-
-  const handleChatbotOpenChange = useCallback((nextIsOpen: boolean) => {
-    setIsChatbotOpen(nextIsOpen)
-  }, [])
-
   // 编辑按钮走 site.v1 契约：应用发 request-edit，宿主切编辑态后广播 mode-changed。
   // 应用被独立访问（无宿主）时事件无人消费，回落为打开 Site 管理页。
   const requestEdit = useCallback(() => {
@@ -124,41 +158,109 @@ export function FloatingButton({
     })
   }, [])
 
-  if (!isFloatingDataLoaded || !projectMeta) {
+  if (!shouldShowEditButton) {
     return null
   }
 
+  if (isHidden) {
+    return showHiddenConfirmation ? (
+      <div
+        role="status"
+        className="fixed top-8 left-1/2 z-50 flex min-h-[54px] w-[352px] max-w-[calc(100vw-32px)] -translate-x-1/2 items-center gap-2 rounded-md bg-[#f0f4ff] px-5 py-4 text-sm leading-[22px] font-medium text-[#1f2329]"
+        style={{
+          // Figma 的内描边与三层阴影需合并，避免 ring 被行内 box-shadow 覆盖。
+          boxShadow:
+            'inset 0 0 0 1px #1456f0, 0 8px 24px 8px rgb(31 35 41 / 4%), 0 6px 12px rgb(31 35 41 / 4%), 0 4px 8px -8px rgb(31 35 41 / 6%)',
+        }}
+      >
+        <img src={toastInfoIcon} alt="" className="size-4 shrink-0" />
+        <span className="min-w-0 flex-1 pl-1 pr-2">
+          {i18n.hiddenConfirmation}
+        </span>
+        <button
+          type="button"
+          aria-label={i18n.dismissNotification}
+          className="flex size-4 shrink-0 cursor-pointer items-center justify-center"
+          onClick={() => setShowHiddenConfirmation(false)}
+        >
+          <img src={toastCloseIcon} alt="" className="size-4" />
+        </button>
+      </div>
+    ) : null
+  }
+
   return (
     <div
-      className={`fixed bottom-10 flex items-center pr-0 ${shouldOffsetForChatbot ? 'z-[80]' : 'z-40'}`}
-      style={{ right: floatingButtonRight }}
+      className="group fixed bottom-10 z-40 flex items-center"
+      style={{ right: FLOATING_BUTTON_PAGE_GAP }}
     >
+      {activeTooltip ? (
+        <div
+          ref={tooltipRef}
+          role="tooltip"
+          className="pointer-events-none fixed z-50 w-max max-w-[calc(100vw-16px)] rounded-lg bg-[#1f2329] px-3 py-2 text-xs leading-5 whitespace-normal text-white"
+          style={{
+            boxShadow:
+              '0 8px 24px 8px rgb(31 35 41 / 4%), 0 6px 12px rgb(31 35 41 / 4%), 0 4px 8px -8px rgb(31 35 41 / 6%)',
+            ...(tooltipPosition
+              ? { left: tooltipPosition.left, top: tooltipPosition.top }
+              : { visibility: 'hidden' as const }),
+          }}
+        >
+          {activeTooltip === 'edit' ? i18n.editSite : i18n.hidePanel}
+          <img
+            src={tooltipCaretIcon}
+            alt=""
+            className="pointer-events-none absolute top-full h-1.5 w-6 -translate-x-1/2"
+            style={{ left: tooltipPosition?.arrowLeft }}
+          />
+        </div>
+      ) : null}
       <div
-        className={`${shouldShowFloatingControls ? 'relative z-[80] flex' : 'hidden'} items-center gap-1.5 rounded-full bg-white p-0.5 shadow-[0_4px_4px_rgba(31,35,41,0.06),0_6px_6px_rgba(31,35,41,0.04),0_8px_12px_rgba(31,35,41,0.04)]`}
+        className="relative flex items-center rounded-full bg-white p-0.5 shadow-[0_4px_4px_rgba(31,35,41,0.06),0_6px_6px_rgba(31,35,41,0.04),0_8px_12px_rgba(31,35,41,0.04)]"
         data-floating-controls="true"
       >
-        {shouldShowEditButton ? (
-          <button
-            type="button"
-            aria-label={i18n.editSite}
-            title={i18n.editSite}
-            className="flex size-12 cursor-pointer items-center justify-center rounded-full bg-transparent text-[#2b2f36] outline-none transition-colors hover:bg-[#1f2329]/5 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 active:bg-[#1f2329]/10"
-            onClick={requestEdit}
-          >
-            <EditIcon />
-          </button>
-        ) : null}
-
-        {showChatbotEntry ? (
-          <ChatbotEntry
-            chatbots={projectMeta.chatList}
-            baseId={projectMeta.baseBindings[0]?.baseToken}
-            className="shrink-0"
-            fallbackName={chatbotFallbackName}
-            onOpenChange={handleChatbotOpenChange}
-            onSidebarWidthChange={setChatbotSidebarWidth}
+        <button
+          ref={editButtonRef}
+          type="button"
+          aria-label={i18n.editSite}
+          className="group/edit flex size-12 cursor-pointer items-center justify-center rounded-full bg-transparent outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          onMouseEnter={() => setActiveTooltip('edit')}
+          onMouseLeave={() => setActiveTooltip(null)}
+          onFocus={() => setActiveTooltip('edit')}
+          onBlur={() => setActiveTooltip(null)}
+          onClick={requestEdit}
+        >
+          <img
+            src={editDefaultIcon}
+            alt=""
+            className="size-5 group-hover/edit:hidden group-focus-visible/edit:hidden"
+          />
+          <img
+            src={editActiveIcon}
+            alt=""
+            className="hidden size-5 group-hover/edit:block group-focus-visible/edit:block"
           />
-        ) : null}
+        </button>
+        <button
+          ref={hideButtonRef}
+          type="button"
+          aria-label={i18n.hidePanel}
+          className="absolute -top-1 -right-1 flex size-4 items-center justify-center rounded-full bg-[#c8c9cc] text-[#646a73] opacity-0 transition-opacity group-hover:opacity-100 hover:bg-[#b7b9bd] focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-[#1456f0]"
+          onMouseEnter={() => setActiveTooltip('hide')}
+          onMouseLeave={() => setActiveTooltip(null)}
+          onFocus={() => setActiveTooltip('hide')}
+          onBlur={() => setActiveTooltip(null)}
+          onClick={() => {
+            setIsHidden(true)
+            setActiveTooltip(null)
+            setShowHiddenConfirmation(true)
+          }}
+        >
+          <span aria-hidden="true" className="text-[14px] leading-none">
+            ×
+          </span>
+        </button>
       </div>
     </div>
   )
@@ -171,26 +273,4 @@ function openExternalUrl(url: string): void {
   window.open(url, '_blank', 'noopener,noreferrer')
 }
 
-/** 编辑应用图标。
- * @returns 铅笔图标节点。
- */
-function EditIcon() {
-  return (
-    <svg
-      aria-hidden="true"
-      width="20"
-      height="20"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.8"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    >
-      <path d="M12 20h9" />
-      <path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" />
-    </svg>
-  )
-}
-
 export default FloatingButton

package/templates/database-starter/page/src/components/floating-button/utils/project-meta.test.ts

@@ -1,16 +1,31 @@
-import { describe, expect, it } from 'vitest'
-import { parseProjectMetaResponse } from './project-meta'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { fetchProjectMeta, parseProjectMetaResponse } from './project-meta'
 
-function projectResponse(isOwner: unknown) {
+const runtime = vi.hoisted(() => ({
+  fetch: vi.fn(),
+  resolveDatabaseContext: vi.fn(),
+}))
+
+vi.mock('../../../lib/database-runtime', async (importOriginal) => ({
+  ...(await importOriginal<object>()),
+  ...runtime,
+}))
+
+afterEach(() => {
+  vi.unstubAllGlobals()
+  vi.clearAllMocks()
+})
+
+function projectResponse(isOwner: unknown, allowEdit?: unknown) {
   return {
     code: 0,
     data: {
       isOwner,
       site: {
         baseBindings: [],
-        chatbots: [],
         description: 'Owner visibility test',
         name: 'Owner visibility test',
+        ...(allowEdit === undefined ? {} : { allowEdit }),
       },
     },
   }
@@ -32,48 +47,103 @@ describe('project owner visibility', () => {
   })
 })
 
-describe('project chatbot parsing', () => {
-  // 接口的 chatbot 字段全部可选，缺字段不能连带丢掉 isOwner 与应用名称。
-  function responseWithChatbots(chatbots: unknown) {
-    return {
+describe('edit entry permission', () => {
+  it('shows admins and owners when the server allows editing', () => {
+    expect(
+      parseProjectMetaResponse(projectResponse(false, true)).allowEdit,
+    ).toBe(true)
+  })
+
+  it('respects explicit denial and falls back to owner only for old responses', () => {
+    expect(
+      parseProjectMetaResponse(projectResponse(true, false)).allowEdit,
+    ).toBe(false)
+    expect(parseProjectMetaResponse(projectResponse(true)).allowEdit).toBe(true)
+    expect(parseProjectMetaResponse(projectResponse(false)).allowEdit).toBe(
+      false,
+    )
+    expect(
+      parseProjectMetaResponse(projectResponse(false, 'true')).allowEdit,
+    ).toBe(false)
+    expect(
+      parseProjectMetaResponse(projectResponse(true, 'true')).allowEdit,
+    ).toBe(false)
+  })
+})
+
+describe('project metadata', () => {
+  it('preserves page identity and valid Base bindings', () => {
+    const meta = parseProjectMetaResponse({
       code: 0,
       data: {
         isOwner: true,
         site: {
-          baseBindings: [{ baseToken: 'bascnBase', tableIds: ['tbl_a'] }],
-          chatbots,
+          name: ' 应用名称 ',
           description: '应用描述',
-          name: '应用名称',
+          organization: '所属组织',
+          baseBindings: [
+            null,
+            { tableIds: ['missing-token'] },
+            { baseToken: ' bascnBase ', tableIds: ['tbl_a', 42] },
+          ],
         },
       },
-    }
-  }
-
-  it('keeps the rest of the meta when a chatbot omits optional fields', () => {
-    const meta = parseProjectMetaResponse(
-      responseWithChatbots([{ id: 'chat_1' }]),
-    )
+    })
+    expect(meta).toEqual({
+      isOwner: true,
+      allowEdit: true,
+      name: '应用名称',
+      description: '应用描述',
+      organization: '所属组织',
+      baseBindings: [{ baseToken: 'bascnBase', tableIds: ['tbl_a'] }],
+    })
+  })
 
-    expect(meta.isOwner).toBe(true)
-    expect(meta.name).toBe('应用名称')
-    expect(meta.baseBindings).toEqual([
-      { baseToken: 'bascnBase', tableIds: ['tbl_a'] },
-    ])
-    expect(meta.chatList).toEqual([{ id: 'chat_1', name: '', iconInfo: '' }])
+  it.each([
+    null,
+    { code: 1 },
+    { code: 0, data: { site: null, isOwner: true } },
+  ])('fails closed for an invalid response', (response) => {
+    expect(parseProjectMetaResponse(response)).toEqual({
+      isOwner: false,
+      allowEdit: false,
+      name: '',
+      description: '',
+      organization: '',
+      baseBindings: [],
+    })
   })
 
-  it('drops entries without a usable id and keeps the valid ones', () => {
-    const meta = parseProjectMetaResponse(
-      responseWithChatbots([
-        { name: '没有 id' },
-        'not-an-object',
-        { id: 'chat_2', name: '有效', iconInfo: '{"key":"k","type":2}' },
-      ]),
-    )
+  it.each(['prod', 'preview'])(
+    'fetches only application metadata in %s',
+    async (env) => {
+      runtime.resolveDatabaseContext.mockResolvedValue({
+        env,
+        gatewayOrigin: '',
+        token: 'meta_test',
+      })
+      runtime.fetch.mockResolvedValue({
+        ok: true,
+        json: async () => projectResponse(true),
+      })
+      class MetaElement {
+        content = ''
+      }
+      const description = new MetaElement()
+      const document = { title: '', querySelector: vi.fn(() => description) }
+      vi.stubGlobal('document', document)
+      vi.stubGlobal('HTMLMetaElement', MetaElement)
 
-    expect(meta.isOwner).toBe(true)
-    expect(meta.chatList).toEqual([
-      { id: 'chat_2', name: '有效', iconInfo: '{"key":"k","type":2}' },
-    ])
-  })
+      const meta = await fetchProjectMeta()
+      expect(runtime.fetch).toHaveBeenCalledWith(
+        `/space/api/bitable/site/v1/meta_test/invoke_get${env === 'preview' ? '?env=preview' : ''}`,
+        { method: 'GET' },
+      )
+      expect(meta.isOwner).toBe(true)
+      expect(document.title).toBe('Owner visibility test')
+      expect(description.content).toBe('Owner visibility test')
+      expect(await fetchProjectMeta()).toBe(meta)
+      expect(runtime.fetch).toHaveBeenCalledTimes(1)
+    },
+  )
 })