[FEATURE] Option to truncate file paths from the beginning instead of the end

Preflight Checklist

• [x] I have searched existing requests and this feature hasn't been requested yet
• [x] This is a single feature request (not multiple features)

Problem Statement

When working with projects that have deep directory structures, file paths in the Claude Code UI are truncated at the end (e.g., TradeGenie/ui/trade-genie/src/component…). This hides the actual filename, which is typically the most important identifier when working with multiple files.

In deep directory structures common in monorepos, Vue/React apps, and .NET solutions, the filename gets pushed off-screen. When multiple files have similar paths but different names, the current truncation makes them indistinguishable.

Proposed Solution

Truncate file paths from the beginning instead of the end, keeping the filename visible:

…src/components/workspaces/NotificationDisplay.vue

Alternatively:

• Show both ends: TradeGenie/…/NotificationDisplay.vue
• Add a configurable setting in settings.json to choose truncation direction

Alternative Solutions

No workaround currently exists. I have to mentally map truncated paths to actual files or widen my terminal window significantly.

Priority

High - Significant impact on productivity

Feature Category

Interactive mode (TUI)

Use Case Example

1. I'm working on a Vue + .NET full-stack app with paths like TradeGenie/ui/trade-genie/src/components/
2. I ask Claude to edit NotificationDisplay.vue and NotificationBadge.vue with the "@" symbol
3. Both files show as TradeGenie/ui/trade-genie/src/component… - I can't tell them apart
4. With beginning-truncation, I'd see …components/workspaces/NotificationDisplay.vue and …components/shared/NotificationBadge.vue

Additional Context

Many IDEs and editors (VS Code, JetBrains) truncate from the beginning for this reason - the filename is the primary identifier users look for.