ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(app): add middle truncation for filename in comment card

Browse source
This commit is contained in:
David Hill 2026-01-23 21:49:24 +00:00
commit 75cccc305a
2 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
packages/app/src/components/prompt-input.tsx
View file

@ -39,7 +39,7 @@ import type { IconName } from "@opencode-ai/ui/icons/provider"
import { Tooltip, TooltipKeybind } from "@opencode-ai/ui/tooltip"
import { IconButton } from "@opencode-ai/ui/icon-button"
import { Select } from "@opencode-ai/ui/select"
import { getDirectory, getFilename } from "@opencode-ai/util/path"
import { getDirectory, getFilename, getFilenameTruncated } from "@opencode-ai/util/path"
import { useDialog } from "@opencode-ai/ui/context/dialog"
import { ImagePreview } from "@opencode-ai/ui/image-preview"
import { ModelSelectorPopover } from "@/components/dialog-select-model"
@ -1691,18 +1691,13 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
tabs().open("review")
}}
>
<div class="flex items-center gap-2">
<div class="flex items-center gap-1.5">
<FileIcon node={{ path: item.path, type: "file" }} class="shrink-0 size-3.5" />
<div
class="flex-1 flex items-center text-11-regular min-w-0"
style={{ "font-weight": "var(--font-weight-medium)" }}
>
<span class="truncate min-w-0" style={{ direction: "rtl", "text-align": "left" }}>
<bdi>
<span class="text-text-weak">{getDirectory(item.path)}</span>
<span class="text-text-strong">{getFilename(item.path)}</span>
</bdi>
</span>
<span class="text-text-strong whitespace-nowrap">{getFilenameTruncated(item.path, 18)}</span>
<Show when={item.selection}>
{(sel) => (
<span class="text-text-weak whitespace-nowrap shrink-0">