داکت محصول (ProductDock)

import { ProductDock } from '@tokapps/tuk/dock';import { meta } from '../theme/meta';<ProductDock  policy={meta.dock}  clockDefault={meta.dockClock}  sections={[    { slug: 'home', label: 'خانه', href: '/', icon: <Icon name="home" size="auto" /> },    { slug: 'dashboard', label: 'داشبورد', href: '/dashboard', icon: <Icon name="launcher" size="auto" /> },  ]}  onSearch={() => router.push('/search')}  signInHref="/login"/>

import { setTdsSession } from '@tokapps/tuk/dock';const user = await api.me();setTdsSession({ name, avatarUrl, meta: { role } }); // بی‌صدا؛ آیکون حساب داک مستقیماً آواتار را نشان می‌دهدsetTdsSession(null);                                 // خروج بی‌صدا

'use client';import { useState } from 'react';import { CommandMenu, type CommandItem } from '@tokapps/tuk';import { ProductDock, type ProductDockProps } from '@tokapps/tuk/dock';import { identity } from '../theme/identity';import { meta } from '../theme/meta';export function DockSearch({ sections }: Pick<ProductDockProps, 'sections'>) {  const [open, setOpen] = useState(false);  const [items, setItems] = useState<CommandItem[]>([]);  const search = identity.dock.search;  const onQuery = async (q: string) => {    if (q.length < (search.minChars ?? 2)) return setItems([]);    if (search.method === 'command-menu') {      const res = await fetch(search.endpoint.replace('{query}', encodeURIComponent(q)));      setItems(await res.json());    }    // method: 'page' → router.push(search.endpoint.replace('{query}', q))  };  return (    <>      <ProductDock policy={meta.dock} clockDefault={meta.dockClock} sections={sections}        signInHref="/login" onSearch={() => setOpen(true)} />      <CommandMenu        open={open}        onOpenChange={setOpen}        hotkey="mod+k"        placeholder={search.placeholder ?? 'جستجو…'}        filter={false}        onQueryChange={onQuery}        items={items}        // نتایج از endpoint می‌آیند؛ id هر نتیجه همان مسیر مقصد است        onSelect={(item) => { setOpen(false); window.location.assign(item.id); }}      />    </>  );}