mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-15 02:20:38 +09:00
## Thinking Path > - Paperclip operators spend much of their time in issues, inboxes, selectors, and rich comment threads. > - Small interaction problems in those surfaces slow down supervision of AI-agent work. > - The branch included related operator quality-of-life fixes for issue layout, inbox actions, recent selectors, mobile inputs, and chat rendering stability. > - These changes are UI-focused and can land independently from workspace navigation and access-profile work. > - This pull request groups the operator QoL fixes into one standalone branch. > - The benefit is a more stable and efficient board workflow for issue triage and task editing. ## What Changed - Widened issue detail content and added a desktop inbox archive action. - Fixed mobile text-field zoom by keeping touch input font sizes at 16px. - Prioritized recent picker selections for assignees/projects in issue and routine flows. - Showed actionable approvals in the Mine inbox model. - Fixed issue chat renderer state crashes and hardened tests. ## Verification - `pnpm install --frozen-lockfile` - `pnpm exec vitest run ui/src/components/IssueChatThread.test.tsx ui/src/lib/inbox.test.ts ui/src/lib/recent-selections.test.ts` - Split integration check: merged last after the other [PAP-1614](/PAP/issues/PAP-1614) branches with no merge conflicts. - Confirmed this branch does not include `pnpm-lock.yaml`. ## Risks - Low to medium risk: mostly UI state, layout, and selection-priority behavior. - Visual layout and mobile zoom behavior may need browser/device QA beyond component tests. - No database migrations are included. > For core feature work, check [`ROADMAP.md`](ROADMAP.md) first and discuss it in `#dev` before opening the PR. Feature PRs that overlap with planned core work may need to be redirected — check the roadmap first. See `CONTRIBUTING.md`. ## Model Used - OpenAI Codex, GPT-5.4 tool-enabled coding model, agentic code-editing/runtime with local shell and GitHub CLI access; exact context window and reasoning mode are not exposed by the Paperclip harness. ## Checklist - [x] I have included a thinking path that traces from project context to this change - [x] I have specified the model used (with version and capability details) - [x] I have checked ROADMAP.md and confirmed this PR does not duplicate planned core work - [x] I have run tests locally and they pass - [x] I have added or updated tests where applicable - [x] If this change affects the UI, I have included before/after screenshots - [x] I have updated relevant documentation to reflect my changes - [x] I have considered and documented any risks above - [x] I will address all Greptile and reviewer comments before requesting merge --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Paperclip <noreply@paperclip.ing>
57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
import {
|
|
RECENT_SELECTION_DISPLAY_LIMIT,
|
|
readRecentSelectionIds,
|
|
trackRecentSelectionId,
|
|
} from "./recent-selections";
|
|
|
|
const STORAGE_KEY = "paperclip:recent-assignees";
|
|
|
|
function agentSelectionId(agentId: string): string {
|
|
return `agent:${agentId}`;
|
|
}
|
|
|
|
function userSelectionId(userId: string): string {
|
|
return `user:${userId}`;
|
|
}
|
|
|
|
function agentIdFromSelectionId(id: string): string | null {
|
|
if (id.startsWith("agent:")) return id.slice("agent:".length);
|
|
if (!id.includes(":")) return id;
|
|
return null;
|
|
}
|
|
|
|
export function getRecentAssigneeIds(): string[] {
|
|
return readRecentSelectionIds(STORAGE_KEY)
|
|
.map(agentIdFromSelectionId)
|
|
.filter((id): id is string => Boolean(id));
|
|
}
|
|
|
|
export function getRecentAssigneeSelectionIds(): string[] {
|
|
return readRecentSelectionIds(STORAGE_KEY).map((id) => {
|
|
if (id.includes(":")) return id;
|
|
return agentSelectionId(id);
|
|
});
|
|
}
|
|
|
|
export function trackRecentAssignee(agentId: string): void {
|
|
trackRecentSelectionId(STORAGE_KEY, agentSelectionId(agentId));
|
|
}
|
|
|
|
export function trackRecentAssigneeUser(userId: string): void {
|
|
trackRecentSelectionId(STORAGE_KEY, userSelectionId(userId));
|
|
}
|
|
|
|
export function sortAgentsByRecency<T extends { id: string; name: string }>(
|
|
agents: T[],
|
|
recentIds: string[],
|
|
): T[] {
|
|
const recentIndex = new Map(recentIds.slice(0, RECENT_SELECTION_DISPLAY_LIMIT).map((id, i) => [id, i]));
|
|
return [...agents].sort((a, b) => {
|
|
const aRecent = recentIndex.get(a.id);
|
|
const bRecent = recentIndex.get(b.id);
|
|
if (aRecent !== undefined && bRecent !== undefined) return aRecent - bRecent;
|
|
if (aRecent !== undefined) return -1;
|
|
if (bRecent !== undefined) return 1;
|
|
return a.name.localeCompare(b.name);
|
|
});
|
|
}
|