@vishu1301/script-writing 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1906,7 +1906,7 @@ function ScriptBreakdownSceneView({
1906
1906
  }
1907
1907
  return nodes;
1908
1908
  };
1909
- return /* @__PURE__ */ jsx("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center max-w-6xl", children: [
1909
+ return /* @__PURE__ */ jsx("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center max-w-6xl xl:max-w-full", children: [
1910
1910
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 min-h-screen", children: [
1911
1911
  /* @__PURE__ */ jsx(
1912
1912
  "div",
@@ -2067,8 +2067,8 @@ function ScriptBreakdownSceneView({
2067
2067
  /* @__PURE__ */ jsx(
2068
2068
  "div",
2069
2069
  {
2070
- className: `fixed top-0 right-0 z-50 h-auto xl:h-auto w-72 transform transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] xl:translate-x-0 ${isSidebarOpen ? "translate-x-0 shadow-[0_0_40px_rgba(0,0,0,0.1)]" : "translate-x-full"}`,
2071
- children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 flex h-screen max-h-screen w-full flex-col border-l border-l-[#eefafd] bg-white p-3 py-5", children: [
2070
+ className: `fixed xl:absolute top-0 right-0 z-50 h-full w-72 transform transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] xl:translate-x-0 ${isSidebarOpen ? "translate-x-0 shadow-[0_0_40px_rgba(0,0,0,0.1)]" : "translate-x-full"}`,
2071
+ children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 flex h-[100dvh] max-h-screen w-full flex-col border-l border-l-[#eefafd] bg-white p-3 py-5", children: [
2072
2072
  !aiSummarized && /* @__PURE__ */ jsx(
2073
2073
  summarize_button_default,
2074
2074
  {
@@ -2084,7 +2084,7 @@ function ScriptBreakdownSceneView({
2084
2084
  ] }),
2085
2085
  /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "rounded-full border border-slate-200/60 bg-slate-50 px-2.5 py-1 text-[11px] font-semibold text-[#134a61] shadow-sm backdrop-blur-md", children: tags.length }) })
2086
2086
  ] }),
2087
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 overflow-y-auto custom-scrollbar", children: CATEGORIES.map((cat) => {
2087
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 overflow-y-auto overflow-x-hidden pb-4 pr-1 custom-scrollbar", children: CATEGORIES.map((cat) => {
2088
2088
  const catTags = tags.filter((t) => t.category_id === cat.id);
2089
2089
  if (!catTags.length) return null;
2090
2090
  const isExpanded = expandedCategories[cat.id];
@@ -2097,7 +2097,7 @@ function ScriptBreakdownSceneView({
2097
2097
  /* @__PURE__ */ jsxs(
2098
2098
  "div",
2099
2099
  {
2100
- onClick: () => setExpandedCategories((prev) => __spreadProps(__spreadValues({}, prev), {
2100
+ onClick: () => setExpandedCategories((prev) => ({
2101
2101
  [cat.id]: !prev[cat.id]
2102
2102
  })),
2103
2103
  className: "group relative flex cursor-pointer items-center gap-3 overflow-hidden rounded-[24px] border border-white/70 px-4 py-3.5 transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:-translate-y-[1px]",
@@ -2153,7 +2153,8 @@ function ScriptBreakdownSceneView({
2153
2153
  children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-start gap-2 py-2", children: uniqueTags.map((tag, index) => /* @__PURE__ */ jsx(
2154
2154
  "span",
2155
2155
  {
2156
- className: "text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300",
2156
+ title: tag.name,
2157
+ className: "inline-block max-w-full truncate text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300",
2157
2158
  style: {
2158
2159
  color: cat.color,
2159
2160
  background: `linear-gradient(145deg, ${cat.color}18, rgba(255,255,255,0.88))`,