tbenandClaude Opus 5.5
3e78d51b56
Lists no longer add twui's 25px list margin on top of full width, markdown blocks and list items are capped at the column, long words and inline code wrap anywhere, and ref chips with long labels truncate instead of pushing the line past the edge. Co-Authored-By: Claude Opus 5.5 <[email protected]>
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import { useContext } from "react";
|
|
import Link from "@moduletrace/twui/layout/Link";
|
|
import Span from "@moduletrace/twui/layout/Span";
|
|
import BotAvatar from "@/src/components/general/bot-avatar";
|
|
import type { BotFace } from "@/src/dict/bot-dict";
|
|
import botStoneProps from "@/src/utils/bot-stone-props";
|
|
import { AppContext } from "@/src/pages/__root";
|
|
import { CrewBotsContext } from "../(data)/crew-bots-context";
|
|
import AdminShield from "@/src/components/general/admin-shield";
|
|
|
|
type Props = {
|
|
bot_id: number;
|
|
};
|
|
|
|
/**
|
|
* A crew member a bot named in a message (`botRef`): a link to its
|
|
* conversation, in the open workspace when it's in the crew there, else
|
|
* its own chat. A bot the user doesn't reach is shown by name only.
|
|
*/
|
|
export default function BotRefChip({ bot_id }: Props) {
|
|
const { pageProps } = useContext(AppContext);
|
|
const workspace_id = pageProps?.workspace?.id;
|
|
const bots = useContext(CrewBotsContext);
|
|
const bot = bots.find((b) => b.id == bot_id);
|
|
|
|
if (!bot) {
|
|
return <Span className="font-bold">{`bot ${bot_id}`}</Span>;
|
|
}
|
|
|
|
return (
|
|
<Link
|
|
href={
|
|
workspace_id
|
|
? `/admin/workspaces/${workspace_id}/bots/${bot.id}`
|
|
: `/admin/bots/${bot.id}`
|
|
}
|
|
title={`Open ${bot.name}`}
|
|
className="inline-flex h-6 max-w-full gap-1.5 items-center px-1.5 align-middle rounded-default-xs border-0 bg-sunken text-[13px] font-bold leading-4 text-ink whitespace-nowrap hover:opacity-80"
|
|
>
|
|
<BotAvatar
|
|
image_media_id={bot.image_media_id}
|
|
{...botStoneProps({ color: bot.color, stone: bot.stone, hue: bot.hue })}
|
|
face={(bot.face || "idle") as BotFace}
|
|
label={bot.name || ""}
|
|
size={18}
|
|
className="shrink-0"
|
|
/>
|
|
<Span className="min-w-0 truncate">{bot.name}</Span>
|
|
{workspace_id && bot.is_admin ? <AdminShield size={13} className="shrink-0" /> : null}
|
|
</Link>
|
|
);
|
|
}
|