@flexkit/studio 0.0.36 → 0.1.0

package/dist/chunk-6V73336R.js

@@ -1,623 +0,0 @@
-// src/tools/actor.ts
-function isStringArray(value) {
-  return Array.isArray(value) && value.every((item) => typeof item === "string");
-}
-function parseCustomerToolActor(value) {
-  if (!value || typeof value !== "object") {
-    return null;
-  }
-  const record = value;
-  if (record.kind === "chat") {
-    if (typeof record.userId !== "string" || !record.userId) {
-      return null;
-    }
-    if (typeof record.role !== "string" || !record.role) {
-      return null;
-    }
-    if (!isStringArray(record.spaceCodes)) {
-      return null;
-    }
-    return {
-      kind: "chat",
-      role: record.role,
-      spaceCodes: record.spaceCodes,
-      userId: record.userId
-    };
-  }
-  if (record.kind === "automation") {
-    if (typeof record.automationId !== "string" || !record.automationId) {
-      return null;
-    }
-    const spaceId = record.spaceId ?? null;
-    if (spaceId !== null && typeof spaceId !== "string") {
-      return null;
-    }
-    if (!isStringArray(record.spaceCodes)) {
-      return null;
-    }
-    return {
-      automationId: record.automationId,
-      kind: "automation",
-      spaceCodes: record.spaceCodes,
-      spaceId
-    };
-  }
-  return null;
-}
-
-// src/tools/tool-names.ts
-var CUSTOM_TOOL_NAME_PREFIX = "custom_";
-var TOOL_NAME_PATTERN = /^[a-z][a-zA-Z0-9_]*$/;
-function isValidToolName(name) {
-  return TOOL_NAME_PATTERN.test(name) && !name.startsWith(CUSTOM_TOOL_NAME_PREFIX);
-}
-function toAgentToolName(name) {
-  return `${CUSTOM_TOOL_NAME_PREFIX}${name}`;
-}
-
-// src/tools/define-tool.ts
-import { z } from "zod";
-
-// src/tools/json-schema.ts
-function stripJsonSchemaMeta(value) {
-  if (Array.isArray(value)) {
-    return value.map((entry) => stripJsonSchemaMeta(entry));
-  }
-  if (!value || typeof value !== "object") {
-    return value;
-  }
-  const result = {};
-  for (const [key, nested] of Object.entries(value)) {
-    if (key === "$schema") {
-      continue;
-    }
-    result[key] = stripJsonSchemaMeta(nested);
-  }
-  return result;
-}
-
-// src/tools/define-tool.ts
-function defineTool(options) {
-  if (!isValidToolName(options.name)) {
-    throw new Error(
-      `Invalid custom tool name "${options.name}". Use a camelCase identifier that does not start with \`custom_\`.`
-    );
-  }
-  if (!options.description.trim()) {
-    throw new Error(`Custom tool "${options.name}" must have a description.`);
-  }
-  return {
-    description: options.description.trim(),
-    execute: (input, actor) => options.execute(input, actor),
-    input: options.input,
-    name: options.name
-  };
-}
-function toolToManifest(tool) {
-  const inputSchema = stripJsonSchemaMeta(
-    z.toJSONSchema(tool.input, { target: "draft-07" })
-  );
-  return {
-    description: tool.description,
-    inputSchema,
-    name: tool.name
-  };
-}
-
-// src/tools/hmac.ts
-var FLEXKIT_TIMESTAMP_HEADER = "flexkit-timestamp";
-var FLEXKIT_SIGNATURE_HEADER = "flexkit-signature";
-var FLEXKIT_SIGNATURE_PREVIOUS_HEADER = "flexkit-signature-previous";
-var CUSTOMER_TOOLS_SERVE_PATH = "/api/flexkit/tools";
-var CUSTOMER_TOOLS_HELLO_PATH = "/tools/dev-connect/hello";
-var CUSTOMER_TOOLS_POLL_PATH = "/tools/dev-connect/poll";
-var CUSTOMER_TOOLS_RESPOND_PATH = "/tools/dev-connect/respond";
-var DEFAULT_MAX_SKEW_SECONDS = 300;
-function getSubtleCrypto() {
-  const subtle = globalThis.crypto?.subtle;
-  if (!subtle) {
-    throw new Error("Web Crypto is not available.");
-  }
-  return subtle;
-}
-function encodeUtf8(value) {
-  return new TextEncoder().encode(value);
-}
-function toBase64Url(bytes) {
-  const binary = String.fromCharCode(...new Uint8Array(bytes));
-  return btoa(binary).replaceAll("+", "-").replaceAll("/", "_").replaceAll("=", "");
-}
-function timingSafeEqualBytes(left, right) {
-  if (left.length !== right.length) {
-    return false;
-  }
-  let diff = 0;
-  for (let index = 0; index < left.length; index += 1) {
-    diff |= (left[index] ?? 0) ^ (right[index] ?? 0);
-  }
-  return diff === 0;
-}
-function getUnixTimestampSeconds() {
-  return Math.floor(Date.now() / 1e3);
-}
-function buildSignaturePayload({
-  body,
-  method,
-  path,
-  timestamp
-}) {
-  return `${timestamp.toString()}.${method.toUpperCase()}.${path}.${body}`;
-}
-async function signPayload(secret, payload) {
-  const key = await getSubtleCrypto().importKey(
-    "raw",
-    encodeUtf8(secret),
-    { hash: "SHA-256", name: "HMAC" },
-    false,
-    ["sign"]
-  );
-  const signature = await getSubtleCrypto().sign("HMAC", key, encodeUtf8(payload));
-  return `v1=${toBase64Url(signature)}`;
-}
-async function createSignedHeaders({
-  body,
-  method,
-  path,
-  previousSecret,
-  secret,
-  timestamp = getUnixTimestampSeconds()
-}) {
-  const payload = buildSignaturePayload({ body, method, path, timestamp });
-  const headers = {
-    "Flexkit-Timestamp": timestamp.toString(),
-    "Flexkit-Signature": await signPayload(secret, payload)
-  };
-  if (previousSecret) {
-    headers["Flexkit-Signature-Previous"] = await signPayload(previousSecret, payload);
-  }
-  return headers;
-}
-function uniqueSecrets(secret) {
-  const values = Array.isArray(secret) ? secret : [secret];
-  const unique = [];
-  for (const value of values) {
-    const trimmed = value.trim();
-    if (trimmed && !unique.includes(trimmed)) {
-      unique.push(trimmed);
-    }
-  }
-  return unique;
-}
-function parseSignatureHeader(value) {
-  const trimmed = value.trim();
-  if (trimmed.startsWith("v1=")) {
-    return trimmed.slice(3);
-  }
-  return null;
-}
-async function verifySignedHeaders({
-  body,
-  maxSkewSeconds = DEFAULT_MAX_SKEW_SECONDS,
-  method,
-  path,
-  previousSignatureHeader,
-  secret,
-  signatureHeader,
-  timestampHeader
-}) {
-  const secrets = uniqueSecrets(secret);
-  const signatureHeaders = [signatureHeader, previousSignatureHeader ?? null].filter(
-    (value) => Boolean(value)
-  );
-  if (secrets.length === 0 || signatureHeaders.length === 0 || !timestampHeader) {
-    return false;
-  }
-  const timestamp = Number(timestampHeader);
-  if (!Number.isInteger(timestamp)) {
-    return false;
-  }
-  const now = getUnixTimestampSeconds();
-  if (Math.abs(now - timestamp) > maxSkewSeconds) {
-    return false;
-  }
-  const payload = buildSignaturePayload({ body, method, path, timestamp });
-  for (const candidateSecret of secrets) {
-    const expected = await signPayload(candidateSecret, payload);
-    const expectedDigest = parseSignatureHeader(expected);
-    if (!expectedDigest) {
-      continue;
-    }
-    const expectedBytes = encodeUtf8(expectedDigest);
-    for (const header of signatureHeaders) {
-      const providedDigest = parseSignatureHeader(header);
-      if (!providedDigest) {
-        continue;
-      }
-      const providedBytes = encodeUtf8(providedDigest);
-      if (providedBytes.length !== expectedBytes.length) {
-        continue;
-      }
-      if (timingSafeEqualBytes(providedBytes, expectedBytes)) {
-        return true;
-      }
-    }
-  }
-  return false;
-}
-function getHeader(headers, name) {
-  return headers.get(name) ?? headers.get(name.toLowerCase());
-}
-
-// src/core/domains.ts
-var defaultFlexkitDomain = "flexkit.io";
-var allowedFlexkitDomains = {
-  "flexkit.io": true,
-  "flexkit.test": true
-};
-function getConfiguredFlexkitDomain() {
-  const configuredDomain = globalThis.process?.env?.FLEXKIT_DOMAIN?.trim();
-  if (!configuredDomain) {
-    return defaultFlexkitDomain;
-  }
-  if (allowedFlexkitDomains[configuredDomain]) {
-    return configuredDomain;
-  }
-  return defaultFlexkitDomain;
-}
-var flexkitDomain = getConfiguredFlexkitDomain();
-var flexkitApiDomain = `api.${flexkitDomain}`;
-
-// src/tools/dev-connect.ts
-var CUSTOMER_TOOLS_ME_PATH = "/users/me";
-var FLEXKIT_STUDIO_RUNTIME_HEADER = "Flexkit-Studio-Runtime";
-var FLEXKIT_STUDIO_RUNTIME_LOCAL = "local";
-var DEV_CONNECT_ROLES = {
-  developer: true,
-  owner: true
-};
-function jsonResult(status, body) {
-  return {
-    body,
-    headers: { "Content-Type": "application/json" },
-    status,
-    type: "json"
-  };
-}
-function noContentResult() {
-  return {
-    body: null,
-    status: 204,
-    type: "response"
-  };
-}
-function shouldHandleDevConnectTick() {
-  const env = globalThis.process?.env ?? {};
-  if (env.FLEXKIT_TOOLS_DEV_CONNECT === "1") {
-    return true;
-  }
-  return env.NODE_ENV !== "production";
-}
-function isDevConnectRole(role) {
-  return Boolean(role && DEV_CONNECT_ROLES[role]);
-}
-function getProjectApiOrigin(projectId) {
-  return `https://${projectId}.${flexkitApiDomain}`;
-}
-function guessClientLabel(fallbackProjectId) {
-  const env = globalThis.process?.env ?? {};
-  const port = env.PORT ?? "3000";
-  return `${env.npm_package_name ?? fallbackProjectId}@localhost:${port}`;
-}
-function isCustomerToolsTickPath(pathname) {
-  return /^\/api\/flexkit\/[^/]+\/tools\/dev-connect\/tick$/.test(pathname);
-}
-function getCustomerToolsTickPath(projectId) {
-  return `/api/flexkit/${projectId}/tools/dev-connect/tick`;
-}
-async function sessionFetch({
-  body,
-  method,
-  path,
-  projectId,
-  sessionToken
-}) {
-  const headers = {
-    Cookie: `sessionToken=${sessionToken}`
-  };
-  if (body) {
-    headers["Content-Type"] = "application/json";
-  }
-  return fetch(`${getProjectApiOrigin(projectId)}${path}`, {
-    body,
-    headers,
-    method
-  });
-}
-var tickInFlight = false;
-var HELLO_INTERVAL_MS = 3e4;
-var connectDecisions = {};
-var helloStates = {};
-function connectDecisionKey(projectId, sessionToken) {
-  return `${sessionToken}\0${projectId}`;
-}
-function forgetConnectDecision({ projectId, sessionToken }) {
-  const key = connectDecisionKey(projectId, sessionToken);
-  delete connectDecisions[key];
-  delete helloStates[key];
-}
-function rememberConnectDecision({
-  decision,
-  projectId,
-  sessionToken
-}) {
-  connectDecisions[connectDecisionKey(projectId, sessionToken)] = decision;
-}
-function hashManifest(manifest) {
-  let hash = 2166136261;
-  for (let index = 0; index < manifest.length; index += 1) {
-    hash ^= manifest.charCodeAt(index);
-    hash = Math.imul(hash, 16777619);
-  }
-  return (hash >>> 0).toString(36);
-}
-function shouldSendHello(input) {
-  const state = helloStates[connectDecisionKey(input.projectId, input.sessionToken)];
-  if (!state || state.manifestHash !== input.manifestHash) {
-    return true;
-  }
-  return Date.now() - state.sentAt >= HELLO_INTERVAL_MS;
-}
-function rememberHello(input) {
-  helloStates[connectDecisionKey(input.projectId, input.sessionToken)] = {
-    manifestHash: input.manifestHash,
-    sentAt: Date.now()
-  };
-}
-function deniedDevConnectResult(status) {
-  if (status === 401) {
-    return jsonResult(401, { error: "Sign in to Studio to connect local tools." });
-  }
-  return jsonResult(403, { error: "Only owners and developers can connect local tools." });
-}
-async function getDevConnectDenial({
-  projectId,
-  sessionToken
-}) {
-  const cached = connectDecisions[connectDecisionKey(projectId, sessionToken)];
-  if (cached === "allow") {
-    return null;
-  }
-  if (cached === 401 || cached === 403) {
-    return deniedDevConnectResult(cached);
-  }
-  let meResponse;
-  try {
-    meResponse = await sessionFetch({
-      method: "GET",
-      path: CUSTOMER_TOOLS_ME_PATH,
-      projectId,
-      sessionToken
-    });
-  } catch {
-    return jsonResult(503, { error: "Unable to verify Studio session for local tools." });
-  }
-  if (meResponse.status === 401 || meResponse.status === 403) {
-    rememberConnectDecision({ decision: meResponse.status, projectId, sessionToken });
-    return deniedDevConnectResult(meResponse.status);
-  }
-  if (!meResponse.ok) {
-    return jsonResult(503, { error: "Unable to verify Studio session for local tools." });
-  }
-  let payload = {};
-  try {
-    payload = await meResponse.json();
-  } catch {
-    return jsonResult(503, { error: "Unable to verify Studio session for local tools." });
-  }
-  const role = typeof payload.role === "string" ? payload.role : "";
-  if (isDevConnectRole(role)) {
-    rememberConnectDecision({ decision: "allow", projectId, sessionToken });
-    return null;
-  }
-  rememberConnectDecision({ decision: 403, projectId, sessionToken });
-  return deniedDevConnectResult(403);
-}
-async function executeJob({
-  actor,
-  job,
-  projectId,
-  sessionToken,
-  tools
-}) {
-  const tool = tools.find((candidate) => candidate.name === job.name);
-  let body;
-  if (!tool) {
-    body = JSON.stringify({ error: `Unknown tool "${job.name}".`, jobId: job.id });
-  } else {
-    const parsed = tool.input.safeParse(job.arguments ?? {});
-    if (!parsed.success) {
-      body = JSON.stringify({
-        error: parsed.error.issues.map((issue) => issue.message).join(", "),
-        jobId: job.id
-      });
-    } else {
-      try {
-        const result = await tool.execute(parsed.data, actor);
-        body = JSON.stringify({ jobId: job.id, result });
-      } catch (error) {
-        body = JSON.stringify({
-          error: error instanceof Error ? error.message : "Tool execution failed.",
-          jobId: job.id
-        });
-      }
-    }
-  }
-  await sessionFetch({
-    body,
-    method: "POST",
-    path: CUSTOMER_TOOLS_RESPOND_PATH,
-    projectId,
-    sessionToken
-  });
-}
-async function handleDevConnectTick({
-  projectId,
-  sessionToken,
-  skills,
-  tools
-}) {
-  if (!shouldHandleDevConnectTick()) {
-    return noContentResult();
-  }
-  if (!sessionToken) {
-    return jsonResult(401, { error: "Sign in to Studio to connect local tools." });
-  }
-  if (!projectId || tools.length === 0 && skills === void 0) {
-    return noContentResult();
-  }
-  const denial = await getDevConnectDenial({ projectId, sessionToken });
-  if (denial) {
-    return denial;
-  }
-  if (tickInFlight) {
-    return noContentResult();
-  }
-  tickInFlight = true;
-  const helloBody = JSON.stringify({
-    clientLabel: guessClientLabel(projectId),
-    ...skills === void 0 ? {} : { skills },
-    tools: tools.map((tool) => toolToManifest(tool))
-  });
-  const manifestHash = hashManifest(helloBody);
-  try {
-    if (shouldSendHello({ manifestHash, projectId, sessionToken })) {
-      const helloResponse = await sessionFetch({
-        body: helloBody,
-        method: "POST",
-        path: CUSTOMER_TOOLS_HELLO_PATH,
-        projectId,
-        sessionToken
-      });
-      if (helloResponse.status === 401 || helloResponse.status === 403) {
-        forgetConnectDecision({ projectId, sessionToken });
-        return jsonResult(helloResponse.status, { error: "Unable to register the local tools runtime." });
-      }
-      if (!helloResponse.ok) {
-        return jsonResult(helloResponse.status, { error: "Unable to register the local tools runtime." });
-      }
-      rememberHello({ manifestHash, projectId, sessionToken });
-    }
-    const pollResponse = await sessionFetch({
-      method: "GET",
-      path: CUSTOMER_TOOLS_POLL_PATH,
-      projectId,
-      sessionToken
-    });
-    if (pollResponse.status === 401 || pollResponse.status === 403) {
-      forgetConnectDecision({ projectId, sessionToken });
-      return jsonResult(pollResponse.status, { error: "Unable to poll for local tool jobs." });
-    }
-    if (pollResponse.status !== 200) {
-      return jsonResult(pollResponse.status, { error: "Unable to poll for local tool jobs." });
-    }
-    const { job } = await pollResponse.json();
-    if (!job) {
-      return jsonResult(200, { job: null });
-    }
-    const actor = parseCustomerToolActor(job.actor);
-    if (!actor) {
-      await sessionFetch({
-        body: JSON.stringify({ error: "A valid Flexkit actor is required.", jobId: job.id }),
-        method: "POST",
-        path: CUSTOMER_TOOLS_RESPOND_PATH,
-        projectId,
-        sessionToken
-      });
-      return jsonResult(200, { job: job.id });
-    }
-    await executeJob({ actor, job, projectId, sessionToken, tools });
-    return jsonResult(200, { job: job.id });
-  } catch {
-    return jsonResult(503, { error: "Flexkit is not reachable from this local runtime." });
-  } finally {
-    tickInFlight = false;
-  }
-}
-
-// src/tools/define-skill.ts
-var MAX_SKILL_NAME_LENGTH = 120;
-var MAX_SKILL_DESCRIPTION_LENGTH = 500;
-var MAX_SKILL_CONTENT_LENGTH = 5e4;
-function requireValue(value, field) {
-  const trimmed = value.trim();
-  if (!trimmed) {
-    throw new Error(`Custom skill ${field} is required.`);
-  }
-  return trimmed;
-}
-function defineSkill(options) {
-  const name = requireValue(options.name, "name");
-  const description = requireValue(options.description, `"${name}" description`);
-  const content = requireValue(options.content, `"${name}" content`);
-  const space = options.space === void 0 ? void 0 : requireValue(options.space, `"${name}" space`);
-  if (name.length > MAX_SKILL_NAME_LENGTH) {
-    throw new Error(`Custom skill name must be at most ${String(MAX_SKILL_NAME_LENGTH)} characters.`);
-  }
-  if (description.length > MAX_SKILL_DESCRIPTION_LENGTH) {
-    throw new Error(
-      `Custom skill "${name}" description must be at most ${String(MAX_SKILL_DESCRIPTION_LENGTH)} characters.`
-    );
-  }
-  if (content.length > MAX_SKILL_CONTENT_LENGTH) {
-    throw new Error(`Custom skill "${name}" content must be at most ${String(MAX_SKILL_CONTENT_LENGTH)} characters.`);
-  }
-  return {
-    content,
-    description,
-    name,
-    ...space === void 0 ? {} : { space }
-  };
-}
-function assertUniqueSkillNames(skills) {
-  const names = /* @__PURE__ */ new Set();
-  for (const skill of skills) {
-    if (names.has(skill.name)) {
-      throw new Error(`Duplicate custom skill name "${skill.name}".`);
-    }
-    names.add(skill.name);
-  }
-}
-
-export {
-  flexkitDomain,
-  flexkitApiDomain,
-  parseCustomerToolActor,
-  CUSTOM_TOOL_NAME_PREFIX,
-  isValidToolName,
-  toAgentToolName,
-  defineTool,
-  toolToManifest,
-  FLEXKIT_TIMESTAMP_HEADER,
-  FLEXKIT_SIGNATURE_HEADER,
-  FLEXKIT_SIGNATURE_PREVIOUS_HEADER,
-  CUSTOMER_TOOLS_SERVE_PATH,
-  CUSTOMER_TOOLS_HELLO_PATH,
-  CUSTOMER_TOOLS_POLL_PATH,
-  CUSTOMER_TOOLS_RESPOND_PATH,
-  signPayload,
-  createSignedHeaders,
-  verifySignedHeaders,
-  getHeader,
-  FLEXKIT_STUDIO_RUNTIME_HEADER,
-  FLEXKIT_STUDIO_RUNTIME_LOCAL,
-  shouldHandleDevConnectTick,
-  isDevConnectRole,
-  isCustomerToolsTickPath,
-  getCustomerToolsTickPath,
-  handleDevConnectTick,
-  MAX_SKILL_NAME_LENGTH,
-  MAX_SKILL_DESCRIPTION_LENGTH,
-  MAX_SKILL_CONTENT_LENGTH,
-  defineSkill,
-  assertUniqueSkillNames
-};

package/dist/chunk-7BOX7HHO.js

@@ -1,2 +0,0 @@
-import'./index.css';import {a}from'./chunk-O2QMYUPS.js';import {jsx}from'react/jsx-runtime';function o({className:r,...i}){return jsx("textarea",{"data-slot":"textarea",className:a("fk:flex fk:field-sizing-content fk:min-h-16 fk:w-full fk:rounded-md fk:border fk:border-input fk:bg-background fk:px-3 fk:py-2 fk:text-base fk:shadow-xs fk:transition-[color,box-shadow] fk:outline-none fk:placeholder:text-muted-foreground fk:focus-visible:border-ring fk:focus-visible:ring-[3px] fk:focus-visible:ring-ring/50 fk:disabled:cursor-not-allowed fk:disabled:opacity-50 fk:aria-invalid:border-destructive fk:aria-invalid:ring-destructive/20 fk:md:text-sm fk:dark:bg-input/30 fk:dark:aria-invalid:ring-destructive/40 fk:corner-squircle",r),...i})}export{o as a};//# sourceMappingURL=chunk-7BOX7HHO.js.map
-//# sourceMappingURL=chunk-7BOX7HHO.js.map

package/dist/chunk-7BOX7HHO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/primitives/textarea.tsx"],"names":["Textarea","className","props","jsx","cn"],"mappings":"4FAGA,SAASA,CAAAA,CAAS,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAqC,CAC3E,OACEC,GAAAA,CAAC,UAAA,CAAA,CACC,WAAA,CAAU,UAAA,CACV,SAAA,CAAWC,CAAAA,CACT,miBACAH,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CAEJ","file":"chunk-7BOX7HHO.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../lib/utils';\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'fk:flex fk:field-sizing-content fk:min-h-16 fk:w-full fk:rounded-md fk:border fk:border-input fk:bg-background fk:px-3 fk:py-2 fk:text-base fk:shadow-xs fk:transition-[color,box-shadow] fk:outline-none fk:placeholder:text-muted-foreground fk:focus-visible:border-ring fk:focus-visible:ring-[3px] fk:focus-visible:ring-ring/50 fk:disabled:cursor-not-allowed fk:disabled:opacity-50 fk:aria-invalid:border-destructive fk:aria-invalid:ring-destructive/20 fk:md:text-sm fk:dark:bg-input/30 fk:dark:aria-invalid:ring-destructive/40 fk:corner-squircle',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"]}

package/dist/chunk-7JFLGBWE.js

@@ -1,2 +0,0 @@
-import'./index.css';import {b,c,e}from'./chunk-USNXQOMJ.js';import {a}from'./chunk-O2QMYUPS.js';import {useRef,useState,useEffect}from'react';import {Check,Copy}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';var d=500,w=3e3;function O({value:t}){let a$1=useRef(null),n=useRef(null),[r,s]=useState(false),[b$1,i]=useState(false);useEffect(()=>()=>{n.current&&clearTimeout(n.current);},[]);function c$1(){let e=a$1.current;return e?e.scrollWidth>e.clientWidth:false}async function g(e){if(e.preventDefault(),e.stopPropagation(),!!t){try{await navigator.clipboard.writeText(t);}catch{return}s(true),i(true),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{s(false),i(false);},w);}}function y(){c$1();}function h(e){if(!r){if(e){i(c$1());return}i(false);}}if(!t)return jsx("div",{className:"fk:truncate"});let x=t.length>d?`${t.slice(0,d)}\u2026`:t;return jsxs(b,{open:b$1,onOpenChange:h,children:[jsx(c,{asChild:true,children:jsxs("button",{"aria-label":"Copy value",className:a("fk:group/copyable fk:relative fk:flex fk:w-full fk:min-w-0 fk:items-center fk:rounded-sm fk:border-0 fk:bg-transparent fk:px-0.5 fk:-mx-0.5 fk:py-0.5 fk:text-left fk:text-inherit fk:font-inherit fk:corner-squircle","fk:cursor-pointer fk:transition-[transform,background-color] fk:duration-75 fk:ease-out","fk:hover:bg-muted/50 fk:active:translate-y-px fk:active:scale-[0.98] fk:active:bg-muted/70","fk:focus-visible:outline-hidden fk:focus-visible:ring-1 fk:focus-visible:ring-ring"),onClick:g,onPointerEnter:y,type:"button",children:[jsx("span",{className:"fk:min-w-0 fk:flex-1 fk:truncate fk:pr-4",ref:a$1,children:t}),jsx("span",{"aria-hidden":true,className:a("fk:pointer-events-none fk:absolute fk:right-0.5 fk:top-1/2 fk:flex fk:-translate-y-1/2 fk:items-center fk:justify-center","fk:rounded-sm fk:bg-muted/80 fk:p-0.5 fk:text-muted-foreground fk:shadow-sm fk:ring-1 fk:ring-border/60 fk:corner-squircle","fk:transition-opacity fk:duration-100",r?"fk:opacity-100 fk:text-foreground":"fk:opacity-0 fk:group-hover/copyable:opacity-100 fk:group-focus-visible/copyable:opacity-100"),children:r?jsx(Check,{className:"fk:size-3"}):jsx(Copy,{className:"fk:size-3"})})]})}),jsx(e,{className:"fk:max-w-xs fk:wrap-break-word",children:r?"Copied to clipboard":x})]})}export{O as a};//# sourceMappingURL=chunk-7JFLGBWE.js.map
-//# sourceMappingURL=chunk-7JFLGBWE.js.map

package/dist/chunk-7JFLGBWE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data-grid/preview-components/copyable-truncated-text.tsx"],"names":["TOOLTIP_MAX_LENGTH","COPIED_DISMISS_MS","CopyableTruncatedText","value","textRef","useRef","dismissTimeoutRef","copied","setCopied","useState","tooltipOpen","setTooltipOpen","useEffect","measureTruncation","element","handleClick","event","handlePointerEnter","handleTooltipOpenChange","open","jsx","tooltipText","jsxs","Tooltip","TooltipTrigger","cn","CheckIcon","CopyIcon","TooltipContent"],"mappings":"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","file":"chunk-7JFLGBWE.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport type { JSX, MouseEvent } from 'react';\nimport { Check as CheckIcon, Copy as CopyIcon } from 'lucide-react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/primitives/tooltip';\nimport { cn } from '../../ui/lib/utils';\n\nconst TOOLTIP_MAX_LENGTH = 500;\nconst COPIED_DISMISS_MS = 3000;\n\ntype CopyableTruncatedTextProps = {\n  value: string;\n};\n\nexport function CopyableTruncatedText({ value }: CopyableTruncatedTextProps): JSX.Element {\n  const textRef = useRef<HTMLSpanElement>(null);\n  const dismissTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [copied, setCopied] = useState(false);\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n\n  useEffect(() => {\n    return () => {\n      if (dismissTimeoutRef.current) {\n        clearTimeout(dismissTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  function measureTruncation(): boolean {\n    const element = textRef.current;\n\n    if (!element) {\n      return false;\n    }\n\n    return element.scrollWidth > element.clientWidth;\n  }\n\n  async function handleClick(event: MouseEvent<HTMLButtonElement>): Promise<void> {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!value) {\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(value);\n    } catch {\n      return;\n    }\n\n    setCopied(true);\n    setTooltipOpen(true);\n\n    if (dismissTimeoutRef.current) {\n      clearTimeout(dismissTimeoutRef.current);\n    }\n\n    dismissTimeoutRef.current = setTimeout(() => {\n      setCopied(false);\n      setTooltipOpen(false);\n    }, COPIED_DISMISS_MS);\n  }\n\n  function handlePointerEnter(): void {\n    measureTruncation();\n  }\n\n  function handleTooltipOpenChange(open: boolean): void {\n    if (copied) {\n      return;\n    }\n\n    if (open) {\n      setTooltipOpen(measureTruncation());\n\n      return;\n    }\n\n    setTooltipOpen(false);\n  }\n\n  if (!value) {\n    return <div className=\"fk:truncate\" />;\n  }\n\n  const tooltipText =\n    value.length > TOOLTIP_MAX_LENGTH ? `${value.slice(0, TOOLTIP_MAX_LENGTH)}…` : value;\n\n  return (\n    <Tooltip open={tooltipOpen} onOpenChange={handleTooltipOpenChange}>\n      <TooltipTrigger asChild>\n        <button\n          aria-label=\"Copy value\"\n          className={cn(\n            'fk:group/copyable fk:relative fk:flex fk:w-full fk:min-w-0 fk:items-center fk:rounded-sm fk:border-0 fk:bg-transparent fk:px-0.5 fk:-mx-0.5 fk:py-0.5 fk:text-left fk:text-inherit fk:font-inherit fk:corner-squircle',\n            'fk:cursor-pointer fk:transition-[transform,background-color] fk:duration-75 fk:ease-out',\n            'fk:hover:bg-muted/50 fk:active:translate-y-px fk:active:scale-[0.98] fk:active:bg-muted/70',\n            'fk:focus-visible:outline-hidden fk:focus-visible:ring-1 fk:focus-visible:ring-ring'\n          )}\n          onClick={handleClick}\n          onPointerEnter={handlePointerEnter}\n          type=\"button\"\n        >\n          <span className=\"fk:min-w-0 fk:flex-1 fk:truncate fk:pr-4\" ref={textRef}>\n            {value}\n          </span>\n          <span\n            aria-hidden\n            className={cn(\n              'fk:pointer-events-none fk:absolute fk:right-0.5 fk:top-1/2 fk:flex fk:-translate-y-1/2 fk:items-center fk:justify-center',\n              'fk:rounded-sm fk:bg-muted/80 fk:p-0.5 fk:text-muted-foreground fk:shadow-sm fk:ring-1 fk:ring-border/60 fk:corner-squircle',\n              'fk:transition-opacity fk:duration-100',\n              copied\n                ? 'fk:opacity-100 fk:text-foreground'\n                : 'fk:opacity-0 fk:group-hover/copyable:opacity-100 fk:group-focus-visible/copyable:opacity-100'\n            )}\n          >\n            {copied ? <CheckIcon className=\"fk:size-3\" /> : <CopyIcon className=\"fk:size-3\" />}\n          </span>\n        </button>\n      </TooltipTrigger>\n      <TooltipContent className=\"fk:max-w-xs fk:wrap-break-word\">\n        {copied ? 'Copied to clipboard' : tooltipText}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"]}