d8e1004551
## Thinking Path > - Paperclip is the open source app people use to manage AI agents for work. > - The artifacts surface is where board users inspect files, media, and documents produced by agents. > - Grouped artifact stacks make that surface easier to scan by task, but the first pass still made grouping feel secondary to media filters. > - The follow-up request was to make grouping the default and give the grouping control the same icon-only outline treatment used on the issues page. > - This pull request keeps the existing artifact grouping API/UI, then polishes the artifacts toolbar state and Storybook review coverage. > - The benefit is that `/artifacts` now opens in the task-stack view by default while preserving explicit flat-mode filtering via `groupBy=none`. ## Linked Issues or Issue Description No public GitHub issue exists for this internal Paperclip task. ### Subsystem affected ui/ — React + Vite board UI. ### Problem or motivation The `/artifacts` grouping affordance was visually placed after the media filters, rendered as a text button, and defaulted to a flat artifact list. Internal follow-up `PAP-10465` requested the grouping icon move left of the filters, become an icon-only outlined button like `/issues`, and make Task grouping the default. ### Proposed solution Default `/artifacts` to grouped Task stacks, keep explicit flat mode available as `groupBy=none`, move the grouping control before the media chips, and restyle it as the shared icon-only outline button pattern. ### Alternatives considered Leaving flat mode as the implicit default was rejected because it does not satisfy the follow-up. Keeping a text label on the grouping trigger was rejected because `/issues` already established the icon-only outline pattern for this class of toolbar control. ### Roadmap alignment This aligns with the `Artifacts & Work Products` roadmap item by making generated outputs easier to inspect and operate from the board UI. ## What Changed - Defaulted the `/artifacts` page to `groupBy=task` when no grouping URL param is present, while keeping explicit flat mode available with `groupBy=none`. - Moved the group control before the media filter chips and changed it to an icon-only outlined button using the shared `Button` pattern. - Updated artifact page tests to cover default Task grouping, explicit flat mode, trigger ordering, and icon-only outline metadata. - Updated the artifact Storybook story so its toolbar mock matches the production ordering and grouped Task is documented as the default mode. ## Verification - `pnpm exec vitest run ui/src/pages/Artifacts.test.tsx ui/src/components/artifacts/ArtifactGroupCard.test.tsx` — passed. - `pnpm --filter @paperclipai/ui typecheck` — passed. - `pnpm --filter @paperclipai/server typecheck` — passed. - `git diff --check` — passed. - QA visual validation from internal follow-up PAP-10466 passed desktop/mobile scenarios. Screenshot evidence attached there: - Desktop default: http://paperclip-dev:3100/api/attachments/bc81305d-f5de-485c-abeb-9e7c3d9d8539/content - Desktop toolbar close-up: http://paperclip-dev:3100/api/attachments/3375a62b-2110-48f3-bafa-ea98c00f99f7/content - Mobile default: http://paperclip-dev:3100/api/attachments/bfc5642e-9248-431e-9bac-36284dec1c89/content - Mobile toolbar close-up: http://paperclip-dev:3100/api/attachments/ca79401a-5ba8-464d-bc6e-aeffd47fe695/content - GitHub PR checks on head `431964c8b` — passed, including Greptile 5/5. ## Risks Low to medium risk. The main behavior shift is intentional: `/artifacts` now queries grouped Task stacks by default. Existing flat mode remains available through the grouping menu and explicit `groupBy=none` URLs. ## Model Used OpenAI Codex, GPT-5.4 class coding model in this Paperclip heartbeat environment, with shell, git, test, and GitHub CLI tool use. Context window managed by the Codex runtime. ## 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 searched GitHub for duplicate or related PRs and linked them above - [x] I have either (a) linked existing issues with `Fixes: #` / `Closes #` / `Refs #` OR (b) described the issue in-PR following the relevant issue template - [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] All Paperclip CI gates are green - [x] Greptile is 5/5 with no open P2s, recommendations, or follow-ups - [x] I will address all Greptile and reviewer comments before requesting merge --------- Co-authored-by: Paperclip <noreply@paperclip.ing>
730 lines
28 KiB
TypeScript
730 lines
28 KiB
TypeScript
import { buffer } from "node:stream/consumers";
|
|
import { and, desc, eq, inArray, isNotNull, isNull, notInArray, or, sql, type SQL } from "drizzle-orm";
|
|
import { alias } from "drizzle-orm/pg-core";
|
|
import type { Db } from "@paperclipai/db";
|
|
import {
|
|
agents,
|
|
assets,
|
|
companies,
|
|
documents,
|
|
heartbeatRuns,
|
|
issueAttachments,
|
|
issueDocuments,
|
|
issues,
|
|
issueWorkProducts,
|
|
projects,
|
|
} from "@paperclipai/db";
|
|
import {
|
|
attachmentArtifactWorkProductMetadataSchema,
|
|
COMPANY_ARTIFACTS_MAX_LIMIT,
|
|
companyArtifactsQuerySchema,
|
|
SYSTEM_ISSUE_DOCUMENT_KEYS,
|
|
type CompanyArtifact,
|
|
type CompanyArtifactGroup,
|
|
type CompanyArtifactGroupBy,
|
|
type CompanyArtifactMediaKind,
|
|
type CompanyArtifactsQuery,
|
|
type CompanyArtifactsResponse,
|
|
} from "@paperclipai/shared";
|
|
import { badRequest, notFound } from "../errors.js";
|
|
import type { StorageService } from "../storage/types.js";
|
|
|
|
const TEXT_PREVIEW_BYTES = 4096;
|
|
const PREVIEW_TEXT_MAX_LENGTH = 280;
|
|
const GROUP_PREVIEW_ARTIFACT_LIMIT = 3;
|
|
const GROUPED_ARTIFACT_FETCH_LIMIT = COMPANY_ARTIFACTS_MAX_LIMIT * 10;
|
|
|
|
type ArtifactCursor = {
|
|
updatedAt: string;
|
|
id: string;
|
|
};
|
|
|
|
type ArtifactGroupBy = Exclude<CompanyArtifactGroupBy, "none">;
|
|
|
|
type IssueGroupingRow = {
|
|
id: string;
|
|
parentId: string | null;
|
|
identifier: string | null;
|
|
title: string;
|
|
updatedAt: Date;
|
|
};
|
|
|
|
function encodeCursor(cursor: ArtifactCursor) {
|
|
return Buffer.from(JSON.stringify(cursor), "utf8").toString("base64url");
|
|
}
|
|
|
|
function decodeCursor(cursor: string | undefined): ArtifactCursor | null {
|
|
if (!cursor) return null;
|
|
try {
|
|
const parsed = JSON.parse(Buffer.from(cursor, "base64url").toString("utf8")) as Partial<ArtifactCursor>;
|
|
if (typeof parsed.id !== "string" || typeof parsed.updatedAt !== "string") {
|
|
throw new Error("Invalid cursor");
|
|
}
|
|
const date = new Date(parsed.updatedAt);
|
|
if (Number.isNaN(date.getTime())) {
|
|
throw new Error("Invalid cursor date");
|
|
}
|
|
return { id: parsed.id, updatedAt: date.toISOString() };
|
|
} catch {
|
|
throw badRequest("Invalid artifacts cursor");
|
|
}
|
|
}
|
|
|
|
function cursorCondition(updatedAt: SQL<Date>, artifactId: SQL<string>, cursor: ArtifactCursor | null) {
|
|
if (!cursor) return undefined;
|
|
return sql`(${updatedAt} < ${cursor.updatedAt}::timestamptz OR (${updatedAt} = ${cursor.updatedAt}::timestamptz AND ${artifactId} < ${cursor.id}))`;
|
|
}
|
|
|
|
function isAfterCursor(item: { updatedAt: string; id: string }, cursor: ArtifactCursor | null) {
|
|
if (!cursor) return true;
|
|
const dateDiff = Date.parse(item.updatedAt) - Date.parse(cursor.updatedAt);
|
|
return dateDiff < 0 || (dateDiff === 0 && item.id < cursor.id);
|
|
}
|
|
|
|
function escapeLikePattern(value: string) {
|
|
return value.replace(/[\\%_]/g, (match) => `\\${match}`);
|
|
}
|
|
|
|
function normalizePreviewText(input: string | null | undefined) {
|
|
if (!input) return null;
|
|
const stripped = input
|
|
.replace(/```[\s\S]*?```/g, " ")
|
|
.replace(/`([^`]+)`/g, "$1")
|
|
.replace(/!\[[^\]]*]\([^)]*\)/g, " ")
|
|
.replace(/\[([^\]]+)]\([^)]*\)/g, "$1")
|
|
.replace(/[#>*_\-~|]+/g, " ")
|
|
.replace(/\s+/g, " ")
|
|
.trim();
|
|
if (!stripped) return null;
|
|
return stripped.length > PREVIEW_TEXT_MAX_LENGTH
|
|
? `${stripped.slice(0, PREVIEW_TEXT_MAX_LENGTH - 3).trimEnd()}...`
|
|
: stripped;
|
|
}
|
|
|
|
function classifyMediaKind(contentType: string | null | undefined, fallback: CompanyArtifactMediaKind = "file") {
|
|
const normalized = (contentType ?? "").toLowerCase();
|
|
if (!normalized) return fallback;
|
|
if (normalized.startsWith("image/")) return "image";
|
|
if (normalized.startsWith("video/")) return "video";
|
|
if (
|
|
normalized.startsWith("text/") ||
|
|
normalized === "application/json" ||
|
|
normalized.endsWith("+json") ||
|
|
normalized === "application/xml" ||
|
|
normalized.endsWith("+xml") ||
|
|
normalized === "application/markdown"
|
|
) {
|
|
return "text";
|
|
}
|
|
return "file";
|
|
}
|
|
|
|
function contentTypeKindCondition(contentTypeExpression: SQL<string>, kind: CompanyArtifactsQuery["kind"]) {
|
|
if (!kind || kind === "all") return undefined;
|
|
if (kind === "image") return sql`${contentTypeExpression} ILIKE 'image/%'`;
|
|
if (kind === "video") return sql`${contentTypeExpression} ILIKE 'video/%'`;
|
|
if (kind === "text") {
|
|
return sql`(${contentTypeExpression} ILIKE 'text/%' OR ${contentTypeExpression} IN ('application/json', 'application/xml', 'application/markdown') OR ${contentTypeExpression} ILIKE '%+json' OR ${contentTypeExpression} ILIKE '%+xml')`;
|
|
}
|
|
if (kind === "file") {
|
|
return sql`NOT (${contentTypeExpression} ILIKE 'image/%' OR ${contentTypeExpression} ILIKE 'video/%' OR ${contentTypeExpression} ILIKE 'text/%' OR ${contentTypeExpression} IN ('application/json', 'application/xml', 'application/markdown') OR ${contentTypeExpression} ILIKE '%+json' OR ${contentTypeExpression} ILIKE '%+xml')`;
|
|
}
|
|
return undefined;
|
|
}
|
|
|
|
function buildIssueHref(companyPrefix: string, identifier: string, anchor: string) {
|
|
return `/${encodeURIComponent(companyPrefix)}/issues/${encodeURIComponent(identifier)}#${anchor}`;
|
|
}
|
|
|
|
function buildArtifactsGroupHref(
|
|
companyPrefix: string,
|
|
query: CompanyArtifactsQuery,
|
|
groupBy: ArtifactGroupBy,
|
|
groupIssueId: string,
|
|
) {
|
|
const params = new URLSearchParams();
|
|
params.set("groupBy", groupBy);
|
|
params.set("groupIssueId", groupIssueId);
|
|
if (query.kind !== "all") params.set("kind", query.kind);
|
|
if (query.projectId) params.set("projectId", query.projectId);
|
|
if (query.q) params.set("q", query.q);
|
|
return `/${encodeURIComponent(companyPrefix)}/artifacts?${params.toString()}`;
|
|
}
|
|
|
|
function attachmentContentPath(attachmentId: string) {
|
|
return `/api/attachments/${attachmentId}/content`;
|
|
}
|
|
|
|
async function readTextAttachmentPreview(
|
|
storage: StorageService | undefined,
|
|
input: { companyId: string; objectKey: string; byteSize: number },
|
|
) {
|
|
if (!storage || input.byteSize <= 0) return null;
|
|
try {
|
|
const object = await storage.getObject(input.companyId, input.objectKey, {
|
|
range: { start: 0, end: Math.min(input.byteSize, TEXT_PREVIEW_BYTES) - 1 },
|
|
});
|
|
const body = await buffer(object.stream);
|
|
return normalizePreviewText(body.toString("utf8"));
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function sortArtifacts(artifacts: CompanyArtifact[]) {
|
|
return artifacts.sort((a, b) => {
|
|
const dateDiff = Date.parse(b.updatedAt) - Date.parse(a.updatedAt);
|
|
if (dateDiff !== 0) return dateDiff;
|
|
return b.id.localeCompare(a.id);
|
|
});
|
|
}
|
|
|
|
function pageByCursor<T extends { id: string; updatedAt: string }>(
|
|
items: T[],
|
|
limit: number,
|
|
cursor: ArtifactCursor | null,
|
|
) {
|
|
const filtered = items.filter((item) => isAfterCursor(item, cursor));
|
|
const page = filtered.slice(0, limit);
|
|
const nextCursor = filtered.length > limit
|
|
? encodeCursor({ id: page[page.length - 1]?.id ?? "", updatedAt: page[page.length - 1]?.updatedAt ?? new Date(0).toISOString() })
|
|
: null;
|
|
return { page, nextCursor };
|
|
}
|
|
|
|
async function loadIssueGroupingRows(db: Db, companyId: string, seedIssueIds: Iterable<string>) {
|
|
const rowsById = new Map<string, IssueGroupingRow>();
|
|
let pending = [...new Set(seedIssueIds)];
|
|
|
|
while (pending.length > 0) {
|
|
const rows = await db
|
|
.select({
|
|
id: issues.id,
|
|
parentId: issues.parentId,
|
|
identifier: issues.identifier,
|
|
title: issues.title,
|
|
updatedAt: issues.updatedAt,
|
|
})
|
|
.from(issues)
|
|
.where(and(eq(issues.companyId, companyId), inArray(issues.id, pending)));
|
|
|
|
const nextPending = new Set<string>();
|
|
for (const row of rows) {
|
|
rowsById.set(row.id, row);
|
|
if (row.parentId && !rowsById.has(row.parentId)) {
|
|
nextPending.add(row.parentId);
|
|
}
|
|
}
|
|
pending = [...nextPending];
|
|
}
|
|
|
|
return rowsById;
|
|
}
|
|
|
|
function getIssueSummary(issue: IssueGroupingRow) {
|
|
return {
|
|
id: issue.id,
|
|
identifier: issue.identifier ?? issue.id,
|
|
title: issue.title,
|
|
};
|
|
}
|
|
|
|
function resolveRootIssueId(issueId: string, issueRows: Map<string, IssueGroupingRow>) {
|
|
let current = issueRows.get(issueId);
|
|
if (!current) return issueId;
|
|
const seen = new Set<string>();
|
|
while (current.parentId && !seen.has(current.id)) {
|
|
seen.add(current.id);
|
|
const parent = issueRows.get(current.parentId);
|
|
if (!parent) break;
|
|
current = parent;
|
|
}
|
|
return current.id;
|
|
}
|
|
|
|
function resolveGroupIssueId(groupBy: ArtifactGroupBy, issueId: string, issueRows: Map<string, IssueGroupingRow>) {
|
|
return groupBy === "task" ? issueId : resolveRootIssueId(issueId, issueRows);
|
|
}
|
|
|
|
function emptyGroup(input: {
|
|
companyPrefix: string;
|
|
query: CompanyArtifactsQuery;
|
|
groupBy: ArtifactGroupBy;
|
|
issue: IssueGroupingRow;
|
|
}): CompanyArtifactGroup {
|
|
const summary = getIssueSummary(input.issue);
|
|
return {
|
|
id: `${input.groupBy}:${input.issue.id}`,
|
|
groupBy: input.groupBy,
|
|
issue: summary,
|
|
title: summary.title,
|
|
count: 0,
|
|
mediaKinds: [],
|
|
previewArtifacts: [],
|
|
updatedAt: input.issue.updatedAt.toISOString(),
|
|
href: buildArtifactsGroupHref(input.companyPrefix, input.query, input.groupBy, input.issue.id),
|
|
};
|
|
}
|
|
|
|
function buildArtifactGroups(input: {
|
|
artifacts: CompanyArtifact[];
|
|
companyPrefix: string;
|
|
query: CompanyArtifactsQuery;
|
|
groupBy: ArtifactGroupBy;
|
|
issueRows: Map<string, IssueGroupingRow>;
|
|
}) {
|
|
const groups = new Map<string, CompanyArtifactGroup>();
|
|
|
|
for (const artifact of input.artifacts) {
|
|
const groupIssueId = resolveGroupIssueId(input.groupBy, artifact.issue.id, input.issueRows);
|
|
const groupIssue = input.issueRows.get(groupIssueId) ?? {
|
|
id: artifact.issue.id,
|
|
parentId: null,
|
|
identifier: artifact.issue.identifier,
|
|
title: artifact.issue.title,
|
|
updatedAt: new Date(artifact.updatedAt),
|
|
};
|
|
const groupId = `${input.groupBy}:${groupIssueId}`;
|
|
const existing = groups.get(groupId);
|
|
const group = existing ?? emptyGroup({
|
|
companyPrefix: input.companyPrefix,
|
|
query: input.query,
|
|
groupBy: input.groupBy,
|
|
issue: groupIssue,
|
|
});
|
|
if (!existing) groups.set(groupId, group);
|
|
|
|
group.count += 1;
|
|
if (!group.mediaKinds.includes(artifact.mediaKind)) {
|
|
group.mediaKinds.push(artifact.mediaKind);
|
|
}
|
|
if (group.previewArtifacts.length < GROUP_PREVIEW_ARTIFACT_LIMIT) {
|
|
group.previewArtifacts.push(artifact);
|
|
}
|
|
if (Date.parse(artifact.updatedAt) > Date.parse(group.updatedAt)) {
|
|
group.updatedAt = artifact.updatedAt;
|
|
}
|
|
}
|
|
|
|
return [...groups.values()].sort((a, b) => {
|
|
const dateDiff = Date.parse(b.updatedAt) - Date.parse(a.updatedAt);
|
|
if (dateDiff !== 0) return dateDiff;
|
|
return b.id.localeCompare(a.id);
|
|
});
|
|
}
|
|
|
|
export function companyArtifactsService(db: Db, storage?: StorageService) {
|
|
return {
|
|
list: async (companyId: string, rawQuery: Partial<CompanyArtifactsQuery> = {}): Promise<CompanyArtifactsResponse> => {
|
|
const query = companyArtifactsQuerySchema.parse(rawQuery);
|
|
const cursor = decodeCursor(query.cursor);
|
|
const groupBy = query.groupBy === "none" ? null : query.groupBy;
|
|
const company = await db
|
|
.select({ id: companies.id, issuePrefix: companies.issuePrefix })
|
|
.from(companies)
|
|
.where(eq(companies.id, companyId))
|
|
.then((rows) => rows[0] ?? null);
|
|
if (!company) throw notFound("Company not found");
|
|
|
|
const fetchLimit = Math.min(query.limit + 1, COMPANY_ARTIFACTS_MAX_LIMIT + 1);
|
|
const sourceFetchLimit = groupBy ? GROUPED_ARTIFACT_FETCH_LIMIT : fetchLimit;
|
|
const q = query.q ? `%${escapeLikePattern(query.q)}%` : null;
|
|
const artifacts: CompanyArtifact[] = [];
|
|
const workProductAttachmentIds = new Set<string>();
|
|
|
|
if (query.kind === "all" || query.kind === "document") {
|
|
const createdAgent = alias(agents, "document_created_agent");
|
|
const updatedAgent = alias(agents, "document_updated_agent");
|
|
const documentArtifactId = sql<string>`concat('document:', ${documents.id})`;
|
|
const documentConditions: SQL[] = [
|
|
eq(issueDocuments.companyId, companyId),
|
|
eq(documents.companyId, companyId),
|
|
or(isNotNull(documents.createdByAgentId), isNotNull(documents.updatedByAgentId))!,
|
|
notInArray(issueDocuments.key, [...SYSTEM_ISSUE_DOCUMENT_KEYS]),
|
|
];
|
|
const documentCursor = groupBy ? undefined : cursorCondition(sql<Date>`${documents.updatedAt}`, documentArtifactId, cursor);
|
|
if (documentCursor) documentConditions.push(documentCursor);
|
|
if (groupBy === "task" && query.groupIssueId) documentConditions.push(eq(issues.id, query.groupIssueId));
|
|
if (query.projectId) documentConditions.push(eq(issues.projectId, query.projectId));
|
|
if (q) {
|
|
documentConditions.push(sql`(
|
|
coalesce(${documents.title}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR ${documents.latestBody} ILIKE ${q} ESCAPE '\\'
|
|
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
|
|
)`);
|
|
}
|
|
|
|
const documentRowsQuery = db
|
|
.select({
|
|
artifactId: documentArtifactId,
|
|
documentId: documents.id,
|
|
issueId: issues.id,
|
|
issueIdentifier: issues.identifier,
|
|
issueTitle: issues.title,
|
|
projectId: projects.id,
|
|
projectName: projects.name,
|
|
key: issueDocuments.key,
|
|
title: documents.title,
|
|
latestBody: documents.latestBody,
|
|
createdByAgentId: sql<string | null>`coalesce(${createdAgent.id}, ${updatedAgent.id})`,
|
|
createdByAgentName: sql<string | null>`coalesce(${createdAgent.name}, ${updatedAgent.name})`,
|
|
updatedAt: documents.updatedAt,
|
|
})
|
|
.from(issueDocuments)
|
|
.innerJoin(
|
|
documents,
|
|
and(
|
|
eq(issueDocuments.documentId, documents.id),
|
|
eq(documents.companyId, issueDocuments.companyId),
|
|
),
|
|
)
|
|
.innerJoin(
|
|
issues,
|
|
and(
|
|
eq(issueDocuments.issueId, issues.id),
|
|
eq(issues.companyId, issueDocuments.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
projects,
|
|
and(
|
|
eq(issues.projectId, projects.id),
|
|
eq(projects.companyId, issues.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
createdAgent,
|
|
and(
|
|
eq(documents.createdByAgentId, createdAgent.id),
|
|
eq(createdAgent.companyId, documents.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
updatedAgent,
|
|
and(
|
|
eq(documents.updatedByAgentId, updatedAgent.id),
|
|
eq(updatedAgent.companyId, documents.companyId),
|
|
),
|
|
)
|
|
.where(and(...documentConditions))
|
|
.orderBy(desc(documents.updatedAt), desc(documentArtifactId));
|
|
const documentRows = await documentRowsQuery.limit(sourceFetchLimit);
|
|
|
|
for (const row of documentRows) {
|
|
const identifier = row.issueIdentifier ?? row.issueId;
|
|
artifacts.push({
|
|
id: row.artifactId,
|
|
source: "document",
|
|
mediaKind: "document",
|
|
title: row.title ?? row.key,
|
|
previewText: normalizePreviewText(row.latestBody),
|
|
contentType: "text/markdown",
|
|
contentPath: null,
|
|
openPath: null,
|
|
downloadPath: null,
|
|
issue: { id: row.issueId, identifier, title: row.issueTitle },
|
|
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
|
|
createdByAgent: row.createdByAgentId && row.createdByAgentName
|
|
? { id: row.createdByAgentId, name: row.createdByAgentName }
|
|
: null,
|
|
updatedAt: row.updatedAt.toISOString(),
|
|
href: buildIssueHref(company.issuePrefix, identifier, `document-${row.key}`),
|
|
});
|
|
}
|
|
}
|
|
|
|
if (query.kind !== "document") {
|
|
const workProductAgent = alias(agents, "work_product_agent");
|
|
const workProductArtifactId = sql<string>`concat('work_product:', ${issueWorkProducts.id})`;
|
|
const workProductContentType = sql<string>`coalesce(${issueWorkProducts.metadata}->>'contentType', '')`;
|
|
const workProductBaseConditions: SQL[] = [
|
|
eq(issueWorkProducts.companyId, companyId),
|
|
eq(issueWorkProducts.type, "artifact"),
|
|
eq(issueWorkProducts.provider, "paperclip"),
|
|
];
|
|
const workProductConditions: SQL[] = [...workProductBaseConditions];
|
|
const workProductCursor = groupBy
|
|
? undefined
|
|
: cursorCondition(sql<Date>`${issueWorkProducts.updatedAt}`, workProductArtifactId, cursor);
|
|
const workProductKind = contentTypeKindCondition(workProductContentType, query.kind);
|
|
if (workProductCursor) workProductConditions.push(workProductCursor);
|
|
if (groupBy === "task" && query.groupIssueId) {
|
|
const selectedIssueCondition = eq(issues.id, query.groupIssueId);
|
|
workProductBaseConditions.push(selectedIssueCondition);
|
|
workProductConditions.push(selectedIssueCondition);
|
|
}
|
|
if (workProductKind) {
|
|
workProductBaseConditions.push(workProductKind);
|
|
workProductConditions.push(workProductKind);
|
|
}
|
|
if (query.projectId) {
|
|
const projectCondition = eq(issues.projectId, query.projectId);
|
|
workProductBaseConditions.push(projectCondition);
|
|
workProductConditions.push(projectCondition);
|
|
}
|
|
if (q) {
|
|
const searchCondition = sql`(
|
|
${issueWorkProducts.title} ILIKE ${q} ESCAPE '\\'
|
|
OR coalesce(${issueWorkProducts.summary}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
|
|
)`;
|
|
workProductBaseConditions.push(searchCondition);
|
|
workProductConditions.push(searchCondition);
|
|
}
|
|
|
|
const workProductRowsQuery = db
|
|
.select({
|
|
artifactId: workProductArtifactId,
|
|
workProductId: issueWorkProducts.id,
|
|
issueId: issues.id,
|
|
issueIdentifier: issues.identifier,
|
|
issueTitle: issues.title,
|
|
projectId: projects.id,
|
|
projectName: projects.name,
|
|
title: issueWorkProducts.title,
|
|
summary: issueWorkProducts.summary,
|
|
metadata: issueWorkProducts.metadata,
|
|
createdByAgentId: workProductAgent.id,
|
|
createdByAgentName: workProductAgent.name,
|
|
updatedAt: issueWorkProducts.updatedAt,
|
|
})
|
|
.from(issueWorkProducts)
|
|
.innerJoin(
|
|
issues,
|
|
and(
|
|
eq(issueWorkProducts.issueId, issues.id),
|
|
eq(issues.companyId, issueWorkProducts.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
projects,
|
|
and(
|
|
eq(issues.projectId, projects.id),
|
|
eq(projects.companyId, issueWorkProducts.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
heartbeatRuns,
|
|
and(
|
|
eq(issueWorkProducts.createdByRunId, heartbeatRuns.id),
|
|
eq(heartbeatRuns.companyId, issueWorkProducts.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
workProductAgent,
|
|
and(
|
|
eq(heartbeatRuns.agentId, workProductAgent.id),
|
|
eq(workProductAgent.companyId, issueWorkProducts.companyId),
|
|
),
|
|
)
|
|
.where(and(...workProductConditions))
|
|
.orderBy(desc(issueWorkProducts.updatedAt), desc(workProductArtifactId));
|
|
const workProductRows = await workProductRowsQuery.limit(sourceFetchLimit);
|
|
|
|
const workProductAttachmentRows = await db
|
|
.select({
|
|
attachmentId: sql<string | null>`${issueWorkProducts.metadata}->>'attachmentId'`,
|
|
})
|
|
.from(issueWorkProducts)
|
|
.innerJoin(
|
|
issues,
|
|
and(
|
|
eq(issueWorkProducts.issueId, issues.id),
|
|
eq(issues.companyId, issueWorkProducts.companyId),
|
|
),
|
|
)
|
|
.where(and(...workProductBaseConditions, sql`${issueWorkProducts.metadata}->>'attachmentId' IS NOT NULL`))
|
|
.limit(sourceFetchLimit);
|
|
|
|
for (const row of workProductAttachmentRows) {
|
|
if (row.attachmentId) {
|
|
workProductAttachmentIds.add(row.attachmentId);
|
|
}
|
|
}
|
|
|
|
for (const row of workProductRows) {
|
|
const metadata = attachmentArtifactWorkProductMetadataSchema.safeParse(row.metadata);
|
|
const attachmentMetadata = metadata.success ? metadata.data : null;
|
|
if (attachmentMetadata) {
|
|
workProductAttachmentIds.add(attachmentMetadata.attachmentId);
|
|
}
|
|
const contentType = attachmentMetadata?.contentType ?? null;
|
|
const identifier = row.issueIdentifier ?? row.issueId;
|
|
artifacts.push({
|
|
id: row.artifactId,
|
|
source: "work_product",
|
|
mediaKind: classifyMediaKind(contentType, attachmentMetadata ? "file" : "empty"),
|
|
title: row.title,
|
|
previewText: normalizePreviewText(row.summary),
|
|
contentType,
|
|
contentPath: attachmentMetadata?.contentPath ?? null,
|
|
openPath: attachmentMetadata?.openPath ?? (typeof row.metadata?.openPath === "string" ? row.metadata.openPath : null),
|
|
downloadPath: attachmentMetadata?.downloadPath ?? null,
|
|
issue: { id: row.issueId, identifier, title: row.issueTitle },
|
|
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
|
|
createdByAgent: row.createdByAgentId && row.createdByAgentName
|
|
? { id: row.createdByAgentId, name: row.createdByAgentName }
|
|
: null,
|
|
updatedAt: row.updatedAt.toISOString(),
|
|
href: buildIssueHref(company.issuePrefix, identifier, `work-product-${row.workProductId}`),
|
|
});
|
|
}
|
|
|
|
const attachmentAgent = alias(agents, "attachment_agent");
|
|
const attachmentArtifactId = sql<string>`concat('attachment:', ${issueAttachments.id})`;
|
|
const attachmentConditions: SQL[] = [
|
|
eq(issueAttachments.companyId, companyId),
|
|
isNull(issueAttachments.issueCommentId),
|
|
isNotNull(assets.createdByAgentId),
|
|
];
|
|
const attachmentCursor = groupBy
|
|
? undefined
|
|
: cursorCondition(sql<Date>`${issueAttachments.updatedAt}`, attachmentArtifactId, cursor);
|
|
const attachmentKind = contentTypeKindCondition(sql<string>`${assets.contentType}`, query.kind);
|
|
if (attachmentCursor) attachmentConditions.push(attachmentCursor);
|
|
if (groupBy === "task" && query.groupIssueId) attachmentConditions.push(eq(issues.id, query.groupIssueId));
|
|
if (attachmentKind) attachmentConditions.push(attachmentKind);
|
|
if (query.projectId) attachmentConditions.push(eq(issues.projectId, query.projectId));
|
|
if (q) {
|
|
attachmentConditions.push(sql`(
|
|
coalesce(${assets.originalFilename}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
|
|
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
|
|
)`);
|
|
}
|
|
|
|
const attachmentRowsQuery = db
|
|
.select({
|
|
artifactId: attachmentArtifactId,
|
|
attachmentId: issueAttachments.id,
|
|
companyId: issueAttachments.companyId,
|
|
issueId: issues.id,
|
|
issueIdentifier: issues.identifier,
|
|
issueTitle: issues.title,
|
|
projectId: projects.id,
|
|
projectName: projects.name,
|
|
objectKey: assets.objectKey,
|
|
contentType: assets.contentType,
|
|
byteSize: assets.byteSize,
|
|
originalFilename: assets.originalFilename,
|
|
createdByAgentId: attachmentAgent.id,
|
|
createdByAgentName: attachmentAgent.name,
|
|
updatedAt: issueAttachments.updatedAt,
|
|
})
|
|
.from(issueAttachments)
|
|
.innerJoin(
|
|
assets,
|
|
and(
|
|
eq(issueAttachments.assetId, assets.id),
|
|
eq(assets.companyId, issueAttachments.companyId),
|
|
),
|
|
)
|
|
.innerJoin(
|
|
issues,
|
|
and(
|
|
eq(issueAttachments.issueId, issues.id),
|
|
eq(issues.companyId, issueAttachments.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
projects,
|
|
and(
|
|
eq(issues.projectId, projects.id),
|
|
eq(projects.companyId, issues.companyId),
|
|
),
|
|
)
|
|
.leftJoin(
|
|
attachmentAgent,
|
|
and(
|
|
eq(assets.createdByAgentId, attachmentAgent.id),
|
|
eq(attachmentAgent.companyId, assets.companyId),
|
|
),
|
|
)
|
|
.where(and(...attachmentConditions))
|
|
.orderBy(desc(issueAttachments.updatedAt), desc(attachmentArtifactId));
|
|
const attachmentRows = await attachmentRowsQuery.limit(sourceFetchLimit);
|
|
|
|
const attachmentArtifacts = await Promise.all(attachmentRows.map(async (row): Promise<CompanyArtifact | null> => {
|
|
if (workProductAttachmentIds.has(row.attachmentId)) return null;
|
|
const mediaKind = classifyMediaKind(row.contentType);
|
|
const contentPath = attachmentContentPath(row.attachmentId);
|
|
const identifier = row.issueIdentifier ?? row.issueId;
|
|
return {
|
|
id: row.artifactId,
|
|
source: "attachment",
|
|
mediaKind,
|
|
title: row.originalFilename ?? "Attachment",
|
|
previewText: mediaKind === "text"
|
|
? await readTextAttachmentPreview(storage, {
|
|
companyId: row.companyId,
|
|
objectKey: row.objectKey,
|
|
byteSize: row.byteSize,
|
|
})
|
|
: null,
|
|
contentType: row.contentType,
|
|
contentPath,
|
|
openPath: contentPath,
|
|
downloadPath: `${contentPath}?download=1`,
|
|
issue: { id: row.issueId, identifier, title: row.issueTitle },
|
|
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
|
|
createdByAgent: row.createdByAgentId && row.createdByAgentName
|
|
? { id: row.createdByAgentId, name: row.createdByAgentName }
|
|
: null,
|
|
updatedAt: row.updatedAt.toISOString(),
|
|
href: buildIssueHref(company.issuePrefix, identifier, `attachment-${row.attachmentId}`),
|
|
};
|
|
}));
|
|
|
|
artifacts.push(...attachmentArtifacts.filter((artifact): artifact is CompanyArtifact => artifact !== null));
|
|
}
|
|
|
|
const sorted = sortArtifacts(artifacts);
|
|
if (!groupBy) {
|
|
const page = sorted.slice(0, query.limit);
|
|
const nextCursor = sorted.length > query.limit
|
|
? encodeCursor({ id: page[page.length - 1]?.id ?? "", updatedAt: page[page.length - 1]?.updatedAt ?? new Date(0).toISOString() })
|
|
: null;
|
|
|
|
return { artifacts: page, nextCursor };
|
|
}
|
|
|
|
const issueSeedIds = new Set(artifacts.map((artifact) => artifact.issue.id));
|
|
if (query.groupIssueId) issueSeedIds.add(query.groupIssueId);
|
|
const issueRows = await loadIssueGroupingRows(db, companyId, issueSeedIds);
|
|
const groups = buildArtifactGroups({
|
|
artifacts: sorted,
|
|
companyPrefix: company.issuePrefix,
|
|
query,
|
|
groupBy,
|
|
issueRows,
|
|
});
|
|
|
|
if (query.groupIssueId) {
|
|
const selectedIssue = issueRows.get(query.groupIssueId);
|
|
if (!selectedIssue) {
|
|
return { artifacts: [], selectedGroup: null, nextCursor: null };
|
|
}
|
|
|
|
const selectedGroupIssueId = resolveGroupIssueId(groupBy, selectedIssue.id, issueRows);
|
|
const selectedGroup = groups.find((group) => group.issue.id === selectedGroupIssueId)
|
|
?? emptyGroup({
|
|
companyPrefix: company.issuePrefix,
|
|
query,
|
|
groupBy,
|
|
issue: issueRows.get(selectedGroupIssueId) ?? selectedIssue,
|
|
});
|
|
const selectedArtifacts = sorted.filter((artifact) =>
|
|
resolveGroupIssueId(groupBy, artifact.issue.id, issueRows) === selectedGroupIssueId
|
|
);
|
|
const { page, nextCursor } = pageByCursor(selectedArtifacts, query.limit, cursor);
|
|
return { artifacts: page, selectedGroup, nextCursor };
|
|
}
|
|
|
|
const { page, nextCursor } = pageByCursor(groups, query.limit, cursor);
|
|
return { artifacts: [], groups: page, nextCursor };
|
|
},
|
|
};
|
|
}
|